:root{--scarlet:#cc0033;--red:#ff174b;--ink:#080709;--paper:#f3efe7;--muted:#a69ea2;--line:rgba(255,255,255,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.grain,.gate-noise{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.075;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' 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%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.gate{position:fixed;inset:0;z-index:999;background:radial-gradient(circle at 70% 35%,rgba(204,0,51,.55),transparent 34%),linear-gradient(115deg,#09070a 48%,#2a050f);display:grid;place-items:center;overflow:hidden;transition:transform 1s cubic-bezier(.8,0,.2,1)}.gate.out{transform:translateY(-105%)}.gate:before{content:"";position:absolute;inset:0;background:url('https://i.ytimg.com/vi/L819cnUdFwU/maxresdefault.jpg') center/cover;opacity:.19;filter:grayscale(1) contrast(1.4)}.gate-top{position:absolute;left:34px;right:34px;top:30px;display:flex;justify-content:space-between;font:800 10px/1 monospace;letter-spacing:.12em;z-index:2}.gate-copy{position:relative;z-index:2;text-align:center}.gate-copy p,.kicker,.cast-head>p,.campus-copy>p:first-child,.finale-copy>p{font:900 10px/1 monospace;letter-spacing:.16em}.gate-copy p i{display:inline-block;width:28px;height:2px;background:var(--red);vertical-align:middle;margin-right:8px}.gate h1{font:1000 clamp(64px,10.5vw,180px)/.74 Arial;letter-spacing:-.085em;margin:35px 0 45px;transform:skew(-4deg)}.gate h1 span,.gate h1 em{display:block}.gate h1 span{color:transparent;-webkit-text-stroke:1.5px white}.gate h1 em{font-style:normal;color:var(--red);text-shadow:10px 10px 0 #6d001e}.gate button,.hero-copy>a,.finale button{border:0;background:var(--paper);color:#11090c;min-width:260px;height:62px;padding:0 22px;font:1000 11px/1 monospace;letter-spacing:.1em;display:inline-flex;align-items:center;justify-content:space-between;cursor:pointer;transition:.25s}.gate button:hover,.finale button:hover{background:var(--red);color:white;transform:translateY(-4px)}.gate-copy small{display:block;color:#aaa;font:700 8px/1 monospace;margin-top:15px}.gate-ticket{position:absolute;right:5vw;bottom:6vh;width:225px;height:90px;border:1px solid rgba(255,255,255,.35);display:grid;grid-template-columns:60px 1fr 48px;align-items:center;z-index:2;transform:rotate(-4deg);background:#14090dcc}.gate-ticket b{font-size:26px;text-align:center;color:var(--red)}.gate-ticket span{border-left:1px dashed #777;border-right:1px dashed #777;padding:16px;font:800 9px/1.4 monospace}.gate-ticket i{writing-mode:vertical-rl;font:800 9px/1 monospace}.topbar{height:78px;position:fixed;top:0;left:0;right:0;z-index:80;display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:linear-gradient(#080709dd,transparent);backdrop-filter:blur(8px)}.wordmark{display:flex;gap:8px;align-items:center;font-size:13px}.wordmark b{font-weight:1000}.wordmark span{color:#a1999e}.campus-tag{font:800 9px/1 monospace;letter-spacing:.12em}.campus-tag i{font-style:normal;color:var(--red);margin:0 7px}.sound{border:1px solid var(--line);background:#100b0d;color:white;padding:11px 13px;font:800 8px/1 monospace;letter-spacing:.1em;cursor:pointer}.sound i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#666;margin-right:8px}.sound.on i{background:var(--red);box-shadow:0 0 12px var(--red)}.hero{height:100vh;min-height:720px;position:relative;overflow:hidden;display:flex;align-items:flex-end}.hero-poster,.finale-poster{position:absolute;inset:0;background:url('https://i.ytimg.com/vi/L819cnUdFwU/maxresdefault.jpg') center 43%/cover no-repeat;filter:saturate(.7) contrast(1.2)}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,#080709 0%,rgba(8,7,9,.86) 38%,rgba(8,7,9,.22) 72%),linear-gradient(0deg,#080709,transparent 45%)}.hero-copy{position:relative;z-index:3;width:min(920px,82vw);padding:0 0 9vh 7vw}.hero-copy h2{font:1000 clamp(58px,7.6vw,130px)/.79 Arial;letter-spacing:-.075em;margin:28px 0}.hero-copy h2 span,.hero-copy h2 em{display:block}.hero-copy h2 em{font-style:normal;color:var(--red);font-size:.74em;line-height:1;text-shadow:6px 6px 0 #3e0011}.hero-copy .deck{max-width:690px;font:500 14px/1.6 monospace;color:#bab2b6}.hero-copy>a{margin-top:22px;background:var(--red);color:white;width:250px}.hero-stamp{position:absolute;right:7vw;bottom:8vh;z-index:3;width:135px;height:135px;border:2px solid white;border-radius:50%;display:grid;place-content:center;text-align:center;transform:rotate(10deg)}.hero-stamp span{font:1000 47px/.7 Arial;color:var(--red)}.hero-stamp b{font:1000 13px/.9 Arial}.hero-stamp i{font:800 7px/1 monospace;margin-top:7px}.scroll-note{position:absolute;right:34px;top:50%;z-index:4;writing-mode:vertical-rl;font:800 8px/1 monospace;letter-spacing:.16em}.scroll-note i{height:65px;width:1px;background:var(--red);display:inline-block;margin-top:15px;animation:scrollPulse 1.6s infinite}@keyframes scrollPulse{50%{transform:scaleY(.3);opacity:.4}}.marquee{height:64px;display:flex;align-items:center;background:var(--scarlet);overflow:hidden;transform:rotate(-1.2deg) scale(1.02);position:relative;z-index:5}.marquee div{white-space:nowrap;font:1000 21px/1 Arial;letter-spacing:-.03em;animation:move 18s linear infinite}.marquee i{font-style:normal;margin:0 28px;color:#0b080a}@keyframes move{to{transform:translateX(-50%)}}.story{display:grid;grid-template-columns:56% 44%;position:relative}.video-stage{height:100vh;position:sticky;top:0;display:grid;place-items:center;padding:5vw 2vw 5vw 5vw}.video-frame{width:100%;height:76vh;position:relative;overflow:hidden;background:#12060a;clip-path:polygon(3% 0,100% 0,97% 100%,0 100%);box-shadow:0 0 0 1px var(--line)}#visualPlayer,#visualPlayer iframe{position:absolute;inset:-12%;width:124%;height:124%;pointer-events:none}.video-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,3,4,.78),transparent 45%),linear-gradient(90deg,rgba(204,0,51,.16),transparent 40%);pointer-events:none}.cam-ui{position:absolute;top:24px;left:28px;right:28px;display:flex;justify-content:space-between;font:900 9px/1 monospace;letter-spacing:.12em}.cam-ui span i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red);margin-right:6px;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.focus-box i{position:absolute;width:40px;height:40px}.focus-box i:nth-child(1){left:25px;top:55px;border-left:2px solid;border-top:2px solid}.focus-box i:nth-child(2){right:25px;top:55px;border-right:2px solid;border-top:2px solid}.focus-box i:nth-child(3){left:25px;bottom:80px;border-left:2px solid;border-bottom:2px solid}.focus-box i:nth-child(4){right:25px;bottom:80px;border-right:2px solid;border-bottom:2px solid}.video-caption{position:absolute;left:30px;bottom:30px}.video-caption span{display:block;font:1000 clamp(30px,4vw,65px)/.9 Arial;letter-spacing:-.06em}.video-caption small{font:800 8px/1 monospace;color:#aaa;letter-spacing:.14em}.chapters{position:relative}.chapter{height:100vh;min-height:720px;padding:14vh 6vw 9vh;display:flex;gap:30px;align-items:center;border-bottom:1px solid var(--line);opacity:.28;transition:opacity .4s}.chapter.active{opacity:1}.chapter-num{align-self:flex-start;margin-top:23vh;font:900 10px/1 monospace;color:var(--red);border:1px solid var(--red);width:38px;height:38px;display:grid;place-content:center;border-radius:50%}.chapter-copy p{font:900 9px/1 monospace;letter-spacing:.16em;color:var(--red)}.chapter-copy h3{font:1000 clamp(48px,5.6vw,90px)/.8 Arial;letter-spacing:-.07em;margin:25px 0}.chapter-copy h3 em{font-style:normal;color:transparent;-webkit-text-stroke:1px white}.chapter-copy span{display:block;max-width:450px;font:500 13px/1.65 monospace;color:#aaa}.cast-section{padding:150px 0 120px;background:var(--paper);color:#10090c;overflow:hidden}.cast-head{padding:0 6vw 70px;display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:end;gap:35px}.cast-head>p{color:var(--scarlet)}.cast-head h2,.campus-copy h2{font:1000 clamp(58px,7vw,112px)/.8 Arial;letter-spacing:-.075em;margin:0}.cast-head h2 em,.campus-copy h2 em{font-style:normal;color:var(--scarlet)}.cast-head>span{font:600 11px/1.6 monospace;color:#675d61}.cast-track{display:flex;gap:16px;padding:0 6vw;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.cast-card{flex:0 0 min(34vw,500px);scroll-snap-align:start;position:relative}.cast-card .crop{height:58vh;min-height:460px;background-image:linear-gradient(0deg,rgba(12,4,7,.55),transparent 50%),url('https://i.ytimg.com/vi/L819cnUdFwU/maxresdefault.jpg');background-size:auto 100%;filter:saturate(.75) contrast(1.08);transition:.45s}.cast-card:hover .crop{filter:saturate(1.15) contrast(1.05);transform:scale(.985)}.c1 .crop{background-position:4% center}.c2 .crop{background-position:36% center}.c3 .crop{background-position:67% center}.c4 .crop{background-position:96% center}.cast-card>span{font:900 9px/1 monospace;color:var(--scarlet);display:block;margin-top:20px}.cast-card h3{font:1000 34px/1 Arial;letter-spacing:-.05em;margin:8px 0}.cast-card p{font:600 11px/1.5 monospace;color:#6c6266}.source-note{padding:55px 6vw 0;font:600 9px/1.5 monospace;color:#756a6e}.source-note a{color:var(--scarlet);font-weight:900}.campus-section{min-height:110vh;padding:150px 6vw;position:relative;overflow:hidden;background:#13070b}.campus-section:before{content:"COLLEGE AVE";position:absolute;bottom:-.1em;left:-.06em;font:1000 22vw/.8 Arial;letter-spacing:-.09em;color:rgba(255,255,255,.025);white-space:nowrap}.campus-map{position:absolute;right:-5%;top:4%;width:63%;height:70%;opacity:.38}.campus-map svg{width:100%;height:100%;overflow:visible}.campus-map path{fill:none;stroke:var(--scarlet);stroke-width:3;stroke-dasharray:10 10}.campus-map circle{fill:var(--red);stroke:white;stroke-width:4}.map-label{position:absolute;font:900 9px/1 monospace;background:var(--paper);color:#14070b;padding:9px}.m1{left:30%;top:49%}.m2{left:67%;top:38%}.m3{left:39%;top:72%}.campus-copy{position:relative;z-index:2;max-width:940px}.campus-copy>p:first-child{color:var(--red)}.campus-copy>p:last-child{max-width:600px;font:500 13px/1.7 monospace;color:#aaa}.night-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:100px}.night-grid article{background:#13070b;padding:35px}.night-grid b{font:1000 45px/1 Arial;color:var(--red)}.night-grid span{display:block;font:900 10px/1 monospace;letter-spacing:.12em;margin:18px 0}.night-grid p{font:500 11px/1.55 monospace;color:#958b8f}.finale{height:95vh;min-height:700px;position:relative;display:grid;place-content:center;text-align:center;overflow:hidden}.finale-poster{filter:saturate(.15) contrast(1.3);opacity:.32}.finale:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(204,0,51,.18),rgba(8,7,9,.9) 70%)}.finale-copy{position:relative;z-index:3}.finale-copy>p{color:var(--red)}.finale h2{font:1000 clamp(80px,13vw,210px)/.72 Arial;letter-spacing:-.09em;margin:45px 0}.finale h2 em{display:block;font-style:normal;color:var(--red);text-shadow:12px 12px 0 #580019}.scarlet-r{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-8deg);font:1000 75vw/.8 Georgia;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.05);z-index:2}.now-playing{position:fixed;left:24px;bottom:24px;z-index:70;background:#f3efe7;color:#14070b;display:flex;align-items:center;gap:12px;padding:12px 14px;box-shadow:0 12px 40px #0008;transform:translateY(140%);transition:.5s}.now-playing.show{transform:none}.bars{height:26px;display:flex;align-items:end;gap:2px}.bars i{display:block;width:3px;background:var(--scarlet);animation:bars .8s infinite alternate}.bars i:nth-child(1){height:40%}.bars i:nth-child(2){height:100%;animation-delay:.2s}.bars i:nth-child(3){height:65%;animation-delay:.4s}.bars i:nth-child(4){height:85%;animation-delay:.1s}@keyframes bars{to{height:20%}}.now-playing small{display:block;font:800 7px/1 monospace;color:#8b7f84}.now-playing b{font:1000 10px/1 monospace}.now-playing button{border:0;background:var(--scarlet);color:white;width:32px;height:32px;border-radius:50%;cursor:pointer}.audio-player{position:fixed;left:-10px;bottom:-10px;width:2px;height:2px;overflow:hidden;opacity:0;pointer-events:none}footer{height:120px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-top:1px solid var(--line);font:700 8px/1 monospace;color:#81787c}footer p{text-align:center}.reveal{opacity:0;transform:translateY(35px);transition:.8s}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.campus-tag{display:none}.hero-wash{background:linear-gradient(0deg,#080709 0%,rgba(8,7,9,.78) 55%,rgba(8,7,9,.2))}.hero-copy{width:auto;padding:0 24px 11vh}.hero-copy h2{font-size:12vw}.hero-copy .deck{font-size:11px}.hero-stamp{right:20px;bottom:6vh;width:95px;height:95px}.hero-stamp span{font-size:33px}.story{display:block}.video-stage{height:62vh;top:0;padding:0;z-index:6;background:#080709}.video-frame{height:100%;clip-path:none}.chapters{position:relative;z-index:7}.chapter{min-height:82vh;height:auto;padding:15vh 24px;background:linear-gradient(transparent,#080709 12%)}.chapter-num{margin-top:2vh}.cast-head{grid-template-columns:1fr;padding:0 24px 55px}.cast-head>span{max-width:330px}.cast-track{padding:0 24px}.cast-card{flex-basis:72vw}.campus-section{padding:120px 24px}.campus-map{width:100%;right:-25%;opacity:.22}.night-grid{grid-template-columns:1fr}.finale h2{font-size:18vw}footer{height:auto;padding:35px 24px;flex-direction:column;gap:22px}.gate-ticket{display:none}}@media(max-width:560px){.topbar{height:66px;padding:0 14px}.sound span{display:none}.sound i{margin:0}.gate-top{left:18px;right:18px}.gate-top span:last-child{display:none}.gate h1{font-size:18vw}.gate-copy{padding:0 18px}.hero{min-height:680px}.hero-copy h2{font-size:14vw}.hero-stamp{display:none}.scroll-note{right:10px}.video-stage{height:48vh}.video-caption span{font-size:30px}.cam-ui{left:14px;right:14px;top:14px}.chapter{min-height:75vh;gap:18px}.chapter-num{flex:0 0 38px}.chapter-copy h3{font-size:12vw}.cast-section{padding-top:100px}.cast-head h2,.campus-copy h2{font-size:14vw}.cast-card{flex-basis:84vw}.cast-card .crop{height:55vh;min-height:400px}.now-playing{left:10px;bottom:10px;max-width:calc(100% - 20px)}footer p{line-height:1.6}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.gate{position:absolute}.marquee div{transform:none}}
