:root{--sv-black:#090b13;--sv-panel:#121725;--sv-border:#343b4b;--sv-text:#eef3ff;--sv-soft:#b8c3d5;--sv-lime:#d6ff46}
html{scroll-padding-top:24px}
body{background:var(--sv-black)}
.nav{max-width:1380px;padding-block:23px}
.nav-links{flex-wrap:wrap;justify-content:flex-end}
.nav-links a{white-space:nowrap}
.footer{background:#0d111d}
.footer-grid,.copyright{max-width:1320px}
.footer .brand{color:#f8fbff;font-size:21px}
.footer a:hover{color:var(--sv-lime)}
.sv-kicker{display:block;color:var(--sv-lime);font:700 12px/1.4 ui-monospace,SFMono-Regular,monospace;letter-spacing:.17em;text-transform:uppercase}
.sv-kicker:before{content:'// ';color:#ff7354}
.sv-section{max-width:1380px;margin:auto;padding:94px 30px}
.sv-section h2,.sv-wide-shot h2,.sv-endnote h2,.sv-about-image h2,.sv-buying h2{font-size:clamp(34px,4.8vw,62px);line-height:1.06;letter-spacing:-.05em;margin:16px 0 24px}
.sv-section p{color:var(--sv-soft)}
.sv-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}
.sv-heading h2{margin-bottom:0}
.sv-text-link{color:var(--sv-lime);font-size:14px;font-weight:800;border-bottom:1px solid var(--sv-lime);padding-bottom:3px;white-space:nowrap}
.sv-hero{position:relative;min-height:680px;display:flex;align-items:center;overflow:hidden;border-block:1px solid var(--sv-border)}
.sv-hero>img,.sv-wide-shot>img,.sv-about-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sv-hero>img{object-position:center 40%}
.sv-hero-dim{position:absolute;inset:0;background:linear-gradient(90deg,#070a13 0%,#070a13df 31%,#070a1355 70%,#070a130f 100%),linear-gradient(0deg,#090b13bd,transparent 38%)}
.sv-hero-copy{position:relative;width:min(100%,1380px);margin:auto;padding:90px 30px;z-index:1}
.sv-hero h1,.sv-page-head h1,.sv-about-head h1{font-size:clamp(54px,7.6vw,112px);line-height:.98;letter-spacing:-.07em;margin:24px 0 28px;max-width:950px}
.sv-hero h1 em,.sv-page-head h1 em,.sv-about-head h1 em{font-style:normal;color:var(--sv-lime)}
.sv-hero-copy p{max-width:565px;color:#e0e8f5;font-size:18px;line-height:1.75}
.sv-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.sv-image-credit{position:absolute;right:30px;bottom:23px;color:#e0e8f5a8;font:12px ui-monospace,monospace}
.sv-intro,.sv-about-story{display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;border-bottom:1px solid var(--sv-border)}
.sv-intro h2,.sv-about-story h2{margin-bottom:0}
.sv-intro p,.sv-about-story p{font-size:17px;line-height:1.82;margin:0 0 17px}
.sv-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sv-feature-card{position:relative;display:flex;min-height:395px;align-items:end;overflow:hidden;border:1px solid var(--sv-border);background:var(--sv-panel)}
.sv-feature-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s}
.sv-feature-card:hover>img,.sv-feature-card:focus-visible>img{transform:scale(1.06)}
.sv-feature-card:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,#060914 0%,#060914e8 22%,#06091426 75%)}
.sv-feature-content{position:relative;z-index:2;padding:26px;display:grid;gap:7px}
.sv-feature-content small{color:var(--sv-lime);font:700 11px ui-monospace,monospace;letter-spacing:.13em}
.sv-feature-content strong{font-size:clamp(26px,2.5vw,36px);line-height:1.12;letter-spacing:-.04em}
.sv-feature-content>span{font-size:14px;color:#c7d1df;line-height:1.5}
.sv-feature-content b{font-size:13px;color:var(--sv-lime);margin-top:8px}
.sv-wide-shot,.sv-about-image{position:relative;min-height:550px;display:flex;align-items:center;overflow:hidden;border-block:1px solid var(--sv-border)}
.sv-wide-shot:before,.sv-about-image:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#080c17f5,#080c17c4 38%,#080c1719 90%)}
.sv-wide-shot>div,.sv-about-image>div{position:relative;z-index:2;width:min(100%,1380px);margin:auto;padding:70px 30px}
.sv-wide-shot h2,.sv-about-image h2{max-width:690px}
.sv-wide-shot p,.sv-about-image p{max-width:580px;font-size:17px;color:#e0e8f5;line-height:1.75}
.sv-wide-shot .btn{margin-top:13px}
.sv-wide-shot>small,.sv-about-image>small{position:absolute;right:30px;bottom:20px;z-index:2;color:#e5ecf5;font:12px ui-monospace,monospace}
.sv-guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.sv-guide-grid article{background:var(--sv-panel);border:1px solid var(--sv-border);padding:26px;min-height:255px}
.sv-guide-grid span{color:var(--sv-lime);font:700 11px ui-monospace,monospace;letter-spacing:.14em}
.sv-guide-grid h3{font-size:23px;line-height:1.2;margin:18px 0 12px}
.sv-guide-grid p{font-size:14px;line-height:1.65;margin:0}
.sv-endnote{text-align:center;padding:100px 30px 110px;background:linear-gradient(120deg,#192238,#0b101d)}
.sv-endnote h2{margin:20px auto;max-width:850px}
.sv-endnote p{color:var(--sv-soft);max-width:620px;margin:0 auto 27px}
.sv-page-head{max-width:1380px;margin:auto;padding:75px 30px 55px;border-bottom:1px solid var(--sv-border)}
.sv-page-head h1{font-size:clamp(54px,7vw,98px)}
.sv-page-head>p{max-width:860px;color:var(--sv-soft);font-size:18px;line-height:1.75}
.sv-jump{display:flex;flex-wrap:wrap;gap:9px;margin-top:29px}
.sv-jump a{border:1px solid var(--sv-border);background:#121725;padding:8px 12px;font-size:13px}
.sv-jump a:hover{border-color:var(--sv-lime);color:var(--sv-lime)}
.sv-game{max-width:1380px;margin:auto;padding:84px 30px 88px;border-bottom:1px solid var(--sv-border);scroll-margin-top:20px}
.sv-game-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}
.sv-game-top h2{font-size:clamp(38px,5.5vw,72px);line-height:1.04;letter-spacing:-.055em;margin:10px 0}
.sv-game-top .btn{white-space:nowrap;flex:none}
.sv-game-lead{color:#d5deec;max-width:760px;font-size:18px;margin:0}
.sv-gallery{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}
.sv-gallery a{display:block;aspect-ratio:1.24;overflow:hidden;border:1px solid var(--sv-border);background:var(--sv-panel);cursor:zoom-in}
.sv-gallery a:first-child{aspect-ratio:auto}
.sv-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.sv-gallery a:hover img,.sv-gallery a:focus-visible img{transform:scale(1.05)}
.sv-game-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:30px}
.sv-game-notes h3{font-size:17px;margin:0 0 8px;color:var(--sv-lime)}
.sv-game-notes p{font-size:15px;line-height:1.7;color:var(--sv-soft);margin:0}
.sv-buying{max-width:1100px;margin:70px auto 100px;padding:35px;border:1px solid var(--sv-border);background:#151c2d}
.sv-buying h2{font-size:clamp(30px,4vw,47px)}
.sv-buying p{font-size:16px;color:var(--sv-soft);line-height:1.8;margin-bottom:0}
.sv-about-head{max-width:1380px;margin:auto;padding:77px 30px 90px;display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:60px}
.sv-about-head h1{font-size:clamp(54px,6vw,88px)}
.sv-about-head p{font-size:18px;color:var(--sv-soft);max-width:650px}
.sv-about-head figure{margin:0;transform:rotate(2deg);border:1px solid var(--sv-border);padding:9px;background:#141a28}
.sv-about-head figure img{width:100%;aspect-ratio:1.18;object-fit:cover}
.sv-about-head figcaption{font:12px ui-monospace,monospace;color:var(--sv-soft);padding:9px 3px 0}
.sv-about-contact{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.sv-about-contact>div p{font-size:16px;max-width:470px}
.sv-about-contact address{font-style:normal;background:#151c2d;border:1px solid var(--sv-border);padding:26px}
.sv-about-contact address div{padding:16px 0;border-bottom:1px solid var(--sv-border);display:grid;grid-template-columns:95px 1fr;gap:15px}
.sv-about-contact address div:last-child{border-bottom:0}
.sv-about-contact address span{font-size:13px;color:var(--sv-lime)}
.sv-about-contact address a,.sv-about-contact address strong{font-size:16px;font-weight:600;line-height:1.55}
.sv-about-contact address a:hover{color:var(--sv-lime)}
.sv-lightbox{position:fixed;inset:0;z-index:1000;border:0;padding:0;background:#05070df0;color:#fff;max-width:none;max-height:none;width:100vw;height:100vh}
.sv-lightbox::backdrop{background:#05070df0}
.sv-lightbox-inner{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 24px 25px}
.sv-lightbox img{max-width:min(100%,1500px);max-height:calc(100vh - 125px);object-fit:contain}
.sv-lightbox p{margin:0;color:#c7d1df;font-size:13px}
.sv-lightbox button{position:absolute;top:16px;right:22px;border:1px solid #fff8;background:#101525;color:#fff;padding:8px 15px;font-size:24px;cursor:pointer}
:focus-visible{outline:3px solid var(--sv-lime);outline-offset:3px}
@media(max-width:1000px){.sv-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sv-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sv-gallery{grid-template-columns:repeat(2,1fr)}.sv-gallery a:first-child{grid-column:span 2;aspect-ratio:16/8}.sv-gallery a:not(:first-child){aspect-ratio:16/9}}
@media(max-width:760px){.nav{padding:16px 20px;display:block}.nav-links{display:flex;justify-content:flex-start;flex-wrap:nowrap;gap:17px;overflow-x:auto;margin-top:10px;padding-bottom:4px}.sv-hero{min-height:650px;align-items:end}.sv-hero-dim{background:linear-gradient(0deg,#070a13 0%,#070a13e0 30%,#070a134a 86%)}.sv-hero-copy{padding:90px 20px 72px}.sv-hero-copy p{font-size:16px}.sv-image-credit{right:20px;bottom:13px;font-size:10px}.sv-section{padding:66px 20px}.sv-intro,.sv-about-story,.sv-about-head,.sv-about-contact{grid-template-columns:1fr;gap:25px}.sv-heading{display:block}.sv-text-link{display:inline-block;margin-top:18px}.sv-feature-grid{grid-template-columns:1fr}.sv-feature-card{min-height:350px}.sv-wide-shot,.sv-about-image{min-height:520px}.sv-wide-shot:before,.sv-about-image:before{background:linear-gradient(0deg,#080c17f5,#080c17b0 63%,#080c1740)}.sv-wide-shot>div,.sv-about-image>div{padding:70px 20px}.sv-wide-shot>small,.sv-about-image>small{right:20px;font-size:10px}.sv-guide-grid{grid-template-columns:1fr}.sv-guide-grid article{min-height:0}.sv-page-head{padding:60px 20px 45px}.sv-page-head h1,.sv-about-head h1{font-size:clamp(42px,10.5vw,58px)}.sv-page-head>p{font-size:16px}.sv-game{padding:65px 20px}.sv-game-top{display:block}.sv-game-top .btn{margin-top:23px}.sv-game-notes{grid-template-columns:1fr;gap:23px}.sv-buying{margin:40px 20px 70px}.sv-about-head{padding:62px 20px}.sv-about-contact address div{grid-template-columns:1fr;gap:5px}.footer-grid{gap:22px}}