/* Arcus original cinematic homepage — centered fantasy composition. */
.announcement{background:#651528;color:#ffe2dd}
.pulse{background:#ff6577}
.header{background:#09080ce8;border-color:#c439512b}
.header nav a.active,.header nav a:hover{color:#ff8a93}
.header-cta{background:linear-gradient(125deg,#a91d3c,#fa4c62);color:#fff}
.brand-mark{background:#310e1d;border-color:#c83d57;color:#f67988}
.brand small{color:#cf8d9d}
.hero{min-height:840px;display:flex;justify-content:center;align-items:center;padding:100px 5% 75px;background:#09070d}
.hero-art{background:linear-gradient(180deg,#08070cc4 0%,#08070c3b 21%,#09070c54 54%,#09070c 100%),linear-gradient(90deg,#08070c38 0%,#07060b22 28%,#09070c26 70%,#08070c38 100%),url('/arcus-bloodmoon-center-hero.png') center center/cover no-repeat}
.hero:after{box-shadow:inset 0 0 95px #050408b8}
.hero-content{width:100%;max-width:810px;display:flex;align-items:center;flex-direction:column;text-align:center;margin:0 auto}
.hero-logo{margin:0 auto 35px;gap:18px;justify-content:center;filter:drop-shadow(0 4px 22px #070408f5)}
.hero-logo-glyph{height:105px;width:105px;font-size:65px;border-color:#ff7088;background:linear-gradient(150deg,#64112c,#180810)}
.hero-logo>span:last-child{font-size:clamp(65px,8vw,112px);letter-spacing:10px;color:#f8dfe2;line-height:.91;text-shadow:0 2px 0 #6b2334,0 5px 0 #301320,0 12px 25px #000,0 0 36px #fa3a6870}
.hero-logo small{font-size:11px;letter-spacing:7px;margin-top:18px;color:#ff8d9d}
.hero-content>.eyebrow{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 21px;color:#ffb5b8;letter-spacing:4px;text-shadow:0 4px 10px #000}
.hero-content>.eyebrow .line{margin:0;background:#c3445b;width:34px}
.hero h1{font-size:clamp(46px,5.9vw,79px);line-height:1.1;letter-spacing:0;margin:0 0 21px;color:#fff0e7;font-weight:700;text-shadow:0 5px 1px #22090ec4,0 12px 33px #000}
.hero h1 em{color:#fc667f;text-shadow:0 0 30px #ff365e91,0 7px 17px #000}
.hero-content>p{font-size:15px;line-height:1.85;color:#f0d9db;max-width:620px;margin:0 auto;text-shadow:0 2px 12px #000,0 3px 22px #000}
.hero-actions{justify-content:center;margin-top:30px;gap:16px;flex-wrap:wrap}
.hero-actions .btn{min-width:202px;min-height:56px;box-shadow:0 8px 23px #000a}
.hero-actions .btn-gold{background:linear-gradient(135deg,#9d1838,#ef4565);border-color:#fa748f;color:#fff}
.hero-actions .btn-outline{background:#09070dda;border-color:#b35d72;color:#ffe9e9}
.hero-metrics{justify-content:center;gap:50px;margin:55px auto 0;padding-top:22px;width:100%;max-width:720px;border-color:#e68a9752}
.hero-metrics div{text-align:center;justify-items:center}
.vertical-label{right:22px;bottom:70px}
@media(max-width:850px){.hero{min-height:790px;padding:75px 5% 60px}.hero-logo-glyph{width:82px;height:82px;font-size:50px}.hero-logo>span:last-child{font-size:clamp(55px,9vw,80px)}.hero-art{background-position:center center}.hero-metrics{gap:24px}}
@media(max-width:580px){.hero{min-height:810px;padding:68px 5% 56px}.hero-art{background:linear-gradient(180deg,#09070cc7,#09070c8c 35%,#09070c9e 65%,#09070c 100%),url('/arcus-bloodmoon-center-hero.png') 50% center/cover no-repeat}.hero-logo{gap:9px;margin-bottom:34px}.hero-logo-glyph{width:58px;height:58px;font-size:36px}.hero-logo>span:last-child{font-size:clamp(45px,11vw,62px);letter-spacing:3px}.hero-logo small{font-size:8px;letter-spacing:3px;margin-top:11px}.hero-content>.eyebrow{font-size:8px;letter-spacing:1.7px;gap:7px}.hero-content>.eyebrow .line{width:20px}.hero h1{font-size:clamp(37px,9vw,55px);line-height:1.14}.hero-content>p{font-size:13px;line-height:1.7}.hero-actions{width:100%;gap:11px}.hero-actions .btn{width:min(100%,310px)}.hero-metrics{gap:16px;flex-wrap:wrap;margin-top:33px}.hero-metrics div{min-width:90px}.hero-metrics strong{font-size:20px}.hero-metrics span{font-size:8px}.vertical-label{display:none}}