/* OSW v1.6.1 — Hall of Legends: THE TAPES NEVER DIE */
:root{--hol-pink:#ff2aa8;--hol-cyan:#54f6ff;--hol-yellow:#f5ff38;--hol-ink:#050408;--hol-paper:#e9dfc7}.public-body{background:#050408;color:#fff}.hol-page{overflow:hidden;background:radial-gradient(circle at 50% 0,#25102d 0,#08060d 36%,#030306 75%);font-family:Arial,Helvetica,sans-serif}.hol-hero{min-height:700px;padding:145px max(6vw,24px) 90px;position:relative;text-align:center;border-bottom:8px solid #000;background:linear-gradient(115deg,rgba(255,42,168,.09),transparent 35%,rgba(84,246,255,.08)),repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 4px)}.hol-hero:before,.hol-hero:after{content:"";position:absolute;width:45vw;height:45vw;border:3px solid var(--hol-pink);transform:rotate(45deg);opacity:.09;top:-28vw}.hol-hero:before{left:-20vw}.hol-hero:after{right:-20vw;border-color:var(--hol-cyan)}.hol-kicker,.hol-label{font-weight:1000;letter-spacing:.24em;color:var(--hol-cyan);text-shadow:3px 3px #000}.hol-hero h1{font-family:Impact,'Arial Black',sans-serif;font-size:clamp(68px,12vw,190px);line-height:.75;margin:24px 0 42px;letter-spacing:-.035em;transform:skew(-5deg);text-shadow:7px 7px 0 #000,11px 11px 0 var(--hol-cyan),-5px -4px 0 var(--hol-pink)}.hol-hero h1 em{display:block;color:var(--hol-pink);font-style:normal}.hol-intro{position:relative;max-width:800px;margin:auto;padding:28px 34px;background:#e9dfc7;color:#100c13;text-align:left;transform:rotate(-1deg);border:4px solid #000;box-shadow:10px 10px 0 var(--hol-pink),-6px -6px 0 var(--hol-cyan)}.hol-intro:before{content:"ARCHIVE COPY";position:absolute;right:18px;top:-14px;background:var(--hol-yellow);padding:7px 12px;border:3px solid #000;font-weight:1000;transform:rotate(3deg)}.hol-intro strong{font-family:Impact,sans-serif;font-size:30px}.hol-intro p{font-size:17px;line-height:1.65}.hol-tracking{margin:65px auto 0;display:flex;align-items:center;gap:14px;max-width:700px;color:#8ff;font-weight:900;font-size:12px;letter-spacing:.18em}.hol-tracking span{height:2px;background:#8ff;flex:1;box-shadow:0 0 10px #8ff}.hol-archive{max-width:1500px;margin:auto;padding:90px max(5vw,24px)}.hol-exhibit{--fade:calc(var(--archive-age) * .22);min-height:720px;display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(390px,.95fr);align-items:center;gap:4vw;margin:0 0 150px;position:relative;filter:saturate(calc(1 - var(--fade))) contrast(calc(1 - var(--fade)*.2))}.hol-exhibit.is-reverse .hol-art-zone{order:2}.hol-exhibit.is-reverse .hol-copy{order:1}.hol-art-zone{height:690px;position:relative;isolation:isolate}.hol-burst{position:absolute;width:88%;aspect-ratio:1;left:5%;top:8%;z-index:-3;background:repeating-conic-gradient(var(--hol-yellow) 0 4deg,#000 4deg 7deg,var(--hol-pink) 7deg 10deg,#000 10deg 13deg);clip-path:polygon(50% 0,57% 32%,70% 8%,69% 36%,94% 19%,75% 42%,100% 44%,76% 51%,96% 70%,70% 62%,75% 92%,59% 68%,50% 100%,43% 68%,27% 92%,31% 62%,4% 70%,24% 51%,0 44%,25% 42%,6% 19%,31% 36%,30% 8%,43% 32%);opacity:.88;transform:rotate(calc(-7deg + var(--archive-age)*4deg))}.hol-torn-paper{position:absolute;inset:18% 3% 9% 7%;background:#c9bea4;transform:rotate(4deg);z-index:-2;clip-path:polygon(2% 4%,98% 0,95% 93%,82% 90%,73% 100%,61% 92%,48% 99%,33% 92%,21% 98%,5% 91%);opacity:calc(.85 - var(--archive-age)*.25)}.hol-vhs{position:absolute;width:76%;height:46%;left:12%;top:31%;background:linear-gradient(#16151b,#07070a);border:7px solid #000;border-radius:15px;transform:rotate(-6deg);box-shadow:15px 16px 0 rgba(0,0,0,.75);z-index:-1}.hol-vhs:after{content:"";position:absolute;left:10%;right:10%;bottom:10%;height:27%;background:#28262e;clip-path:polygon(10% 0,90% 0,100% 100%,0 100%)}.hol-vhs-spool{position:absolute;width:70px;height:70px;border:10px dotted #aaa;border-radius:50%;top:41%;background:#09090c}.hol-vhs-spool.a{left:15%}.hol-vhs-spool.b{right:15%}.hol-vhs-label{position:absolute;left:14%;right:14%;top:7%;height:28%;background:#e8dfc6;color:#111;border:2px solid #000;padding:8px 14px;display:grid;grid-template-columns:1fr auto;align-items:center;transform:rotate(1deg)}.hol-vhs-label small{font-size:9px}.hol-vhs-label b{grid-column:1/-1;font-family:Impact,sans-serif;font-size:24px;letter-spacing:.06em}.hol-vhs-label span{position:absolute;right:10px;bottom:6px;font:900 9px monospace}.hol-character{position:absolute;inset:auto 0 0 0;margin:auto;width:92%;height:100%;object-fit:contain;object-position:center bottom;z-index:2;filter:drop-shadow(9px 12px 0 #000) drop-shadow(-4px -3px 0 rgba(84,246,255,.65))}.hol-placeholder{display:flex;align-items:center;justify-content:center;text-align:center;font:80px/0.8 Impact;color:#333}.hol-class-sticker{position:absolute;z-index:5;right:1%;top:9%;background:var(--hol-yellow);color:#000;border:4px solid #000;padding:10px 15px;font:900 13px/1 Arial;transform:rotate(7deg);box-shadow:5px 5px 0 var(--hol-pink)}.hol-class-sticker b{font:30px Impact}.hol-inductee{position:absolute;z-index:6;left:1%;bottom:3%;background:var(--hol-cyan);color:#000;border:4px solid #000;padding:8px 14px;font:1000 14px Arial;transform:rotate(-4deg);box-shadow:5px 5px 0 #000}.hol-copy{position:relative;padding:45px 20px}.hol-copy:before{content:"";position:absolute;left:-25px;top:20px;width:80px;height:14px;background:var(--hol-pink);transform:rotate(-7deg);z-index:-1}.hol-label{font-size:11px}.hol-copy h2{font:clamp(65px,7.5vw,125px)/.82 Impact,'Arial Black',sans-serif;text-transform:uppercase;margin:18px 0 14px;letter-spacing:-.025em;color:#fff;text-shadow:5px 5px #000,8px 8px var(--hol-pink),-3px -3px var(--hol-cyan);transform:skew(-3deg)}.hol-year{display:inline-block;background:#fff;color:#000;padding:7px 12px;border:3px solid #000;font-weight:1000;letter-spacing:.12em;transform:rotate(-1deg)}.hol-writeup{margin:30px 0;color:#eee;font-size:17px;line-height:1.75;max-width:650px}.hol-writeup p{margin:0 0 1em}.hol-tags{display:flex;flex-wrap:wrap;gap:11px;margin:28px 0}.hol-tags span{background:var(--hol-yellow);color:#000;border:3px solid #000;box-shadow:4px 4px 0 var(--hol-pink);padding:9px 12px;font-weight:1000;font-size:12px;transform:rotate(-2deg)}.hol-tags span:nth-child(even){background:var(--hol-cyan);transform:rotate(2deg)}.hol-copy blockquote{font:italic 700 22px/1.35 Georgia,serif;color:#fff;margin:35px 0 25px;padding-left:22px;border-left:5px solid var(--hol-pink);transform:rotate(-1deg)}.hol-preserved{display:flex;align-items:center;gap:9px;font:900 11px Arial;letter-spacing:.17em;color:#8ff}.hol-preserved i{width:10px;height:10px;border-radius:50%;background:#65ff8b;box-shadow:0 0 12px #65ff8b;animation:holBlink 1.7s steps(1) infinite}.hol-exhibit:after{content:"";pointer-events:none;position:absolute;inset:-20px;z-index:9;opacity:calc(var(--archive-age)*.25);background:repeating-linear-gradient(0deg,transparent 0 4px,rgba(255,255,255,.12) 5px,transparent 6px),linear-gradient(90deg,transparent 30%,rgba(255,42,168,.08) 31%,transparent 32%);mix-blend-mode:screen}.hol-empty{text-align:center;padding:100px 20px}.hol-empty span{color:var(--hol-cyan);font-weight:900;letter-spacing:.2em}.hol-empty h2{font:60px Impact}.hol-end{text-align:center;padding:110px 20px 150px;border-top:4px solid #19151f;background:#030305}.hol-end>span{color:var(--hol-cyan);font:900 12px Arial;letter-spacing:.3em}.hol-end h2{font:clamp(50px,8vw,120px)/.88 Impact;margin:24px 0;text-shadow:5px 5px #000,8px 8px var(--hol-pink)}.hol-end h2 em{font-style:normal;color:var(--hol-yellow)}.hol-end-track{max-width:900px;height:5px;margin:60px auto 0;background:linear-gradient(90deg,transparent,var(--hol-cyan),#fff,var(--hol-pink),transparent);box-shadow:0 0 20px var(--hol-cyan);animation:holTrack 2.2s steps(2) infinite}@keyframes holBlink{0%,80%{opacity:1}81%,100%{opacity:.2}}@keyframes holTrack{0%{transform:translateX(-3%);opacity:.6}50%{transform:translateX(3%);opacity:1}100%{transform:translateX(-1%);opacity:.5}}
@media(max-width:1000px){.hol-exhibit{grid-template-columns:1fr;gap:10px;margin-bottom:100px}.hol-exhibit.is-reverse .hol-art-zone,.hol-exhibit.is-reverse .hol-copy{order:initial}.hol-art-zone{height:620px}.hol-copy{padding:10px 5vw 40px}.hol-copy h2{font-size:clamp(65px,13vw,110px)}}
@media(max-width:620px){.hol-hero{padding:115px 18px 65px;min-height:auto}.hol-hero h1{font-size:clamp(58px,20vw,95px)}.hol-intro{padding:25px 20px;box-shadow:6px 6px 0 var(--hol-pink),-4px -4px 0 var(--hol-cyan)}.hol-archive{padding:60px 14px}.hol-art-zone{height:480px}.hol-vhs{width:86%;left:7%;top:35%;height:42%}.hol-vhs-label b{font-size:17px}.hol-vhs-spool{width:45px;height:45px;border-width:7px}.hol-character{width:105%}.hol-class-sticker{right:0;top:6%;font-size:10px}.hol-class-sticker b{font-size:24px}.hol-copy h2{font-size:clamp(55px,19vw,88px)}.hol-writeup{font-size:16px}.hol-copy blockquote{font-size:19px}.hol-end{padding:80px 15px 110px}}
@media(prefers-reduced-motion:reduce){.hol-preserved i,.hol-end-track{animation:none}}