/* After Dark: movement, contrast, atmosphere. */
:root{--ash:#d2c8bd;--smoke:#b7aca0;--line:rgba(239,230,216,.16)}
.hero{isolation:isolate}.hero h1{font-size:clamp(3.2rem,8vw,7.2rem)}
.g1{animation:drift-a 16s ease-in-out infinite alternate;opacity:1.2}.g2{animation-duration:22s}
.hero::before{content:"";position:absolute;inset:6% -15%;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(239,230,216,.055) 48%,transparent 60%);animation:ad-sweep 14s ease-in-out infinite alternate;transform:translateX(-8%)}
@keyframes ad-sweep{to{transform:translateX(8%) rotate(4deg)}}
.band:nth-of-type(even){background:rgba(0,0,0,.2)}
.brand{width:148px}.hero .lede{margin-top:32px}
.hero .go{margin-top:38px;padding:18px 30px;background:var(--bone);color:var(--night);border:1px solid var(--bone);text-shadow:none;transition:transform .25s,background .25s,box-shadow .25s}
.hero .go:hover{background:var(--ember);border-color:var(--ember);color:var(--night);transform:translateY(-3px);box-shadow:0 8px 40px rgba(249,97,60,.2)}
.strip a,.card,.figure{transition:transform .35s,background .35s}.strip a:hover{color:var(--bone)}.card:hover{transform:translateY(-4px);background:rgba(239,230,216,.025)}
.ad-motion{position:fixed;bottom:16px;right:16px;z-index:100;background:#171210;color:var(--bone);border:1px solid #74685c;padding:10px 14px;font:12px var(--sans);min-height:44px}
html.ad-paused *,html.ad-paused *::before,html.ad-paused *::after{animation-play-state:paused!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){.hero::before,.glow{animation:none!important}.card:hover,.hero .go:hover{transform:none}.ad-motion{display:none}}
@media(max-width:680px){.hero h1{font-size:clamp(3rem,11vw,4.6rem)}.brand{width:128px}.hero{padding-top:64px;padding-bottom:84px}.ad-motion{bottom:10px;right:10px}}
html,body{overflow-x:clip}.hero::before{inset:6% 0}