@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Barlow:wght@400;500;600;700&display=swap');
:root{--bg:#090909;--fg:#f3f0e9;--red:#bc222e;--muted:#aaa5a2;--line:#292526;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--fg);font-family:Barlow,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #ff7b84;outline-offset:5px}button{border:0}header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff13;position:absolute;z-index:5;width:100%;background:linear-gradient(#080809aa,transparent)}.brand{display:flex;align-items:center;gap:10px;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;font-size:24px;line-height:1;letter-spacing:.3px}.brand small{display:block;font:9px Barlow,Arial,sans-serif;letter-spacing:5px;margin-top:7px;text-align:center}.brand-symbol{font-size:48px;color:var(--red)}.brand img,.brand video{max-width:170px;max-height:64px;object-fit:contain}nav{display:flex;gap:34px;font-size:14px}nav a:hover{color:#f46b73}.contact-nav{font-size:11px;font-weight:700;letter-spacing:1px;border-bottom:1px solid #655157;padding:10px 0}.contact-nav span{margin-left:24px}.hero{height:min(880px,100svh);min-height:710px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 78% 46%,#441017 0,transparent 49%)}#universe{position:absolute;inset:0;width:100%;height:100%;opacity:.85;pointer-events:none}.hero-art{position:absolute;inset:0 0 0 33%;display:flex;align-items:center;justify-content:center;perspective:1000px;pointer-events:none}.eclipse{width:min(43vw,620px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 75% 30%,#210e10 0,#070707 60%);box-shadow:-10px 0 32px #ed283e88,12px 0 90px #870c2855,inset -6px -5px 12px #dc304477;border:1px solid #d84c5666;transform:rotate(-28deg);opacity:.94}.orbit{position:absolute;width:90%;height:29%;border:1px solid #ee6f7150;border-radius:50%;transform:rotate(-30deg);box-shadow:0 0 35px #b300181a}.o2{width:100%;height:35%;border-color:#a13e3e22;transform:rotate(-30deg)}.art-label{position:absolute;bottom:19%;right:12%;font-size:9px;letter-spacing:2px;color:#c59094;border-left:22px solid #a42b37;padding-left:10px}.hero-art img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;filter:drop-shadow(0 0 45px #ba142633)}.hero-grid{position:absolute;inset:0;background:linear-gradient(90deg,#090909 0,transparent 75%);pointer-events:none}.hero-copy{position:relative;padding:195px 5% 100px;max-width:950px;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.2px;display:flex;align-items:center;gap:8px;margin:0 0 25px}.eyebrow i{width:6px;height:6px;background:#e44450;box-shadow:0 0 12px #e44450}.hero h1{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-size:clamp(80px,9vw,144px);letter-spacing:-2px;line-height:.84;margin:0;font-weight:800}em{font-style:normal;color:var(--red)}.hero h1 em{-webkit-text-stroke:1px #e2525d;color:transparent}.intro{color:#bbb1b3;line-height:1.6;font-size:15px;margin:28px 0}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;min-height:50px;padding:17px 22px;font-size:11px;letter-spacing:1.2px;font-weight:700;background:#181415;border:1px solid #613038}.primary{background:var(--red);border-color:var(--red)}.button:hover{background:#df3340;border-color:#df3340}.button span{font-size:19px}.hero-bottom{position:absolute;bottom:28px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.6px;color:#a29698}.hero-bottom b{margin:0 14px;color:#ad2435}.hero-bottom button{background:none;font-size:9px;letter-spacing:1.5px}.hero-bottom button span{color:#d24351;margin-left:12px}.ticker{display:flex;align-items:center;justify-content:space-around;gap:42px;overflow:hidden;white-space:nowrap;background:#7f1822;padding:17px 0;font-size:10px;font-weight:600;letter-spacing:2.4px}.ticker b{font-size:18px}.section{padding:75px 5% 0;scroll-margin-top:25px}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:27px}h2{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-size:clamp(35px,4.3vw,66px);line-height:.98;margin:0;font-weight:700;letter-spacing:-.6px}.section .eyebrow{color:#a49599;margin-bottom:13px;font-size:9px}.rail-controls{display:flex;gap:8px}.rail-controls button{border:1px solid #3c2b2e;background:transparent;width:42px;height:42px;font-size:19px}.rail-controls button:hover{background:var(--red)}.filter-bar{display:flex;align-items:center;gap:24px;margin-bottom:23px;border-bottom:1px solid var(--line)}.filter-bar button{background:transparent;font-size:10px;letter-spacing:1px;padding:0 0 15px;border-bottom:2px solid transparent;white-space:nowrap;color:#a3989a}.filter-bar button.active{border-color:var(--red);color:white}.filter-bar sup{color:#d74d59;margin-left:4px}.filter-bar>span{margin-left:auto;font-size:9px;letter-spacing:1px;color:#7e7477;padding-bottom:15px}.rail{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#6c202a #171314;padding-bottom:16px;overscroll-behavior-x:contain}.game-card{flex:0 0 calc((100% - 40px)/3);min-width:270px;scroll-snap-align:start;background:transparent;padding:0;text-align:left;position:relative}.poster{height:330px;position:relative;overflow:hidden;border:1px solid #3e2a2c;background:#181315;transform:perspective(900px) rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg));transition:transform .3s}.poster img,.media-art img{width:100%;height:100%;object-fit:cover}.poster:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,#080707e0)}.poster-art{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 60% 20%,#a8523c 0,#432126 30%,#100d12 75%)}.poster-art:before{content:'';position:absolute;width:40%;height:75%;left:42%;top:27%;background:linear-gradient(110deg,#a2766c,#271f25 25%,#090b10 65%);clip-path:polygon(35% 0,65% 0,77% 15%,70% 25%,88% 37%,100% 85%,85% 100%,0 100%,10% 40%,30% 25%,23% 15%);filter:drop-shadow(-8px 0 14px #f36c4d)}.poster-art:after{content:'';position:absolute;inset:15% -20% -10%;background:repeating-linear-gradient(90deg,transparent 0 50px,#030710aa 52px 72px);transform:skewY(-14deg);opacity:.5}.sanity{background:radial-gradient(ellipse at 50% 40%,#584e6b,#1a1628 45%,#07080d)}.sanity:before{width:50%;left:25%;border-radius:50%;clip-path:polygon(40% 0,60% 0,75% 18%,80% 42%,100% 100%,0 100%,20% 40%,25% 18%);background:radial-gradient(ellipse at 60% 20%,#d3c6bf,#71656b 20%,#12101a 50%)}.zone{background:radial-gradient(ellipse at 70% 10%,#afb28d,#4b6357 24%,#1e3337 50%,#0c171b)}.zone:before{background:linear-gradient(100deg,#989f80,#233a30 45%,#071615);transform:rotate(-12deg)}.veneer{background:radial-gradient(ellipse at 50% 30%,#9e7770,#42272f 35%,#100c12)}.veneer:before{clip-path:none;width:48%;height:72%;left:26%;top:20%;border-radius:48% 48% 43% 43%;background:radial-gradient(ellipse at 35% 40%,#0c090a 0 7%,transparent 9%),radial-gradient(ellipse at 68% 40%,#0c090a 0 7%,transparent 9%),linear-gradient(95deg,#413031,#b19485 50%,#332026);box-shadow:0 0 70px #c6413840}.standalone{background:radial-gradient(ellipse at 20% 20%,#b23338,#481b26 35%,#100e15 70%)}.poster .tag{position:absolute;top:16px;left:16px;z-index:1;font-size:8px;letter-spacing:1px;background:#0c090bd9;padding:8px 10px;border:1px solid #ffffff30}.poster .art-note{position:absolute;top:20px;right:12px;z-index:1;font-size:7px;letter-spacing:1px;color:#ccbfc1}.poster-title{position:absolute;bottom:22px;left:22px;right:22px;z-index:1;font-family:'Barlow Condensed',Impact,sans-serif;font-size:52px;line-height:.9;letter-spacing:-1px;text-shadow:0 3px 25px black}.card-meta{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 0 9px}.card-meta h3{font-size:12px;letter-spacing:.7px;margin:0 0 7px}.card-meta p{font-size:8px;letter-spacing:1px;color:#a2999b;margin:0}.card-meta>span{border:1px solid #493439;width:30px;height:30px;display:grid;place-items:center}.game-card:hover .card-meta>span{background:var(--red)}.media-section{padding-top:65px}.media-card{flex:0 0 calc((100% - 60px)/4);min-width:230px;scroll-snap-align:start;text-align:left;background:none;padding:0}.media-art{height:165px;position:relative;overflow:hidden;border:1px solid #382a2b}.media-art .poster-art{opacity:.6}.media-art .poster-art:before{height:110%;top:0}.play{display:grid;place-items:center;width:44px;height:44px;background:#eee8df;color:#201516;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:13px;padding-left:3px}.media-art small{position:absolute;bottom:12px;left:12px;font-size:8px;letter-spacing:1px;color:#d5c1c5}.media-card h3{font-size:13px;letter-spacing:.7px;margin:14px 0 6px}.media-card p{font-size:8px;color:#b08089;letter-spacing:1px;margin:0}.studio{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;padding-top:75px}.studio p:not(.eyebrow){color:#afa4a6;line-height:1.7;font-size:14px;max-width:410px}.text-link{display:inline-flex;gap:35px;background:none;padding:10px 0;border-bottom:1px solid #702530;font-size:10px;letter-spacing:1px}.studio-film{height:290px;position:relative;text-align:left;background:radial-gradient(ellipse at 50% 50%,#57202a,#160e12 60%);overflow:hidden;border:1px solid #523039}.film-lines{position:absolute;width:170px;height:170px;border:1px solid #cd5366;border-radius:50%;left:50%;top:12%;transform:translateX(-50%);box-shadow:0 0 0 25px #923b5620,0 0 0 50px #923b5610,0 0 0 80px #923b560a}.film-bottom{position:absolute;bottom:24px;left:24px;display:grid;gap:7px}.film-bottom small{font-size:8px;letter-spacing:1.5px;color:#b8a1aa}.film-bottom strong{font:700 30px 'Barlow Condensed',Impact,sans-serif}.shop{display:flex;justify-content:space-between;gap:30px;align-items:center;margin:65px 5% 0;padding:35px 0;border-top:1px solid #3c282c;border-bottom:1px solid #3c282c}.shop h2{font-size:36px}.shop p{font-size:14px;color:#bba9ae}.shop small{display:block;margin-top:12px;font-size:10px;color:#9e8c91}.shop .button{font-size:9px}footer{padding:65px 5% 25px}.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:55px}.footer-top h2{font-size:60px}.muted{font-size:10px;color:#ad969e;margin-top:20px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #39282c;padding-top:25px;font-size:9px;color:#a29096}.footer-bottom .brand{font-size:20px;color:var(--fg)}.footer-bottom .brand-symbol{font-size:36px}.footer-bottom .brand small{font-size:7px}.design-note{position:fixed;bottom:8px;left:50%;transform:translateX(-50%);font-size:7px;letter-spacing:1px;background:#1b1316eb;border:1px solid #65303a;color:#cfacb5;padding:6px 10px;z-index:8;white-space:nowrap;pointer-events:none}.skip{position:fixed;top:-80px;z-index:20;background:#b7192c;padding:15px}.skip:focus{top:10px}dialog{width:min(650px,calc(100% - 30px));max-height:90svh;background:#141012;color:var(--fg);border:1px solid #7a3543;padding:35px;overflow-y:auto}dialog::backdrop{background:#000c;backdrop-filter:blur(9px)}.close{position:absolute;right:13px;top:12px;background:#302029;width:35px;height:35px;font-size:18px;z-index:2}dialog h2{font-size:48px;margin:20px 0}dialog p{font-size:15px;line-height:1.7;color:#c0afb4}dialog .poster{height:230px;margin:20px 0}dialog .poster-title{font-size:45px}dialog .button{margin-top:15px}dialog video{width:100%;max-height:50svh;margin-top:20px}dialog .placeholder-message{padding:25px;border:1px dashed #70424e;font-size:13px;color:#b9a2aa}body.modal-open{overflow:hidden}
@media(min-width:1600px){.section,footer{padding-left:max(5%,calc((100% - 1480px)/2));padding-right:max(5%,calc((100% - 1480px)/2))}}
@media(max-width:900px){header{height:80px}nav{gap:20px;font-size:12px}.contact-nav{display:none}.hero{min-height:730px;height:95svh;max-height:950px}.hero-copy{padding-top:185px}.hero h1{font-size:110px}.hero-art{left:20%;opacity:.8}.eclipse{width:65vw}.art-label{right:5%;bottom:16%}.game-card{flex-basis:44%}.media-card{flex-basis:36%}.studio{gap:5%}.filter-bar>span{display:none}}
@media(max-width:600px){html{scroll-padding-top:20px}header{height:77px;padding:0 6%}.brand{font-size:19px}.brand-symbol{font-size:36px}.brand small{font-size:7px;letter-spacing:3px}.brand img,.brand video{max-width:110px;max-height:50px}nav{gap:15px;font-size:10px}nav a:nth-child(3){display:none}.hero{height:calc(100svh - 35px);min-height:680px;max-height:880px}.hero-art{left:0;top:50px;bottom:140px;align-items:flex-start;padding-top:40px}.eclipse{width:75vw;transform:translateX(15%) rotate(-28deg);opacity:.8}.orbit{top:25%;left:12%;height:25%}.hero-grid{background:linear-gradient(0deg,#090909 4%,#09090988 50%,transparent 100%)}.hero-copy{padding:300px 6% 75px}.hero h1{font-size:clamp(69px,17vw,99px);line-height:.86;letter-spacing:-1px}.hero .eyebrow{font-size:7px;letter-spacing:1.2px;margin-bottom:18px}.intro{font-size:12px;margin:20px 0}.button{min-height:48px;font-size:9px;padding:14px 18px}.hero-bottom{bottom:22px;left:6%;right:6%;font-size:7px;letter-spacing:1px}.hero-bottom a{display:none}.hero-bottom button{font-size:8px}.hero-bottom b{margin:0 7px}.art-label{top:90px;bottom:auto;right:6%;font-size:6px;letter-spacing:.8px}.hero-art img{object-position:50% 10%;height:75%}.ticker{gap:25px;padding:13px 0;font-size:8px;justify-content:flex-start}.section{padding:45px 6% 0}.section-top{gap:10px;margin-bottom:22px}h2{font-size:37px}.rail-controls button{width:34px;height:34px}.section .eyebrow{font-size:7px;letter-spacing:1.5px}.filter-bar{gap:17px}.filter-bar button{font-size:8px;letter-spacing:.4px}.rail{gap:14px;margin-right:-6.82%;padding-right:6.82%}.game-card{flex-basis:81%;min-width:240px}.poster{height:320px}.poster-title{font-size:52px}.media-card{flex-basis:76%;min-width:210px}.media-art{height:180px}.studio{grid-template-columns:1fr;gap:25px}.studio p:not(.eyebrow){font-size:13px}.studio-film{height:230px}.shop{margin:40px 6% 0;padding:28px 0;display:block}.shop h2{font-size:32px}.shop .button{margin-top:5px;font-size:8px}footer{padding:40px 6% 28px}.footer-top{display:block;padding-bottom:35px}.footer-top h2{font-size:51px;margin-bottom:25px}.footer-bottom{flex-wrap:wrap;gap:20px;font-size:8px}.footer-bottom .brand{width:50%}.footer-bottom>span:nth-child(3){width:50%}dialog{padding:25px}dialog h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Game start screen — progressive enhancement; the full site stays accessible without JS. */
#open-start{background:transparent;display:block}#start-screen{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#08080b;color:#f4efe9;overflow:auto;opacity:1;transition:opacity .65s ease,filter .65s ease;isolation:isolate}#start-screen::backdrop{background:#08080b}#start-screen.start-exit{opacity:0;filter:blur(8px);pointer-events:none}body.start-open{overflow:hidden}.start-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 38% 46%,#44101d80,transparent 64%),linear-gradient(115deg,#100a0e,#07070a)}.start-atmosphere:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#0002 4px);opacity:.3}.start-planet{position:absolute;width:min(70vw,900px);aspect-ratio:1;left:-10%;top:3%;border-radius:50%;background:radial-gradient(circle at 70% 30%,#251019,#050507 68%);border:1px solid #9b2239;box-shadow:15px -5px 95px #a40d3144,inset -10px 2px 25px #ac264e77;animation:start-breathe 9s ease-in-out infinite}.start-ring{position:absolute;left:-25%;top:34%;width:100%;height:24%;border:1px solid #c6435b44;border-radius:50%;transform:rotate(-32deg);box-shadow:0 0 30px #9f15392b}.start-stars{position:absolute;inset:-5%;background-image:radial-gradient(1px 1px at 12% 18%,#c66771 80%,transparent),radial-gradient(1px 1px at 67% 45%,#fff9 80%,transparent),radial-gradient(1px 1px at 82% 28%,#fff8 80%,transparent),radial-gradient(1px 1px at 37% 81%,#fffa 80%,transparent);background-size:311px 277px;animation:start-drift 35s linear infinite}.start-top,.start-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 5%;font:500 9px Barlow,Arial,sans-serif;letter-spacing:1.8px;color:#b9a3ab}.start-top{height:90px;border-bottom:1px solid #ffffff15}.start-top b,.start-bottom b{color:#ca334b;margin:0 14px}.start-top button,.start-bottom button{background:none;font-size:9px;letter-spacing:1px;padding:12px;color:#c2a7b0}.start-body{min-height:calc(100svh - 170px);display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:9%;padding:35px 10%}.start-kicker{font-size:9px!important;letter-spacing:3px;color:#c48e9e!important;margin:0 0 30px!important}#start-logo{position:relative;max-width:520px}.start-emblem{font-size:60px;color:#cc3049;position:absolute;top:5px;left:-70px;text-shadow:0 0 30px #cf194c66;animation:start-emblem 10s ease-in-out infinite}#start-title{font:800 clamp(85px,10vw,160px)/.78 'Barlow Condensed',Impact,sans-serif;letter-spacing:-3px;margin:0;text-shadow:0 10px 60px #0008}#start-title span{color:transparent;-webkit-text-stroke:1px #ebd7de}#start-title small{display:block;font:600 13px Barlow,Arial,sans-serif;letter-spacing:14px;margin:30px 0 0 5px}#start-description{font-size:13px;line-height:1.8;color:#b9a5ad;margin:30px 0 0}.start-logo-media{width:100%;max-height:360px;object-fit:contain;object-position:left center;filter:drop-shadow(0 0 30px #a2203840)}.start-menu{display:block;width:100%;max-width:440px;justify-self:end}.start-menu button{width:100%;text-align:left}.start-enter{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:25px 24px;background:#b71f36;border:1px solid #e15068;font:600 30px 'Barlow Condensed',Impact,sans-serif;letter-spacing:.5px;box-shadow:0 8px 50px #a9163322;transition:background .2s,transform .2s}.start-enter small{display:block;font:500 8px Barlow,Arial,sans-serif;letter-spacing:1.5px;margin-bottom:10px;color:#f1bac6}.start-enter b{font:400 28px Arial}.start-enter:hover{background:#d82b45;transform:translateX(4px)}.start-menu-links{margin-top:17px}.start-menu-links button{display:flex;align-items:center;gap:20px;background:#110e1380;border-bottom:1px solid #51303b;padding:16px 18px;font:600 20px 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px;transition:padding-left .2s,background .2s}.start-menu-links button>span{font:9px Barlow,Arial,sans-serif;color:#aa667b}.start-menu-links button>b{font:14px Arial;color:#c27288;margin-left:auto}.start-menu-links button:hover,.start-menu-links button:focus-visible{background:#51203166;padding-left:26px}.start-hint{font-size:7px!important;letter-spacing:1.3px;color:#b9a5ad!important;margin:18px 0 0!important}.start-bottom{height:80px;border-top:1px solid #ffffff15}.start-bottom i{display:inline-block;width:5px;height:5px;background:#d85469;box-shadow:0 0 12px #cf3154;margin-right:8px}.start-still .start-atmosphere *,.start-still .start-emblem{animation-play-state:paused!important}#start-screen [hidden]{display:none!important}.start-heading-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes start-breathe{50%{transform:scale(1.035);filter:brightness(1.3)}}@keyframes start-drift{to{transform:translate3d(20px,-35px,0)}}@keyframes start-emblem{50%{transform:rotate(45deg);opacity:.7}}
@media(max-width:900px){.start-body{padding:40px 8%;gap:8%;grid-template-columns:1fr 1fr}.start-emblem{position:static;display:block;font-size:45px;margin-bottom:20px}#start-title{font-size:95px}.start-enter{font-size:24px;padding:20px}.start-top,.start-bottom{font-size:8px;letter-spacing:1px}}
@media(max-width:600px){#open-start{display:block;font-size:8px;letter-spacing:.5px}header nav{gap:11px}header nav a:nth-child(2){display:none}.contact-nav span{margin-left:5px}.start-top{height:64px;margin:0 6%;font-size:7px;letter-spacing:.6px}.start-top b{margin:0 5px}.start-top button{font-size:7px;padding:12px 0}.start-body{min-height:calc(100svh - 126px);grid-template-columns:1fr;gap:24px;padding:28px 8%}.start-identity{text-align:center}.start-kicker{font-size:7px!important;letter-spacing:1.8px;margin-bottom:20px!important}#start-logo{max-width:320px;margin:0 auto}.start-emblem{position:absolute;font-size:40px;left:5%;top:5px;margin:0}#start-title{font-size:clamp(64px,21vw,94px);line-height:.78;letter-spacing:-2px}#start-title br{display:none}#start-title span{display:block}#start-title small{font-size:9px;letter-spacing:9px;margin:18px 0 0 10px}#start-description{font-size:10px;margin:16px 0 0;line-height:1.5}.start-menu{max-width:none}.start-enter{font-size:24px;padding:17px 20px}.start-enter small{font-size:7px;margin-bottom:6px}.start-menu-links{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.start-menu-links button{padding:13px 8px;font-size:17px;gap:10px}.start-menu-links button:hover{padding-left:13px}.start-menu-links button:last-child{grid-column:1/-1}.start-hint{font-size:6px!important;text-align:center;margin-top:12px!important}.start-bottom{height:62px;margin:0 6%;font-size:6px;gap:5px}.start-bottom>span:nth-child(2){display:none}.start-bottom button{font-size:8px;padding-right:0}.start-planet{width:130vw;left:-38%;top:-5%}.start-ring{width:165%;left:-50%;top:25%}.start-logo-media{max-height:210px;object-position:center}}
@media(prefers-reduced-motion:reduce){#start-screen{transition:none}.start-atmosphere *,.start-emblem{animation:none!important}}

/* Distressed industrial / cyberpunk horror art direction */
:root{--bg:#080808;--fg:#dedbd0;--red:#ba182c;--muted:#a29894;--line:#3a2929}body{background:#080808}body:after{content:'';position:fixed;inset:0;z-index:7;pointer-events:none;background:url('assets/grit.svg') repeat;opacity:.16;mix-blend-mode:screen}header{background:linear-gradient(#080808ed,#08080865);border-bottom:1px solid #84303b55}.brand{letter-spacing:-.3px;text-shadow:2px 0 #8d182b66}.brand-symbol{color:#d42136}.eyebrow,.start-kicker,.start-top,.start-bottom,.tag,.card-meta p,.filter-bar button,.hero-bottom,.art-label{font-family:'Courier New',monospace!important}.hero{background:radial-gradient(ellipse at 75% 42%,#590d18 0,transparent 60%),#080808}.hero-grid{background:linear-gradient(90deg,#080808 0,#08080888 30%,transparent 80%),repeating-linear-gradient(0deg,transparent 0 3px,#0005 4px)}.hero h1{letter-spacing:-3px;text-shadow:3px 0 #ae17374d,-1px 0 #8b9c9955}.hero h1 em{color:#991124;-webkit-text-stroke:1px #c53643;text-shadow:4px 2px #0a0809,-2px -1px #bfada42b}.eclipse{background:linear-gradient(115deg,transparent 48%,#c9303c33 48.2%,#050505 49.2%,transparent 50%),radial-gradient(circle at 72% 30%,#1e0c0e,#030303 68%);box-shadow:-12px 0 65px #a5173066,inset -8px -6px 17px #b32a3c88;border-color:#b9343d77}.orbit{border-style:dashed;border-color:#bf434a66}.art-label{color:#bd8789}.button,.rail-controls button,.card-meta>span{border-radius:0;background:linear-gradient(120deg,#181516,#151010);border-color:#613239}.button.primary{background:linear-gradient(120deg,#b21b2a,#6f0e1c);border:1px solid #df3547;box-shadow:inset 0 0 18px #06000044}.button:hover{background:#b21a2c}.primary{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.ticker{background:repeating-linear-gradient(115deg,#100c0d 0 8px,#7c1521 8px 16px);border-top:1px solid #be2535;border-bottom:1px solid #6a2229;color:#e8d4cb}.ticker span{background:#170c0deb;padding:4px 12px}.section-top{border-left:3px solid #8b1b2a;padding-left:17px}h2{letter-spacing:-1px;text-shadow:2px 0 #9f19372b}.poster{border:1px solid #674347;box-shadow:inset 0 0 60px #000}.poster:after{background:linear-gradient(transparent 20%,#050506ee),url('assets/grit.svg');background-size:auto,240px;mix-blend-mode:normal}.poster-title{color:#ded9ce;text-shadow:3px 0 #791223,-2px 0 #000,0 3px 20px #000}.poster .tag{background:#0a0809ed;border-left:2px solid #cb263e}.poster-art{filter:saturate(.6) contrast(1.2)}.media-art{border-color:#583337;filter:saturate(.65)}.media-art:after{content:'';position:absolute;inset:0;background:url('assets/grit.svg');opacity:.25;pointer-events:none}.play{border-radius:0;clip-path:polygon(0 0,75% 0,100% 25%,100% 100%,25% 100%,0 75%);background:#b32639;color:#eee1d6;box-shadow:0 0 30px #bd182e44}.studio-film{background:radial-gradient(ellipse at 48% 50%,#42121c,#0c090a 70%)}.studio-film:after{content:'';position:absolute;inset:0;background:url('assets/grit.svg');opacity:.22;pointer-events:none}.film-lines{border-style:dashed;border-color:#a82a3b}.shop{border-color:#6d2933}.design-note{background:#090809ed;color:#ae9398;border-color:#513039}.start-atmosphere{background:radial-gradient(ellipse at 25% 40%,#5c101c88,transparent 65%),linear-gradient(120deg,#160a0e,#050506)}.start-atmosphere:after{background:url('assets/grit.svg'),repeating-linear-gradient(0deg,transparent 0 2px,#0009 3px);background-size:360px,auto;opacity:.5}.start-planet{border-color:#be2f43;box-shadow:20px -10px 100px #aa122b55,inset -14px 5px 35px #a51b3755;background:linear-gradient(120deg,transparent 44%,#d2465b44 44.1%,#070506 44.6%,transparent 45.2%),linear-gradient(70deg,transparent 62%,#98253444 62.1%,#030304 62.7%,transparent 63%),radial-gradient(circle at 65% 30%,#240c12,#040405 70%)}.start-ring{border-style:dashed;border-color:#af394b55;transform:rotate(-38deg)}.start-top{border-color:#95304755}.start-top>span:before{content:'[ ';color:#e24658}.start-top>span:after{content:' ]';color:#e24658}.start-bottom{border-color:#93314155}.start-emblem{color:#c72c43;text-shadow:3px 0 #591120,-2px 0 #c2818055}.start-kicker{color:#c18a92!important;letter-spacing:2px}#start-title{color:#e0dace;text-shadow:4px 1px #8c1636,-2px 0 #6d999044;filter:drop-shadow(0 5px 20px #0008)}#start-title span{color:#b7ada9;-webkit-text-stroke:0;text-shadow:4px 0 #a31b35,-3px 0 #060608;position:relative;clip-path:polygon(0 0,100% 0,100% 28%,78% 29%,100% 31%,100% 61%,15% 63%,100% 65%,100% 100%,0 100%,0 78%,60% 77%,0 75%)}#start-title small{color:#bfa9a9;text-shadow:none;letter-spacing:13px}#start-description{color:#ac999c}.start-enter{background:linear-gradient(120deg,#a91c30,#5b1020);border:1px solid #e33e58;border-left:4px solid #ec6676;box-shadow:inset 0 0 30px #0005,0 0 35px #a10d2425;position:relative}.start-enter:after{content:'';position:absolute;inset:0;background:url('assets/grit.svg');opacity:.2;pointer-events:none}.start-enter:hover{background:linear-gradient(120deg,#d32642,#891b30)}.start-enter small{color:#d6a4ad}.start-menu-links button{background:linear-gradient(90deg,#1f1017cc,#09090c88);border-bottom:1px solid #65303c}.start-menu-links button:hover,.start-menu-links button:focus-visible{background:linear-gradient(90deg,#622031aa,#1b0d1588);color:#fff}.start-menu-links button>span{color:#b47183}.start-menu-links button>b{color:#d33955}.start-menu-links button:before{content:'';width:3px;height:15px;background:#71303e;margin-left:-7px}.start-menu-links button:hover:before{background:#e24e6b;box-shadow:0 0 12px #bd214b}.start-hint{color:#927880!important}#start-screen button:focus-visible{outline:2px solid #ee9da7;outline-offset:4px}#start-screen:before{content:'';position:fixed;inset:0;border:9px solid #05050655;pointer-events:none;z-index:3}.start-body{position:relative}.start-identity{position:relative}.start-identity:after{content:'// BYE EARTH — TRANSMISSION 001';display:block;font:8px 'Courier New',monospace;letter-spacing:1px;color:#7d555f;margin-top:24px}.start-menu-links{border-top:1px solid #6a3440}.start-bottom i{background:#ca253f;box-shadow:0 0 12px #c71945}.start-still .start-planet{filter:none}@media(max-width:600px){#start-title{letter-spacing:-2px}.start-identity:after{font-size:6px;margin-top:14px}.start-top{font-size:6px}.start-kicker{font-size:6px!important;letter-spacing:1px}.start-body{gap:22px}.section-top{padding-left:12px}.hero h1{letter-spacing:-2px}.start-menu-links button{gap:8px}}

.social-links{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;padding:20px 0;font:9px 'Courier New',monospace;letter-spacing:1px}.social-links a{display:inline-flex;align-items:center;gap:8px;padding:10px 0;color:#cbbbc0;border-bottom:1px solid #793444;min-height:36px}.social-links a span{color:#d53e59}.social-links a:hover{color:#fff;border-color:#ee7386}.start-menu .social-links{padding:18px 0 0;gap:10px 18px;font-size:8px}.start-menu .social-links a{display:inline-flex!important}.start-menu .social-links a:nth-child(3){display:inline-flex!important}@media(max-width:600px){.start-menu .social-links{justify-content:center;gap:18px;font-size:7px;padding-top:12px}.start-menu .social-links a{min-height:36px}footer .social-links{font-size:8px}}

@media(min-width:901px){.featured-games .game-card{flex-basis:calc((100% - 20px)/2)}.featured-games .poster{height:360px}}

/* Original studio logo: preserve its proportions and transparent artwork. */
.brand img{width:92px;height:76px;max-width:100%;max-height:76px;object-fit:contain}.start-logo-media{max-height:390px;filter:drop-shadow(0 0 22px #ba182c22)}#start-logo:has(.start-logo-media) .start-heading-hidden{position:absolute}.footer-bottom .brand img{width:90px;height:82px;max-height:82px}@media(max-width:600px){.brand img{width:62px;height:58px;max-height:58px}.start-logo-media{max-height:245px}.footer-bottom .brand img{width:74px;height:68px}}

/* Supplied cover art and compact, uncropped galleries. */
.poster.original-cover{background:#070707}.poster.original-cover img{object-fit:contain;filter:none}.poster.original-cover:after{display:none}.poster.original-cover .tag{top:8px;left:8px;font-size:7px;background:#080809dd}.gallery-rail{display:flex;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#8d2336 #111;overscroll-behavior-x:contain}.gallery-slide{flex:0 0 100%;min-width:0;margin:0;scroll-snap-align:start;background:#060606;display:flex;align-items:center;justify-content:center}.gallery-slide img{width:100%;height:360px;max-height:48svh;object-fit:contain;display:block}.gallery-controls{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.gallery-controls button{width:44px;height:40px;background:#26141b;border:1px solid #803044}.gallery-controls button:disabled{opacity:.35}.gallery-controls span{font:10px 'Courier New',monospace;color:#caaeb7}.game-gallery .gallery-note{font-size:10px;line-height:1.5;color:#a28d94;margin:14px 0}dialog:has(.game-gallery){width:min(860px,calc(100% - 30px))}@media(max-width:600px){.gallery-slide img{height:250px;max-height:40svh}.poster.original-cover{height:auto;aspect-ratio:1}.poster.original-cover img{height:100%}}

.media-embed{display:block;width:100%;aspect-ratio:560/314;height:auto;border:0;background:#000;margin:22px 0 12px}dialog .embed-note{font-size:11px;line-height:1.5;color:#b7a0a7}

.game-detail-banner{display:block;width:100%;height:auto;object-fit:contain;background:#070707;margin:20px 0}dialog:has(.game-detail-banner){width:min(860px,calc(100% - 30px))}

/* Full-screen studio intro video; controls stay above it. */
#start-screen.has-video-backdrop > video.start-logo-media{position:fixed;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center;filter:none;z-index:0;pointer-events:none}
#start-screen.has-video-backdrop .start-atmosphere{display:none}
#start-screen.has-video-backdrop .start-top,#start-screen.has-video-backdrop .start-body,#start-screen.has-video-backdrop .start-bottom{z-index:2}
#start-screen.has-video-backdrop:after{content:'';position:fixed;inset:0;background:linear-gradient(90deg,transparent 25%,#0005 60%,#000b),linear-gradient(#0005,transparent 25%,transparent 70%,#0008);z-index:1;pointer-events:none}
#start-screen.has-video-backdrop:not(.start-still) .start-identity{opacity:0;pointer-events:none}
#start-screen.has-video-backdrop .start-menu{background:#08060988;padding:22px;border:1px solid #ffffff18;backdrop-filter:blur(5px)}
@media(max-width:600px){#start-screen.has-video-backdrop .start-body{align-content:end;padding-top:28svh}#start-screen.has-video-backdrop:not(.start-still) .start-identity{display:none}#start-screen.has-video-backdrop .start-menu{padding:16px}}

/* One-shot signal break when entering the site. */
#start-screen.start-exit{filter:none;animation:entry-glitch .65s steps(1,end) both;transition:none}
#start-screen.start-exit .start-body{animation:entry-split .55s steps(1,end) both}
#start-screen.start-exit:before{border:0;background:repeating-linear-gradient(0deg,transparent 0 13px,#bb23352b 14px 16px,transparent 17px 35px);box-shadow:inset 7px 0 #d92b4966,inset -7px 0 #eee5;animation:entry-scan .55s steps(1,end) both}
@keyframes entry-glitch{0%{opacity:1;transform:translateX(0)}18%{transform:translateX(-5px) skewX(.6deg);clip-path:inset(0)}27%{transform:translateX(7px);clip-path:polygon(0 0,100% 0,100% 34%,98% 34%,98% 45%,100% 45%,100% 100%,0 100%)}39%{transform:translateX(-3px);clip-path:inset(0)}51%{transform:translateX(3px) skewX(-.4deg)}65%{opacity:.75;transform:none}80%{opacity:.35}100%{opacity:0;transform:none}}
@keyframes entry-split{0%,100%{text-shadow:none;transform:none}18%,39%{text-shadow:-4px 0 #c92845,4px 0 #eee;transform:translateX(4px)}27%,51%{text-shadow:3px 0 #c92845,-3px 0 #eee;transform:translateX(-3px)}65%{text-shadow:none;transform:none}}
@keyframes entry-scan{0%{opacity:0}18%{opacity:.6;transform:translateY(4px)}39%{opacity:.35;transform:translateY(-8px)}65%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){#start-screen.start-exit,#start-screen.start-exit .start-body,#start-screen.start-exit:before{animation:none;transform:none;filter:none}}

.media-art:has(img[src*="couragejd-steel-city"]){overflow:hidden}.media-art img[src*="couragejd-steel-city"]{object-fit:cover;transform:scale(1.75);transform-origin:78% 28%}

.media-art:has(img[src*="poiised-sanity"]){overflow:hidden}.media-art img[src*="poiised-sanity"]{object-fit:cover;object-position:center top;transform:scale(1.35);transform-origin:38% 0%}

.media-art img[src*="rj-meta-interview"]{object-fit:cover;object-position:center top}

.shop{flex-wrap:wrap}.merch-rail{grid-column:1/-1;flex:0 0 100%;width:100%;min-width:0;display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:25px 0 18px;scrollbar-color:#a82838 #161012}.merch-card{flex:0 0 260px;scroll-snap-align:start;background:#141112;border:1px solid #38232a;padding:12px;transition:border-color .2s}.merch-card:hover{border-color:#be3044}.merch-card img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#eee;display:block}.merch-card h3{font-size:16px;min-height:42px;margin:16px 0}.merch-card span{font-size:10px;letter-spacing:1px;color:#e6979f}.shop #shop-note{display:block;margin-top:12px}@media(max-width:600px){.merch-card{flex-basis:78vw;max-width:300px}}

/* Steel City character hero */
.character-hero .eclipse,.character-hero .orbit{display:none}
.character-hero .hero-art{left:38%;right:1%;top:95px;bottom:65px;padding:0;opacity:1}
.character-hero #collage{width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 0 28px #8f145333)}
@media(max-width:600px){.character-hero .hero-art{left:15%;right:-4%;top:85px;bottom:auto;height:390px}.character-hero #collage{height:100%;object-position:center}.character-hero .hero-copy{padding-top:370px}.character-hero{min-height:760px}.character-hero .hero-grid{background:linear-gradient(0deg,#080808 0%,#080808d9 28%,transparent 65%)}}

.accent-section{position:relative;isolation:isolate}
.ambient-accent{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;contain:paint}
.ambient-accent img{position:absolute;right:-3%;top:8%;width:min(38vw,460px);height:85%;object-fit:contain;opacity:.075;filter:saturate(.55);animation:accent-drift 18s ease-in-out infinite alternate}
.accent-six img{right:auto;left:-7%;opacity:.055;width:min(45vw,520px)}
.accent-drone img{mix-blend-mode:screen}
.accent-particle{position:absolute;left:var(--x);top:var(--y);width:2px;height:2px;background:#d33260;box-shadow:0 0 7px #e02f68;opacity:.25;animation:accent-particle 12s ease-in-out var(--delay) infinite}
@keyframes accent-drift{from{transform:translate(-12px,9px) rotate(-3deg)}to{transform:translate(14px,-12px) rotate(3deg)}}
@keyframes accent-particle{0%,100%{transform:translateY(12px);opacity:0}40%,65%{opacity:.3}90%{transform:translateY(-35px);opacity:0}}
.effects-paused .ambient-accent *{animation-play-state:paused!important}
@media(max-width:600px){.ambient-accent img{width:65vw;opacity:.045;right:-15%}.accent-six img{left:-20%;right:auto}.accent-particle:nth-of-type(n+5){display:none}}
@media(prefers-reduced-motion:reduce){.ambient-accent *{animation:none!important}.accent-particle{display:none}}

.character-hero .hero-art{isolation:isolate}
.character-hero #collage{position:absolute;inset:0;z-index:3}
.character-hero .hero-mirror{position:absolute;width:48%;height:76%;right:-1%;top:4%;object-fit:contain;opacity:.48;z-index:1;filter:brightness(.7)}
.character-hero .hero-drone{position:absolute;object-fit:contain;mix-blend-mode:screen;z-index:4;opacity:.7;animation:accent-drift 14s ease-in-out infinite alternate}
.character-hero .drone-one{width:29%;height:24%;left:0;top:31%;transform:rotate(-12deg)}
.character-hero .drone-two{width:24%;height:20%;right:0;bottom:2%;animation-delay:-7s}
.effects-paused .hero-drone{animation-play-state:paused}
@media(max-width:600px){.character-hero .hero-mirror{width:46%;height:75%;right:0;top:0}.character-hero .drone-one{width:26%;height:23%;left:0;top:34%}.character-hero .drone-two{width:24%;height:20%;right:1%;bottom:2%}}
@media(prefers-reduced-motion:reduce){.character-hero .hero-drone{animation:none}}

.character-hero .hero-mirror{left:auto}.character-hero .drone-two{left:auto;top:auto}.character-hero .drone-one{right:auto;bottom:auto}

/* Layer the cast with a visible mirror and drones above Six. */
.character-hero #collage{inset:auto;left:9%;bottom:0;width:89%;height:89%}
.character-hero .hero-mirror{left:-9%;right:auto;top:13%;width:56%;height:85%;opacity:.72;filter:brightness(.9);z-index:2}
.character-hero .drone-one{left:1%;top:-3%;width:39%;height:30%;opacity:.9;z-index:4}
.character-hero .drone-two{left:auto;right:1%;top:0;bottom:auto;width:20%;height:16%;opacity:.5;z-index:1}
@media(max-width:600px){.character-hero #collage{left:10%;bottom:0;width:90%;height:88%}.character-hero .hero-mirror{left:-12%;top:17%;width:55%;height:77%;opacity:.6}.character-hero .drone-one{left:0;top:-3%;width:38%;height:27%}.character-hero .drone-two{right:0;top:2%;width:20%;height:15%}}

.character-hero .drone-one{top:5%}.character-hero .drone-two{top:7%}

/* Float the distant drone beside Six on the right. */
.character-hero .hero-art .drone-two{inset:31% 0 auto auto;width:23%;height:18%;z-index:4;opacity:.65;object-position:center}
@media(max-width:600px){.character-hero .hero-art .drone-two{inset:31% 0 auto auto;width:23%;height:18%}}

/* Localized blade light and a slow supernatural mirror pulse. */
.character-hero .hero-art .blade-glow{inset:auto;left:9%;bottom:0;width:89%;height:89%;object-fit:contain;z-index:2;pointer-events:none;clip-path:polygon(0 0,36% 0,60% 48%,44% 57%,0 15%);filter:brightness(0) saturate(100%) invert(87%) sepia(58%) saturate(1400%) hue-rotate(110deg) blur(11px);opacity:.8;mix-blend-mode:screen;animation:blade-breathe 4s ease-in-out infinite}
.character-hero .hero-mirror{animation:mirror-pulse 4.5s ease-in-out infinite}
@keyframes mirror-pulse{0%,100%{filter:brightness(.9) drop-shadow(0 0 9px #ec173d55)}50%{filter:brightness(1.08) drop-shadow(0 0 24px #ef153ba6)}}
@keyframes blade-breathe{0%,100%{opacity:.5}50%{opacity:.95}}
.effects-paused .hero-mirror,.effects-paused .blade-glow{animation-play-state:paused!important}
@media(max-width:600px){.character-hero .hero-art .blade-glow{left:10%;width:90%;height:88%}}
@media(prefers-reduced-motion:reduce){.character-hero .hero-mirror,.character-hero .blade-glow{animation:none!important}}

/* Steel City fades toward the mirror without a rectangular edge. */
.character-hero .hero-art .hero-city{inset:auto;left:8%;bottom:-5%;width:93%;height:111%;object-fit:contain;z-index:0;opacity:.36;filter:brightness(.7) saturate(.75);mask-image:linear-gradient(to right,transparent 0%,#000 36%,#000 88%,transparent 100%),linear-gradient(to bottom,#000 60%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 36%,#000 88%,transparent 100%);pointer-events:none}
@media(max-width:600px){.character-hero .hero-art .hero-city{left:2%;width:100%;height:110%;opacity:.26}}

.character-hero .hero-drone{animation:hero-drone-flight 7s ease-in-out infinite alternate}
.character-hero .hero-art .drone-two{animation:hero-drone-flight-far 9s ease-in-out -3s infinite alternate}
@keyframes hero-drone-flight{0%{transform:translate(-32px,24px) rotate(-9deg)}50%{transform:translate(12px,-18px) rotate(2deg)}100%{transform:translate(46px,12px) rotate(9deg)}}
@keyframes hero-drone-flight-far{0%{transform:translate(-38px,25px) rotate(8deg)}50%{transform:translate(-8px,-30px) rotate(-4deg)}100%{transform:translate(15px,12px) rotate(-9deg)}}
@media(max-width:600px){.character-hero .hero-drone{animation-name:hero-drone-flight-mobile}.character-hero .hero-art .drone-two{animation-name:hero-drone-flight-mobile}@keyframes hero-drone-flight-mobile{from{transform:translate(-18px,18px) rotate(-8deg)}to{transform:translate(18px,-20px) rotate(8deg)}}}
@media(prefers-reduced-motion:reduce){.character-hero .hero-art .hero-drone{animation:none!important}}

.character-hero .hero-art .hero-city{left:-30%;bottom:-8%;width:124%;height:126%;opacity:.4}
.character-hero .hero-art .hero-mirror{left:auto;right:-3%;top:15%;width:43%;height:81%;z-index:2}
@media(max-width:600px){.character-hero .hero-art .hero-city{left:-30%;width:125%;height:120%;opacity:.28}.character-hero .hero-art .hero-mirror{left:auto;right:0;top:23%;width:40%;height:68%}}

/* Give the enlarged mirror its own space beside Six. */
.character-hero .hero-art .hero-city{left:-55%;width:145%;height:145%;bottom:-12%}
.character-hero .hero-art .hero-mirror{right:-9%;top:-5%;width:60%;height:112%}
.character-hero #collage,.character-hero .hero-art .blade-glow{transform:translateX(-12%)}
@media(max-width:600px){.character-hero .hero-art .hero-city{left:-48%;width:145%;height:135%}.character-hero .hero-art .hero-mirror{right:-4%;top:2%;width:54%;height:100%}.character-hero #collage,.character-hero .hero-art .blade-glow{transform:translateX(-15%)}}

.character-hero .hero-art .hero-city{z-index:0}
.character-hero .hero-art .hero-mirror{z-index:2}
.character-hero #collage{z-index:3}
.character-hero .hero-art .hero-drone{z-index:4}
.character-hero .hero-art .drone-two{inset:0 auto auto 45%}
@media(max-width:600px){.character-hero .hero-art .drone-two{inset:0 auto auto 45%}}

.character-hero .hero-art .hero-mirror,.character-hero .hero-art .hero-drone{opacity:1}
.character-hero .hero-art .hero-drone{mix-blend-mode:normal}

/* Old-film finish across the entire hero. */
.hero-film{position:absolute;inset:0;z-index:8;pointer-events:none;overflow:hidden;box-shadow:inset 0 0 110px 25px #0008;background:repeating-linear-gradient(0deg,transparent 0 3px,#00000018 4px)}
.hero-film::before{content:"";position:absolute;inset:-15%;background-image:url("assets/grit.svg");opacity:.15;animation:film-grain .45s steps(3) infinite}
.hero-film::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 17%,#d5cbb31c 17.08%,transparent 17.2%,transparent 72%,#e7dcc816 72.08%,transparent 72.16%);opacity:.4;animation:film-scratch 9s steps(1) infinite}
@keyframes film-grain{0%,100%{transform:translate(0,0)}33%{transform:translate(-3%,2%)}66%{transform:translate(2%,-2%)}}
@keyframes film-scratch{0%,65%,100%{opacity:.12;transform:translateX(0)}30%{opacity:.35;transform:translateX(6%)}70%{opacity:.25;transform:translateX(-8%)}}
.effects-paused .hero-film::before,.effects-paused .hero-film::after{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.hero-film::before,.hero-film::after{animation:none}}

.site-six{position:fixed;right:0;top:5vh;width:50vw;height:95vh;z-index:0;pointer-events:none;opacity:0;transition:opacity .6s;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 28%,#000 85%,transparent)}
.site-six img{width:100%;height:100%;object-fit:cover;object-position:center top;opacity:.2;animation:site-six-shimmer 7s ease-in-out infinite}
body.show-site-six .site-six{opacity:1}
main,footer{position:relative;z-index:1}
@keyframes site-six-shimmer{0%,100%{filter:brightness(.8) saturate(.8)}50%{filter:brightness(1.5) saturate(1.2) drop-shadow(0 0 18px #2bdccc44)}}
.effects-paused .site-six img{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.site-six img{animation:none}.site-six{transition:none}}
@media(max-width:600px){.site-six{width:65vw}.site-six img{opacity:.12}}

/* Cropped characters flank the central Veneer mark behind site content. */
.site-six{right:-20vw;width:65vw;height:125vh;top:0;mask-image:linear-gradient(to right,transparent,#000 22%)}
.site-six img{object-fit:cover;object-position:center top}
.site-lantern,.site-veneer{position:fixed;z-index:0;pointer-events:none;opacity:0;transition:opacity .6s}
.site-lantern{left:-12vw;top:2vh;width:48vw;height:115vh;mask-image:linear-gradient(to left,transparent,#000 30%)}
.site-lantern img{width:100%;height:100%;object-fit:cover;object-position:center top;opacity:.18}
.site-veneer{left:35vw;top:30vh;width:30vw;height:40vh;mix-blend-mode:screen}
.site-veneer img{width:100%;height:100%;object-fit:contain;filter:invert(1) hue-rotate(180deg);opacity:.1}
body.show-site-six .site-lantern,body.show-site-six .site-veneer{opacity:1}
@media(max-width:600px){.site-six{right:-35vw;width:90vw}.site-lantern{left:-27vw;width:75vw}.site-veneer{left:30vw;width:40vw}.site-lantern img{opacity:.1}}
@media(prefers-reduced-motion:reduce){.site-lantern,.site-veneer{transition:none}}

.site-six img{opacity:.075}.site-lantern img{opacity:.065}.site-veneer img{opacity:.035}
@media(max-width:600px){.site-six img,.site-lantern img{opacity:.045}.site-veneer img{opacity:.025}}