.contact-page{background-attachment:fixed;min-height:100svh}.contact{--contact-rule:color-mix(in srgb, var(--color-ink) 70%, transparent);padding:2.5rem var(--spacing-gutter) 6rem;flex-direction:column;gap:3.5rem;display:flex}.contact-headline{letter-spacing:-.02em;font-size:clamp(3.25rem,5.6vw,6rem);line-height:1}.contact-lede{max-width:26em;margin-top:1.5rem;font-size:clamp(1.0625rem,1.25vw,1.25rem);line-height:1.5}.contact-details{gap:1.25rem;margin:2.25rem 0 0;display:grid}.contact-details dt,.contact-field label{text-transform:uppercase;letter-spacing:.3em;font-size:.75rem;font-weight:600}.contact-details dd{font-family:var(--font-display);margin:.45rem 0 0;font-size:clamp(1.0625rem,1.3vw,1.3rem);line-height:1.35}.contact-social{gap:.5rem;margin:2rem 0 0 -.6rem;padding:0;list-style:none;display:flex}.contact-social-link{--misreg:0px;width:2.75rem;height:2.75rem;color:var(--color-ink);place-items:center;display:grid}.contact-social-icon{width:1.375rem;height:1.375rem;filter:drop-shadow(calc(var(--misreg) * -1) 0 0 var(--color-war)) drop-shadow(calc(var(--misreg) * 2) 0 0 var(--color-art));transition:filter var(--misreg-duration) var(--misreg-ease)}@media (hover:hover){.contact-social-link:hover{--misreg:var(--misreg-rest)}}.contact-social-link:focus-visible{--misreg:var(--misreg-rest)}.contact-book{align-items:center;gap:.75rem;margin-top:2rem;font-size:1.0625rem;display:inline-flex}.contact-form{gap:2rem;display:grid}.contact-field{gap:.6rem;display:grid}.contact-field input,.contact-field textarea{border:0;border-bottom:1px solid var(--contact-rule);width:100%;color:var(--color-ink);font-family:var(--font-display);transition:border-color .2s var(--misreg-ease);background:0 0;border-radius:0;padding:.55rem 0 .7rem;font-size:clamp(1.125rem,1.4vw,1.375rem);line-height:1.4}.contact-field textarea{resize:vertical;min-height:9rem}.contact-field input:focus,.contact-field textarea:focus{border-bottom:2px solid var(--color-art);outline:none;padding-bottom:calc(.7rem - 1px)}.contact-field input:focus-visible,.contact-field textarea:focus-visible{outline:none}.contact-field[data-invalid] input,.contact-field[data-invalid] textarea{border-bottom-color:var(--color-war)}.contact-error{color:var(--color-ink);font-size:.9375rem}.contact-error:before{content:"";background:var(--color-war);width:.5rem;height:.5rem;margin-right:.6rem;display:inline-block;translate:0 -.08em}.contact-trap{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.contact-actions{flex-wrap:wrap;align-items:center;gap:1rem 1.75rem;display:flex}.contact-send:disabled{opacity:.6;cursor:progress}.contact-status{max-width:30em;font-size:.9375rem;line-height:1.5}.contact-status:empty{display:none}.contact-sent{border-top:1px solid var(--contact-rule);align-self:start;padding-top:2rem}.contact-sent-line{max-width:22ch;font-family:var(--font-display);text-wrap:balance;font-size:clamp(1.75rem,2.6vw,2.5rem);line-height:1.2}@media (min-width:1024px){.contact{grid-template-columns:4.5vw 24.8vw 4.2vw minmax(0,52vw) minmax(0,1fr);gap:0;padding:3.7vw 0 8rem;display:grid}.contact-intro{grid-column:2}.contact-form,.contact-sent{grid-column:4;padding-top:1.1vw}.contact-form{gap:2.4vw}}.contact-privacy{margin:1.5rem 0 0;font-size:.9375rem}