/* Contact page only. Shared production styles and navigation remain unchanged. */
.contact-prod-photo{margin:clamp(38px,6vw,72px) 0 0}
.contact-prod-photo img{width:100%;height:auto;aspect-ratio:900/506;object-fit:contain;background:#15130f;border:1px solid var(--hair);border-radius:12px}
.contact-prod-photo figcaption{margin-top:10px;color:var(--dim);font-size:13px;letter-spacing:.02em}
.contact-draft{max-width:var(--shell);margin:0 auto;padding:0 var(--gutter) clamp(72px,10vh,112px)}
.contact-draft h2{font-family:"Bricolage Grotesque",sans-serif;font-size:clamp(34px,5vw,60px);line-height:1.05;letter-spacing:-.035em}
.contact-draft>p{max-width:66ch;color:var(--mut);margin-top:16px;line-height:1.6}
.contact-draft>p a{color:var(--fg);text-underline-offset:3px}
.contact-draft form{max-width:690px;margin-top:30px;display:grid;gap:20px}
.contact-draft form>div:not(.contact-honeypot){display:grid;gap:7px}
.contact-draft label{font-size:15px;font-weight:600;color:var(--fg)}
.contact-draft label span,.contact-draft .draft-help{font-size:13px;font-weight:400;color:var(--mut)}
.contact-draft input:not([type=hidden]),.contact-draft textarea{width:100%;padding:14px 16px;border:1px solid #756f66;border-radius:6px;background:#151411;color:var(--fg);font:inherit;line-height:1.5}
.contact-draft textarea{resize:vertical;min-height:180px}
.contact-draft input[aria-invalid=true],.contact-draft textarea[aria-invalid=true]{border-color:var(--ac)}
.contact-draft .draft-error{color:#ffc4a7;font-size:14px}
.contact-draft .draft-error:empty{display:none}
.contact-draft .draft-actions{display:flex;flex-wrap:wrap;gap:12px}
.contact-draft button{padding:12px 17px;border:1px solid var(--ac);border-radius:6px;background:var(--ac);color:var(--ink);font:600 15px "Hanken Grotesk",sans-serif;cursor:pointer}
.contact-draft button:not(#contact-send){background:transparent;color:var(--fg);border-color:#756f66}
.contact-draft button:disabled{opacity:.55;cursor:not-allowed}
.contact-draft .contact-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.contact-draft [hidden]{display:none!important}
.contact-draft #draft-status{min-height:1.5em}
@media(max-width:600px){.contact-prod-photo{margin-top:32px}.contact-draft{padding-bottom:72px}.contact-draft .draft-actions{display:grid}.contact-draft button{width:100%}}