body[data-page="contact"] .contact-stage { text-align:left; padding-bottom:clamp(3rem,7vw,7rem); }
body[data-page="contact"] .contact-stage-inner { width:100%; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:clamp(2rem,6vw,6rem); align-items:center; }
body[data-page="contact"] .contact-stage .eyebrow { margin:0 0 2rem; justify-content:flex-start; }
body[data-page="contact"] .contact-stage h1 { margin:0; font-size:clamp(3.3rem,7.4vw,7.4rem); line-height:.88; letter-spacing:-.025em; }
body[data-page="contact"] .contact-stage .contact-lead { margin:2.4rem 0 0; font-size:clamp(1.4rem,2.3vw,2.1rem); font-weight:500; line-height:1.25; color:#f2f2f6; }
body[data-page="contact"] .contact-stage .contact-description { margin:1rem 0 0; max-width:42ch; font-size:.96rem; line-height:1.75; }
.contact-start { min-width:0; }
body[data-page="contact"] .contact-stage .contact-channel-label { margin:0 0 1rem; font-size:.8rem; color:#b9b9c0; }
.contact-channels { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem; }
.contact-channel { min-width:0; position:relative; display:flex; flex-direction:column; align-items:flex-start; min-height:210px; padding:1.5rem; border:1px solid rgb(255 255 255 / 18%); border-radius:14px; background:radial-gradient(ellipse at top left,rgb(141 117 172 / 9%),transparent 80%),#101013; color:#f2f2f6; transition:border-color .25s,transform .25s,background .25s; }
.channel-index { font-size:.58rem; letter-spacing:.09em; color:#bba9ce; }
.contact-channel strong { margin:auto 0 .5rem; font-size:clamp(1.5rem,2.5vw,2.3rem); font-weight:500; letter-spacing:-.04em; }
.channel-caption { font-size:.75rem; color:#b9b9c0; }
.contact-channel svg { position:absolute; right:1.2rem; top:1.2rem; width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.3; transition:transform .25s; }
.contact-channel:hover { border-color:#bba9ce; transform:translateY(-3px); }
.contact-channel:hover svg { transform:translate(2px,-2px); }
.contact-channel:active { transform:translateY(0); }
.contact-channel:focus-visible,.contact-phone:focus-visible { outline:2px solid #bba9ce; outline-offset:5px; }
.contact-brief { margin-top:2rem; padding-top:1.5rem; border-top:1px solid rgb(255 255 255 / 15%); }
.contact-brief h2 { margin:0; font-size:1.05rem; font-weight:500; letter-spacing:-.015em; text-transform:none; }
body[data-page="contact"] .contact-stage .contact-brief p { margin:.8rem 0 0; font-size:.85rem; line-height:1.7; max-width:55ch; }
body[data-page="contact"] .contact-stage .contact-brief .contact-brief-note { color:#d3d3d9; }
.contact-phone { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:.6rem 1rem; margin-top:1.7rem; padding:1rem 0; border-top:1px solid rgb(255 255 255 / 15%); color:#f2f2f6; }
.contact-phone span { color:#b9b9c0; font-size:.75rem; }
.contact-phone strong { font-weight:500; font-size:.95rem; }
@media(max-width:1000px) { .contact-channel { padding:1.2rem; min-height:185px; } }
@media(max-width:820px) {
 body[data-page="contact"] .contact-stage-inner { grid-template-columns:minmax(0,1fr); gap:2.5rem; }
 body[data-page="contact"] .contact-stage h1 { font-size:clamp(3.5rem,12.5vw,6rem); }
 body[data-page="contact"] .contact-stage .contact-lead { margin-top:2rem; }
 .contact-channel { min-height:175px; }
 .contact-channel strong { font-size:1.7rem; }
 .contact-channel svg { width:17px;height:17px;right:1rem;top:1rem; }
}
@media(max-width:600px) {
 body[data-page="contact"] .contact-intro { text-align:center; }
 body[data-page="contact"] .contact-stage .eyebrow { justify-content:center; }
 body[data-page="contact"] .contact-stage h1 { text-align:center; }
 body[data-page="contact"] .contact-stage .contact-description { margin-inline:auto; }
}
@media(prefers-reduced-motion:reduce) { .contact-channel,.contact-channel svg { transition:none; } }