/* ============================================================
   Contact — dark call-to-action band with radial glow.
   ============================================================ */
.contact{background:var(--pitch);color:var(--dark-text);padding:128px 0;position:relative;overflow:hidden;border-bottom:0}
.contact::before{content:"";position:absolute;left:50%;top:-30%;width:70%;height:120%;transform:translateX(-50%);background:radial-gradient(circle at 50% 40%,rgba(107,46,138,.3),transparent 60%);pointer-events:none}
.contact-inner{position:relative;z-index:1;text-align:center;max-width:900px;margin:0 auto}
.contact .eyebrow{color:var(--dark-mute)}
.contact h2{font-family:var(--serif);font-weight:400;font-size:clamp(40px,6.5vw,92px);line-height:1;letter-spacing:-.02em;margin:28px 0 0;color:var(--dark-text)}
.contact h2 em{font-style:italic;color:var(--orchid)}
.contact p{font-size:19px;line-height:1.6;color:var(--dark-mute);max-width:48ch;margin:28px auto 0}
.contact .actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:44px}
.contact .btn.ghost{color:var(--dark-text);border-color:var(--dark-line)}
.contact .btn.ghost:hover{border-color:var(--dark-text)}
.contact .direct{margin-top:56px;padding-top:32px;border-top:1px solid var(--dark-line);display:flex;gap:56px;justify-content:center;flex-wrap:wrap}
.contact .direct .d{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dark-mute)}
.contact .direct .d a{color:var(--dark-text);border-bottom:1px solid var(--dark-line);padding-bottom:2px;transition:border-color .2s}
.contact .direct .d a:hover{border-color:var(--ember)}
.contact .direct .d span{display:block;margin-bottom:8px}