.f24-hero{--hx-acc:#ff9d4d;--hx-ink:#eef3fb;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#05080f 0%,#0a1020 58%,#0d1626 100%)}
.f24-hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(52% 42% at 7% 92%,rgba(255,122,41,.30),rgba(255,122,41,.06) 58%,transparent 74%),radial-gradient(34% 30% at 90% 8%,rgba(110,168,255,.14),transparent 66%)}
.f24-hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(148,180,232,.055) 0 1px,transparent 1px 118px),repeating-linear-gradient(0deg,rgba(148,180,232,.045) 0 1px,transparent 1px 88px),linear-gradient(180deg,transparent 58%,rgba(4,7,13,.62) 100%)}
.f24-hero>*{position:relative;z-index:1}
.f24-hero__title{color:var(--hx-ink);text-wrap:balance;letter-spacing:-.014em;text-shadow:0 2px 34px rgba(4,8,16,.65)}
.f24-hero__kicker{color:#ffb074;text-shadow:0 1px 14px rgba(4,8,16,.8)}
.f24-hero__deck{color:rgba(238,243,251,.92)}
.f24-hero__meta{color:rgba(238,243,251,.7)}
.f24-hero-chip{display:inline-flex;flex-direction:column;gap:3px;transform:rotate(-2.4deg);padding:9px 15px;border:1px solid rgba(255,157,77,.7);color:#ffb074;font:700 12.5px/1.25 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.15em;text-transform:uppercase;background:rgba(8,12,21,.6);box-shadow:0 0 0 5px rgba(8,12,21,.32),inset 0 0 24px rgba(255,122,41,.12)}
.f24-hero-chip span{font-size:9.5px;font-weight:500;letter-spacing:.26em;opacity:.8}
.f24-hero__title{color:#f4efe4}.f24-hero__deck{color:#ded7c6}