.hero{min-height:810px;padding-top:96px;padding-bottom:75px;isolation:isolate;background:#0a090e}
.hero-art{position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(5,6,10,.94) 0%,rgba(5,6,10,.73) 28%,rgba(5,6,10,.3) 56%,rgba(5,6,10,.08) 100%),linear-gradient(0deg,#0a090e 0%,rgba(10,9,14,0) 33%),url('/arcus-bloodmoon-hero.png') center center / cover no-repeat;pointer-events:none}
.hero:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;box-shadow:inset 0 0 140px 30px #08090b80}
.hero-content{position:relative;z-index:1;max-width:690px}
.hero-logo{display:flex;align-items:center;gap:18px;margin:0 0 36px;filter:drop-shadow(0 8px 25px #000a)}
.hero-logo-glyph{height:82px;width:82px;display:grid;place-items:center;flex-shrink:0;background:linear-gradient(145deg,#430c24,#180b16);border:2px solid #db4264;color:#ff7a90;clip-path:polygon(50% 0,92% 18%,92% 82%,50% 100%,8% 82%,8% 18%);font:700 54px Cinzel,serif;text-shadow:0 0 22px #ff355b80}
.hero-logo>span:last-child{font:700 clamp(44px,5vw,70px)/.95 Cinzel,serif;letter-spacing:7px;color:#fff5f3;text-shadow:0 3px 22px #000}
.hero-logo small{display:block;margin-top:12px;font:700 10px Inter,sans-serif;letter-spacing:5px;color:#ff6b86;text-shadow:0 0 14px #000}
.hero h1{font-size:clamp(56px,6.4vw,92px);line-height:1.04;text-shadow:0 7px 35px #000e}
.hero h1 em{color:#ff5877;font-style:normal;text-shadow:0 0 32px #ff335e56}
.hero-content>.eyebrow{color:#f58a9e}
.hero-content>p{color:#e0cfd4;max-width:590px;font-size:15px;line-height:1.9;text-shadow:0 3px 20px #000}
.hero-actions .btn-gold{background:linear-gradient(120deg,#b9173d,#f14564);border-color:#ff708c;box-shadow:0 8px 28px #b30d3e55;color:white}
.hero-actions .btn-outline{background:#0b0a11a8;border-color:#a85167}
.hero-metrics{display:flex;gap:28px;margin-top:63px;padding-top:22px;border-top:1px solid #e1788b44}
.hero-metrics div{gap:5px}.hero-metrics strong{font-size:25px;color:#ff6480}.hero-metrics span{font-size:9px;letter-spacing:1.1px;color:#c9aeb6}
.vertical-label{color:#ff8c9e8c}
@media(max-width:950px){.hero{min-height:760px}.hero-art{background-position:58% center}.hero-logo-glyph{height:68px;width:68px;font-size:45px}.hero-logo>span:last-child{font-size:52px}}
@media(max-width:580px){.hero{min-height:780px;padding:70px 6% 52px}.hero-art{background:linear-gradient(90deg,#07070bdf,#08080ec2 55%,#09080b9a),linear-gradient(0deg,#0a090e,transparent 45%),url('/arcus-bloodmoon-hero.png') 63% center/cover no-repeat}.hero-logo{gap:12px;margin-bottom:28px}.hero-logo-glyph{height:56px;width:56px;font-size:35px}.hero-logo>span:last-child{font-size:38px;letter-spacing:3px}.hero-logo small{font-size:8px;letter-spacing:3px}.hero h1{font-size:57px}.hero-metrics{gap:15px;flex-wrap:wrap;margin-top:35px}.hero-metrics span{font-size:8px}}