.contact-page{padding-top:64px;padding-bottom:96px}
.contact-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;margin-bottom:88px}
.contact-hero h1{font:800 clamp(42px,4.4vw,64px)/1.05 Gabarito,sans-serif;margin:0 0 24px}
.contact-hero em{color:#6B54D3;font-style:normal}
.contact-hero p{font-size:18px;max-width:550px;line-height:1.7}
.contact-shortcuts{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
body.kp-public .contact-shortcuts .button{width:230px;min-width:210px;min-height:54px;justify-content:center;font:700 19px/1.3 Onest,sans-serif}
body.kp-public #main.contact-page .contact-shortcuts .button.contact-amber{background:#FFB43D;border-color:#FFB43D;color:#331C7A}
body.kp-public #main.contact-page .contact-shortcuts .button.contact-amber:hover{background:#ffc466;border-color:#ffc466;color:#331C7A}
/* Same paper frame, taped pastel note and shadow as the homepage memories. */
.contact-polaroid{position:relative;isolation:isolate;justify-self:center;width:calc(100% - 32px);max-width:460px;margin:22px 16px;padding:10px 10px 0;background:white;box-shadow:0 12px 32px #331c7a1c;transform:rotate(3deg);border-radius:3px}
.contact-polaroid img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.contact-polaroid figcaption{position:relative;margin:12px 5px 14px;padding:12px 10px;background:#FBD3E3;text-align:center;color:#331C7A;transform:rotate(-2deg);box-shadow:0 4px 7px #331c7a0a}
.contact-polaroid figcaption:before{content:'';position:absolute;top:-7px;left:calc(50% - 20px);width:40px;height:13px;background:#fffcf7b5;transform:rotate(5deg)}
.contact-polaroid figcaption span{display:block;font:600 22px/1.15 Gabarito,sans-serif}
.contact-polaroid figcaption small{display:block;margin-top:9px;font:500 13px/1.5 Onest,sans-serif}
@media(prefers-reduced-motion:no-preference){.contact-polaroid{animation:contact-photo-place .75s ease-out both}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.contact-polaroid{transition:translate .25s ease,box-shadow .25s ease}.contact-polaroid:hover{translate:0 -5px;box-shadow:0 16px 30px #331c7a24}}
@keyframes contact-photo-place{from{opacity:0;transform:translateY(-16px) rotate(6deg)}to{opacity:1;transform:translateY(0) rotate(3deg)}}
.contact-partners{position:relative;padding:56px 0 64px;scroll-margin-top:100px}
.contact-partner-copy>.partners-hero{max-width:850px;padding-right:170px;min-height:140px}
.contact-partner-symbol{position:absolute;right:24px;top:26px;width:140px;transform:rotate(12deg);pointer-events:none}
.contact-partner-symbol img{display:block;width:100%;height:auto}
.contact-page .contact-partners h2,.contact-page .contact-message h2{font:700 var(--kp-section-title)/1.12 var(--kp-heading-font);margin:0 0 20px;text-wrap:balance}
.contact-partners p{line-height:1.65}
.contact-partner-actions{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:36px}
.contact-partner-actions article{padding:28px 0 0;border-top:2px solid #D8D2DF;display:flex;align-items:flex-start;flex-direction:column;gap:16px}
.contact-partner-actions article:first-child{border-color:#FFB43D}.contact-partner-actions article:last-child{border-color:#31C4C0}
.contact-partner-actions h3{font:700 29px/1.2 Gabarito,sans-serif;margin:0}
.contact-partner-actions p{margin:0;max-width:470px}
.contact-partner-actions a{margin-top:auto}
.contact-message{max-width:920px;margin:56px auto 0;padding-top:48px;border-top:1px solid #D8D2DF;scroll-margin-top:100px}
.contact-message-copy{text-align:center;max-width:680px;margin:0 auto 32px}
.contact-message-copy p{line-height:1.7}
.contact-direct{display:block;margin-top:20px;font-weight:600;color:#6B54D3}
.contact-form-panel{min-width:0}
.contact-form-panel:has(.contact-unavailable) .contact-topics{justify-content:center}
.contact-unavailable{text-align:center;padding:24px 20px 32px;background:#fff;border:1px solid #D8D2DF;border-radius:20px}
.contact-unavailable h3{margin:0 0 12px;font:700 28px/1.2 Gabarito,sans-serif}
.contact-unavailable p{margin:0 0 24px;line-height:1.6}
.contact-form-panel .public-form{max-width:none;margin:0;padding:0;background:transparent;border:0;box-shadow:none}
.contact-topics{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.contact-topics a{padding:14px 20px;border:1px solid #D8D2DF;border-radius:999px;font:600 17px/1.4 Onest,sans-serif;color:#331C7A}
.contact-topics a[aria-current=true]{background:#331C7A;border-color:#331C7A;color:#fff}
.contact-page :focus-visible{outline:3px solid #6B54D3;outline-offset:4px}
@media(max-width:1000px){.contact-hero{gap:32px}.contact-polaroid figcaption span{font-size:20px}}
@media(max-width:700px){.contact-page{padding-top:32px;padding-bottom:64px}.contact-hero{grid-template-columns:1fr;margin-bottom:40px;gap:28px}.contact-polaroid{max-width:290px;margin:16px 10px;padding:7px 7px 0}.contact-polaroid figcaption{margin:10px 3px 12px;padding:10px 8px}.contact-polaroid figcaption span{font-size:18px}.contact-partners{padding:32px 0}.contact-partner-copy>.partners-hero{padding-right:0;padding-top:100px;min-height:0}.contact-partner-symbol{top:10px;right:auto;left:8px;width:75px}.contact-partner-actions{grid-template-columns:1fr;gap:28px;margin-top:28px}.contact-message{margin-top:24px;padding-top:40px}.contact-form-panel .form-grid{grid-template-columns:1fr}body.kp-public .contact-shortcuts .button{width:100%}}