@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
:root{--ink:#12130f;--paper:#d9d6bd;--muted:#969887;--red:#e54335;--line:#393b30}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--ink);color:var(--paper);font-family:'IBM Plex Mono',monospace;font-size:13px;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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' opacity='.045' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--red);outline-offset:7px}.topline{display:flex;justify-content:space-between;padding:11px 5%;background:var(--paper);color:var(--ink);font-size:10px;letter-spacing:1.5px;font-weight:600}header{margin:0 5%;padding:28px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font:900 40px/.85 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1.5px;color:var(--red);transform:skew(-5deg);display:inline-block}.brand span{display:block;font:500 9px/1.5 'IBM Plex Mono',monospace;letter-spacing:2px;color:var(--paper);margin-top:9px;text-align:center}nav{display:flex;gap:35px;font-size:11px}nav a:hover,footer a:hover,.text-link:hover{color:var(--red)}.open-sign{border:2px solid #a94734;color:#ef6650;box-shadow:0 0 13px #e442351a,inset 0 0 13px #e442351a;padding:8px 20px;text-align:center;transform:rotate(4deg);font:700 25px/.95 'Barlow Condensed',sans-serif;letter-spacing:3px;text-shadow:0 0 10px #de46215c}.open-sign span{display:block;font:8px monospace;letter-spacing:1px;margin-top:7px}.hero{max-width:1400px;margin:auto;padding:68px 7% 52px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;min-height:655px;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:1.7px;display:flex;align-items:center;gap:10px}.red-dot{width:7px;height:7px;background:var(--red);display:inline-block}.hero h1{font:800 clamp(56px,6.9vw,100px)/.94 'Barlow Condensed',Impact,sans-serif;letter-spacing:-2px;margin:26px 0}.hero h1 em{font-style:normal;color:var(--red)}.hero p{line-height:1.9;max-width:395px;font-size:12px;color:#b0b19f;margin:25px 0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--red);color:#11140f;font-size:11px;font-weight:600;letter-spacing:.8px;padding:19px 24px;transition:background .2s,transform .2s}.button:hover{background:#f06b53;transform:translateY(-2px)}.button span{font-size:20px;line-height:12px}.hero-foot{margin-top:24px;font-size:8px;letter-spacing:1px}.hero-foot span{color:#828577}.feature-art{position:relative;min-height:485px;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse,#78877122,transparent 66%)}.tape{width:307px;height:440px;display:flex;transform:rotate(8deg);box-shadow:20px 28px 24px #0009;transition:transform .4s}.tape:hover{transform:rotate(3deg) translateY(-5px)}.tape-spine{width:32px;background:#969580;color:#171b16;writing-mode:vertical-rl;display:flex;align-items:center;justify-content:space-around;border:1px solid #444b3e;font-size:7px;letter-spacing:1px}.tape-spine strong{font:800 23px 'Barlow Condensed',sans-serif}.tape-front{flex:1;border:3px solid #7e8272;background:#8b8d7c;position:relative;overflow:hidden}.tape-front:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 20px #0009;background:repeating-linear-gradient(0deg,transparent 0 3px,#dbe9c10b 3px 4px)}.tape-top{height:26px;padding:6px 8px;display:flex;justify-content:space-between;color:#131b16;font-size:7px;font-weight:600;letter-spacing:1px}.cover-art{height:370px;position:relative;overflow:hidden;background:linear-gradient(#102324,#44605b 55%,#081a19)}.cover-text{position:absolute;inset:28px 0 auto;text-align:center;z-index:4;text-shadow:3px 4px 0 #172f2e}.cover-text small{font-size:7px;letter-spacing:2px}.cover-text h2{font:900 87px/.82 'Barlow Condensed',Impact,sans-serif;letter-spacing:-3px;color:#cfdbb4;margin:17px 0;transform:scaleX(1.08)}.moon{position:absolute;width:70px;height:70px;border-radius:50%;background:#afbd9638;filter:blur(3px);top:30px;right:40px;box-shadow:0 0 80px #cee6a855}.diner{position:absolute;bottom:35px;left:3%;width:85%;height:75px;background:#132624;border-top:8px solid #344841;box-shadow:0 20px 25px #020d0e}.diner-sign{position:absolute;right:25px;top:-36px;font:600 25px 'Barlow Condensed',sans-serif;color:#e68a64;letter-spacing:3px;text-shadow:0 0 10px #fa7230;transform:rotate(-3deg)}.windows{position:absolute;top:14px;left:9%;width:80%;height:33px;background:repeating-linear-gradient(90deg,#698172 0 32px,#172723 32px 38px);border:3px solid #35483d;box-shadow:0 0 14px #81987444}.fog{position:absolute;inset:45% -50% -15%;background:radial-gradient(ellipse at 50% 65%,#8ea89e55,transparent 55%);filter:blur(12px)}.figure{position:absolute;bottom:10px;right:38px;width:16px;height:62px;background:#081310;clip-path:polygon(30% 0,70% 0,80% 15%,70% 24%,100% 42%,80% 65%,70% 100%,50% 79%,30% 100%,20% 65%,0 42%,30% 24%,20% 15%)}.tree{position:absolute;bottom:65px;width:80px;height:180px;background:#0a1b19;clip-path:polygon(50% 0,63% 28%,55% 27%,78% 49%,65% 46%,95% 77%,59% 68%,59% 100%,43% 100%,42% 68%,0 77%,29% 49%,20% 50%,43% 23%,35% 25%)}.tree-one{left:-25px}.tree-two{right:-30px;transform:scale(1.3)}.tape-bottom{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;height:37px;color:#13241f;font-size:7px;letter-spacing:1.2px}.rental-sticker{position:absolute;right:3%;top:28px;background:#c6bb64;color:#1d261c;z-index:5;width:91px;height:91px;border-radius:50%;text-align:center;padding-top:14px;font:600 17px/.95 'Barlow Condensed',sans-serif;transform:rotate(15deg);box-shadow:2px 3px 0 #0004}.rental-sticker strong{font-size:31px}.rental-sticker span{display:block;font:9px monospace;margin-top:7px}.art-caption{position:absolute;bottom:-9px;left:10%;right:0;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#999f88}.ticker{padding:16px 4%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;overflow:hidden;white-space:nowrap;font:600 15px 'Barlow Condensed',sans-serif;letter-spacing:2px;color:#a5aa94}.ticker b{color:var(--red)}.shelf-section{padding:65px 7%;max-width:1400px;margin:auto}.section-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:29px}.section-title h2{font:700 37px 'Barlow Condensed',sans-serif;letter-spacing:-.5px;margin:8px 0 0}.catalog{font-size:9px;color:var(--muted)}.game{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;border-bottom:1px solid var(--line);padding-bottom:38px}.screen{min-height:310px;background:#20332e;position:relative;overflow:hidden;border:7px solid #272c23;box-shadow:inset 0 0 50px #000}.screen:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 2px,#0003 2px 3px);box-shadow:inset 0 0 60px #0009}.scene{position:absolute;inset:0;background:radial-gradient(ellipse at 60% 50%,#72887866,transparent 70%),linear-gradient(#13262a,#314b46 65%,#0a1614)}.scene .diner{height:110px;bottom:45px;width:85%;left:-3%;transform:perspective(450px) rotateY(15deg)}.scene .diner-sign{font-size:40px;top:-50px}.scene .windows{height:48px;top:20px}.screen-label,.screen-bottom{position:absolute;left:17px;right:17px;display:flex;justify-content:space-between;z-index:3;font-size:8px;letter-spacing:1px}.screen-label{top:14px}.screen-label span{color:#ec695a}.screen-bottom{bottom:14px}.game-copy{padding-top:9px}.tag{background:#c9cbb5;color:#1d281e;padding:5px 7px;font-size:8px}.game h3{font:800 57px/.95 'Barlow Condensed',sans-serif;margin:20px 0 16px}.game p{color:#aaae9e;line-height:1.9;font-size:11px;max-width:380px}.game .question{color:var(--paper)}.specs{display:flex;gap:16px;font-size:8px;color:var(--muted);margin:20px 0}.game .button{padding:15px 20px;font-size:10px}.coming{display:flex;align-items:center;gap:20px;padding:26px 0;border-bottom:1px solid var(--line)}.cassette-icon{font-size:45px;color:#797f6b}.coming h3{font:600 20px 'Barlow Condensed',sans-serif;margin:0}.coming p{font-size:10px;color:var(--muted);margin:6px 0 0}.coming-label{margin-left:auto;font-size:9px;border:1px solid var(--line);padding:8px 12px;color:var(--muted)}.about{padding:40px 7% 75px;max-width:1400px;margin:auto;display:grid;grid-template-columns:.6fr 1.5fr .8fr;gap:50px;align-items:center}.store-label{font-size:10px;letter-spacing:1px;line-height:1.8;color:var(--muted);align-self:start;padding-top:8px}.store-label span{display:block;font-size:40px;color:var(--red);margin-top:14px}.about h2{font:700 47px/1 'Barlow Condensed',sans-serif;margin:16px 0}.about p{font-size:11px;color:#a4a996;line-height:1.9;max-width:390px}.text-link{display:inline-block;font-size:9px;border-bottom:1px solid var(--red);padding-bottom:7px;margin-top:12px}.rewind-note{background:#cac6a3;color:#282e22;padding:23px;transform:rotate(-7deg);box-shadow:7px 10px 0 #0004;font:800 39px/.95 'Barlow Condensed',sans-serif;max-width:195px;position:relative}.rewind-note:before{content:'';position:absolute;width:65px;height:20px;top:-10px;left:55px;background:#abae8f88;transform:rotate(5deg)}.rewind-note span{display:block;font:7px monospace;margin:15px 0}.rewind-note svg{width:90px}footer{border-top:1px solid var(--line);margin:0 5%;padding:30px 0 40px;display:flex;align-items:center;justify-content:space-between;gap:25px}footer .brand{font-size:29px}footer .brand span{font-size:6px}footer>div{display:flex;gap:20px;font-size:9px}footer>span{font-size:7px;line-height:1.9;color:var(--muted);text-align:right}
@media(min-width:1500px){.hero{padding-left:85px;padding-right:85px}.shelf-section,.about{padding-left:85px;padding-right:85px}}@media(max-width:850px){nav{gap:18px;font-size:9px}.open-sign{display:none}.hero{padding:48px 6%;gap:15px;min-height:590px}.hero h1{font-size:65px}.tape{width:250px;height:380px}.cover-art{height:310px}.cover-text h2{font-size:74px}.feature-art{min-height:430px}.rental-sticker{right:-5%;top:15px}.game{gap:25px}.about{grid-template-columns:1.5fr .8fr;gap:35px}.store-label{display:none}footer{flex-wrap:wrap}footer>span{width:100%;text-align:left}}@media(max-width:600px){.topline{font-size:7px;padding:10px 5%}.topline span:last-child{display:none}header{padding:24px 0}.brand{font-size:33px}.brand span{font-size:7px}nav{gap:15px}nav a:last-child{display:none}.hero{grid-template-columns:1fr;padding:38px 7% 40px;gap:28px}.hero h1{font-size:clamp(58px,14vw,83px)}.hero p{max-width:330px}.feature-art{min-height:435px}.tape{width:270px;height:400px}.cover-art{height:330px}.rental-sticker{right:2%;top:20px}.art-caption{bottom:-12px;left:0}.ticker{font-size:12px;gap:25px;padding:14px 7%}.shelf-section{padding:43px 7%}.section-title h2{font-size:30px}.catalog{display:none}.game{grid-template-columns:1fr;gap:20px}.screen{min-height:260px}.game-copy{padding-top:0}.game h3{font-size:52px}.coming{gap:12px}.coming h3{font-size:17px}.coming-label{font-size:7px;padding:7px}.cassette-icon{display:none}.about{padding:15px 7% 55px;gap:25px;grid-template-columns:1fr}.about h2{font-size:45px}.rewind-note{margin:25px 15px 0;max-width:185px}.about p{max-width:100%}footer>div{flex-wrap:wrap;gap:18px}.hero-foot{font-size:7px}.eyebrow{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* The physical video store */
.video-store{max-width:1200px;margin:auto;padding:35px 6% 28px}.store-heading{text-align:center;margin-bottom:29px}.store-heading .eyebrow{justify-content:center;color:#989a84;font-size:9px}.store-heading h1{font:800 52px/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:3px;margin:13px 0 8px;color:#d3ceb1;text-shadow:3px 2px #421e19}.store-heading p{font-size:11px;color:#a9ab97;margin:0}.shelf-cabinet{border:15px solid #31281e;border-top-width:10px;box-shadow:0 25px 50px #0008,inset 0 0 15px #000;border-image:repeating-linear-gradient(92deg,#2d251c 0 3px,#443729 4px 7px,#30281e 8px 15px) 15;background:#141611}.cabinet-top{height:47px;background:#631f1b;box-shadow:inset 0 2px 3px #b65a3944,inset 0 -3px 5px #0006;display:flex;align-items:center;justify-content:space-between;padding:0 24px;color:#d4c9a8;font:700 24px 'Barlow Condensed',sans-serif;letter-spacing:4px}.cabinet-top small{font:9px 'IBM Plex Mono',monospace;letter-spacing:2px}.shelf-bay{position:relative;padding-top:28px;background:radial-gradient(ellipse at 25% 10%,#8b79551c,transparent 65%),#151710;box-shadow:inset 0 16px 25px #000a}.shelf-back{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 100px,#07090666 101px 103px),repeating-linear-gradient(0deg,transparent 0 40px,#07090655 41px 42px);pointer-events:none}.shelf-contents{display:flex;align-items:flex-end;justify-content:center;gap:50px;position:relative;padding:15px 35px 0}.rental-slot,.reserved-slot{position:relative;display:flex;flex-direction:column;align-items:center}.rental-slot .tape{width:224px;height:327px;transform:rotate(-3deg);box-shadow:13px 8px 12px #000a;transform-origin:bottom center}.rental-slot .tape:hover,.rental-slot .tape:focus-visible{transform:translateY(-12px) rotate(-1deg);filter:brightness(1.2)}.rental-slot .tape-front .cover-art{height:261px}.rental-slot .tape-front .cover-text h2{font-size:63px}.rental-slot .tape-front .cover-text small{font-size:6px;letter-spacing:1px}.rental-slot .tape-top{font-size:6px;letter-spacing:0;height:23px}.rental-slot .tape-bottom{font-size:6px;height:37px}.rental-slot .tape-spine{width:26px}.rental-slot .tape-spine strong{font-size:20px}.rental-slot .cover-text{top:19px}.rental-slot .cover-art .diner{bottom:19px;height:60px}.rental-slot .cover-art .figure{height:47px;bottom:2px}.slot-caption{font-size:7px;letter-spacing:1px;margin:13px 0 12px;color:#b1aa90}.shelf-tab{position:absolute;left:-12px;top:-22px;z-index:3;background:#c3b967;color:#1e2517;font-size:9px;font-weight:bold;padding:9px 12px;transform:rotate(-7deg);box-shadow:2px 2px 4px #0008}.empty-case{width:196px;height:303px;border:2px solid #45463b;background:linear-gradient(100deg,#22261e,#1b1f18);box-shadow:10px 7px 13px #0008,inset 8px 0 #11160f;display:flex;flex-direction:column;align-items:center;padding:18px 15px;color:#838671;transform:rotate(2deg)}.empty-case>span{font-size:8px;letter-spacing:1px;border-bottom:1px solid #4b4d3d;padding-bottom:12px}.empty-case strong{font:700 100px 'Barlow Condensed',sans-serif;color:#525747}.empty-case small{text-align:center;font-size:7px;line-height:1.8;letter-spacing:1px}.empty-case b{margin-top:20px;border:1px solid #77775c;font-size:9px;letter-spacing:2px;padding:7px}.shelf-props{width:180px;padding-bottom:32px}.spine-stack{display:flex;gap:5px;align-items:flex-end;height:130px}.spine-stack span{writing-mode:vertical-rl;background:#4e5141;border:3px solid #20261b;padding:10px 9px;height:155px;font-size:8px;color:#ada88b;box-shadow:5px 3px 5px #0007}.spine-stack span:nth-child(2){background:#73352b;height:170px;transform:rotate(7deg);margin-left:6px}.spine-stack span:nth-child(3){background:#79735d;color:#171b15;transform:rotate(8deg);margin-left:7px}.shelf-note{background:#bdb58e;color:#322f22;font:500 14px/1.2 'IBM Plex Mono',monospace;padding:15px 20px;margin-top:24px;transform:rotate(-6deg);width:163px;box-shadow:3px 5px 5px #0006}.shelf-note b{color:#7f2d22}.wood-ledge{position:relative;z-index:2;height:40px;background:repeating-linear-gradient(2deg,#433525 0 2px,#4c3b2a 3px 4px,#382c20 6px 8px);border-top:6px solid #69513a;border-bottom:6px solid #251e17;box-shadow:0 12px 12px #0009;display:flex;align-items:center;justify-content:space-between;padding:0 25px}.wood-ledge>span{background:#bdb493;color:#373527;padding:3px 9px;font-size:8px;letter-spacing:1px;transform:rotate(-1deg)}.wood-ledge small{color:#b0a183;font-size:7px;letter-spacing:1px}.lower-bay{padding-top:24px}.lower-contents{position:relative;display:flex;align-items:flex-end;gap:30px;padding:0 30px 10px;justify-content:center}.archive-tape{width:260px;background:repeating-linear-gradient(0deg,#20221d 0 2px,#171a15 3px 4px);border:3px solid #33372c;border-radius:5px;padding:12px;box-shadow:5px 7px 7px #0008;transition:transform .2s}.archive-tape:hover{transform:translateY(-7px)}.archive-label{background:#bdb599;color:#25291e;display:flex;flex-direction:column;gap:7px;padding:9px 12px;border-top:6px solid #77352d}.archive-label small{font-size:6px;letter-spacing:.8px}.archive-label strong{font:700 23px 'Barlow Condensed',sans-serif;white-space:nowrap}.archive-label>span{font-size:7px}.cassette-reels{display:block;text-align:center;color:#818571;font-size:21px;line-height:1.3;letter-spacing:10px;margin-top:5px}.behind-tape{transform:rotate(2deg)}.behind-tape .archive-label{border-color:#555e49}.empty-space{font-size:9px;letter-spacing:1px;color:#777d66;width:170px;text-align:center;align-self:center;line-height:2}.shelf-end{display:flex;justify-content:space-between;margin-top:22px;font-size:8px;letter-spacing:1px;color:#939780}
@media(max-width:950px){.shelf-props{display:none}.empty-space{display:none}.shelf-contents{gap:50px}.lower-contents{gap:25px}.archive-tape{width:240px}}@media(max-width:600px){.video-store{padding:30px 4% 24px}.store-heading h1{font-size:38px;letter-spacing:2px}.shelf-cabinet{border-width:8px}.cabinet-top{padding:0 13px;height:38px;font-size:20px}.cabinet-top small{font-size:6px;letter-spacing:1px}.shelf-contents{gap:22px;padding:15px 12px 0;justify-content:space-around}.rental-slot .tape{width:146px;height:235px}.rental-slot .tape-spine{width:18px;font-size:5px;letter-spacing:0}.rental-slot .tape-spine strong{font-size:13px}.rental-slot .tape-front .cover-art{height:182px}.rental-slot .tape-front .cover-text h2{font-size:43px}.rental-slot .tape-front .cover-text small{font-size:4px;letter-spacing:.4px}.rental-slot .tape-top{height:18px;font-size:4px;padding:5px 3px}.rental-slot .tape-bottom{height:29px;font-size:4px;letter-spacing:.3px}.rental-slot .cover-art .diner{height:42px;bottom:10px}.rental-slot .windows{height:22px;top:6px}.rental-slot .diner-sign{font-size:18px;top:-26px}.rental-slot .cover-art .figure{height:30px;right:17px}.empty-case{width:119px;height:218px;padding:13px 9px}.empty-case>span{font-size:5px;letter-spacing:0}.empty-case strong{font-size:67px}.empty-case small{font-size:5px;letter-spacing:.3px}.empty-case b{font-size:6px;letter-spacing:1px;margin-top:17px;padding:6px}.shelf-tab{font-size:6px;left:-5px;top:-17px;padding:7px 9px}.slot-caption{font-size:5px;letter-spacing:.2px}.wood-ledge{padding:0 10px;height:34px}.wood-ledge>span{font-size:5px;letter-spacing:.4px}.wood-ledge small{font-size:5px;letter-spacing:0}.lower-contents{gap:12px;padding:0 10px 10px}.archive-tape{width:50%;padding:6px;border-width:2px}.archive-label{padding:6px;gap:5px;border-top-width:4px}.archive-label small{font-size:4px;letter-spacing:0}.archive-label strong{font-size:14px}.archive-label>span{font-size:5px}.cassette-reels{font-size:14px;letter-spacing:4px}.shelf-end{font-size:6px;letter-spacing:.2px;gap:12px}}
/* Supplied VHS artwork: spine at rest, cover on hover or focus. */
.murk-tape{position:relative;display:block;width:224px;height:327px;isolation:isolate;filter:drop-shadow(8px 8px 6px #0009)}
.murk-tape img{position:absolute;max-width:none;object-fit:contain;width:337px;height:337px;left:50%;bottom:-3px;transform:translateX(-50%);transition:opacity .22s ease,transform .25s ease;pointer-events:none}
.murk-tape .murk-cover{opacity:0;transform:translateX(-50%) translateY(8px) scale(.96)}
.murk-tape:hover .murk-spine,.murk-tape:focus .murk-spine{opacity:0}
.murk-tape:hover .murk-cover,.murk-tape:focus .murk-cover{opacity:1;transform:translateX(-50%) translateY(-5px) scale(1)}
@media(max-width:600px){.murk-tape{width:146px;height:235px}.murk-tape img{width:241px;height:241px;bottom:-2px}}
/* Bring the full case forward at a larger size than the resting spine. */
.murk-tape .murk-cover{transform:translateX(-50%) translateY(8px) scale(1.08);transform-origin:center bottom}
.murk-tape:hover .murk-cover,.murk-tape:focus .murk-cover{transform:translateX(-50%) translateY(5px) scale(1.08)}
.rental-slot:has(.murk-tape:hover),.rental-slot:has(.murk-tape:focus){z-index:5}

/* Temporary repeated-tape row to try the shelf interaction. */
.packed-shelf{position:relative;padding:30px 28px 0;overflow-x:auto;overflow-y:hidden}
.packed-row{display:flex;align-items:flex-end;justify-content:flex-start;min-width:max-content;padding:26px 0 12px}
.packed-row .packed-tape{flex:0 0 57px;width:57px;height:327px;transition:flex-basis .25s ease,width .25s ease;filter:drop-shadow(4px 6px 4px #0009)}
.packed-row .packed-tape:hover,.packed-row .packed-tape:focus{flex-basis:205px;width:205px;z-index:5}
.packed-row .packed-tape .murk-spine{margin-left:7px}
.packed-row .packed-tape .murk-cover{margin-left:2px}
@media(max-width:600px){.packed-shelf{padding:20px 15px 0}.packed-row{padding-top:20px}.packed-row .packed-tape{flex-basis:41px;width:41px;height:235px}.packed-row .packed-tape:hover,.packed-row .packed-tape:focus{flex-basis:148px;width:148px}.packed-row .packed-tape .murk-spine{margin-left:5px}}
/* New release leads the homepage; the collection follows. */
.new-release{max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:38px 6% 40px;gap:30px}.release-copy h1{font:900 clamp(65px,8vw,105px)/.95 'Barlow Condensed',Impact,sans-serif;color:var(--red);margin:22px 0}.release-copy>p{font-size:12px;line-height:1.9;color:#adb19d;max-width:430px}.release-copy .release-tagline{font-size:11px;letter-spacing:2px;color:var(--paper);margin-bottom:22px}.release-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:28px 0 20px}.release-actions .text-link{margin:0}.release-art{display:block;min-width:0;background:radial-gradient(ellipse,#71765320,transparent 65%)}.release-art img{display:block;width:100%;height:auto;filter:drop-shadow(15px 18px 12px #0008)}.store-heading h2{font:800 52px/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:3px;margin:13px 0 8px;color:#d3ceb1;text-shadow:3px 2px #421e19}.video-store{border-top:1px solid var(--line);padding-top:35px}.back-shelf{margin:30px 7% 0}.game-page .new-release{padding-top:10px}.game-notes{max-width:1030px;margin:0 auto 60px;padding:30px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px}.game-notes h2{font:700 34px 'Barlow Condensed',sans-serif;margin:15px 0}.game-notes p{max-width:490px;font-size:12px;line-height:1.9;color:var(--muted)}
@media(max-width:600px){.new-release{grid-template-columns:1fr;padding:38px 7% 28px;gap:0}.release-copy h1{font-size:74px}.release-art{max-width:360px;width:100%;margin:auto}.store-heading h2{font-size:38px;letter-spacing:2px}.release-actions{gap:20px}.game-notes{margin:0 7% 35px;flex-direction:column;align-items:flex-start}.game-page .new-release{padding-top:30px}}
/* Official Ghastnite Video branding. */
.brand{transform:none;line-height:0;letter-spacing:normal;flex-shrink:0}
.brand img{display:block;width:128px;height:128px;object-fit:contain}
header{padding-top:10px;padding-bottom:10px}
footer .brand img{width:100px;height:100px}
@media(max-width:600px){header{padding-top:8px;padding-bottom:8px}.brand img{width:100px;height:100px}footer .brand img{width:90px;height:90px}}
.release-gallery{max-width:1200px;margin:0 auto;padding:0 6% 38px}.gallery-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}.gallery-heading h2{font:600 18px 'Barlow Condensed',sans-serif;letter-spacing:1.5px;margin:0}.gallery-heading>span{font-size:7px;color:var(--muted);letter-spacing:1px}.screenshot-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.screenshot-link{background:#070907;border:1px solid #414335;padding:6px;transition:border-color .2s,transform .2s}.screenshot-link:hover{border-color:var(--red);transform:translateY(-3px)}.screenshot-link img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.screenshot-link>span{display:flex;align-items:center;justify-content:space-between;padding:10px 5px 5px;font-size:8px;letter-spacing:1px}.screenshot-link b{font-weight:400}.screenshot-link>span>span{font-size:18px;color:var(--red)}.image-viewer{background:#10120e;border:1px solid #61634c;padding:14px;color:var(--paper);width:min(1100px,94vw);max-height:94dvh}.image-viewer::backdrop{background:#000d}.image-viewer form{text-align:right;margin-bottom:12px}.image-viewer button{background:transparent;border:1px solid #64654e;color:var(--paper);padding:10px 14px;font:11px 'IBM Plex Mono',monospace;cursor:pointer}.image-viewer button:focus-visible{outline:2px solid var(--red);outline-offset:3px}.image-viewer img{display:block;width:100%;max-height:74dvh;object-fit:contain}.image-viewer p{font-size:10px;letter-spacing:2px;margin:14px 0 0}body:has(.image-viewer[open]){overflow:hidden}@media(max-width:600px){.release-gallery{padding:0 7% 28px}.gallery-heading{align-items:flex-start;flex-direction:column;gap:8px}.screenshot-row{gap:10px;grid-template-columns:1fr}.screenshot-link>span{font-size:9px}}
/* Gameplay scenes sit behind the release copy and packaging. */
.scene-release{position:relative;isolation:isolate;max-width:none;padding:45px max(7%,calc((100vw - 1030px)/2)) 40px;overflow:hidden;min-height:570px;border-bottom:1px solid var(--line)}
.release-backdrop{position:absolute;inset:0;z-index:-2;background-image:url('assets/gas-pumps.png');background-size:cover;background-position:center;opacity:.75}
.scene-release:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0c100feb 0%,#0c100fb8 40%,#0c100f33 75%,#0c100f88 100%),linear-gradient(0deg,#12130f,transparent 30%,transparent 80%,#12130f88)}
.scene-release .release-copy>p{color:#c8cbbb;text-shadow:0 2px 5px #000}.scene-release .release-art{background:none}.scene-release .release-copy h1{text-shadow:0 4px 20px #0007}.scene-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.scene-controls>span{flex-basis:100%;font-size:7px;letter-spacing:1.5px;color:#a6ab9c;margin-bottom:4px}.scene-controls button{font:8px 'IBM Plex Mono',monospace;letter-spacing:.5px;color:#bec4b0;border:1px solid #646b5866;background:#11160ec9;padding:9px 10px;cursor:pointer}.scene-controls button[aria-pressed=true]{border-color:var(--red);color:#f3d3c8;background:#55271bc9}.scene-controls button:hover{border-color:var(--paper)}.scene-controls button:focus-visible{outline:2px solid var(--paper);outline-offset:3px}@media(max-width:600px){.scene-release{padding:35px 7% 25px;min-height:0}.release-backdrop{background-size:auto 100%;background-position:50% center}.scene-release:before{background:linear-gradient(90deg,#0c100fc9,#0c100f70),linear-gradient(0deg,#12130f,transparent 45%)}.scene-controls{margin-top:20px}}
.release-backdrop{transition:opacity 1.6s ease-in-out}.backdrop-next{opacity:0}.scene-pause{margin-top:15px;padding:7px 0;background:none;border:0;border-bottom:1px solid #777c6266;font:8px 'IBM Plex Mono',monospace;letter-spacing:1px;color:#a6ab9c;cursor:pointer}.scene-pause:hover{color:var(--paper)}.scene-pause:focus-visible{outline:2px solid var(--paper);outline-offset:4px}
.physical-heading{max-width:1050px;margin:45px auto 0;padding:0 25px}.physical-heading h1{font:800 60px/1 'Barlow Condensed',sans-serif;margin:18px 0;color:var(--paper)}.physical-heading p{font-size:12px;color:var(--muted)}.physical-product{max-width:1100px;margin:35px auto 65px;padding:35px 30px;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;border-top:1px solid var(--line)}.physical-art{background:radial-gradient(ellipse,#626b4926,transparent 70%)}.physical-art>img{display:block;width:100%;height:auto;filter:drop-shadow(10px 14px 9px #0009)}.physical-art .wood-ledge{margin-top:-10px}.physical-copy h2{font:800 58px/1 'Barlow Condensed',sans-serif;margin:20px 0;color:var(--red)}.physical-copy h2 span{display:block;font:600 18px 'Barlow Condensed',sans-serif;color:var(--paper);letter-spacing:3px;margin-top:10px}.physical-copy>p{font-size:12px;line-height:1.9;color:#afb39f;max-width:390px}.purchase-row{display:flex;gap:20px;align-items:center;margin:28px 0 15px}.pc-logo{width:53px;height:80px;object-fit:contain}.purchase-button{border:0;font-family:inherit;gap:18px}.purchase-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.purchase-status{font-size:9px;color:var(--muted);margin:10px 0 0}header nav{gap:24px}@media(max-width:750px){header nav{gap:12px;flex-wrap:wrap;justify-content:flex-end;max-width:270px;font-size:8px}.physical-product{grid-template-columns:1fr;padding:20px 7%;gap:30px}.physical-art{max-width:380px;margin:auto}.physical-heading{padding:0 7%;margin-top:30px}.physical-heading h1{font-size:44px}.physical-copy h2{font-size:48px}.purchase-row{gap:14px}.purchase-button{font-size:9px;padding:17px}.pc-logo{width:43px;height:65px}}
.physical-copy .physical-price{font:700 36px 'Barlow Condensed',sans-serif;color:var(--paper);margin:22px 0 0}.physical-price span{font:8px 'IBM Plex Mono',monospace;color:var(--muted);letter-spacing:1px;margin-left:12px}
header nav .support-link{display:inline-flex;align-items:center;border:1px solid var(--red);color:var(--paper);padding:10px 13px;background:#e5433512}header nav .support-link:hover{background:var(--red);color:var(--ink)}header nav{align-items:center;gap:18px}@media(max-width:600px){header nav .support-link{display:inline-flex;padding:8px 10px}header nav{gap:10px;max-width:220px}}
footer .social-links{display:flex;align-items:center;gap:12px}.social-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line);color:var(--paper);transition:color .2s,border-color .2s,background .2s}.social-icon:hover{border-color:var(--red);background:#e5433512;color:var(--red)}.social-icon svg{display:block}.footer-contact{margin-left:10px;font-size:9px}@media(max-width:600px){footer .social-links{gap:8px}.footer-contact{margin-left:4px}}
.header-side{display:flex;align-items:center;gap:28px}.header-side .support-link{display:inline-flex;align-items:center;border:1px solid var(--red);color:var(--paper);padding:12px 15px;background:#e5433512;font-size:10px;white-space:nowrap}.header-side .support-link:hover{background:var(--red);color:var(--ink)}@media(max-width:950px){.header-side .open-sign{display:none}}@media(max-width:600px){header{flex-wrap:wrap;gap:10px}header nav{order:3;width:100%;max-width:none;justify-content:center;padding:8px 0;gap:24px}header nav a:last-child{display:inline}header .header-side{margin-left:auto}.header-side .support-link{padding:10px 12px;font-size:9px}}
/* Stronger red and more readable supporting typography. */
:root{--red:#f01920}
.topline{font-size:12px;letter-spacing:1px}nav{font-size:13px}header nav{font-size:13px}.eyebrow,.store-heading .eyebrow{font-size:12px;letter-spacing:1.2px}.release-copy>p,.scene-release .release-copy>p,.physical-copy>p,.about p,.game-notes p{font-size:15px;line-height:1.8}.release-copy .release-tagline{font-size:13px}.button,.game .button{font-size:13px}.text-link{font-size:12px}.specs{font-size:11px;gap:18px;flex-wrap:wrap}.store-heading p,.physical-heading p{font-size:14px}.shelf-end{font-size:11px;letter-spacing:.5px}.wood-ledge>span{font-size:10px}.wood-ledge small{font-size:10px;letter-spacing:.4px}.archive-label small{font-size:10px}.archive-label>span{font-size:11px}.empty-space{font-size:12px}.store-label{font-size:12px}.rewind-note span{font-size:10px}.purchase-status{font-size:12px;line-height:1.6}.physical-price span{font-size:11px}.header-side .support-link{font-size:12px}.footer-contact{font-size:12px}footer>span{font-size:10px;line-height:1.8}.open-sign{border-color:#e32229;color:#ff353b}.button:hover{background:#ff4046}.physical-copy h2 span{font-size:20px}
@media(max-width:750px){header nav{font-size:12px}.purchase-button{font-size:12px}}@media(max-width:600px){.topline{font-size:10px}.eyebrow,.store-heading .eyebrow{font-size:11px}.header-side .support-link{font-size:11px}header nav{font-size:12px;gap:18px}.shelf-end{font-size:10px;line-height:1.6;flex-wrap:wrap}.wood-ledge>span,.wood-ledge small{font-size:8px}.archive-label small{font-size:8px}.archive-label>span{font-size:9px}.archive-label strong{font-size:15px;white-space:normal}.specs{font-size:10px}.release-copy .release-tagline{font-size:12px}.rewind-note span{font-size:9px}}
.playthroughs{max-width:1100px;margin:0 auto 65px;padding:35px 30px;border-top:1px solid var(--line)}.playthroughs h2{font:800 45px 'Barlow Condensed',sans-serif;margin:14px 0}.video-intro{font-size:14px;color:var(--muted);margin-bottom:25px}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.video-card{border:1px solid var(--line);background:#0b0e09;min-width:0}.video-player{aspect-ratio:16/9;background:#000}.video-launch{position:relative;border:0;padding:0;width:100%;height:100%;display:block;cursor:pointer;background:#000;color:var(--paper)}.video-launch img{width:100%;height:100%;object-fit:cover;opacity:.8}.play-symbol{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);background:var(--red);color:#fff;border-radius:50%;width:58px;height:58px;display:grid;place-items:center;font-size:23px;padding-left:4px}.video-prompt{position:absolute;bottom:14px;left:15px;font:11px 'IBM Plex Mono',monospace;letter-spacing:1px;background:#000b;padding:6px 9px}.video-launch:hover img{opacity:1}.video-launch:focus-visible{outline:3px solid var(--red);outline-offset:3px}.video-caption{display:flex;justify-content:space-between;padding:15px;font-size:11px;gap:15px}.video-caption a:hover{color:var(--red)}.video-player iframe{border:0;width:100%;height:100%;display:block}@media(max-width:600px){.playthroughs{padding:25px 7%}.video-grid{grid-template-columns:1fr}.playthroughs h2{font-size:36px}}
/* Single release with a centered catalog notice. */
.packed-shelf{position:relative}.shelf-coming-soon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;white-space:nowrap}.shelf-coming-soon strong{display:block;font:600 29px 'Barlow Condensed',sans-serif;letter-spacing:2px;color:#b7b7a2}.shelf-coming-soon span{display:block;font-size:10px;color:#8e9680;letter-spacing:1px;margin-top:10px}.packed-row{position:relative;z-index:1}@media(max-width:600px){.shelf-coming-soon{left:61%;white-space:normal;width:54%}.shelf-coming-soon strong{font-size:21px;letter-spacing:1px}.shelf-coming-soon span{font-size:8px;line-height:1.6}.packed-shelf:has(.packed-tape:hover) .shelf-coming-soon,.packed-shelf:has(.packed-tape:focus) .shelf-coming-soon{opacity:0}}
.counter-heading{text-align:center;font:800 42px/1.1 'Barlow Condensed',sans-serif;letter-spacing:2px;margin:52px 0 27px;color:var(--paper)}.counter-cabinet .lower-bay{padding-top:32px}.counter-cabinet .lower-contents{padding-bottom:22px}@media(max-width:600px){.counter-heading{font-size:32px;margin:38px 0 22px}}
.header-brand-group{display:flex;align-items:center;gap:15px}.header-socials{display:grid;grid-template-columns:repeat(2,36px);gap:6px}.header-socials .social-icon{width:36px;height:36px}.header-socials svg{width:18px;height:18px}@media(max-width:1050px){.header-side .open-sign{display:none}header nav{gap:12px}}@media(max-width:600px){.header-brand-group{gap:6px}.header-socials{grid-template-columns:repeat(2,32px);gap:4px}.header-socials .social-icon{width:32px;height:32px}.header-socials svg{width:16px;height:16px}}