.contact-page{background:var(--color-paper);padding-top:5rem}.contact-hero{min-height:var(--hauteur-ecran);padding-block:var(--respire-large) var(--respire);align-content:center;display:grid}.contact-hero__inner{grid-template-columns:minmax(0,1fr) minmax(22rem,29rem);align-items:start;gap:clamp(2.25rem,4.5vw,3.25rem) clamp(2.5rem,5vw,5rem);display:grid}.contact-hero__copy{position:sticky;top:calc(4rem + clamp(1.5rem,3vw,2.5rem))}.contact-hero h1{max-width:18ch;font-size:var(--type-hero-bref);font-weight:var(--weight-titre);letter-spacing:var(--tracking-titre);line-height:var(--interligne-titre);text-wrap:balance;margin:clamp(1rem,2vw,1.4rem) 0 0}.contact-hero__lead{max-width:44ch;color:var(--color-ink-muted);font-size:var(--texte-lead);line-height:var(--interligne-aere);margin:clamp(1rem,2vw,1.35rem) 0 0}.contact-hero__trace{width:min(100%,40rem);margin-top:clamp(2.5rem,6vw,5rem)}.contact-hero__panel{border:var(--trait-appuye) solid var(--color-ink);background:var(--color-surface);padding:clamp(1.5rem,2.6vw,2rem)}.contact-form__fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.1rem,2vw,1.4rem) clamp(1.1rem,2vw,1.5rem);display:grid}.contact-field--message{grid-column:1/-1}.contact-field label{color:var(--color-steel-dark);font-family:var(--font-mono);font-size:var(--label);font-weight:var(--label-weight);letter-spacing:var(--label-tracking);line-height:var(--interligne-serre);text-transform:uppercase;margin-bottom:.2rem;display:block}.contact-field label span{color:var(--color-steel);font-family:var(--font-display);letter-spacing:var(--tracking-texte);text-transform:lowercase;margin-left:.4rem}.contact-field input,.contact-field select,.contact-field textarea{border:0;border-bottom:var(--trait-appuye) solid var(--filet-appuye);width:100%;padding:.3rem var(--retrait-chevron,0) .45rem 0;color:var(--color-ink);font-family:inherit;font-size:var(--texte);line-height:var(--interligne);transition:border-color var(--transition-vive) ease;appearance:none;background:0 0;border-radius:0;display:block}.contact-field textarea{resize:vertical;min-height:7.5rem}.contact-field input:hover,.contact-field select:hover,.contact-field textarea:hover{border-bottom-color:var(--color-steel)}.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{border-bottom-color:var(--color-ink)}.contact-field input:focus-visible,.contact-field select:focus-visible,.contact-field textarea:focus-visible{outline-offset:2px}:is(.contact-field input:user-invalid,.contact-field select:user-invalid,.contact-field textarea:user-invalid){border-bottom-color:var(--color-accent)}:is(.contact-field:has(input:user-invalid) label,.contact-field:has(select:user-invalid) label,.contact-field:has(textarea:user-invalid) label){color:var(--color-accent)}.contact-form__pending{color:var(--color-steel-dark);font-size:var(--texte-dense);line-height:var(--interligne);margin:.85rem 0 0}.contact-form__pending a{border-bottom:var(--trait) solid currentColor;color:var(--color-ink)}.contact-form__leurre{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.contact-form__etat,.contact-form__erreur{font-size:var(--texte-dense);line-height:var(--interligne);margin:.85rem 0 0}.contact-form__etat{color:var(--color-steel-dark)}.contact-form__erreur{border-left:var(--trait-fort) solid var(--color-accent);color:var(--color-ink);padding-left:.85rem}@media (width<=1040px){.contact-hero__inner{grid-template-columns:minmax(0,1fr) minmax(19rem,24rem)}}@media (width<=900px){.contact-hero__inner{grid-template-columns:minmax(0,1fr)}.contact-hero__copy{position:static}.contact-hero__panel{max-width:36rem}.contact-hero__trace{display:none}}@media (width<=720px){.contact-page{padding-top:4.5rem}.contact-hero__panel{max-width:none;padding:1.35rem 1.25rem}.contact-form__fields{grid-template-columns:minmax(0,1fr)}.contact-field input,.contact-field select,.contact-field textarea{font-size:var(--texte-large)}}.is-motion .contact-hero__intro{--stagger:70ms}@media (prefers-reduced-motion:reduce){.contact-field input,.contact-field select,.contact-field textarea{transition:none}}