@font-face{font-family:UnifrakturMaguntia;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/UnifrakturMaguntia.woff2) format("woff2")}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #080808;--fg: #edeae2;--fg-dim: rgba(237, 234, 226, .25);--accent: oklch(.52 .18 22deg);--accent-dim: oklch(.32 .12 22deg);--font-display: "UnifrakturMaguntia", cursive;--font-mono: "Space Mono", ui-monospace, monospace;--text-stroke: .5px #edeae2;--text-fill: transparent;--text-scalex: 1;--text-ls-override: .04em;--font-italic: normal;--font-title-weight: 400;--font-track-weight: 400}html,body,#root{width:100%;height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font-mono);overflow:hidden;cursor:crosshair}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:crosshair;background:none;border:0;padding:0;color:inherit}.site-morph-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.site-morph-canvas{width:100%;height:100%;display:block;opacity:1}.scanlines{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;mix-blend-mode:soft-light;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 3px,rgba(255,255,255,.05) 3px,rgba(255,255,255,.05) 4px);transition:opacity .3s}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes letter-fade{0%{opacity:0;filter:blur(30px)}to{opacity:1;filter:blur(0)}}@keyframes entry-logo-reveal{0%{opacity:0;filter:blur(30px);transform:translateY(8px) scale(.985)}to{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}}.letter-fade{display:inline}.letter-fade-word{display:inline-block;white-space:nowrap}.letter-fade-space{display:inline;white-space:normal}.letter-fade-char{display:inline-block;padding:0 .12em;margin:0 -.12em;opacity:0;filter:blur(30px);animation-name:letter-fade;animation-timing-function:ease-out;animation-fill-mode:forwards;will-change:opacity,filter}@keyframes flash-cut{0%{opacity:1}60%{opacity:1}to{opacity:0}}.entry-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;justify-content:flex-end;padding:5vw 6vw 6vw;animation:fade-in 1s ease both}.entry-mark{position:absolute;top:5vw;right:6vw;font-family:var(--font-mono);font-size:10px;letter-spacing:.3em;color:var(--fg-dim);text-transform:uppercase;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);line-height:1}.entry-artist{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.entry-logo{display:block;width:min(92vw,1280px);max-height:60vh;height:auto;object-fit:contain;opacity:0;filter:blur(30px)}.entry-screen-ready .entry-logo{animation:entry-logo-reveal .95s ease-out .12s forwards}.entry-hint{margin-top:1.25rem;margin-bottom:.8rem;font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;color:var(--fg-dim);text-transform:uppercase;max-width:44ch;line-height:1.6;opacity:0;transform:translateY(6px)}.entry-screen-ready .entry-hint{animation:fade-in .7s ease-out .18s forwards}.entry-bottom{margin-top:3.5rem;display:flex;align-items:center;justify-content:space-between;opacity:0;transform:translateY(6px)}.entry-screen-ready .entry-bottom{animation:fade-in .7s ease-out .18s forwards}.entry-btn{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.35em;text-transform:uppercase;background:none;border:1px solid var(--accent);color:var(--accent);padding:13px 38px 11px;cursor:crosshair;transition:background .1s,color .1s}.entry-btn:disabled{opacity:0;pointer-events:none}.entry-btn:hover{background:var(--accent);color:var(--bg)}.entry-year{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:var(--fg-dim);text-transform:uppercase}.main-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;animation:fade-in .5s ease both}.track-list{flex:1;display:flex;flex-direction:column;padding:0 6vw;gap:0;min-height:0;touch-action:none}.track-item{flex:1 1 0;min-height:0;display:grid;grid-template-columns:3ch 1fr auto;align-items:center;align-content:center;gap:2rem;cursor:crosshair;position:relative;-webkit-user-select:none;user-select:none;border-top:0;background:transparent;border-left:0;border-right:0;width:100%;text-align:left;color:inherit;font:inherit;text-decoration:none}.track-item.link-item{flex:.5 1 0}.track-item:last-child{border-bottom:0}.track-item:before{content:"";position:absolute;left:-6vw;right:-6vw;top:0;bottom:0;background:transparent;transition:background .15s;z-index:-1}.track-item:hover:before{background:#edeae206}.track-item.active:before{background:#ff3c1e0a}.track-num{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;color:var(--fg-dim);transition:color .12s}.track-name{font-family:var(--font-display);font-weight:var(--font-track-weight);font-style:var(--font-italic);font-size:clamp(34px,5.6vw,78px);line-height:1.05;word-break:keep-all;overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none;-webkit-text-stroke:var(--text-stroke);-webkit-text-fill-color:var(--text-fill);color:var(--fg);transform:scaleX(var(--text-scalex));transform-origin:left center;letter-spacing:var(--text-ls-override);transition:-webkit-text-fill-color .1s,color .1s;display:inline-flex;align-items:center;gap:.5rem;font-feature-settings:"cv01"}.track-dur{font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;color:var(--fg-dim);opacity:0;transition:opacity .15s;justify-self:end}.track-item:hover .track-dur{opacity:.6}.track-item:hover .track-num{color:var(--fg)}.track-item.active .track-name{-webkit-text-stroke:1px var(--accent);-webkit-text-fill-color:transparent;color:var(--accent)}.track-item.active .track-num{color:var(--accent)}.track-item.active .track-dur{opacity:1;color:var(--accent-dim)}.track-name.track-name-link{font-family:var(--font-mono);font-size:clamp(12px,2vw,16px);letter-spacing:.2em;text-transform:uppercase;-webkit-text-stroke:0;-webkit-text-fill-color:currentColor;color:#edeae2e6}.track-item.link-item.active .track-name.track-name-link{color:var(--accent)}.active-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--accent);vertical-align:middle;opacity:0;-webkit-text-fill-color:var(--accent)}.track-item.active .active-dot{opacity:1}.main-footer{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 6vw 2.5rem;border-top:0}.footer-mono{font-family:var(--font-mono);font-size:9px;letter-spacing:.22em;color:var(--fg-dim);text-transform:uppercase}.flash-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:var(--fg);pointer-events:none;animation:flash-cut .22s ease-out forwards}.media-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30}.media-modal-backdrop-cinematic{padding:0;background:#000;-webkit-backdrop-filter:none;backdrop-filter:none;animation:cinematic-fade-in .22s ease-out}.media-modal{width:100%;max-height:100vh;height:100vh;margin:0}.media-modal-cinematic{width:100vw;max-width:none;max-height:100vh;height:100vh;margin:0;display:grid;place-items:center;background:#000;overflow:hidden}.media-modal-cinematic .media-modal-content{width:100%;height:100%;padding:0;display:grid;place-items:center}.video-player{width:100%;height:100%;background:#000;display:grid;place-items:center}.video-frame-wrapper{position:relative;width:min(100vw,calc(100vh * 16 / 9));max-width:100vw;height:min(100vh,56.25vw);max-height:100vh;border:0;border-radius:0;background:#000;overflow:hidden}.video-frame-wrapper iframe{width:100%;height:100%;border:0;display:block}.media-modal-close-floating{position:fixed;top:clamp(.6rem,1.4vw,1.2rem);right:clamp(.6rem,1.4vw,1.2rem);z-index:40;width:clamp(2.2rem,3vw,2.8rem);height:clamp(2.2rem,3vw,2.8rem);display:grid;place-items:center;border:0;border-radius:999px;background:#ffffff14;color:#fff;font-size:clamp(1.4rem,2vw,1.8rem);line-height:1;cursor:pointer;opacity:.55;transition:opacity .16s ease,background .16s ease,transform .16s ease}.media-modal-close-floating:hover,.media-modal-close-floating:focus-visible{opacity:1;background:#ffffff2e;transform:scale(1.04);outline:none}@keyframes cinematic-fade-in{0%{opacity:0}to{opacity:1}}@media(hover:none),(pointer:coarse){body,button,.track-item,.entry-btn{cursor:default}.track-item.active .track-dur{opacity:1}.track-item:active .track-dur{opacity:.6}.track-item:active:before{background:#edeae206}.track-item:active .track-num{color:var(--fg)}}@media(max-width:768px){.entry-screen{padding:7vw 7vw 8vw}.entry-mark{top:7vw;right:7vw;font-size:9px;letter-spacing:.28em}.entry-artist{width:auto;max-height:none}.entry-logo{width:min(92vw,920px);max-height:48vh}.entry-bottom{margin-top:2rem;gap:1.25rem}.entry-btn{padding:14px 28px 12px;letter-spacing:.3em}.track-list{padding:0 7vw}.track-item{grid-template-columns:2ch 1fr auto;gap:1rem;padding:.25rem 0}.track-item:before{left:-7vw;right:-7vw}.track-name{font-size:clamp(28px,8.5vw,56px);gap:.35rem}.track-name.track-name-link{font-size:clamp(11px,2.8vw,14px);letter-spacing:.15em}.track-num,.track-dur{font-size:10px}.main-footer{padding:1rem 7vw 1.75rem}.footer-mono{font-size:9px;letter-spacing:.18em}}@media(max-width:480px){.track-item{grid-template-columns:2ch 1fr;gap:.75rem}.track-dur{display:none}.track-name{font-size:clamp(26px,9vw,48px)}}@media(max-height:640px)and (orientation:landscape){.entry-artist{width:auto;max-height:none}.entry-logo{width:min(72vw,980px);max-height:62vh}.track-name{font-size:clamp(22px,5.5vw,48px)}}
