.contact-page .site-header{position:fixed;inset:0 0 auto;z-index:3;width:100%;background:var(--color-bg)}.contact-page .site-footer{background:var(--color-bg)}.contact-page .site-main{padding-top:0}.contact{display:grid;gap:var(--space-16);padding:var(--hero-heading-offset) 0 var(--space-20)}.contact-kicker{margin:0 0 var(--space-4);color:var(--color-accent);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.contact-intro>header{position:relative}.contact-intro>header .contact-kicker{position:absolute;top:0;margin:0;transform:translateY(calc(-100% - var(--space-4)))}.contact h1,.contact h2{margin:0;font-family:var(--font-display);font-weight:500;line-height:var(--leading-display)}.contact h1{max-width:11em;font-size:clamp(var(--text-4xl),5vw,var(--text-6xl))}.contact h2{max-width:16em;font-size:clamp(var(--text-2xl),3vw,var(--text-4xl))}.contact-lead,.contact-privacy,.contact-steps,.contact-channel dd{color:var(--color-text-secondary);line-height:var(--leading-body)}.contact-lead{max-width:36rem;margin:var(--space-6) 0 0}.contact-channels,.contact-next{margin-top:var(--space-12)}.contact-channel-list,.contact-steps{margin:0;padding:0;list-style:none}.contact-channel-list{display:grid;gap:var(--space-5)}.contact-channel{display:grid;gap:var(--space-1);margin:0;padding-top:var(--space-4);border-top:1px solid var(--color-border)}.contact-channel dt{color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.contact-channel dd{margin:0}.contact-channel a{color:inherit;text-underline-offset:.2em}.contact-channel a:hover,.contact-channel a:active{color:var(--color-accent)}.contact-steps{display:grid;gap:var(--space-4);margin-top:var(--space-6);counter-reset:contact-step}.contact-steps li{display:grid;grid-template-columns:auto 1fr;gap:var(--space-4);align-items:baseline}.contact-steps li:before{counter-increment:contact-step;content:counter(contact-step,decimal-leading-zero);color:var(--color-accent);font-size:var(--text-sm);letter-spacing:.06em}.contact-form{display:grid;gap:var(--space-2);margin:0;padding:var(--space-8) var(--space-6);border:1px solid var(--color-border);background:var(--color-bg-elevated)}.contact-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6);align-items:start}.contact-field{display:grid;gap:var(--space-2);margin:0;padding-top:var(--space-4)}.contact-field label{color:var(--color-text-muted);font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.contact-field label span{letter-spacing:0;text-transform:none}.contact-field input,.contact-field textarea{width:100%;margin:0;padding:0 0 var(--space-3);border:0;border-bottom:1px solid var(--color-border);border-radius:0;background:transparent;color:var(--color-text-primary);font-family:var(--font-body);font-size:inherit;font-weight:inherit;line-height:var(--leading-ui);letter-spacing:normal}.contact-field textarea{min-height:8rem;resize:vertical}.contact-field input:focus,.contact-field textarea:focus{outline:none}.contact-field:focus-within input,.contact-field:focus-within textarea{border-bottom-color:var(--color-accent)}.contact-field--invalid input,.contact-field--invalid textarea{border-bottom-color:var(--color-error)}.contact-error{margin:0;color:var(--color-error);font-size:var(--text-sm)}.contact-honeypot{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.contact-privacy{margin:var(--space-6) 0 0;font-size:var(--text-sm)}.contact-privacy a{color:var(--color-text-primary);text-decoration:underline;text-underline-offset:.15em}.contact-privacy a:hover{color:var(--color-accent)}.contact-form .button{justify-self:start;margin-top:var(--space-6)}.contact-status{margin:var(--space-4) 0 0;color:var(--color-text-primary)}.contact-form[data-state=success] .contact-status{color:var(--color-success)}.contact-form[data-state=error] .contact-status{color:var(--color-error)}.contact-form[data-state=submitting] .contact-status{color:var(--color-text-secondary)}@media(min-width:1024px){.contact{grid-template-columns:minmax(0,.9fr) minmax(22rem,1fr);gap:var(--space-16);align-items:start;padding-top:var(--hero-heading-offset);padding-bottom:var(--space-24)}.contact-intro{position:sticky;top:5.5rem}.contact-form{padding:var(--space-10)}}