@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&display=swap');
:root{--bg:#050706;--ink:#f2f3ef;--muted:#a6ada9;--line:rgba(255,255,255,.14);--red:#9e2424;--max:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050706;color:var(--ink);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}.site-bg{position:fixed;inset:-5vh -3vw;z-index:-5;background:url('assets/bg.png') center/cover no-repeat;transform:scale(1.04)}.site-vignette{position:fixed;inset:0;z-index:-4;background:linear-gradient(180deg,rgba(3,5,4,.18),rgba(3,5,4,.58)),radial-gradient(circle at 50% 35%,transparent 0 18%,rgba(2,4,3,.28) 55%,rgba(2,4,3,.72) 100%)}.noise{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.045;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:380px;height:380px;border-radius:50%;pointer-events:none;z-index:99;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(210,225,216,.055),transparent 67%)}.topbar{height:78px;position:fixed;z-index:90;top:0;left:0;right:0;display:flex;align-items:center;padding:0 clamp(22px,4vw,64px);transition:.35s}.topbar.scrolled{background:rgba(4,6,5,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand img{width:166px;max-height:58px;object-fit:contain}.nav{margin-left:auto;display:flex;align-items:center;gap:30px;font:500 12px/1 "Barlow Condensed";letter-spacing:.19em}.nav a{position:relative}.nav a:not(.nav-cta)::before,.kicker::before,.section-heading>span::before,.trailer-copy>span::before{content:"";display:inline-block;width:22px;height:2px;background:var(--red);margin-right:9px;vertical-align:middle}.nav-cta{border:1px solid rgba(255,255,255,.35);padding:11px 15px}.menu-btn{display:none;margin-left:auto;background:none;border:0;color:white;letter-spacing:.16em}.hero{min-height:100svh;display:flex;align-items:center;position:relative;padding:120px clamp(24px,7vw,110px) 80px}.hero-content{max-width:920px;will-change:transform}.hero-logo{width:min(500px,62vw);margin-bottom:28px;will-change:transform}.eyebrow,.kicker,.section-heading>span,.manifesto span,.trailer-copy>span,.wishlist-content>span{font:500 12px/1 "Barlow Condensed";letter-spacing:.26em;color:#c2c9c5;text-transform:uppercase}.hero h1,.copy h2,.section-heading h2,.manifesto h2,.wishlist h2,.trailer-copy h3{font-family:"Barlow Condensed";text-transform:uppercase;line-height:.93;font-weight:500}.hero h1{font-size:clamp(60px,8vw,118px);max-width:880px;margin:18px 0 24px;letter-spacing:-.025em}.hero h1 em{font-style:normal;color:#fff;text-shadow:0 0 30px rgba(255,255,255,.2)}.lead{max-width:650px;color:#c1c7c3;line-height:1.7;font-size:16px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0 25px}.btn{height:50px;padding:0 24px;border:1px solid rgba(255,255,255,.42);display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;font:600 12px "Barlow Condensed";letter-spacing:.18em;cursor:pointer}.btn::before{content:"";position:absolute;inset:0;background:white;transform:translateY(101%);transition:.3s}.btn:hover::before{transform:none}.btn span{position:relative;z-index:1}.btn:hover{color:#080a09}.btn-primary{border-color:#e8ece9}.btn-primary::before{background:#8b2424}.btn-primary:hover{color:#fff;border-color:#8b2424}.platform{font-size:10px;letter-spacing:.17em;color:#a3aaa6;text-transform:uppercase}.scroll-cue{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:grid;justify-items:center;gap:8px;font-size:9px;letter-spacing:.24em;color:#abb3af}.scroll-cue i{width:1px;height:44px;background:linear-gradient(#dfe4e1,transparent)}.glass-section{max-width:var(--max);margin:80px auto;padding:110px clamp(24px,5vw,64px);background:linear-gradient(135deg,rgba(5,8,7,.78),rgba(5,8,7,.52));border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(9px)}.section-grid{display:grid;grid-template-columns:1fr 3fr;gap:60px}.copy h2{font-size:clamp(42px,5vw,74px);margin:0 0 30px}.copy p{font-size:15px;line-height:1.85;color:#b9c0bc;max-width:850px}.copy strong{color:white}.credit{font-family:"Barlow Condensed";letter-spacing:.08em;text-transform:uppercase}.manifesto{min-height:82vh;display:grid;place-items:center;text-align:center;padding:100px 24px;overflow:hidden}.manifesto-inner{max-width:1000px;padding:70px 35px;background:radial-gradient(circle,rgba(5,8,7,.78),rgba(5,8,7,.16) 68%,transparent)}.manifesto h2{font-size:clamp(60px,8vw,120px);margin:20px 0;letter-spacing:.015em}.manifesto p{color:#bac2be;line-height:1.75;max-width:650px;margin:auto}.section-heading{text-align:center;max-width:800px;margin:0 auto 55px}.section-heading h2{font-size:clamp(50px,6vw,86px);margin:14px 0}.trailer-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:42px;align-items:center}.video-wrap{position:relative;aspect-ratio:16/9;border:1px solid var(--line);box-shadow:0 28px 80px rgba(0,0,0,.38)}.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.trailer-copy h3{font-size:clamp(38px,4vw,60px);margin:18px 0}.trailer-copy p{color:#b6bdb9;line-height:1.8}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gallery-item{padding:0;border:0;background:#111;overflow:hidden;cursor:zoom-in;aspect-ratio:16/9}.gallery-item.large{grid-column:span 2;aspect-ratio:16/9}.gallery-item img{width:100%;height:100%;object-fit:cover;object-position:center center;filter:saturate(.78) brightness(.86);transition:.45s}.gallery-item:hover img{transform:scale(1.035);filter:saturate(1) brightness(1)}.wishlist{min-height:88vh;display:grid;place-items:center;text-align:center;padding:110px 24px}.wishlist-content{max-width:760px;padding:65px 50px;background:rgba(4,6,5,.63);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px)}.wishlist-content img{width:min(440px,75vw);margin:0 auto 25px}.wishlist h2{font-size:clamp(52px,6vw,88px);margin:22px 0}.wishlist p{color:#b3bbb7;line-height:1.7}.wishlist small{display:block;margin-top:18px;color:#8c9590;letter-spacing:.11em;text-transform:uppercase}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b52c2c;box-shadow:0 0 12px #b52c2c;margin-right:8px}.steam-disabled{margin-top:12px;cursor:default}footer{min-height:120px;border-top:1px solid var(--line);background:rgba(3,5,4,.86);padding:30px clamp(24px,5vw,70px);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:25px;color:#8f9994;font-size:11px}footer img{width:110px;height:58px;object-fit:contain}footer div{display:grid;gap:6px}footer strong{font-family:"Barlow Condensed";letter-spacing:.16em;color:#ced4d1}.lightbox{width:min(1400px,94vw);max-width:none;padding:0;border:1px solid rgba(255,255,255,.18);background:#050706;color:#fff}.lightbox::backdrop{background:rgba(0,0,0,.9);backdrop-filter:blur(8px)}.lightbox img{width:100%;max-height:90vh;object-fit:contain}.lightbox-close{position:absolute;right:10px;top:8px;z-index:2;width:42px;height:42px;border:0;background:rgba(0,0,0,.6);color:#fff;font-size:28px;cursor:pointer}.reveal{opacity:0;transform:translateY(24px);transition:opacity .85s ease,transform .85s ease}.reveal.visible{opacity:1}.parallax-ready{transition:opacity .85s ease;will-change:transform}
@media(max-width:900px){.cursor-glow{display:none}.menu-btn{display:block}.nav{position:absolute;top:68px;left:0;right:0;display:grid;background:rgba(5,8,7,.97);transform:translateY(-130%);opacity:0;pointer-events:none;transition:.3s}.nav.open{transform:none;opacity:1;pointer-events:auto}.nav a{padding:17px 24px;border-top:1px solid rgba(255,255,255,.07)}.section-grid,.trailer-grid{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr}.gallery-item.large{grid-column:span 2}.glass-section{margin:40px 18px}.hero h1{font-size:clamp(55px,13vw,90px)}}
@media(max-width:600px){.topbar{padding:0 18px;height:68px}.brand img{width:130px}.hero{padding-left:22px;padding-right:22px}.hero-logo{width:310px}.glass-section{padding:80px 20px;margin:28px 10px}.gallery{grid-template-columns:1fr}.gallery-item.large{grid-column:auto;aspect-ratio:16/9}.wishlist-content{padding:55px 20px}footer{grid-template-columns:1fr;text-align:center;justify-items:center}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}}

