:root{--bg:#080a0d;--panel:#101215;--line:#282e33;--white:#e9e9e5;--gray:#99a4a7;--red:#b63b45;--display:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;--body:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--white);font-family:var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #f8abb0;outline-offset:4px}img{display:block;max-width:100%}::selection{background:#bd4650;color:#fff}.wrap{width:min(1500px,calc(100% - 104px));margin-inline:auto}.skip-link{position:fixed;top:-80px;left:20px;z-index:200;padding:12px;background:#fff;color:#000}.skip-link:focus{top:10px}
/* Navigation */
.site-header{height:78px;position:relative;z-index:10;display:flex;align-items:center;padding:0 max(52px,calc((100vw - 1500px)/2));background:#080a0dee;border-bottom:1px solid #383e424f;gap:30px}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand img{width:40px;height:40px;border-radius:50%;box-shadow:0 0 0 1px #56626755}.brand>span{font:800 23px/.85 var(--display);letter-spacing:1.3px}.brand small{display:block;margin-top:6px;font:600 8px/1 var(--body);letter-spacing:5.5px;color:#b3bbbd}.desktop-nav{display:flex;gap:36px;margin-left:auto}.desktop-nav a,.header-steam{font:700 10px/1 var(--body);letter-spacing:1.4px}.desktop-nav a{color:#abb0b4;transition:color .2s}.desktop-nav a:hover{color:#fff}.header-steam{display:flex;align-items:center;gap:10px;padding:12px 14px;margin-left:18px;border:1px solid #62676a;min-width:146px;transition:background .2s,border-color .2s}.header-steam:hover{background:#1d2427;border-color:#899197}.header-steam img{width:18px;height:18px;flex:0 0 18px;filter:drop-shadow(0 0 8px #ffffff14)}.header-steam span{font-size:10px;letter-spacing:1.4px}.header-steam b{font-size:16px;font-weight:700;margin-left:auto;color:#d3d9db}.mobile-menu{display:none}.mobile-nav{display:none}
/* Cinematic opening */
.hero{position:relative;isolation:isolate;height:calc(100svh - 78px);min-height:690px;max-height:1050px;background:#030609;overflow:hidden}.hero-image{position:absolute;inset:0;z-index:-3;background:url('assets/empty.webp') center 52%/cover no-repeat;filter:saturate(.73) contrast(1.17) brightness(.66);transform:scale(1.022)}.hero:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#07090cfa 0%,#07090ce8 17%,#07090c87 46%,#07090c20 76%,#07090c89 100%),linear-gradient(0deg,#080a0def 0%,#080a0c4d 28%,transparent 58%,#05070a81 100%)}.hero:after{content:'';position:absolute;pointer-events:none;inset:0;z-index:-1;box-shadow:inset 0 0 200px #000d;background:radial-gradient(ellipse at 72% 52%,#142d3542,transparent 50%),linear-gradient(90deg,transparent 60%,#6e0a1210)}.hero-grain{position:absolute;z-index:-1;inset:0;opacity:.14;pointer-events:none;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='.83' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E")}.hero-inner{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(52px,7vh,90px) 0 46px}.hero-caption{display:flex;align-items:center;gap:13px;font:700 10px var(--body);letter-spacing:2.6px;color:#d8dddf}.signal{width:26px;height:1px;background:var(--red);box-shadow:0 0 12px #cf343e}.hero-heading-block{margin-top:auto;margin-bottom:auto;padding:25px 0 40px}.hero-symbol{width:102px;height:102px;object-fit:cover;border-radius:50%;margin-bottom:22px;box-shadow:0 0 1px #fff8;filter:brightness(1.25) contrast(1.08)}.hero h1{font:800 clamp(114px,12.5vw,226px)/.77 var(--display);margin:0;letter-spacing:-1.2px;text-transform:uppercase;text-shadow:0 12px 60px #0007}.hero h1 span{display:block;font-size:.42em;line-height:1.24;letter-spacing:7px;margin-top:12px}.hero-bottom{border-top:1px solid #ffffff66;padding-top:22px;display:flex;justify-content:space-between;align-items:center;gap:20px}.hero-next{display:flex;align-items:center;gap:20px;font:800 13px var(--body);letter-spacing:1.5px}.hero-next span{font-size:24px;color:#cc636b;transition:transform .2s}.hero-next:hover span{transform:translate(4px,4px)}.hero-scroll{font:700 10px var(--body);letter-spacing:2px;color:#c3c9ca}
/* Minimal structural typography */
.section-top{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #465055;padding:18px 0}.section-index{font:700 10px var(--body);letter-spacing:2.2px;color:#bbc4c6}.section-index b{color:#cf4d58}.section-muted{font:700 10px var(--body);letter-spacing:1.7px;color:#849095}.cross-mark{color:#aa444e;font-size:18px}.subtype{font:800 11px var(--body);letter-spacing:1.7px;color:#c75059}
/* Feature */
.game-section{padding-top:80px;background:#080a0d}.game-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;padding-top:68px;padding-bottom:64px}.game-heading h2{font:800 clamp(100px,12vw,192px)/.78 var(--display);letter-spacing:-1.2px;margin:28px 0 0}.game-heading h2 i{font-style:normal;color:#b83b45}.game-heading p{max-width:245px;margin:0 0 6px;color:#adb3b6;font-size:14px;line-height:1.7}.game-image{height:min(62vw,730px);min-height:470px;position:relative;background:url('assets/red.webp') center 53%/cover no-repeat;isolation:isolate}.game-image:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,#070608e3,transparent 40%),linear-gradient(90deg,#07060852,transparent 70%)}.game-image-ui{height:100%;display:flex;align-items:end;justify-content:space-between;padding-bottom:28px;font:700 10px var(--body);letter-spacing:1.7px;text-shadow:0 2px 8px #000}.game-actions{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-top:30px;padding-bottom:36px;border-bottom:1px solid #384146}.rule{display:flex;flex-wrap:wrap;gap:11px 25px;font:700 10px var(--body);letter-spacing:1.35px;color:#a5afb2}.actions{display:flex;gap:9px}.btn{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:19px 22px;min-width:180px;font:800 10px var(--body);letter-spacing:1.45px;transition:background .2s,transform .2s}.btn:hover{transform:translateY(-2px)}.btn span{font-size:17px}.btn-steam{justify-content:flex-start;gap:12px}.btn-steam img{width:18px;height:18px;flex:0 0 18px;filter:drop-shadow(0 0 8px #ffffff14)}.btn-steam .btn-label{font-size:10px;letter-spacing:1.45px}.btn-steam .btn-arrow{font-size:17px;margin-left:auto}.btn-red{background:#a93640;color:#fff}.btn-red:hover{background:#cb444e}.btn-outline{border:1px solid #6a747a;background:#101417;color:#e7eded}.btn-outline:hover{background:#22292b}
/* Video */
.trailer-section{padding-top:110px;padding-bottom:115px}.trailer{width:100%;aspect-ratio:16/7.4;min-height:430px;max-height:640px;display:block;position:relative;isolation:isolate;border:0;overflow:hidden;background:#090c0f;color:var(--white);text-align:left;margin-top:34px}.trailer-image{position:absolute;inset:0;z-index:-3;background:url('assets/hero.webp') center 45%/cover no-repeat;filter:brightness(.55) saturate(.76);transition:transform .65s,filter .5s}.trailer:hover .trailer-image{transform:scale(1.04);filter:brightness(.68) saturate(.88)}.trailer-vignette{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#000b,transparent 75%),linear-gradient(0deg,#08090bba,transparent 55%)}.trailer-title{position:absolute;bottom:55px;left:55px;font:800 clamp(80px,10vw,162px)/.81 var(--display);letter-spacing:-1px}.trailer-ign{display:inline-block;vertical-align:middle;margin-left:20px;transform:translateY(-14px);padding:6px 9px;background:#da3037;font:900 15px var(--body);letter-spacing:-1px;color:#fff}.play-circle{position:absolute;left:74%;top:50%;transform:translate(-50%,-50%);width:104px;height:104px;border:1px solid #ffffffaa;border-radius:100%;display:grid;place-items:center;background:#0006;transition:background .25s,scale .25s}.trailer:hover .play-circle{background:#a93640;scale:1.07}
/* Image-first gallery */
.gallery-section{padding:30px 0 115px;background:#0d1013}.quiet-heading{display:flex;align-items:baseline;justify-content:space-between;gap:14px;font:800 clamp(56px,7vw,103px)/1 var(--display);letter-spacing:.2px;margin:48px 0 36px}.quiet-heading span{font:700 10px var(--body);letter-spacing:1.4px;color:#879196}.gallery-grid{display:grid;grid-template-columns:1.15fr .78fr .9fr;grid-template-rows:330px 310px;gap:12px}.gallery-shot{display:block;position:relative;overflow:hidden;padding:0;border:0;background:#14181c;color:#fff}.gallery-shot img{width:100%;height:100%;object-fit:cover;transition:transform .7s,filter .5s;filter:brightness(.78)}.gallery-shot:hover img{transform:scale(1.055);filter:brightness(1)}.gallery-shot:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000a,transparent 38%);pointer-events:none}.gallery-shot>span{position:absolute;z-index:1;left:22px;right:22px;bottom:20px;display:flex;justify-content:space-between;align-items:center;font:700 12px var(--body);letter-spacing:2px}.gallery-shot>span b{font-size:20px;font-weight:400}.shot-1{grid-column:1/3;grid-row:1}.shot-2{grid-column:3;grid-row:1}.shot-3{grid-column:1;grid-row:2}.shot-4{grid-column:2;grid-row:2}.shot-5{grid-column:3;grid-row:2}
/* Bare facts about the studio */
.studio-section{background:#07090b;border-top:1px solid #24292b;border-bottom:1px solid #24292b;position:relative;isolation:isolate}.studio-section:before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 78% 50%,#17313926,transparent 53%)}.studio-inner{padding-top:125px;padding-bottom:135px;display:grid;grid-template-columns:1.3fr .7fr;gap:65px;align-items:center}.studio-brand{display:flex;gap:30px;align-items:center}.studio-brand img{width:150px;height:150px;border-radius:50%}.studio-wordmark{font:800 clamp(78px,9.5vw,145px)/.78 var(--display);letter-spacing:-.8px}.studio-wordmark span{display:block;font-size:.43em;letter-spacing:4.5px;margin-top:14px}.studio-description{border-left:1px solid #41494c;padding-left:35px}.studio-description p{font-size:18px;line-height:1.7;max-width:390px;margin:24px 0;color:#d8dbdc}.studio-description p+p{font-size:14px;color:#8e989c;margin-top:12px}.studio-description strong{color:#fff}
/* Contact */
.contact-section{padding:95px 0 135px}.contact-grid{padding-top:70px;display:grid;grid-template-columns:1fr 320px;gap:70px}.contact-left h2{font:800 clamp(104px,14vw,205px)/.83 var(--display);margin:0 0 32px}.contact-email{display:inline-flex;gap:14px;align-items:center;padding:10px 0 25px;font-size:clamp(16px,2.4vw,26px);border-bottom:1px solid #5c666b;transition:color .2s;word-break:break-word}.contact-email:hover{color:#ea7680}.contact-email span{font-size:27px}.press-link{display:flex;justify-content:space-between;align-items:center;width:min(420px,100%);padding:21px 24px;background:#171b1e;border:1px solid #444c50;margin-top:33px;font:800 12px var(--body);letter-spacing:1.8px;transition:background .2s}.press-link:hover{background:#2a161a}.press-link span:last-child{color:#cb4b53;font-size:23px}.contact-right{display:flex;flex-direction:column;align-items:flex-start;gap:32px;padding-top:15px}.social-label{font:800 11px var(--body);letter-spacing:2px;color:#9da7a9}.social-icons{display:flex;gap:14px;flex-wrap:wrap}.social-icons a{display:grid;place-items:center;width:58px;height:58px;border:1px solid #596165;color:#e9e9e5;background:#14181c;transition:background .2s,transform .2s,border-color .2s}.social-icons a:hover{background:#842e36;border-color:#ae535c;transform:translateY(-3px)}.social-icons svg{display:block;width:23px;height:23px}.footer{border-top:1px solid #2b3134}.footer-inner{padding-top:33px;padding-bottom:33px;display:flex;justify-content:space-between;gap:24px;color:#9da5a7;font:700 10px var(--body);letter-spacing:1.4px}.footer a:hover{color:#fff}
/* Accessible lightboxes */
.modal{background:#0b0d10;color:#eee;border:1px solid #4b555c;padding:0;width:min(1120px,95vw);max-height:95svh;box-shadow:0 30px 120px #000d}.modal::backdrop{background:#000e;backdrop-filter:blur(7px)}.modal-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:55px;padding:0 20px;font:800 10px var(--body);letter-spacing:1.4px;border-bottom:1px solid #30383d}.modal-bar button{border:0;background:none;color:#fff;font-size:22px;padding:10px}.video-slot{aspect-ratio:16/9;background:#000}.video-slot iframe{width:100%;height:100%;border:0;display:block}.modal-external{display:block;padding:17px 20px;text-align:right;font:700 10px var(--body);letter-spacing:1.4px}.modal-external:hover{color:#f17a84}.lightbox{width:min(1400px,96vw)}.lightbox-frame{position:relative;display:flex;justify-content:center;background:#020304}.lightbox-frame img{max-height:78vh;max-width:100%;object-fit:contain}.lightbox-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#000a;color:#fff;border:1px solid #ffffff9c;width:51px;height:58px;font-size:34px}.lightbox-arrow:hover{background:#a93740}.lightbox-arrow.prev{left:10px}.lightbox-arrow.next{right:10px}
@media(max-width:1200px){.wrap{width:calc(100% - 74px)}.site-header{padding:0 37px}.desktop-nav{gap:21px}.hero h1{font-size:clamp(102px,13vw,170px)}.game-heading h2{font-size:clamp(95px,12vw,150px)}.gallery-grid{grid-template-rows:280px 265px}.studio-inner{grid-template-columns:1.1fr .9fr;gap:32px}.studio-brand img{width:112px;height:112px}.studio-wordmark{font-size:clamp(75px,9vw,110px)}}
@media(max-width:900px){.desktop-nav,.header-steam{display:none}.mobile-menu{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;margin-left:auto;width:46px;height:42px;border:1px solid #697075;background:transparent}.mobile-menu span{display:block;width:23px;height:2px;background:#f2f2f0}.mobile-nav{position:absolute;top:78px;left:0;right:0;background:#0d1013;border-bottom:1px solid #4c5256;padding:12px 37px;flex-direction:column}.mobile-nav.open{display:flex}.mobile-nav a{display:block;padding:16px 0;font:700 12px var(--body);letter-spacing:1.4px}.hero{min-height:650px}.hero-image{background-position:58% center}.hero:before{background:linear-gradient(90deg,#07090cf5 0%,#07090cb8 40%,#07090c5a 80%,#07090c7a 100%),linear-gradient(0deg,#080a0de5,transparent 56%)}.game-heading{align-items:start;flex-direction:column}.game-heading p{max-width:500px}.game-actions{align-items:flex-start;flex-direction:column}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:300px 240px 240px}.shot-1{grid-column:1/3;grid-row:1}.shot-2{grid-column:1;grid-row:2}.shot-3{grid-column:2;grid-row:2}.shot-4{grid-column:1;grid-row:3}.shot-5{grid-column:2;grid-row:3}.studio-inner{grid-template-columns:1fr;gap:62px}.studio-description{max-width:700px}.contact-grid{grid-template-columns:1fr;gap:50px}.contact-right{gap:20px}}
@media(max-width:600px){html{scroll-padding-top:70px}.site-header{height:70px;padding:0 19px}.brand img{height:34px;width:34px}.brand>span{font-size:19px}.brand small{font-size:7px;letter-spacing:4.6px}.mobile-nav{top:70px;padding:12px 19px}.wrap{width:calc(100% - 38px)}.hero{height:calc(100svh - 70px);min-height:585px;max-height:850px}.hero-image{background-position:53% center}.hero-inner{padding:52px 0 24px}.hero-caption{font-size:8px;letter-spacing:1.6px}.hero-heading-block{padding-top:32px;padding-bottom:25px}.hero-symbol{width:76px;height:76px;margin-bottom:26px}.hero h1{font-size:clamp(91px,22vw,145px)}.hero h1 span{font-size:.42em;letter-spacing:4px;margin-top:11px}.hero-next{font-size:9px;letter-spacing:1px}.hero-scroll{font-size:8px}.hero-bottom{padding-top:17px}.section-top{padding:15px 0}.section-index,.section-muted{font-size:9px;letter-spacing:1.3px}.subtype{font-size:9px}.game-section{padding-top:45px}.game-heading{padding-top:47px;padding-bottom:40px;gap:26px}.game-heading h2{font-size:clamp(77px,15vw,112px);letter-spacing:-.3px;margin-top:24px}.game-heading p{font-size:13px}.game-image{min-height:340px;height:420px;background-position:48% center}.game-image-ui{font-size:8px;letter-spacing:1px;padding-bottom:19px}.game-image-ui span:last-child{max-width:130px;text-align:right}.game-actions{padding:27px 0 32px;gap:23px}.rule{font-size:9px;gap:9px}.actions{width:100%}.btn{flex:1;min-width:0;padding:15px 10px;gap:10px;font-size:9px;letter-spacing:.7px}.btn span{font-size:15px}.btn-steam{gap:8px}.btn-steam img{width:16px;height:16px}.btn-steam .btn-label{font-size:9px;letter-spacing:.7px}.btn-steam .btn-arrow{font-size:15px}.trailer-section{padding-top:75px;padding-bottom:79px}.trailer{min-height:290px;aspect-ratio:1.22;margin-top:20px}.trailer-title{font-size:clamp(68px,13vw,95px);left:23px;bottom:23px}.trailer-ign{font-size:10px;margin-left:10px;transform:translateY(-8px)}.play-circle{left:75%;top:38%;width:72px;height:72px}.gallery-section{padding:18px 0 79px}.quiet-heading{font-size:clamp(49px,11vw,74px);margin:38px 0 20px}.quiet-heading span{font-size:8px;letter-spacing:.3px}.gallery-grid{gap:8px;grid-template-rows:235px 174px 174px}.gallery-shot>span{left:11px;right:11px;bottom:10px;font-size:10px}.studio-inner{padding-top:90px;padding-bottom:93px;gap:49px}.studio-brand{align-items:center;gap:17px}.studio-brand img{width:75px;height:75px}.studio-wordmark{font-size:clamp(56px,12.4vw,81px)}.studio-wordmark span{letter-spacing:2.4px;margin-top:7px}.studio-description{padding-left:21px}.studio-description p{font-size:16px}.studio-description p+p{font-size:13px}.contact-section{padding:63px 0 89px}.contact-grid{padding-top:49px;gap:50px}.contact-left h2{font-size:clamp(94px,20vw,130px)}.contact-email{font-size:clamp(14px,4vw,20px);gap:5px}.contact-email span{font-size:18px}.press-link{margin-top:24px;padding:20px}.social-icons{gap:9px}.social-icons a{width:54px;height:54px}.footer-inner{font-size:8px;letter-spacing:.5px;padding-top:27px;padding-bottom:27px}.modal-bar{font-size:9px;padding:0 12px}.lightbox-arrow{width:35px;height:44px}.lightbox-arrow.prev{left:4px}.lightbox-arrow.next{right:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Keep oversized editorial typography from forcing horizontal scrolling. */
.hero-image{transform:none}
.contact-grid{grid-template-columns:minmax(0,1fr) 320px}
.contact-left,.contact-right{min-width:0}
@media(max-width:900px){.contact-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.hero h1{font-size:clamp(66px,18vw,95px)}.game-heading h2{font-size:clamp(64px,13.2vw,93px)}.contact-left h2{font-size:clamp(67px,17vw,92px)}.contact-email{max-width:100%}.quiet-heading{font-size:clamp(43px,10vw,69px)}}