.contact-layout {display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:start}
.contact-intro {max-width:700px;margin-bottom:48px}
.contact-intro h1 {font:400 clamp(36px,5vw,56px)/1.15 var(--font-display);margin-block:16px 24px;text-wrap:balance}
.contact-information {display:grid;gap:32px}
.contact-information h2,.footer-contact h2 {font:400 24px/1.3 var(--font-display);margin-bottom:16px}
.contact-details {display:grid;gap:16px;font-style:normal}
.contact-details>div {display:grid;gap:4px;min-width:0}
.contact-details dt {font-size:12px;color:#645b4d}
.contact-details dd {margin:0;overflow-wrap:anywhere}
.contact-details a,.contact-socials a {display:inline-flex;align-items:center;gap:8px;text-decoration:underline;text-underline-offset:4px}
.contact-icon {inline-size:18px;block-size:18px;flex:0 0 18px}
.contact-socials {display:flex;flex-wrap:wrap;gap:12px 24px;margin-bottom:16px}
.contact-socials>span {display:grid;gap:4px}
.contact-socials small,.contact-details small {font-size:11px;color:#645b4d}
.contact-form-panel {padding:32px;background:white;border:1px solid var(--color-border);border-radius:12px}
.contact-form-panel h2 {font:400 28px/1.3 var(--font-display)}
.contact-form-panel textarea {min-height:160px;resize:vertical}
.contact-form-panel [role=status]:empty {display:none}
.footer-contact {display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;width:min(1120px,calc(100% - 48px));text-align:left;border-top:1px solid var(--color-border);padding-top:32px}
.footer-contact h2 {font-size:20px}
.footer-contact .contact-details {font-size:13px;margin-bottom:16px}
.footer-contact .contact-socials {flex-direction:column;font-size:13px}
@media(max-width:850px){.contact-layout{gap:32px;grid-template-columns:1fr}.contact-form-panel{grid-row:1}.footer-contact{grid-template-columns:1fr 1fr;gap:32px}}
@media(max-width:500px){.contact-form-panel{padding:24px}.footer-contact{grid-template-columns:1fr}.contact-intro{margin-bottom:32px}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){html:not([data-input=keyboard]) .text-link{transition:opacity 150ms ease}html:not([data-input=keyboard]) .text-link:hover{opacity:.75}}
@media(prefers-reduced-motion:no-preference){.shop-menu[data-instant=false][data-visible=true] .menu-collections{animation:menu-content-enter 240ms var(--ease-out) backwards}.shop-menu[data-instant=false][data-visible=true] .menu-secondary{animation:menu-content-enter 240ms 50ms var(--ease-out) backwards}}
@keyframes menu-content-enter {from{opacity:.4;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}
html[data-input=keyboard] .shop-menu .menu-collections,html[data-input=keyboard] .shop-menu .menu-secondary{animation:none}