/* Typography scale adjustment — reduced oversized display text */
.hero h1{font-size:clamp(36px,4.6vw,68px);max-width:780px;line-height:1.02}
.copy h2{font-size:clamp(30px,3.2vw,48px);line-height:1}
.manifesto h2{font-size:clamp(38px,4.8vw,70px);line-height:1}
.section-heading h2{font-size:clamp(34px,4vw,58px);line-height:1}
.trailer-copy h3{font-size:clamp(28px,3vw,44px);line-height:1}
.wishlist h2{font-size:clamp(34px,4vw,58px);line-height:1}
@media(max-width:900px){.hero h1{font-size:clamp(34px,9vw,56px)}}

/* 50% display typography reduction — keep the logo as the dominant visual */
.hero h1{font-size:clamp(18px,2.3vw,34px);max-width:620px;line-height:1.08}
.copy h2{font-size:clamp(15px,1.6vw,24px);line-height:1.08}
.manifesto h2{font-size:clamp(19px,2.4vw,35px);line-height:1.08}
.section-heading h2{font-size:clamp(17px,2vw,29px);line-height:1.08}
.trailer-copy h3{font-size:clamp(14px,1.5vw,22px);line-height:1.1}
.wishlist h2{font-size:clamp(17px,2vw,29px);line-height:1.08}
@media(max-width:900px){.hero h1{font-size:clamp(17px,4.5vw,28px)}}