.contact-page{padding-block:calc(var(--mark-h) + 48px) clamp(28px, 3.2vw, 48px)}.contact-panel{--pad:clamp(22px, 3.4vw, 44px);--gap:max(40px, var(--pad));gap:var(--gap);padding:var(--pad);border-radius:var(--pane-radius);grid-template-areas:"intro""body""email";display:grid;position:relative}.contact-intro,.contact-email{text-align:center}.contact-intro{grid-area:intro}.contact-intro h1{font-size:clamp(40px,5vw,72px)}.contact-intro p{max-width:30em;color:var(--muted);text-wrap:balance;margin:18px auto 0;font-size:clamp(18px,1.7vw,21px)}.contact-body,.contact-email{position:relative}.contact-body{grid-area:body}.contact-body:before,.contact-email:before{content:"";inset:calc(var(--gap) / -2) 0 auto;border-top:1px solid var(--line);position:absolute}@media (width>=740px){.contact-panel{column-gap:calc(var(--pad) * 2);row-gap:var(--pad);grid-template:"intro body"1fr"email body"/minmax(0,4fr) minmax(0,7fr)}.contact-body:before{inset:0 auto 0 calc(var(--pad) * -1);border-top:0;border-left:1px solid var(--line)}.contact-email:before{content:none}.contact-intro,.contact-email{text-align:start}.contact-intro p{margin-inline:0}}.contact-form{gap:26px;display:grid}.contact-form fieldset{border:0;min-width:0;margin:0;padding:0}.contact-form legend{text-align:center;letter-spacing:-.045em;width:100%;margin-bottom:10px;padding:0;font-size:clamp(26px,2.8vw,38px);font-weight:500;line-height:1.1}.contact-form{container-type:inline-size}.topic-row{flex-wrap:wrap;justify-content:center;column-gap:.85em;font-size:clamp(18px,3.6cqi,26px);display:flex;position:relative}@container (width<500px){.topic-row{column-gap:1em;font-size:clamp(16px,6.8cqi,22px)}}@media (width>=740px){.contact-form legend{text-align:start}.topic-row{justify-content:start}}.topic{letter-spacing:-.04em;cursor:pointer;align-items:center;min-height:44px;font-weight:500;line-height:1.2;display:inline-flex;position:relative}.topic input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.topic span{color:var(--quiet);align-items:center;transition:color .3s;display:inline-flex}.topic span:before{content:"";background:#f36a4a66;border-radius:50%;flex:none;width:.3em;height:.3em;margin-right:.4em;transition:background .3s}.topic input:checked+span{color:var(--paper)}.topic input:checked+span:before{background:var(--coral)}.topic input:focus-visible+span{outline:2px solid var(--coral);outline-offset:6px;border-radius:3px}.fields{gap:16px;display:grid}.field label{color:#d8d3df;margin-bottom:8px;font-size:17px;transition:color .18s;display:block}.field:focus-within label{color:var(--paper)}.field-box{background:color-mix(in srgb, var(--night) 60%, transparent);border:1px solid #fffdf72e;border-radius:8px;transition:border-color .18s;display:block;position:relative}.field-box input,.field-box textarea{width:100%;min-height:54px;color:var(--paper);background:0 0;border:0;border-radius:7px;padding:13px 16px;font-size:18px;line-height:1.5;display:block}.field-box textarea{resize:vertical;min-height:148px}.field-box ::placeholder{color:var(--quiet);opacity:1}.field-box :focus-visible{outline:none}@media (hover:hover){.field-box:hover{border-color:#fffdf752}}.field-box:has([aria-invalid=true]){border-color:#f36a4a99}.field:has([aria-invalid=true]) label{color:var(--coral)}.field-box input:-webkit-autofill{-webkit-text-fill-color:var(--paper);caret-color:var(--paper);box-shadow:inset 0 0 0 100px #1a1725}@property --sweep{syntax:"<angle>";inherits:false;initial-value:0deg}.field-box:after{content:"";border-radius:inherit;background:conic-gradient(from calc(270deg - var(--sweep)), var(--coral) calc(var(--sweep) * 2), transparent 0);opacity:0;pointer-events:none;padding:2px;transition:opacity .18s,--sweep 0s .18s;position:absolute;inset:-1px;mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-clip:content-box,border-box;mask-composite:exclude}.field-box:focus-within:after{--sweep:180deg;opacity:1;transition:opacity 0s, --sweep .62s var(--ease)}.field-error{color:var(--coral);margin-top:8px;font-size:16px;display:block}.contact-actions{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px 20px;display:grid}.contact-actions .button{grid-column:2;min-width:280px}.button[aria-disabled=true]{opacity:.6;cursor:wait}.form-status{color:var(--muted);grid-column:3;justify-self:start}.form-status[role=alert]{text-align:center;grid-column:1/-1;justify-self:center}.form-status:empty{display:none}.form-status a{color:var(--coral)}.contact-trap{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.contact-sent{text-align:center;justify-items:center;gap:18px;padding-block:clamp(10px,2vw,24px);display:grid}.contact-sent:focus{outline:none}.contact-sent .brand{--brand-box:50px;background:linear-gradient(145deg,#443037,#211b30 85%);border:1px solid #f36a4a61;border-radius:20px;justify-content:center;width:88px;height:88px;box-shadow:inset 0 1px #f36a4a29}.contact-sent h2{font-size:clamp(34px,4.4vw,56px)}.contact-sent p{color:var(--muted);overflow-wrap:anywhere;font-size:clamp(18px,1.7vw,21px)}.contact-sent strong{color:var(--paper);font-weight:500}.contact-email{grid-area:email}.contact-email p{color:var(--muted);margin-bottom:6px;font-size:clamp(18px,1.7vw,21px)}.email-address{color:#0000;letter-spacing:-.045em;white-space:nowrap;transition:background-position .7s var(--ease);background:linear-gradient(100deg,#ffd3c2 4%,#ff9c7d 22.5%,#f36a4a 42.5% 57.5%,#ff9c7d 77.5%,#ffd3c2 96%) 0 0/200% 100%;-webkit-background-clip:text;background-clip:text;margin:-.12em -.12em -.25em;padding:.12em .12em .25em;font-size:clamp(30px,3vw,40px);font-weight:500;line-height:1.1;display:inline-block}.email-address:focus-visible{background-position:100% 0}@media (hover:hover){.email-address:hover{color:#0000;background-position:100% 0}}@media (width>=640px){.fields{grid-template-columns:repeat(2,minmax(0,1fr))}.field-wide{grid-column:1/-1}}@media (width<=639px){.contact-actions{grid-template-columns:1fr}.contact-actions .button{grid-column:auto;width:100%;min-width:0;min-height:52px}.form-status{grid-column:auto;justify-self:center}}