/* Full-width vault masthead and focused, source-backed shop promotions. */
html{scroll-padding-top:110px}
.spawn-strip.sr-top-strip{width:100%;min-height:40px;padding:0 clamp(18px,4vw,72px);justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.08em}
.sr-top-strip>span{display:flex;align-items:center;gap:9px}
.sr-top-strip>a{display:flex;align-items:center;gap:8px;min-height:40px;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.site-header.sr-wide-header{position:sticky;top:0;z-index:60;width:100%;max-width:none;height:auto;min-height:96px;margin:0;padding:15px clamp(20px,4vw,72px);display:grid;grid-template-columns:minmax(160px,1fr) auto minmax(145px,1fr);align-items:center;gap:22px;background:#061925fa;border-bottom:1px solid #52798b;box-shadow:0 6px 20px #020c1422}
.sr-wide-header .wordmark{justify-self:start;font-size:28px;gap:12px}
.sr-wide-header .brand-emblem{width:50px;height:50px;flex-shrink:0}
.sr-wide-header #primary-nav{position:static;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;gap:19px;margin:0;padding:0;border:0;background:transparent;font-size:11px;white-space:nowrap}
.sr-wide-header #primary-nav>a{padding:12px 0;border-bottom:2px solid transparent}
.sr-wide-header #primary-nav>a:hover{color:#c2f6ff;border-color:#9fe9f4}
.sr-wide-header .menu-toggle{display:none}
.sr-header-shop{justify-self:end;display:inline-flex;align-items:center;gap:17px;padding:13px 17px;min-height:48px;border:1px solid #e8d37f;border-radius:5px;background:#ffe28c;color:#102633;font-size:11px;font-weight:900;letter-spacing:.04em;white-space:nowrap;box-shadow:3px 3px 0 #010b12}
.sr-header-shop:hover{background:#fff0b9;color:#041723}
.sr-cinematic-hero{position:relative;isolation:isolate;width:100%;overflow:hidden;background:radial-gradient(ellipse at 80% 42%,#28687f 0,#0c2d42 37%,#071c2b 72%);border-bottom:1px solid #416a7d}
.sr-hero-glow{position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(125deg,transparent 43%,#a5effc0e 43.2%,transparent 44%),linear-gradient(65deg,transparent 55%,#9aeafd12 55.2%,transparent 56%),radial-gradient(ellipse at 10% 90%,#2b657b55,transparent 60%)}
.sr-hero-inner{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:center;gap:clamp(20px,4vw,75px);min-height:calc(100svh - 184px);padding:36px clamp(24px,5vw,96px) 28px}
.sr-hero-copy{position:relative;z-index:2;min-width:0;padding:25px 0}
.sr-hero-kicker{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.16em;font-weight:900;color:#c9f6fd;margin:0 0 20px}
.sr-hero-kicker>span{font-size:24px;color:#ffe28c}
.sr-cinematic-hero h1{font-family:var(--display);font-size:clamp(86px,8.2vw,158px);font-weight:900;line-height:.84;letter-spacing:-.025em;text-transform:uppercase;margin:0 0 24px;max-width:none}
.sr-cinematic-hero h1>span{display:block;font:800 .23em/1.3 Arial,sans-serif;letter-spacing:.13em;margin-bottom:17px;color:#f1f7ed}
.sr-cinematic-hero h1>em{display:block;font-style:normal;color:#d0f8ff;text-shadow:4px 5px 0 #163849,0 0 34px #9ce9f422}
.sr-hero-deck{font-size:clamp(15px,1.35vw,21px);line-height:1.6;color:#bddbe6;margin:0 0 25px}
.sr-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.sr-hero-actions .button{min-height:52px;padding:15px 21px;font-size:12px;gap:20px}
.sr-hero-gear{background:transparent;border:2px solid #c9e7ef;color:#e2f7fb;box-shadow:none}
.sr-hero-gear:hover{background:#244c60;color:white}
.sr-hero-meme{min-height:44px;display:inline-flex;align-items:center;gap:10px;color:#e3f6fa;font-size:12px;font-weight:800;padding:5px 4px;text-decoration:underline;text-underline-offset:4px}
.sr-hero-socials{margin-top:26px}
.sr-hero-socials>span{display:block;font-size:9px;font-weight:800;letter-spacing:.15em;color:#96bfcd;margin-bottom:10px}
.sr-hero-socials>div{display:flex;flex-wrap:wrap;gap:8px}
.sr-hero-socials a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:8px 13px;background:#12374b;border:1px solid #54869a;border-radius:30px;font-size:11px;font-weight:800;color:#d6f5ff}
.sr-hero-socials a:hover{background:#d6f5ff;color:#082332}
.sr-hero-art{position:relative;min-width:0;margin:0;display:grid;align-items:center;justify-items:center;padding:0}
.sr-hero-ring{position:absolute;inset:3% -10%;display:grid;place-items:center;pointer-events:none;z-index:-1}
.sr-hero-seal{width:100%;max-width:850px;opacity:.075;color:#c4f6ff;filter:drop-shadow(0 0 22px #b4f3ff22)}
.sr-hero-image{display:block;position:relative;width:100%;height:min(72svh,820px);object-fit:contain;object-position:center;max-width:100%;filter:drop-shadow(0 18px 20px #020c1466)}
.sr-hero-art figcaption{display:flex;justify-content:space-between;align-items:center;gap:15px;width:100%;padding:15px 0 3px;color:#a9cbd8;font-size:8px;letter-spacing:.08em}
.sr-hero-art figcaption>a{color:#cff6ff;white-space:nowrap}
.sr-hero-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:48px;margin:0 clamp(24px,5vw,96px);border-top:1px solid #467084;padding:13px 0;font-size:8px;font-weight:800;letter-spacing:.11em;color:#9bbfce}
.sr-hero-foot>a{color:#d7f5fc;display:flex;gap:14px;align-items:center}
.sr-shop-ribbon{width:100%;background:#d8edf0;color:#0a2736;border-block:1px solid #a0c6d0}
.sr-shop-ribbon-inner{display:grid;grid-template-columns:minmax(230px,.9fr) minmax(0,1.5fr);gap:35px;align-items:center;padding:28px clamp(24px,5vw,96px)}
.sr-shop-ribbon-copy>p{margin:0 0 8px;font-size:9px;font-weight:900;letter-spacing:.15em;color:#3d6677}
.sr-shop-ribbon-copy h2{font-size:clamp(23px,2.5vw,37px);line-height:1.05;margin:0 0 12px;max-width:440px}
.sr-shop-ribbon-copy>a{display:inline-flex;align-items:center;gap:18px;min-height:40px;font-size:11px;font-weight:900;border-bottom:2px solid #0b4053}
.sr-shop-ribbon-products{display:grid;grid-template-columns:1fr 1fr;gap:14px;min-width:0}
.sr-ribbon-product{display:grid;grid-template-columns:90px minmax(0,1fr);align-items:center;gap:14px;border:1px solid #96b6bf;border-radius:10px;background:#f3f6ef;padding:10px;color:#0b2b3a;min-width:0}
.sr-ribbon-product>img{display:block;width:90px;height:108px;object-fit:contain;object-position:center}
.sr-ribbon-product>span{display:grid;gap:12px;min-width:0}
.sr-ribbon-product strong{font-size:13px;line-height:1.4}
.sr-ribbon-product>span>span{font-size:9px;line-height:1.5;color:#396475}
.sr-ribbon-product:hover{border-color:#23647c;background:#fff}
.sr-shop-ribbon-meme{background:#15394b;color:#eaf9fe;border-color:#537a8b}
.sr-shop-ribbon-meme .sr-shop-ribbon-copy>p{color:#a4d5e7}
.sr-shop-ribbon-meme .sr-shop-ribbon-copy>a{color:#ffe28c;border-color:#ffe28c}
.sr-scene-strip{padding-block:64px;background:linear-gradient(180deg,#091e2c,#102f40)}
.sr-scene-strip-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:27px}
.sr-scene-strip-heading h2{font-size:clamp(35px,4vw,60px);margin:0}
.sr-scene-strip-heading>p{color:#b6d5df;font-size:14px;line-height:1.7;max-width:360px}
.sr-scene-strip-grid{display:grid;grid-template-columns:repeat(var(--sr-scene-count,3),minmax(0,1fr));gap:20px}
.sr-scene-feature{display:block;min-width:0;background:#071b29;border:1px solid #4e8297;border-radius:12px;overflow:hidden}
.sr-scene-feature>div{display:grid;place-items:center;background:radial-gradient(ellipse,#2b5667,#071723 78%);padding:12px}
.sr-scene-feature img{display:block;width:100%;height:330px;object-fit:contain;object-position:center}
.sr-scene-feature>span{padding:19px;display:flex;flex-direction:column;gap:10px}
.sr-scene-feature strong{font:26px/1.1 var(--display);color:#e5f9fc}
.sr-scene-feature>span>span{display:flex;justify-content:space-between;font-size:9px;font-weight:900;letter-spacing:.08em;color:#a7eaf7}
.sr-scene-feature:hover{border-color:#c0f5ff;background:#173e51}
.site-footer.sr-expanded-footer{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:14px 28px;padding:40px clamp(24px,5vw,96px) 25px}
.sr-expanded-footer>.footer-logo{grid-column:1}
.sr-expanded-footer>p{grid-column:1;margin:0;color:#abc9d5;font-size:12px}
.sr-expanded-footer>.sr-footer-socials{grid-column:2;grid-row:1;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:18px;margin:0;font-size:11px}
.sr-footer-shop{grid-column:2;grid-row:2;justify-self:end;display:inline-flex;gap:18px;align-items:center;min-height:44px;padding:11px 15px;background:#c8f3fa;color:#092736;border-radius:5px;font-size:10px;font-weight:900}
.sr-expanded-footer>small{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:12px}
.sr-expanded-footer>small>a{color:#b3dce9}
:is(.sr-wide-header,.sr-top-strip,.sr-cinematic-hero,.sr-shop-ribbon,.sr-scene-strip,.sr-expanded-footer) :is(a,button):focus-visible{outline:3px solid #ffe28c;outline-offset:4px}
@media(max-width:1120px){
.site-header.sr-wide-header{grid-template-columns:minmax(0,1fr) auto auto;min-height:86px;gap:16px;padding:13px 26px}
.sr-wide-header .menu-toggle{display:flex;align-items:center;gap:12px;padding:10px 13px;min-height:44px;background:#0e2c3d;border:1px solid #6b99ac;border-radius:4px;color:#e5f8fc;font-size:11px}
.sr-wide-header #primary-nav{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - 90px);overflow:auto;background:#0a2333;border-bottom:1px solid #577c8e;padding:16px 26px;font-size:14px;white-space:normal}
.sr-wide-header #primary-nav.is-open{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 16px}
.sr-wide-header #primary-nav>a{padding:13px 10px}
.sr-hero-inner{gap:22px}
.sr-hero-actions .button{padding:13px 16px;font-size:11px}
.sr-shop-ribbon-inner{gap:24px;grid-template-columns:minmax(210px,.8fr) minmax(0,1.4fr)}
.sr-ribbon-product{grid-template-columns:72px minmax(0,1fr);gap:10px}.sr-ribbon-product>img{width:72px;height:100px}
}
@media(max-width:850px){
.sr-top-tagline{display:none}
.sr-hero-inner{grid-template-columns:1fr;min-height:0;padding:39px 24px 20px;gap:20px}
.sr-hero-copy{text-align:center;padding:7px 0}
.sr-hero-kicker,.sr-hero-actions,.sr-hero-socials>div{justify-content:center}
.sr-cinematic-hero h1{font-size:clamp(66px,16vw,112px)}
.sr-hero-deck{font-size:16px}
.sr-hero-image{height:min(70svh,650px)}
.sr-hero-art{width:min(100%,600px);margin:auto}
.sr-hero-art figcaption{font-size:8px}
.sr-hero-foot{font-size:7px;letter-spacing:.04em}
.sr-shop-ribbon-inner{grid-template-columns:1fr;gap:20px}
.sr-shop-ribbon-copy h2{max-width:600px;font-size:31px}
.sr-ribbon-product{grid-template-columns:95px 1fr}.sr-ribbon-product>img{width:95px;height:120px}
.sr-scene-strip-grid{gap:14px}.sr-scene-feature img{height:260px}
.site-footer.sr-expanded-footer{grid-template-columns:1fr}
.sr-expanded-footer>.sr-footer-socials{grid-column:1;grid-row:auto;justify-content:flex-start}
.sr-footer-shop{grid-column:1;grid-row:auto;justify-self:start}
}
@media(max-width:540px){
.spawn-strip.sr-top-strip{padding-inline:15px;font-size:8px;letter-spacing:.02em;gap:12px}
.sr-top-strip>a{font-size:8px}
.site-header.sr-wide-header{padding:12px 16px;min-height:78px;gap:9px}
.sr-wide-header .wordmark{font-size:22px;gap:8px}.sr-wide-header .brand-emblem{width:37px;height:37px}
.sr-header-shop{min-height:43px;padding:10px 11px;font-size:9px;gap:8px;letter-spacing:0}
.sr-wide-header .menu-toggle{gap:7px;padding:9px;font-size:10px}
.sr-wide-header #primary-nav.is-open{grid-template-columns:1fr 1fr;padding:12px 16px}
.sr-hero-kicker{font-size:8px;letter-spacing:.1em}
.sr-hero-deck{font-size:14px}
.sr-hero-actions .button{min-height:50px;padding:14px 17px;font-size:11px}
.sr-hero-meme{width:100%;justify-content:center}
.sr-hero-socials a{padding:8px 11px;min-height:40px;font-size:10px}
.sr-hero-foot{align-items:flex-start;gap:20px}.sr-hero-foot>span{max-width:43%}.sr-hero-foot>a{max-width:50%;text-align:right}
.sr-shop-ribbon-inner{padding:25px 24px}
.sr-shop-ribbon-copy h2{font-size:28px}
.sr-shop-ribbon-products{gap:10px}
.sr-ribbon-product{display:flex;flex-direction:column;align-items:stretch;gap:7px;padding:10px}
.sr-ribbon-product>img{width:100%;height:125px}
.sr-ribbon-product strong{font-size:12px}.sr-ribbon-product>span{gap:8px}
.sr-scene-strip{padding-block:45px}.sr-scene-strip-heading{display:block}.sr-scene-strip-grid{grid-template-columns:1fr}
.sr-scene-feature img{height:340px}
}
@media(max-width:360px){.sr-wide-header .wordmark{font-size:19px;gap:5px}.sr-wide-header .brand-emblem{width:31px;height:31px}.sr-header-shop{padding-inline:8px;font-size:8px}.sr-wide-header .menu-toggle{padding:8px;gap:5px}.sr-cinematic-hero h1{font-size:63px}.sr-hero-inner{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){.sr-cinematic-hero *{scroll-behavior:auto}}


/* Approved scene skins: at most five lazy images, no animation or scroll loop. */
.sr-ambient-wrap{position:relative;isolation:isolate;background:#081e2d;border-block:1px solid #31576b}
.sr-ambient-wrap>.sr-ambient-art{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;user-select:none}
.sr-ambient-art>img{position:absolute;inset:0 -14% 0 auto;width:128%;max-width:none;height:100%;object-fit:cover;object-position:70% center;opacity:.32;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 84%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 84%,transparent)}
.sr-ambient-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071c2bf2 0%,#071c2bb8 36%,#071c2b33 72%,#071c2b66 100%);pointer-events:none}
.sr-ambient-wrap>section{position:relative;z-index:1;background:transparent}
.sr-ambient-arcade>.sr-ambient-art>img{width:134%;right:-24%;object-position:74% 44%;opacity:.36}
.sr-ambient-signal>.sr-ambient-art>img{width:119%;right:-12%;object-position:68% 35%;opacity:.3}
.sr-ambient-meme>.sr-ambient-art>img{width:137%;right:-26%;object-position:70% 45%;opacity:.3}
.sr-ambient-kitchen,.sr-ambient-merch{background:#edf0e7;border-color:#b4ccd0}
.sr-ambient-kitchen>.sr-ambient-art>img{width:125%;right:-22%;object-position:70% 40%;opacity:.17;mix-blend-mode:multiply}
.sr-ambient-merch>.sr-ambient-art>img{width:130%;right:-17%;object-position:70% 30%;opacity:.18;mix-blend-mode:multiply}
.sr-ambient-kitchen>.sr-ambient-art::after,.sr-ambient-merch>.sr-ambient-art::after{background:linear-gradient(90deg,#edf0e7ed 0%,#edf0e7b8 38%,#edf0e733 76%,#edf0e766 100%)}
.sr-ambient-wrap>.kitchen,.sr-ambient-wrap>.vx-merch{background:transparent}
/* Clipping belongs to the decorative layer only: the studio's sticky preview
   and content focus outlines remain outside any clipped/scrolling ancestor. */
@media(max-width:700px){
.sr-ambient-art>img,.sr-ambient-arcade>.sr-ambient-art>img,.sr-ambient-signal>.sr-ambient-art>img,.sr-ambient-meme>.sr-ambient-art>img{width:160%;right:-45%;object-position:65% top;opacity:.24}
.sr-ambient-art::after{background:linear-gradient(90deg,#071c2be6,#071c2b88 65%,#071c2b66)}
.sr-ambient-kitchen>.sr-ambient-art>img,.sr-ambient-merch>.sr-ambient-art>img{width:155%;right:-40%;opacity:.13}
}
@media print{.sr-ambient-art{display:none}.sr-ambient-wrap{background:transparent;border:0}}
