.contact-page{background:var(--paper);color:var(--ink)}.contact-shell{width:min(100%,94rem);margin-inline:auto;padding:2rem clamp(1.25rem,4vw,4rem) clamp(4rem,8vw,8rem)}.contact-back{margin-bottom:clamp(2rem,5vw,4.5rem)}.contact-back a{min-height:2.75rem;color:var(--muted-foreground);align-items:center;gap:.65rem;font-size:.875rem;font-weight:600;transition:color .18s;display:inline-flex}.contact-back a:hover{color:var(--brand)}.contact-back svg{width:1rem;height:1rem;transform:rotate(-45deg)}[dir=rtl] .contact-back svg{transform:rotate(135deg)}.contact-hero{background:var(--ink);min-height:19rem;color:var(--paper);border-top:3px solid var(--brand);grid-template-columns:minmax(0,1.3fr) minmax(15rem,.7fr);align-items:end;gap:3rem;padding:clamp(2rem,5vw,4.5rem);display:grid;overflow:hidden}.contact-hero-copy{max-width:45rem}.contact-eyebrow,.contact-section-kicker{color:var(--brand);letter-spacing:.14em;text-transform:uppercase;font-size:.75rem;font-weight:600}.contact-hero h1{max-width:12ch;font-family:var(--font-display);letter-spacing:-.055em;text-wrap:balance;margin-top:1.25rem;font-size:clamp(2.5rem,6vw,5.75rem);font-weight:700;line-height:.98}.contact-hero-copy>p:last-child{max-width:45ch;color:color-mix(in oklab, var(--paper) 70%, transparent);margin-top:1.75rem;font-size:clamp(1.05rem,1.4vw,1.25rem);line-height:1.6}.contact-hero-mark{border-inline-start:1px solid color-mix(in oklab, var(--paper) 25%, transparent);flex-direction:column;justify-content:flex-end;align-items:flex-end;min-height:11rem;padding:1.25rem;display:flex;position:relative}.contact-hero-mark span{color:color-mix(in oklab, var(--paper) 65%, transparent);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem}.contact-hero-mark strong{font-family:var(--font-display);color:var(--paper);letter-spacing:-.055em;white-space:nowrap;margin-top:.25rem;font-size:clamp(2.35rem,5vw,4.8rem);line-height:.9}.contact-hero-mark i{border-top:2px solid var(--brand);border-inline-end:2px solid var(--brand);top:0;width:4rem;height:4rem;position:absolute;inset-inline-end:0}.contact-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,7vw,7rem);padding-top:clamp(3rem,7vw,6rem);display:grid}.contact-details h2,.contact-form-panel h2{font-family:var(--font-display);letter-spacing:-.035em;margin-top:.7rem;font-size:clamp(1.65rem,3vw,2.5rem);line-height:1.1}.contact-details dl{border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:2.5rem;display:grid}.contact-detail-card{background:var(--paper);min-height:10.5rem;padding:1.35rem;transition:background-color .18s,transform .18s}.contact-detail-card:hover{background:color-mix(in oklab, var(--brand) 5%, var(--paper));transform:translateY(-2px)}.contact-detail-card svg{width:1.15rem;height:1.15rem;color:var(--brand);margin-bottom:1.5rem}.contact-detail-card dt{color:var(--muted-foreground);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem}.contact-detail-card dd{font-family:var(--font-display);overflow-wrap:anywhere;white-space:pre-line;margin-top:.55rem;font-size:.98rem;font-weight:600;line-height:1.5}.contact-form-panel{border:1px solid var(--line);border-top:3px solid var(--brand);padding:clamp(1.5rem,3vw,2.5rem)}.contact-form-lead{max-width:42ch;color:var(--muted-foreground);margin-top:1rem;line-height:1.6}.contact-form-panel form{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-top:2rem;display:grid}.contact-form-panel label{color:var(--muted-foreground);letter-spacing:.08em;text-transform:uppercase;gap:.45rem;font-size:.75rem;font-weight:600;display:grid}.contact-form-panel :is(input,select,textarea){border:1px solid var(--line);background:var(--paper);width:100%;min-height:2.9rem;color:var(--ink);font:inherit;letter-spacing:normal;text-transform:none;outline:none;padding:.7rem .75rem;font-size:.95rem;transition:border-color .18s,box-shadow .18s}.contact-form-panel textarea{resize:vertical}.contact-form-panel :is(input,select,textarea):focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in oklab, var(--brand) 16%, transparent)}.contact-form-panel select option:checked{background:var(--brand);color:var(--primary-foreground)}.contact-message{grid-column:1/-1}.contact-form-panel button{border:1px solid var(--brand);background:var(--brand);min-height:3.2rem;color:var(--primary-foreground);cursor:pointer;grid-column:1/-1;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1.1rem;font-size:.875rem;font-weight:700;transition:background-color .18s,transform .18s;display:inline-flex}.contact-form-panel button:hover{background:var(--brand-deep);transform:translateY(-2px)}.contact-form-panel button svg{width:1.1rem}.contact-form-status{min-height:1.3rem;color:var(--muted-foreground);grid-column:1/-1;font-size:.8125rem;line-height:1.5}@media (width<=760px){.contact-shell{padding-top:1rem}.contact-hero{grid-template-columns:minmax(0,1fr);gap:2rem;min-height:auto}.contact-hero-mark{border-inline-start:0;border-top:1px solid color-mix(in oklab, var(--paper) 25%, transparent);align-items:flex-start;min-height:7rem}.contact-hero-mark strong{font-size:4rem}.contact-body{grid-template-columns:minmax(0,1fr);gap:2.5rem}}@media (width<=460px){.contact-details dl,.contact-form-panel form{grid-template-columns:minmax(0,1fr)}.contact-message,.contact-form-panel button,.contact-form-status{grid-column:auto}.contact-detail-card{min-height:8.5rem}}@media (prefers-reduced-motion:reduce){.contact-back a,.contact-detail-card,.contact-form-panel button,.contact-form-panel :is(input,select,textarea){transition:none}.contact-form-panel button:hover,.contact-detail-card:hover{transform:none}}
