@font-face{font-family:Jost;font-style:normal;font-weight:100 900;font-display:swap;src:url(../../../fonts/jost-latin-var.woff2)format("woff2-variations")}@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(../../../fonts/instrument-serif-latin-400.woff2)format("woff2")}:root{--font-display:"Jost", "Futura", "Century Gothic", "Avenir Next", sans-serif;--font-editorial:"Instrument Serif", "Iowan Old Style", Georgia, serif;--font-mono:"Cascadia Mono", "SFMono-Regular", Consolas, monospace;font-family:var(--font-display);font-synthesis:none;--ground:#15191c;--ground-2:#111517;--ground-3:#0e1214;--ink:#ded8cc;--ink-dim:#ded8cc99;--rule:#ded8cc2e;--rule-strong:#ded8cc57;--indigo:#9db8cb;--oxide:#d3714f;color:var(--ink);background:var(--ground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--signal:#2bf5d0;--signal-hot:#dffff7;--signal-alt:#7c4dff;--relay:#ff5fb0;--e:0;font-weight:300}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ground);min-width:320px;color:var(--ink);margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}.mode{font-family:var(--font-mono);color:inherit;cursor:pointer;text-transform:uppercase;letter-spacing:.12em;background:0 0;border:0;border-bottom:1px solid;padding:0 0 .2rem;font-size:.62rem}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--oxide);outline-offset:4px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::selection{color:var(--ground);background:var(--signal)}.cursor{pointer-events:none;z-index:70;display:none;position:fixed;inset:0}body.fine-cursor .cursor{display:block}body.fine-cursor,body.fine-cursor a,body.fine-cursor button,body.fine-cursor input,body.fine-cursor label{cursor:none}.cursor-dot,.cursor-ring{will-change:transform;position:fixed;top:0;left:0}.cursor-dot:before,.cursor-dot:after{content:"";mix-blend-mode:difference;background:#ece3d0;position:absolute}.cursor-dot:before{width:13px;height:1.5px;top:-.75px;left:-6.5px}.cursor-dot:after{width:1.5px;height:13px;top:-6.5px;left:-.75px}.cursor-ring:before{content:"";mix-blend-mode:difference;border:1.5px solid #ece3d0;border-radius:48% 52% 51% 49%/52% 47% 53% 48%;width:34px;height:34px;transition:transform .28s cubic-bezier(.2,.8,.2,1),border-radius .28s;position:absolute;top:-17px;left:-17px}.cursor.hot .cursor-ring:before{border-radius:8px 22px 9px 20px;transform:scale(1.55)rotate(45deg)}.scroll-line{--p:0;--rush:0;z-index:65;pointer-events:none;width:100%;height:3px;filter:drop-shadow(0 0 calc(3px + var(--e,0) * 6px) #2bf5d0bf) drop-shadow(0 0 calc(10px + var(--rush) * 14px) #ff5fb073);background:#ded8cc0f;position:fixed;top:0;left:0}.scroll-line i{display:block;position:absolute}.scroll-fill{background: linear-gradient(90deg, transparent 0 40%, #ffffffd9 48%, transparent 56% 100%) 0 0 / 40vw 100% repeat-x, linear-gradient(90deg, var(--signal), var(--signal-alt) 55%, var(--relay));clip-path:inset(0 calc((1 - var(--p)) * 100%) 0 0);opacity:calc(.85 + var(--rush) * .15);animation:2.6s linear infinite tube-flow;inset:0}@keyframes tube-flow{to{background-position:40vw 0,0 0}}.scroll-head{top:50%;left:calc(var(--p) * 100%);width:calc(28px + var(--rush) * 60px + var(--e,0) * 30px);height:3px;opacity:calc(min(1, var(--p) * 40));background:linear-gradient(90deg,#0000,#fff);border-radius:3px;translate:-100% -50%}.scroll-head:after{content:"";width:8px;height:8px;box-shadow:0 0 6px #fff, 0 0 14px var(--signal), 0 0 26px var(--relay);translate:0 -50%;scale:calc(.8 + var(--e,0) * .9);background:#fff;border-radius:50%;position:absolute;top:50%;right:-4px}.lyrics-room{background:var(--ground-2);grid-template-columns:.8fr 1fr;gap:10vw;min-height:105vh;padding:14vh 8vw;display:grid;position:relative;overflow:hidden}.notebook-layer{opacity:.1;mix-blend-mode:screen;pointer-events:none;position:absolute;inset:0}.notebook-layer img{filter:grayscale(.75)invert()brightness(.9);width:72vw;transform:translate(-25%,-10%)rotate(-12deg)}.lyric-heading{z-index:1;align-self:start;position:sticky;top:12vh}.lyric-heading>p:last-child{max-width:400px;color:var(--ink-dim);font-size:.9rem;font-weight:350;line-height:1.75}.lyric-scroll{z-index:1;scrollbar-width:none;align-self:center;max-height:70vh;padding:34vh 1.5rem;position:relative;overflow:auto;-webkit-mask-image:linear-gradient(#0000,#000 28% 72%,#0000);mask-image:linear-gradient(#0000,#000 28% 72%,#0000)}.lyric-scroll p{font-family:var(--font-editorial);opacity:.26;margin:0 0 1.2rem;font-size:clamp(1.5rem,2.6vw,3rem);line-height:1.08;transition:opacity .45s,transform .45s,color .45s;transform:translate(0)}.lyric-scroll p.passed{opacity:.12}.lyric-scroll p.active{color:var(--relay);text-shadow:0 0 26px #ff5fb059;opacity:1;transform:translate(-1rem)}.lyric-scroll .instrumental{opacity:.72;font-style:italic}@media (width<=700px){.lyrics-room{grid-template-columns:1fr;padding:10vh 7vw}.lyric-heading{position:relative;top:0}.lyric-scroll{max-height:58vh;padding:24vh 1rem}}html.reveal-armed [data-reveal]{opacity:0;filter:blur(8px)saturate(.4);transition:opacity 1s,translate 1.1s cubic-bezier(.2,.8,.2,1),filter 1s,border-color .5s,box-shadow .5s;transition-delay:calc(var(--d,0) * .14s);translate:0 34px}html.reveal-armed [data-reveal].revealed{opacity:1;filter:none;translate:none}.lyric-scroll p.cued:not(:first-child){margin-top:2.6rem}.lyric-scroll .cue{font-family:var(--font-mono);letter-spacing:.18em;color:var(--relay);text-shadow:none;margin-bottom:.45rem;font-size:.55rem;display:block}.lyric-scroll p.active{text-shadow:0 0 calc(14px + var(--e,0) * 36px) rgba(255, 95, 176, calc(.3 + var(--e,0) * .5)), 0 0 2px #ffd2eb80;position:relative}.lyric-scroll p.active:before{content:"";background:linear-gradient(var(--signal), var(--relay));width:2px;box-shadow:0 0 10px var(--relay);scale:1 calc(.6 + var(--e,0) * .8);position:absolute;top:.2em;bottom:.2em;left:-1.1rem}.cursor-ring:before{scale:calc(1 + var(--e,0) * .55)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
