/* Contact page only; explicit background also supports embedded previews. */
.contact-page{min-height:100vh;background:#070d11;color:#f3f4f5;font-family:Inter,Arial,sans-serif}
.contact-intro{max-width:1240px;margin:auto;padding:64px clamp(24px,6vw,72px) 72px}
.contact-intro>.eyebrow{margin:0 0 18px}
.contact-intro h1{font:800 clamp(46px,6vw,76px)/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:.025em;text-transform:uppercase;margin:0;color:#f5f0e8}
.contact-lead{max-width:650px;font-size:18px;line-height:1.75;color:#cdd6dc;margin:24px 0 48px}
.contact-layout{display:grid;grid-template-columns:minmax(0,720px);gap:clamp(36px,5vw,72px);align-items:start}
.contact-copy{padding-top:18px;min-width:0}.contact-copy h2,.contact-card h2,.contact-social h2{font:700 34px/1.15 'Barlow Condensed',Impact,sans-serif;letter-spacing:.02em;color:#f5f0e8;margin:0 0 20px}
.contact-copy p{font-size:16px;line-height:1.85;color:#cdd6dc;margin:0 0 26px}
.direct-email{padding:25px 0 29px;border-top:1px solid #344047;border-bottom:1px solid #344047;margin:30px 0}
.contact-label{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#a5b2b9;margin-bottom:13px}
.direct-email a{font-size:clamp(17px,2vw,22px);font-weight:600;color:#edbe81;overflow-wrap:anywhere}
.contact-copy .newsletter-aside{font-size:14px;color:#a5b2b9}.newsletter-aside a{display:inline-block;color:#edbe81;text-decoration:underline;text-underline-offset:4px}
.contact-card{min-width:0;padding:clamp(24px,3vw,38px);border:1px solid #42504f;background:linear-gradient(135deg,#182328,#0e191f);border-radius:8px;box-shadow:0 18px 48px #0003}
.preview-note{padding:12px 14px;background:#24261e;border-left:3px solid #c9a268;color:#e2d5bf;font-size:13px;line-height:1.6;margin:0 0 25px}
.contact-card fieldset{margin:0;padding:0;border:0;min-width:0}.field{margin-bottom:22px}.field label{display:block;font-size:13px;font-weight:600;color:#e4e9eb;margin-bottom:9px}
.field input,.field textarea{display:block;width:100%;min-width:0;padding:13px 14px;background:#091319;color:#d9e0e5;border:1px solid #506069;border-radius:4px;font:16px/1.5 Inter,Arial,sans-serif;opacity:1;-webkit-text-fill-color:#d9e0e5}.field textarea{resize:vertical;min-height:150px}.field input::placeholder,.field textarea::placeholder{color:#8fa0aa;-webkit-text-fill-color:#8fa0aa;opacity:1}
.contact-submit{display:block;width:100%;padding:15px 20px;border:1px solid #d7b078;background:#c29a5b;color:#141711;border-radius:4px;font:700 13px/1.5 Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.09em;opacity:1;cursor:not-allowed}
.contact-social{max-width:1096px;margin:0 auto;padding:40px 0 64px;border-top:1px solid #344047}.contact-social>.eyebrow{margin:0 0 14px}.contact-social h2{margin-bottom:24px}.social-links{display:grid;grid-template-columns:1fr 1fr;gap:18px}.social-links a{position:relative;display:flex;flex-direction:column;gap:8px;border:1px solid #344047;border-radius:6px;padding:23px 50px 23px 24px;background:#0d181e}.social-links a>span:first-child{color:#f5f0e8;font-size:18px;font-weight:600}.social-links small{color:#a5b2b9;font-size:12px;line-height:1.6}.social-arrow{position:absolute;right:24px;top:24px;font-size:23px;color:#edbe81}.social-links a:hover{border-color:#c29a5b;background:#142026}
.contact-page a:focus-visible{outline:2px solid #e6b06c;outline-offset:5px}.links a[aria-current="page"]{color:#ffbd77;text-decoration:underline;text-underline-offset:6px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1240px){.contact-social{margin-left:clamp(24px,6vw,72px);margin-right:clamp(24px,6vw,72px)}}
@media(max-width:760px){.contact-intro{padding:42px 24px 44px}.contact-lead{font-size:16px;margin:22px 0 28px}.contact-layout{grid-template-columns:1fr;gap:28px}.contact-copy{padding:0}.contact-copy h2{font-size:30px}.direct-email{margin:24px 0}.contact-copy .newsletter-aside{margin-bottom:0}.contact-social{margin:0 24px;padding:32px 0 44px}.social-links{grid-template-columns:1fr}.contact-intro h1{font-size:clamp(42px,10vw,62px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
