.video-frame{position:absolute;z-index:4;left:50%;bottom:2%;transform:translateX(-50%);width:min(94%,600px);height:150px;overflow:hidden;border-radius:10px;border:2px solid #3a3a42;box-shadow:0 20px 40px #000d,inset 0 0 0 1px #ffffff10;background:#000}.video-frame video{position:absolute;top:50%;left:52%;height:280%;width:auto;max-width:none;transform:translate(-52%,-50%)}.vcr-machine.inserting .video-frame{border-color:#ff4bc3;box-shadow:0 0 24px #ff4bc355,0 20px 40px #000d}.vcr-machine.playing .video-frame{border-color:#58e6ff;box-shadow:0 0 28px #58e6ff55,0 20px 40px #000d}
.brand-logo{width:240px;align-items:flex-start}.brand-logo img{width:220px;max-height:136px;object-fit:contain;object-position:left center;filter:drop-shadow(0 0 14px #00e8ff22)}.brand-tag{margin-top:-4px;margin-left:8px}.cover-display{height:70%;aspect-ratio:64/100;overflow:hidden;border-radius:9px;border:1px solid #4b4b52;background:#09090b;box-shadow:0 22px 42px #000d,0 0 0 1px #ffffff0b}.cover-display img{width:100%;height:100%;object-fit:cover;object-position:left center;filter:none}.archive-label b{font-family:monospace;letter-spacing:.12em}.gallery-mode .topbar{min-height:150px}.gallery-header{padding-top:6px}.glitch-title{margin-top:18px!important}@media(max-width:700px){.brand-logo{width:170px}.brand-logo img{width:160px;max-height:98px}.brand-tag{font-size:8px;margin-left:4px}.gallery-mode .topbar{min-height:110px}.cover-display{height:55%;top:4%}.video-frame{height:110px}}

.videoclub-home{min-height:100dvh;padding:30px 24px 24px;display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse at 50% 40%,#231b27 0,#0d0d12 55%,#050507 85%)}
.videoclub-heading{text-align:center;margin-bottom:24px}.videoclub-heading>img{width:190px;max-height:120px;object-fit:contain;filter:drop-shadow(0 0 18px #ff4bc322)}
.videoclub-sign{display:table;margin:12px auto 18px;padding:8px 13px;border:1px solid #a58e48;border-radius:3px;font:700 11px monospace;letter-spacing:.16em;color:#e9d79f;background:#191713;box-shadow:3px 3px 0 #060607}
.videoclub-heading h1{margin:0;font:700 clamp(22px,3vw,32px) Arial,sans-serif;letter-spacing:-.02em}.videoclub-hint{margin:10px 0 0;color:#aaa6af;font-size:14px}
.tape-shelf{position:relative;width:min(100%,660px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,6vw,70px);padding:0 24px 24px}
.tape-shelf:after{content:"";position:absolute;left:0;right:0;bottom:0;height:14px;background:linear-gradient(#625450,#292325 45%,#111014);border-top:1px solid #95806b;border-radius:2px;box-shadow:0 18px 28px #000b}
.tape-item{display:block;min-width:0;text-align:center;perspective:1000px}.tape-case{position:relative;aspect-ratio:64/100;border-radius:5px 8px 8px 5px;overflow:hidden;background:#101014;box-shadow:8px 7px 0 #09090b,9px 7px 0 #414047,14px 20px 25px #000b;transition:transform .25s,box-shadow .25s;transform:rotateY(-5deg);border:1px solid #776d60}
.tape-case:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 3px 0 3px #ffffff20,inset -5px 0 8px #0008;background:linear-gradient(115deg,#ffffff0b,transparent 25%,transparent 75%,#0003)}
.september-case>img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}
.halloween-case{display:flex;flex-direction:column;background:linear-gradient(135deg,#282026,#09090c 60%);border-color:#9e8056}.case-format{height:13%;padding:0 8%;display:flex;align-items:center;justify-content:space-between;color:#e9e2cf;font:700 9px monospace;letter-spacing:.08em}.case-format b{font:bold 20px Arial,sans-serif;border:2px solid #ddd6c3;padding:0 3px}.halloween-case>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.case-label{flex:1;padding:7% 7% 5%;display:flex;flex-direction:column;justify-content:center;gap:8px;text-align:left}.case-label>span{color:#ddd1a8;font:700 10px monospace;letter-spacing:.09em}.case-label b{font:900 clamp(20px,3.5vw,36px)/.95 Arial,sans-serif;color:#f3d386;letter-spacing:-.025em}.case-label small{font:8px monospace;color:#c3b6b9;letter-spacing:.1em}
.tape-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:13px 19px;background:#e9d79f;color:#17151a;border:1px solid #fff3;box-shadow:4px 4px 0 #000b;font:900 13px monospace;opacity:0;transition:opacity .2s;z-index:2;white-space:nowrap}
.tape-item:hover .tape-case,.tape-item:focus-visible .tape-case{transform:translateY(-8px) rotateY(0);box-shadow:8px 7px 0 #09090b,9px 7px 0 #82705b,14px 24px 30px #000c}.tape-item:hover .tape-play,.tape-item:focus-visible .tape-play{opacity:1}.tape-item:focus-visible{outline:2px solid #e9d79f;outline-offset:10px;border-radius:3px}
.tape-caption{padding:22px 0 0;display:grid;gap:8px}.tape-caption h2{font:700 clamp(14px,2vw,18px) Arial,sans-serif;margin:0;color:#eee8da}.tape-caption time{font:700 clamp(12px,1.7vw,15px) monospace;color:#e9d79f}.tape-caption>span{font:9px monospace;color:#918d98;letter-spacing:.04em}.shelf-note{margin:28px 0 0;font:10px monospace;letter-spacing:.24em;color:#77717e}
@media(max-width:700px){.videoclub-home{padding:28px 16px 22px;justify-content:center}.videoclub-heading{margin-bottom:28px}.videoclub-heading>img{width:155px;max-height:98px}.videoclub-sign{font-size:9px;letter-spacing:.1em;margin-bottom:16px}.tape-shelf{padding:0 5px 22px;gap:22px}.case-format{font-size:6px}.case-format b{font-size:13px;border-width:1px}.case-label{gap:5px}.case-label>span{font-size:6px}.case-label b{font-size:clamp(17px,4.4vw,28px)}.case-label small{font-size:5px}.tape-caption{padding-top:18px;gap:7px}.tape-caption>span{font-size:7px;letter-spacing:0}.tape-play{font-size:10px;padding:10px 13px}.gallery-header h1{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.tape-case,.tape-play{transition:none}}