:root{--red:#d71920;--ink:#090b0c;--paper:#e8e5df;--muted:#9da1a3;--line:rgba(255,255,255,.14);--display:'Barlow Condensed',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#f5f3ef;font-family:Inter,sans-serif;line-height:1.65}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:absolute;z-index:10;width:100%;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-family:var(--display);font-weight:600;letter-spacing:.11em}.brand b{color:var(--red)}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--red);color:var(--red);font-size:13px;letter-spacing:0}.main-nav{display:flex;gap:38px;font-family:var(--display);text-transform:uppercase;letter-spacing:.1em;font-size:14px}.main-nav a{transition:color .2s}.main-nav a:hover{color:var(--red)}.menu-toggle{display:none;background:none;border:0;color:#fff;font-family:var(--display);letter-spacing:.12em}.hero{min-height:100vh;position:relative;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 72% 42%,rgba(128,14,14,.28),transparent 29%),linear-gradient(90deg,#080a0b 0%,#111315 48%,#050607 100%)}.hero:after{content:'BIOHAZARD';position:absolute;right:-5vw;top:49%;transform:translateY(-50%) rotate(90deg);font:800 clamp(7rem,16vw,14rem)/1 var(--display);letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.06)}.hero-noise{position:absolute;inset:0;opacity:.22;background-image:repeating-linear-gradient(90deg,transparent 0,transparent 99px,rgba(255,255,255,.05) 100px),linear-gradient(115deg,transparent 50%,rgba(215,25,32,.09) 50%)}.hero-content{position:relative;z-index:2;width:min(800px,90vw);margin-left:9vw;padding-top:70px}.eyebrow{color:var(--red);font:600 12px/1 var(--display);letter-spacing:.24em;margin:0 0 25px}.hero h1{font:800 clamp(6rem,13vw,12rem)/.69 var(--display);letter-spacing:-.055em;margin:0;text-transform:uppercase}.hero h1 span{color:transparent;-webkit-text-stroke:2px #f5f3ef}.hero-copy{max-width:570px;color:#b7b9ba;font-size:17px;margin:42px 0 32px;border-left:2px solid var(--red);padding-left:24px}.hero-actions{display:flex;align-items:center;gap:34px}.button{display:inline-flex;align-items:center;gap:35px;padding:14px 18px;font:600 13px var(--display);letter-spacing:.09em;text-transform:uppercase}.button-primary{background:var(--red)}.button-primary span{font-size:18px}.text-link{font:600 13px var(--display);letter-spacing:.09em;text-transform:uppercase}.hero-status{position:absolute;bottom:0;left:0;right:0;height:55px;border-top:1px solid var(--line);padding:0 5vw;display:flex;align-items:center;justify-content:space-between;color:#6d7173;font:500 10px var(--display);letter-spacing:.18em}.section{padding:120px max(6vw,24px)}.intro{background:var(--paper);color:#111;display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw}.intro h2,.section-heading h2,.legacy h2{font:700 clamp(3.5rem,7vw,7rem)/.88 var(--display);text-transform:uppercase;letter-spacing:-.035em;margin:0}.intro h2 em{font-style:normal;color:var(--red)}.intro-copy>p{max-width:620px;color:#555b5e;font-size:17px;margin:0 0 22px}.stats{display:flex;gap:12px;margin-top:50px}.stats div{flex:1;border-top:1px solid #bbb;padding-top:14px}.stats strong{display:block;font:700 38px var(--display)}.stats span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#74797b}.games{background:#0d0f10}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:55px}.section-heading h2{font-size:clamp(3rem,6vw,6rem)}.filters{display:flex;gap:5px}.filter{border:1px solid #313638;color:#969b9d;background:transparent;padding:9px 15px;cursor:pointer;text-transform:uppercase;font:600 11px var(--display);letter-spacing:.1em}.filter:hover,.filter.active{background:var(--red);border-color:var(--red);color:white}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.game-card{background:#151819;min-width:0;transition:transform .25s,opacity .25s}.game-card:hover{transform:translateY(-5px)}.game-card[hidden]{display:none}.card-image{height:320px;overflow:hidden;position:relative;background:#202425}.card-image img{width:100%;height:100%;object-fit:cover;object-position:center 22%;filter:saturate(.75) contrast(1.08);transition:transform .5s,filter .5s}.game-card:hover img{transform:scale(1.04);filter:saturate(1) contrast(1.05)}.featured{grid-column:span 2;display:grid;grid-template-columns:1.05fr .95fr}.featured .card-image{height:100%;min-height:390px}.case-number{position:absolute;top:14px;left:14px;background:rgba(8,10,11,.8);padding:5px 8px;color:#c5c8c9;font:500 9px var(--display);letter-spacing:.14em}.card-body{padding:26px}.year{font:600 11px var(--display);letter-spacing:.15em;color:var(--red)}.card-body h3{font:700 37px/1 var(--display);text-transform:uppercase;margin:10px 0 16px}.card-body p{color:#9ba0a2;font-size:14px;margin:0 0 25px}.tags{display:flex;flex-wrap:wrap;gap:7px}.tags span{border:1px solid #34393b;padding:5px 8px;font:500 9px var(--display);letter-spacing:.12em;text-transform:uppercase;color:#8f9496}.card-image-vii,.card-image-viii{display:grid;place-items:center;background:radial-gradient(circle,#4b3926 0%,#16191a 68%)}.card-image-viii{background:radial-gradient(circle,#513027 0%,#111415 68%)}.roman{font:800 120px/1 var(--display);color:transparent;-webkit-text-stroke:2px #a06832;text-shadow:0 0 30px #703919}.card-image-viii .roman{-webkit-text-stroke-color:#a34d38}.legacy{min-height:690px;display:grid;place-items:center;background:linear-gradient(90deg,rgba(6,8,9,.95),rgba(6,8,9,.55)),radial-gradient(circle at 80%,#702524,#0b0d0e 60%);padding:100px max(6vw,24px)}.legacy-content{width:min(1200px,100%)}.legacy h2 span{color:transparent;-webkit-text-stroke:1px #fff}.legacy-content>p:not(.eyebrow){max-width:580px;color:#a4a8aa;margin:30px 0 55px}.pillars{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.pillars div{padding:28px 6vw 0 0}.pillars b{font:600 12px var(--display);color:var(--red)}.pillars h3{font:600 25px var(--display);text-transform:uppercase;margin:8px 0}.pillars p{color:#898e90;font-size:13px}footer{min-height:130px;padding:35px 5vw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:#858a8c}footer p{font-size:11px;text-align:center}.back-top{border:1px solid #333;width:38px;height:38px;display:grid;place-items:center}.reveal{opacity:0;transform:translateY(25px)}.revealed{opacity:1;transform:none;transition:opacity .65s,transform .65s}
@media(max-width:850px){.site-header{position:absolute}.main-nav{position:absolute;top:76px;left:0;right:0;display:none;flex-direction:column;gap:0;background:#0b0d0e;padding:15px 5vw;border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.main-nav a{padding:13px 0}.menu-toggle{display:block}.hero-content{margin-left:6vw}.hero h1{font-size:clamp(5rem,21vw,8rem)}.intro{grid-template-columns:1fr}.game-grid{grid-template-columns:1fr 1fr}.featured{grid-column:span 2}.section-heading{align-items:flex-start;flex-direction:column;gap:30px}.pillars{grid-template-columns:1fr}.pillars div{border-bottom:1px solid var(--line);padding-bottom:20px}footer{gap:20px}}
@media(max-width:560px){.section{padding:85px 22px}.hero{min-height:820px}.hero-content{margin:0 22px;width:auto}.hero h1{font-size:24vw}.hero-copy{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-status span:nth-child(2){display:none}.intro h2{font-size:17vw}.stats{gap:6px}.stats strong{font-size:28px}.stats span{font-size:8px}.game-grid{grid-template-columns:1fr}.featured{grid-column:auto;display:block}.featured .card-image{min-height:320px}.filters{width:100%;overflow-x:auto}.filter{flex:1}.legacy h2{font-size:15vw}footer{flex-wrap:wrap;justify-content:center}footer p{width:100%;order:3}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.game-card,.card-image img,.revealed{transition:none}}