/* LUXEØ / cinematic motion. Content remains visible without JavaScript. */
:root{--motion-ease:cubic-bezier(.19,1,.22,1)}
.motion-toggle{position:fixed;right:20px;bottom:88px;z-index:14;border:1px solid #758ca36b;background:#0b1423e8;color:#c6d9ee;border-radius:24px;padding:10px 14px;font:12px Space,Arial,sans-serif;letter-spacing:.06em;backdrop-filter:blur(16px)}
body.music-expanded .motion-toggle{bottom:178px}
.scroll-progress{position:fixed;inset:0 auto auto 0;height:2px;width:100%;background:#bddfff;box-shadow:0 0 12px #64afff;transform:scaleX(var(--page-progress,0));transform-origin:left;z-index:30;pointer-events:none}
.hero{--hero-shift:0px;--hero-copy:0px;--light-x:65%;--light-y:35%}
.motion-active .hero>img{animation:hero-materialize 1.8s var(--motion-ease) both;transform:translate3d(0,var(--hero-shift),0) scale(1.13);will-change:transform}
.hero-light{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at var(--light-x) var(--light-y),#5b9de329,transparent 58%);mix-blend-mode:screen}
.motion-active .hero h1{transform:translate3d(0,var(--hero-copy),0);text-shadow:0 0 70px #9cc9ff24}
.hero h1 .motion-word{animation-delay:180ms}
.motion-active .hero-top{animation:signal-in 1.4s .15s both}
.motion-active .hero-bottom{animation:signal-in 1.5s .35s both}
.motion-active .hero:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 4px,#a5ceff08 4px 5px);pointer-events:none;z-index:-1;opacity:.35}
.motion-heading .word-mask{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.15em;margin-bottom:-.15em}
.motion-heading .motion-word{display:inline-block;transform-origin:left bottom}
.motion-active .motion-heading:not(.is-visible) .motion-word{opacity:0;transform:translate3d(0,110%,0) rotate(3deg)}
.motion-active .motion-heading.is-visible .motion-word{animation:word-in 1.05s var(--motion-ease) both;animation-delay:calc(var(--word-index,0)*65ms)}
.motion-active .motion-reveal{transition:opacity .85s ease,translate 1.1s var(--motion-ease);transition-delay:var(--reveal-delay,0ms)}
.motion-active .motion-reveal:not(.is-visible){opacity:0;translate:0 32px}
.motion-active .motion-reveal.is-visible{opacity:1;translate:0 0}
.artist-image-window{position:sticky;top:0;height:min(830px,100svh);min-height:650px;overflow:hidden;align-self:start}
.artist-image-window>img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block}
.myth-image-window{overflow:hidden;border:1px solid #26374c}
.myth-image-window img{border:0}
.motion-active [data-parallax]{transform:translate3d(0,var(--image-shift,0px),0) scale(1.12)}
.release .cover{transition:transform .6s var(--motion-ease),border-color .35s,box-shadow .4s;transform-origin:center;isolation:isolate}
.motion-active .release .cover{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}
.release .cover:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--glow-x,50%) var(--glow-y,50%),#bddcff38,transparent 60%);opacity:0;transition:opacity .4s}
.release:hover .cover,.release:focus-visible .cover{border-color:#bfdcff;box-shadow:0 15px 50px #0008,0 0 22px #7babdc20}
.release:hover .cover:after,.release:focus-visible .cover:after{opacity:1}
.release .play,.film .play{z-index:1;transition:transform .45s var(--motion-ease),box-shadow .45s}
.release:hover .play,.film button:hover .play{transform:scale(1.13);box-shadow:0 0 30px #bbddff55}
.film button img{transition:transform 1.2s var(--motion-ease),filter .8s}
.film button:hover img{filter:saturate(.8)}
.btn,.outline,.text-link{transition:background .3s,border-color .3s,box-shadow .4s,color .3s}
.btn:hover,.outline:hover{box-shadow:0 0 25px #8fbded26;border-color:#d9eaff;background:#d1e2f31a;color:#edf6ff}
.text-link:hover{color:#e0f1ff;border-color:#d3eaff}
.closing{position:relative;overflow:hidden;background:radial-gradient(ellipse at 90% 10%,#294c724d,transparent 70%),#101c2c}
.motion-active .closing:before{content:'';height:1px;width:35%;position:absolute;top:0;left:0;background:linear-gradient(90deg,transparent,#c2e4ff,transparent);animation:signal-travel 7s ease-in-out infinite}
.ticker{overflow:hidden;padding-left:0;padding-right:0;justify-content:flex-start}
.ticker-track{display:flex;align-items:center;gap:48px;flex-shrink:0;width:max-content;padding-right:48px;white-space:nowrap}
.motion-active .ticker-track{animation:frequency-drift 32s linear infinite}
.ticker:hover .ticker-track,.ticker:focus-within .ticker-track{animation-play-state:paused}
@keyframes frequency-drift{to{transform:translateX(-50%)}}
@keyframes signal-travel{0%,100%{translate:-100% 0}50%{translate:380% 0}}
@keyframes word-in{from{opacity:0;transform:translate3d(0,110%,0) rotate(3deg)}to{opacity:1;transform:none}}
@keyframes signal-in{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@keyframes hero-materialize{from{opacity:.35;filter:saturate(0) brightness(.7)}to{opacity:1;filter:saturate(.3) brightness(1)}}
@media(max-width:760px){.artist-image-window{position:relative;height:520px;min-height:0}.motion-toggle{right:12px;bottom:84px;padding:9px 12px}.ticker-track{gap:25px;padding-right:25px}.ticker-track span:last-child{display:block}.motion-active .hero>img{transform:translate3d(0,var(--hero-shift),0) scale(1.09)}}
body:not(.motion-active) .motion-word,body:not(.motion-active) .motion-reveal{opacity:1;transform:none;translate:none;animation:none}
body:not(.motion-active) .hero>img{animation:none}
body:not(.motion-active) .ticker-track{transform:none}
body:not(.motion-active) .release .cover,body:not(.motion-active) .release img,body:not(.motion-active) .film img,body:not(.motion-active) .play{transform:none!important;transition:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-parallax],.hero h1,.hero>img,.release .cover{transform:none!important}.motion-reveal,.motion-word{opacity:1!important;translate:none!important;transform:none!important}.ticker-track{animation:none!important}}

/* Preserve the original wordmark size; customize only the final glyph. */
.hero h1{white-space:nowrap}
.hero h1 .word-mask{padding:.08em .08em .16em;margin:-.08em -.08em -.16em;overflow:visible}
.hero-o{display:inline-block;transform:scaleX(1.10);transform-origin:left center;margin-right:.07em}