/* V5 cinematic art direction: clean key art, stronger crops, no gameplay HUD. */
.hero>img{content:url('../assets/images/gfx-hero-v5.png');filter:saturate(.82) contrast(1.06)}
.hero-shade{background:linear-gradient(90deg,#090a09f2 0%,#090a09c4 35%,#090a0952 62%,#090a0929 100%),linear-gradient(0deg,#090a09d9 0%,transparent 52%)}
.game-logo{display:none}
.hero .eyebrow{margin-bottom:26px}
.hero .eyebrow:after{content:'OVER THE TOP\A WWI';display:block;white-space:pre;margin-top:26px;color:#eee6d2;font:900 clamp(54px,6vw,91px)/.73 'Barlow Condensed',sans-serif;letter-spacing:-.045em;text-shadow:0 6px 28px #000}
.hero .eyebrow:before{content:'THE GREAT WAR // REIMAGINED';display:block;margin:0 0 7px 53px;color:#b69b62;font-size:9px;letter-spacing:.2em}
.hero h1{font-size:clamp(39px,4.6vw,72px);margin-top:35px;max-width:670px}.hero h1 em{display:inline-block}
.hero-copy>p:last-of-type{font-size:19px;max-width:590px}.hero-card{box-shadow:0 25px 60px #0008;border-top:3px solid var(--red)}
.hero:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 180px #000b}
.image-break img{content:url('../assets/images/gfx-transition-v5.png');filter:saturate(.8) contrast(1.08)}
.image-break:after{background:linear-gradient(90deg,#071016ed 0%,#0710169e 37%,transparent 72%),linear-gradient(0deg,#071016a8,transparent 42%)}
.image-break blockquote{max-width:850px;text-shadow:0 4px 25px #000}
.class-visual img[src$='class-officer.jpg']{content:url('../assets/images/gfx-officer-v5.png')}
.class-visual img{filter:saturate(.78) contrast(1.08)}
.class-visual:after{background:linear-gradient(0deg,#0b0a08f2 0%,transparent 42%),linear-gradient(90deg,transparent,#201c1629)}
.class-console{box-shadow:0 50px 130px #000b;border-color:#b69b624f}
.class-tabs button.active{background:linear-gradient(135deg,#b82f26,#831a17)}
.class-dossier{background:linear-gradient(145deg,#211d17,#15130f)}
.battlefield-art img{content:url('../assets/images/gfx-destruction-v5.png');filter:saturate(.83) contrast(1.07)}
.battlefield-art:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 35px 0 80px #1d190b38,inset 0 -80px 90px #0005}
.battlefield-art span{z-index:1;background:#0d0c09e8;border-left:3px solid var(--red)}
@media(max-width:800px){.hero .eyebrow:after{font-size:19vw}.hero .eyebrow:before{margin-left:0}.hero h1{font-size:12vw}.hero:after{box-shadow:inset 0 0 90px #000a}.image-break blockquote{left:22px;right:22px}.class-visual img[src$='class-officer.jpg']{object-position:center top}}