.contact-page{padding-bottom:var(--space-10)}
.contact-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:var(--space-12);border-top:1px solid var(--atelier-border);padding-top:var(--space-8);align-items:start}
.contact-layout>*{min-width:0}
.contact-intro{margin:0 0 var(--space-7);color:var(--atelier-text-secondary);max-width:38rem;font-size:var(--text-small)}
.contact-field{margin-bottom:var(--space-6)}
.contact-field>label{display:block;font-size:var(--text-small);font-weight:700;margin-bottom:var(--space-2)}
.contact-field>label span{font-weight:400;color:var(--atelier-text-secondary)}
.contact-field .atelier-input{width:100%;font:400 1rem/1.5 var(--font-body);min-height:48px;padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--atelier-control-border);background:var(--atelier-surface);color:var(--atelier-text)}
.contact-field textarea{resize:vertical;min-height:176px}
.contact-field [aria-invalid=true]{border-color:var(--atelier-danger);box-shadow:inset 0 0 0 1px var(--atelier-danger)}
.contact-message-meta{display:flex;align-items:baseline;gap:var(--space-3);justify-content:space-between}
.contact-message-meta p{font-size:var(--text-caption);color:var(--atelier-text-secondary);margin:var(--space-2) 0 0}
#contact-count{white-space:nowrap;font-variant-numeric:tabular-nums}
.contact-error{color:var(--atelier-danger);font-size:var(--text-small);margin:var(--space-2) 0 0}
.contact-diagnostics{padding-block:var(--space-5);border-block:1px solid var(--atelier-border)}
.contact-switch{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:48px;cursor:pointer}
.contact-switch strong{font-size:var(--text-small)}
.contact-switch small{display:block;font-size:var(--text-small);color:var(--atelier-text-secondary);margin-top:var(--space-1)}
.contact-switch input{appearance:none;flex:none;width:52px;height:30px;border:1px solid var(--atelier-control-border);border-radius:20px;background:var(--atelier-surface);position:relative;cursor:pointer;margin:9px 0}
.contact-switch input:before{content:"";position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background:var(--atelier-text-secondary)}
.contact-switch input:checked{background:var(--atelier-primary);border-color:var(--atelier-primary)}
.contact-switch input:checked:before{left:26px;background:var(--atelier-on-primary)}
.contact-switch input:focus-visible{outline:3px solid var(--atelier-focus);outline-offset:4px}
.contact-diagnostics dl{margin:var(--space-3) 0 0;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}
.contact-diagnostics dt{font-size:var(--text-caption);color:var(--atelier-text-secondary)}
.contact-diagnostics dd{font-size:var(--text-small);margin:var(--space-1) 0 0;overflow-wrap:anywhere}
.contact-privacy,.contact-caption{font-size:var(--text-small);color:var(--atelier-text-secondary);line-height:1.6}
.contact-privacy{margin:var(--space-5) 0;max-width:40rem}
.contact-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}
.contact-aside{border-left:1px solid var(--atelier-border);padding-left:var(--space-8)}
.contact-aside h2{font:400 var(--text-title-sm)/1.15 var(--font-display);letter-spacing:-.025em;margin:var(--space-3) 0 var(--space-4)}
.contact-eyebrow{font-size:var(--text-caption);letter-spacing:.07em;text-transform:uppercase;color:var(--atelier-text-secondary)}
.contact-recipient>p{overflow-wrap:anywhere}
.contact-email-preview{margin-top:var(--space-6);border-block:1px solid var(--atelier-border)}
.contact-email-preview summary{cursor:pointer;min-height:56px;padding:var(--space-4) 0;font-size:var(--text-small)}
.contact-email-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;font:400 var(--text-small)/1.6 var(--font-body);margin:0 0 var(--space-5)}
.contact-return{font-size:var(--text-small);margin:var(--space-6) 0;line-height:1.6}
.contact-fallback{border-top:1px solid var(--atelier-border);padding-top:var(--space-6)}
.contact-fallback>p{font-size:var(--text-small)}
.contact-copy-address{display:flex;align-items:stretch;gap:var(--space-2);margin:var(--space-2) 0 var(--space-4)}
.contact-copy-address input{width:100%;min-width:0;font-size:var(--text-small);padding:var(--space-3);color:var(--atelier-text);background:var(--atelier-surface)}
.contact-copy-address button{flex:none;white-space:nowrap}
.contact-fallback .atelier-button{font-size:var(--text-small)}
.contact-webmail{display:grid;gap:var(--space-2);margin-top:var(--space-4)}
.contact-webmail a{min-height:48px;display:flex;align-items:center;color:var(--atelier-primary);text-decoration:underline;font-size:var(--text-small);text-underline-offset:.25em}
.contact-webmail a[aria-disabled=true]{color:var(--atelier-text-disabled);text-decoration:none}
#contact-manual-copy{width:100%;font-size:var(--text-small)}
.contact-page [hidden]{display:none!important}
@media(max-width:800px){.contact-layout{grid-template-columns:1fr;gap:var(--space-8)}.contact-aside{border:0;border-top:1px solid var(--atelier-border);padding:var(--space-7) 0 0}.contact-page .atelier-page-heading h1{font-size:2.75rem}}
@media(max-width:380px){.contact-diagnostics dl{grid-template-columns:1fr}.contact-message-meta{flex-wrap:wrap}.contact-copy-address{flex-wrap:wrap}}
@media(forced-colors:active){.contact-switch input{appearance:auto;width:48px;height:48px}.contact-switch input:before{display:none}.contact-field [aria-invalid=true]{outline:2px solid Mark}}