:root{--page-bg:#030303;--page-fg:#f5f2ed;--accent:#ff1644;--next-fg:#080808;--set-progress:0;--beat:.25}.nocta-intro{position:relative;min-height:100svh;overflow:hidden;background:#030303}.nocta-intro>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.56) saturate(1.08);transform:scale(calc(1.04 + var(--progress)*.09))}.nocta-intro::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#030303 0,transparent 35%),radial-gradient(circle at 50% 52%,transparent 0 18%,rgba(0,0,0,.5) 67%)}.nocta-shutter{position:absolute;z-index:2;inset:0;background:repeating-linear-gradient(90deg,rgba(0,0,0,.74) 0 3.8vw,transparent 3.9vw 7.8vw);transform:scaleX(calc(1 - var(--progress)*.28));mix-blend-mode:multiply}.nocta-beat-field{position:absolute;z-index:3;inset:0;display:flex;align-items:flex-end;gap:clamp(3px,.6vw,10px);padding:0 2vw;opacity:.7;mix-blend-mode:screen}.nocta-beat-field i{flex:1;background:linear-gradient(transparent,var(--accent));height:calc((12% + var(--bar)*55%) * var(--beat));transform-origin:bottom;transition:height .18s}.nocta-title{position:relative;z-index:4;min-height:100svh;width:min(1280px,calc(100% - 48px));margin:auto;padding:145px 0 54px;display:flex;flex-direction:column;justify-content:flex-end}.nocta-title h1{font-size:clamp(110px,21vw,320px);line-height:.58;letter-spacing:-.11em;margin:15vh 0 11vh;mix-blend-mode:difference}.nocta-title>div{display:grid;grid-template-columns:1fr 1fr;align-items:end;border-top:1px solid rgba(255,255,255,.35);padding-top:20px}.nocta-title h2{font-size:clamp(35px,5vw,72px);line-height:.88;letter-spacing:-.06em}.nocta-title strong{justify-self:end;font-size:clamp(35px,5vw,72px);line-height:.88;color:var(--accent)}.nocta-signal{position:absolute;z-index:6;right:28px;top:50%;display:flex;gap:10px;align-items:center;writing-mode:vertical-rl;border:0;background:transparent;color:#fff;font:7px var(--mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer}.nocta-signal i{width:8px;aspect-ratio:1;border-radius:50%;background:#666;box-shadow:0 0 0 0 var(--accent)}.nocta-signal[aria-pressed="true"] i{background:var(--accent);animation:signal 1s infinite}.nocta-set{height:440vh;background:#030303}.nocta-set-pin{position:sticky;top:0;height:100svh;overflow:hidden;display:grid;grid-template-columns:.25fr 1fr .65fr}.nocta-set aside{padding:12vh 3vw;border-right:1px solid #282828;display:flex;flex-direction:column}.nocta-timeline{position:relative;width:1px;flex:1;margin:45px 0;background:#2d2d2d}.nocta-timeline i{position:absolute;inset:0;background:var(--accent);transform:scaleY(var(--set-progress));transform-origin:top}.nocta-time{font:12px var(--mono);color:var(--accent)}.nocta-acts{position:relative;padding:10vh 5vw;display:grid;place-items:center}.nocta-acts article{position:absolute;left:5vw;right:3vw;opacity:0;transform:translateY(90px) skewY(4deg);transition:opacity .5s,transform .7s cubic-bezier(.16,1,.3,1)}.nocta-acts article.is-active{opacity:1;transform:none}.nocta-acts small{font:8px var(--mono);letter-spacing:.16em;color:var(--accent)}.nocta-acts h2{font-size:clamp(60px,8vw,125px);line-height:.78;letter-spacing:-.08em;margin:36px 0}.nocta-acts p{max-width:35ch;line-height:1.65;color:#888}.nocta-stage{position:relative;border-left:1px solid #282828;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle,rgba(255,22,68,.22),transparent 55%)}.nocta-core{width:12px;aspect-ratio:1;background:var(--accent);box-shadow:0 0 calc(40px + var(--beat)*120px) calc(var(--beat)*15px) var(--accent);border-radius:50%;transform:scale(calc(.8 + var(--beat)*1.8))}.nocta-wave{position:absolute;width:34vw;aspect-ratio:1;border:1px solid rgba(255,22,68,.55);border-radius:50%;transform:scale(calc(.4 + var(--set-progress)*1.8));opacity:calc(1 - var(--set-progress)*.45)}.nocta-wave::before,.nocta-wave::after{content:"";position:absolute;inset:18%;border:inherit;border-radius:inherit}.nocta-wave::after{inset:36%}.nocta-type{overflow:hidden;padding:15vh 0 18vh;background:var(--accent);color:#060606}.nocta-marquee{display:flex;width:max-content;font-size:clamp(90px,15vw,230px);font-weight:950;line-height:.76;letter-spacing:-.09em;transform:translateX(calc(-35% * var(--progress)))}.nocta-marquee span{padding-right:.22em}.nocta-statement{display:grid;grid-template-columns:.35fr 1fr .6fr;gap:50px;margin-top:17vh}.nocta-statement .xp-kicker{color:#060606}.nocta-statement h2{font-size:clamp(58px,7vw,105px);line-height:.84;letter-spacing:-.07em}.nocta-statement>p:last-child{line-height:1.7}.nocta-crowd{position:relative;min-height:110svh;overflow:hidden;display:grid;place-items:center}.nocta-crowd img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.45);transform:scale(calc(1.12 - var(--progress)*.05))}.nocta-crowd::after{content:"";position:absolute;inset:0;background:radial-gradient(circle,transparent 12%,#030303 69%)}.nocta-crowd-copy{position:relative;z-index:2;text-align:center}.nocta-crowd-copy h2{font-size:clamp(75px,13vw,190px);line-height:.72;letter-spacing:-.09em;margin-top:40px}@keyframes signal{50%{box-shadow:0 0 0 14px transparent}}@media(max-width:800px){.nocta-title{width:calc(100% - 36px)}.nocta-title h1{font-size:27vw}.nocta-title>div{grid-template-columns:1fr}.nocta-title strong{justify-self:start;margin-top:14px}.nocta-shutter{background-size:16vw 100%}.nocta-set{height:380vh}.nocta-set-pin{grid-template-columns:58px 1fr}.nocta-stage{position:absolute;inset:0 0 0 58px;border:0;opacity:.45}.nocta-set aside{position:relative;z-index:3;padding:12vh 16px}.nocta-acts{position:relative;z-index:2;padding:8vh 22px}.nocta-acts article{left:22px;right:18px}.nocta-acts h2{font-size:17vw}.nocta-statement{grid-template-columns:1fr}.nocta-marquee{font-size:29vw}.nocta-signal{right:12px}.nocta-crowd-copy h2{font-size:22vw}}