/* Issue #11 — mobile conversion, typographic legibility and a warmer hero. */
:root{--micro-size:11px;--micro-tracking:.075em}
nav,.eyebrow,.overline,.button,.text-link,.scroll-cue,footer,.hero-plate figcaption,.page-visual figcaption{font-size:var(--micro-size);letter-spacing:var(--micro-tracking)}
nav{gap:28px}.button,.text-link{letter-spacing:.07em}.hero-plate figcaption span{color:rgba(245,241,234,.72)}
.hero{background:#10151c}.hero-copy{background:linear-gradient(90deg,#0b0f14 0 53%,rgba(11,15,20,.84) 75%,rgba(11,15,20,.12) 100%)}
.hero-plate img{filter:saturate(.65) contrast(.96) brightness(1.12) sepia(.08)}.hero-plate:after{background:linear-gradient(90deg,rgba(11,15,20,.98),rgba(11,15,20,.64) 29%,rgba(11,15,20,.08) 64%),linear-gradient(0deg,rgba(11,15,20,.2),transparent 38%),radial-gradient(circle at 76% 38%,rgba(184,154,91,.2),transparent 33%),radial-gradient(circle at 86% 70%,rgba(228,100,68,.1),transparent 28%)}
.constellation{border-color:rgba(245,241,234,.28);box-shadow:0 0 70px rgba(184,154,91,.08)}.constellation:before{border-color:rgba(245,241,234,.38)}.constellation:after{border-color:rgba(228,100,68,.72)}
.arcane-card{transition:transform .2s,box-shadow .2s}.arcane-card:hover{transform:translate(-3px,-3px);box-shadow:16px 16px 0 rgba(228,100,68,.9)}
@media(max-width:800px){.actions{width:100%;flex-direction:column}.actions .button{width:100%;min-width:0;max-width:360px}.hero-copy{background:#0b0f14}.hero-plate:after{background:linear-gradient(0deg,rgba(11,15,20,.25),transparent 46%),radial-gradient(circle at 72% 45%,rgba(184,154,91,.18),transparent 38%)}}