/* Contact page: uses the current Cobalt site tokens. */
.contact-shell{max-width:var(--shell);margin:auto;padding:154px 48px 100px;display:grid;grid-template-columns:.9fr 1.1fr;gap:88px;align-items:start}
.contact-intro h1{font-family:var(--font-display);font-size:clamp(56px,5.8vw,84px);font-weight:400;line-height:1.04;letter-spacing:-.035em;margin:24px 0 28px}
.contact-intro h1 em{font-weight:400;color:var(--accent)}
.contact-lede{max-width:420px;font-size:18px;line-height:1.75;color:var(--ink-soft)}
.contact-details{border-top:1px solid var(--hairline);margin-top:40px;padding-top:8px;max-width:420px}
.contact-details h2{font-family:var(--font-body);font-size:14px;font-weight:600;margin:26px 0 6px}
.contact-email{font-family:var(--font-display);font-size:25px;color:var(--accent);text-decoration:none;overflow-wrap:anywhere}
.contact-email:hover{text-decoration:underline}
.contact-reply{color:var(--ink-soft);font-size:14px;margin-top:32px}
.contact-panel{background:var(--surface);border:1px solid var(--hairline);border-top:3px solid var(--bronze);border-radius:6px;padding:36px 40px;box-shadow:0 12px 40px rgba(24,34,48,.04)}
.contact-panel h2{font-family:var(--font-display);font-size:32px;line-height:1.2;font-weight:400;margin:12px 0}
.contact-required{font-size:13px;color:var(--ink-soft);margin:0 0 24px}
.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.contact-field{margin-bottom:20px;min-width:0}
.contact-field label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}
.field-optional{font-size:12px;font-weight:400;color:var(--ink-soft);margin-left:6px}
.contact-field input,.contact-field select,.contact-field textarea{display:block;width:100%;min-height:48px;border:1px solid #b7bcc3;background:var(--surface);border-radius:4px;color:var(--ink);padding:11px 13px;font:inherit;font-size:16px;line-height:1.45}
.contact-field textarea{resize:vertical;min-height:160px}
.contact-field textarea::placeholder{color:var(--ink-soft);opacity:.85}
.contact-field :is(input,select,textarea):focus{border-color:var(--accent);outline:2px solid var(--accent-line);outline-offset:2px}
.contact-field .input-error{border-color:#a42a29}
.field-error{display:block;color:#a42a29;font-size:13px;margin-top:6px}
.contact-submit{width:100%;justify-content:space-between;cursor:pointer;font:inherit}
.contact-submit:disabled{opacity:.7;cursor:wait}
.contact-privacy{font-size:12px;line-height:1.65;color:var(--ink-soft);margin:16px 0 0}
.contact-privacy a{text-underline-offset:3px}
.form-message:empty{display:none}
.form-message{padding:14px 16px;margin:0 0 20px;font-size:14px;border:1px solid var(--accent-line);background:var(--accent-wash);border-radius:4px}
.form-message.error{border-color:#d2a5a1;background:#fff5f3;color:#852c29}
.form-message a{font-weight:600;overflow-wrap:anywhere}
.contact-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.contact-anchor{position:absolute;top:0;scroll-margin-top:100px}
.finale{position:relative;scroll-margin-top:100px}
@media(max-width:1000px){.contact-shell{gap:40px;padding:130px 28px 72px}.contact-panel{padding:30px 26px}.contact-fields{grid-template-columns:1fr;gap:0}}
@media(max-width:720px){.contact-shell{grid-template-columns:1fr;gap:32px;padding:116px 20px 56px}.contact-intro h1{font-size:56px;margin:16px 0 20px}.contact-intro h1 br{display:none}.contact-lede{font-size:17px;max-width:none}.contact-details{margin-top:24px;max-width:none;display:grid;grid-template-columns:1fr;gap:0}.contact-details h2{margin-top:18px}.contact-reply{margin-top:20px}.contact-panel{padding:28px 22px}.contact-panel h2{font-size:29px}}