:root{--black:#0a0a0f;--white:#f5f1ff;--purple:#b026ff;--blue:#2979ff;--muted:#aaa6b7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--black);color:var(--white);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--purple);outline-offset:7px}.skip{position:fixed;top:-80px;left:20px;z-index:20;background:var(--purple);padding:14px}.skip:focus{top:20px}header{position:absolute;top:0;left:0;width:100%;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:30px 4.5%;gap:24px}.nav-logo{width:140px;height:auto}nav{display:flex;gap:36px;font-size:12px;text-transform:uppercase;letter-spacing:.14em}nav a:hover,.text-link:hover,.socials a:hover{color:#d699ff}.hero{min-height:760px;height:100svh;max-height:1300px;position:relative;overflow:hidden;display:grid;place-items:center;background:#10091c}.world{position:absolute;inset:-3%;background:url('assets/hero.webp') center/cover no-repeat;animation:breathe 18s ease-in-out infinite alternate;will-change:transform}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,15,.25),rgba(10,10,15,.12) 48%,#0a0a0f 100%)}.coordinates{position:absolute;top:120px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.2em;color:#c4b5d5}.hero-content{position:relative;text-align:center;width:100%;padding:100px 8% 80px}.eyebrow{font-size:10px;letter-spacing:.22em;font-weight:bold;margin:0 0 25px;color:#c8bcd5}h1{margin:22px auto 18px;max-width:1050px}h1 img{width:100%;height:auto;display:block}.tagline{font-size:clamp(15px,2.1vw,28px);letter-spacing:.5em;margin:28px 0 44px;padding-left:.5em}.button{display:inline-flex;align-items:center;gap:65px;padding:19px 26px;font-size:12px;text-transform:uppercase;letter-spacing:.13em;border:1px solid #795d8c;transition:background .2s,transform .2s}.primary{background:var(--white);color:#0a0a0f;border-color:var(--white)}.button:hover{background:#dcb9ff;transform:translateY(-3px)}.hero-bottom{position:absolute;bottom:34px;left:4.5%;right:4.5%;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.18em}.hero-bottom button{background:transparent;border:1px solid #62516b;padding:11px 15px;text-transform:uppercase;font-size:9px;letter-spacing:.1em}.section{padding:110px 7%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:55px}h2{font-size:clamp(36px,5.1vw,76px);letter-spacing:-.055em;line-height:1.04;margin:0;font-weight:800}h2 span{color:#93869f}.text-link{font-size:12px;border-bottom:1px solid #76617e;padding-bottom:9px;display:inline-block}.track{display:grid;grid-template-columns:65px 1fr;gap:24px;border-top:1px solid #302638;padding:30px 0}.track-num{font-size:11px;color:#b495cd;padding-top:8px}.track-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.track h3{font-size:clamp(20px,2.2vw,30px);letter-spacing:-.025em;margin:0 0 9px}.track p{color:var(--muted);font-size:11px;letter-spacing:.14em;margin:0}.track iframe{width:100%;height:166px;border:0;display:block;background:#15121b}.track a{font-size:11px;white-space:nowrap}.statement{overflow:hidden;border-block:1px solid #3b2151;padding:25px 0;background:var(--purple);color:#0a0a0f}.statement span{display:block;white-space:nowrap;font-size:clamp(50px,7.5vw,120px);letter-spacing:-.06em;font-weight:900;line-height:1}.identity{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;padding-top:130px;padding-bottom:130px}.identity-art{min-height:400px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse,#55117955,transparent 65%)}.identity-art img{width:47%;max-height:330px;object-fit:contain;z-index:1}.orbit{position:absolute;width:85%;aspect-ratio:1;border:1px solid #7235a0;border-radius:50%;transform:rotate(-30deg) scaleY(.65);box-shadow:0 0 70px #7d1ab629,inset 0 0 70px #7d1ab629}.orbit:after{content:'';position:absolute;inset:24px;border:1px solid #2979ff66;border-radius:50%;transform:rotate(65deg) scaleY(.9)}.identity-copy h2{font-size:clamp(34px,4vw,60px)}.identity-copy>p:not(.eyebrow){line-height:1.8;color:#bcb3c6;max-width:480px;font-size:15px}.identity-copy .text-link{margin-top:15px}.bookings{background:linear-gradient(125deg,#251033,#0c0b14 65%);border-top:1px solid #3b2151}.bookings h2{font-size:clamp(52px,8.8vw,140px);margin-bottom:50px}.booking-link{font-size:clamp(22px,4vw,58px);letter-spacing:-.04em;display:flex;justify-content:space-between;border-bottom:1px solid #66516e;padding-bottom:24px}.booking-link:hover{color:#d699ff}.bookings>p:last-child{color:var(--muted);font-size:12px}footer{padding:45px 7%;display:flex;align-items:center;gap:35px;flex-wrap:wrap}footer>img{width:130px}.socials{display:flex;gap:22px;flex-wrap:wrap;font-size:11px;margin-left:auto}footer small{width:100%;color:#8f8299;font-size:10px}.paused .world{animation-play-state:paused}@keyframes breathe{from{transform:scale(1) translateX(-.4%)}to{transform:scale(1.06) translateX(.4%)}}@media(max-width:700px){header{padding:25px 6%;align-items:center}.nav-logo{width:100px}nav{gap:16px;font-size:9px;letter-spacing:.03em}nav a:nth-child(2){display:none}.hero{min-height:640px;max-height:950px}.coordinates{top:105px;left:6%;font-size:8px}.coordinates span:last-child{display:none}.hero-content{padding-inline:6%}.hero-content .eyebrow{font-size:9px}.tagline{font-size:16px;margin:25px 0 38px}.world{background-position:48% center}.hero-bottom{left:6%;right:6%}.section{padding:75px 6%}.section-heading{display:block;margin-bottom:40px}.section-heading .text-link{margin-top:28px}.track{grid-template-columns:24px 1fr;gap:12px;padding:25px 0}.track-head{align-items:start}.track-head>a{font-size:0}.track-head>a:after{content:'↗︎';font-size:22px}.track h3{font-size:22px}.track p{font-size:9px;line-height:1.6}.identity{grid-template-columns:1fr;gap:20px}.identity-art{min-height:270px}.identity-art img{max-height:220px}.identity-copy h2{font-size:42px}.bookings h2{margin-bottom:35px}footer{padding:35px 6%;gap:30px}.socials{margin-left:0;gap:20px}h2{font-size:42px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.world{animation:none}.button{transition:none}}

.coordinates{justify-content:flex-end}
/* Interactive preview pass */
.hero-socials{display:flex;justify-content:center;gap:25px;margin:28px auto 0;flex-wrap:wrap;font-size:11px;letter-spacing:.04em}.hero-socials a{transition:color .2s,text-shadow .2s}.hero-socials a:hover{color:#dec0ff;text-shadow:0 0 18px #b026ff}.world{translate:var(--px,0px) calc(var(--py,0px) + var(--scroll,0)*65px);transition:translate .8s ease-out}.hero-content{translate:0 calc(var(--scroll,0)*-35px)}.music{position:relative;isolation:isolate;overflow:hidden;--mx:50%;--my:50%}.music-atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(500px circle at var(--mx) var(--my),#b026ff13,transparent 75%)}.music-atmosphere i{position:absolute;display:block;width:65%;height:55%;border-radius:50%;filter:blur(70px);opacity:.22;background:radial-gradient(ellipse,#9022db,transparent 70%);animation:haze-drift 20s ease-in-out infinite alternate;top:0;left:-25%}.music-atmosphere i:nth-child(2){left:65%;top:30%;background:radial-gradient(ellipse,#2979ff99,transparent 70%);animation-delay:-8s;animation-duration:26s}.music-atmosphere i:nth-child(3){left:10%;top:70%;opacity:.13;animation-delay:-13s}.music .section-heading{padding-top:90px;align-items:end}.music-title{position:relative;display:inline-block}.seated-duo{position:absolute;bottom:calc(100% - 24px);left:10%;width:215px;height:135px;object-fit:contain;object-position:center bottom;transform-origin:center 80%;animation:duo-bob 6s ease-in-out infinite}.track{position:relative;transition:transform .4s,border-color .4s,background .4s}.track:hover,.track:focus-within{transform:translateY(-3px);border-color:#b026ff90;background:linear-gradient(90deg,#b026ff09,transparent)}.reveal{opacity:0;transform:translateY(25px);transition:opacity .85s ease,transform .85s ease}.reveal.visible{opacity:1;transform:translateY(0)}.track.visible:hover{transform:translateY(-3px)}@keyframes haze-drift{from{transform:translate3d(0,-10%,0) scale(.9)}to{transform:translate3d(25%,25%,0) scale(1.2)}}@keyframes duo-bob{0%,45%,100%{transform:rotate(0)}50%,60%{transform:rotate(1deg)}55%,65%{transform:rotate(-1deg)}}@media(max-width:700px){.hero-socials{gap:18px;font-size:10px;max-width:300px}.music .section-heading{padding-top:80px}.seated-duo{width:175px;height:110px;bottom:calc(100% - 19px);left:8%}.music-atmosphere i{filter:blur(45px);opacity:.16}}@media(prefers-reduced-motion:reduce){.world,.seated-duo,.music-atmosphere i{animation:none;translate:none}.hero-content{translate:none}.reveal{opacity:1;transform:none;transition:none}.track,.hero-socials a{transition:none}.track:hover,.track:focus-within{transform:none}}
.music .section-heading>div>.eyebrow{margin-bottom:105px}.seated-duo{bottom:calc(100% - 48px)}@media(max-width:700px){.music .section-heading>div>.eyebrow{margin-bottom:90px}.seated-duo{bottom:calc(100% - 39px)}}
.social-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid #ffffff25;transition:color .2s,background .2s,transform .2s}.social-icon svg{width:20px;height:20px}.social-icon:hover{background:#b026ff24;color:#d9a6ff;transform:translateY(-3px)}.hero-socials{gap:14px}.socials{gap:12px}.seated-duo{animation:none;overflow:visible}.head-bop{transform-box:view-box;animation:head-listening .66s ease-in-out infinite}.head-left{transform-origin:510px 370px}.head-right{transform-origin:1230px 370px;animation-delay:-.14s}@keyframes head-listening{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(5deg) translateY(7px)}}@media(prefers-reduced-motion:reduce){.head-bop{animation:none}.social-icon{transition:none}.social-icon:hover{transform:none}}
/* Seat the hip baseline on the visible cap height, not the heading line box. */
.seated-duo{bottom:calc(100% - 27px)}
@media(max-width:700px){.seated-duo{bottom:calc(100% - 23px)}}
.seated-duo{bottom:calc(100% - 57px)}
@media(max-width:700px){.seated-duo{bottom:calc(100% - 47px)}}
.seated-duo{width:175px;height:110px;bottom:calc(100% - 48px)}
@media(max-width:700px){.seated-duo{width:145px;height:91px;bottom:calc(100% - 40px)}}
.track-divider{position:relative;border-top:1px solid #543363;margin-top:125px}.track-divider .seated-duo{left:28px;bottom:-34px;width:175px;height:110px}.music .section-heading>div>.eyebrow{margin-bottom:25px}.music .section-heading{padding-top:0;margin-bottom:0}.track:first-child{border-top:0}.track iframe{height:300px;background:#16101e;border-radius:3px}@media(max-width:700px){.track-divider{margin-top:110px}.track-divider .seated-duo{left:5px;bottom:-28px;width:145px;height:91px}.music .section-heading>div>.eyebrow{margin-bottom:25px}.track iframe{height:300px}}
.dark-player{display:grid;grid-template-columns:150px 1fr;gap:22px;padding:18px;background:linear-gradient(120deg,#1b1324,#100e18);border:1px solid #ffffff14;border-radius:5px;min-height:186px}.cover-link{display:block;width:150px;height:150px;background:#24192e;border-radius:3px;overflow:hidden}.track-cover{width:100%;height:100%;object-fit:cover}.player-main{min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:10px}.player-top{display:flex;align-items:center;gap:12px}.play-toggle{width:42px;height:42px;border:0;border-radius:50%;background:#b026ff;color:white;flex-shrink:0;font-size:16px}.play-toggle:disabled{opacity:.35}.player-credit{font-size:12px;letter-spacing:.08em}.player-credit small{display:block;color:#a99bb4;font-size:9px;line-height:1.6;margin-top:3px}.sc-attribution{margin-left:auto;font-size:9px!important;color:#aa9bb4}.wave-seek{position:relative;height:58px}.wave-canvas{display:block;width:100%;height:58px}.seek{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.wave-seek:focus-within{outline:2px solid #b026ff;outline-offset:3px}.wave-fallback .seek{opacity:1;height:5px;top:26px;accent-color:#b026ff}.player-bottom{display:flex;align-items:center;gap:15px;flex-wrap:wrap;color:#bcb0c8;font-size:10px}.player-status{font-size:9px}.player-status:empty{display:none}.volume-label{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:9px}.volume{width:65px;accent-color:#b026ff}.share-track{border:0;padding:3px;background:transparent;font-size:10px}.track iframe.soundcloud-engine{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;border:0}.time{font-variant-numeric:tabular-nums}@media(max-width:700px){.dark-player{grid-template-columns:85px 1fr;padding:12px;gap:12px;min-height:160px}.cover-link{width:85px;height:85px}.player-top{gap:8px}.player-credit small{display:none}.sc-attribution{font-size:7px!important}.play-toggle{width:34px;height:34px}.player-bottom{gap:10px}.volume-label{margin-left:0}.volume{width:45px}.player-credit{font-size:10px}.wave-seek,.wave-canvas{height:48px}}
.marquee-track{display:flex;width:max-content;animation:chaos-sign 22s linear infinite;will-change:transform}.marquee-track span{flex:none}.statement{position:relative}.statement:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#0a0a0f12 3px 4px)}@keyframes chaos-sign{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.marquee-track{animation:none;transform:none}}
/* Short signal breaks layered over the continuous sign movement. */
.marquee-track span{position:relative;animation:sign-jitter 3s steps(1,end) infinite}
.marquee-track span:before,.marquee-track span:after{content:attr(data-glitch);position:absolute;inset:0;white-space:nowrap;pointer-events:none;opacity:0}
.marquee-track span:before{color:#f5f1ff;clip-path:inset(18% 0 57% 0);animation:signal-upper 3s steps(1,end) infinite}
.marquee-track span:after{color:#2979ff;clip-path:inset(60% 0 15% 0);animation:signal-lower 3s steps(1,end) infinite}
.statement:before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(transparent 31%,#0a0a0f55 31% 34%,transparent 34% 69%,#f5f1ff35 69% 70%,transparent 70%);opacity:0;animation:signal-bands 3s steps(1,end) infinite}
@keyframes sign-jitter{0%,72%,76%,100%{translate:0 0}72.5%{translate:-3px 0}73%{translate:3px 1px}73.5%{translate:0 0}74.5%{translate:-2px 0}75%{translate:2px 0}}
@keyframes signal-upper{0%,72%,76%,100%{opacity:0;transform:translateX(0)}72.5%{opacity:.85;transform:translateX(9px)}73%{opacity:.75;transform:translateX(-7px)}73.5%{opacity:0}74.5%{opacity:.8;transform:translateX(5px)}75%{opacity:0}}
@keyframes signal-lower{0%,72%,76%,100%{opacity:0;transform:translateX(0)}72.5%{opacity:.9;transform:translateX(-8px)}73%{opacity:.8;transform:translateX(10px)}73.5%{opacity:0}74.5%{opacity:.8;transform:translateX(-6px)}75%{opacity:0}}
@keyframes signal-bands{0%,72%,76%,100%{opacity:0}72.5%{opacity:.6;transform:translateY(3px)}73%{opacity:.3;transform:translateY(-6px)}73.5%{opacity:0}74.5%{opacity:.4;transform:translateY(9px)}75%{opacity:0}}
@media(prefers-reduced-motion:reduce){.marquee-track span,.marquee-track span:before,.marquee-track span:after,.statement:before{animation:none}.marquee-track span:before,.marquee-track span:after,.statement:before{display:none}}
/* Three signal faults rotate over a nine-second cycle, one burst every three seconds. */
.marquee-track span{animation:chaos-fault-motion 9s steps(1,end) infinite}
.marquee-track span:before{animation:chaos-fault-upper 9s steps(1,end) infinite}
.marquee-track span:after{animation:chaos-fault-lower 9s steps(1,end) infinite}
.statement:before{animation:chaos-fault-bands 9s steps(1,end) infinite}
@keyframes chaos-fault-motion{
0%,28%,31%,61%,65%,94%,98%,100%{translate:0 0;transform:skewX(0);filter:none}
/* Color separation */
29%{translate:1px 0}30%{translate:-1px 0}
/* Horizontal tracking tear */
62%{translate:-8px 0;transform:skewX(-9deg)}63%{translate:6px 0;transform:skewX(5deg)}64%{translate:-3px 0;transform:skewX(-3deg)}
/* Vertical signal scramble */
95%{translate:0 -4px;transform:scaleY(.88);filter:blur(.5px)}96%{translate:2px 3px;transform:scaleY(1.08);filter:none}97%{translate:-2px -1px;transform:scaleY(.96)}
}
@keyframes chaos-fault-upper{
0%,28%,31%,61%,65%,94%,98%,100%{opacity:0;transform:none;clip-path:inset(18% 0 57% 0)}
29%{opacity:.9;transform:translateX(7px);clip-path:inset(0)}30%{opacity:.65;transform:translateX(-5px);clip-path:inset(0)}
62%{opacity:.95;transform:translateX(22px);clip-path:inset(15% 0 63% 0)}63%{opacity:.85;transform:translateX(-17px);clip-path:inset(35% 0 46% 0)}64%{opacity:.6;transform:translateX(9px);clip-path:inset(11% 0 74% 0)}
95%{opacity:.75;transform:translate(0,-9px);clip-path:inset(5% 0 40% 0)}96%{opacity:.8;transform:translate(3px,7px);clip-path:inset(50% 0 5% 0)}97%{opacity:.4;transform:translate(-3px,-3px);clip-path:inset(20% 0 65% 0)}
}
@keyframes chaos-fault-lower{
0%,28%,31%,61%,65%,94%,98%,100%{opacity:0;transform:none;clip-path:inset(60% 0 15% 0)}
29%{opacity:.9;transform:translateX(-7px);clip-path:inset(0)}30%{opacity:.7;transform:translateX(5px);clip-path:inset(0)}
62%{opacity:.9;transform:translateX(-20px);clip-path:inset(62% 0 16% 0)}63%{opacity:.8;transform:translateX(15px);clip-path:inset(74% 0 8% 0)}64%{opacity:.7;transform:translateX(-10px);clip-path:inset(52% 0 33% 0)}
95%{opacity:.8;transform:translate(0,10px);clip-path:inset(50% 0 10% 0)}96%{opacity:.6;transform:translate(-3px,-8px);clip-path:inset(8% 0 60% 0)}97%{opacity:.5;transform:translate(3px,3px);clip-path:inset(65% 0 10% 0)}
}
@keyframes chaos-fault-bands{0%,61%,65%,94%,98%,100%{opacity:0;transform:none}62%{opacity:.5;transform:translateY(-5px)}63%{opacity:.35;transform:translateY(9px)}64%{opacity:.3;transform:translateY(-12px)}95%{opacity:.65;transform:scaleY(1.4) translateY(3px)}96%{opacity:.4;transform:scaleY(.8) translateY(-9px)}97%{opacity:.25;transform:translateY(5px)}}
@media(prefers-reduced-motion:reduce){.marquee-track span,.marquee-track span:before,.marquee-track span:after,.statement:before{animation:none}}
.identity-art{isolation:isolate;overflow:visible}.identity-art>.orbit{animation:orbit-turn 18s linear infinite;translate:var(--ring-x,0px) var(--ring-y,0px);transition:translate .6s ease-out}.identity-art>.orbit:after{animation:orbit-counterturn 13s linear infinite}.identity-glow{position:absolute;inset:15%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,#b026ff33,transparent 68%);animation:identity-pulse 7s ease-in-out infinite}.greeting-duo{position:absolute;width:170px;height:auto;left:1%;bottom:-12px;z-index:3;overflow:visible}.walking-character{opacity:0;transform:translateX(calc(var(--character-x) - 160px))}.greeting-started .walking-character{animation:character-arrive 2.1s ease-out both}.greeting-started .character-1{animation-delay:.25s}.greeting-started .character-bounce{animation:walking-bounce .3s ease-in-out 7}.greeting-started .walking-leg{transform-box:fill-box;transform-origin:50% 0;animation:walking-step .3s ease-in-out 7 alternate}.greeting-started .leg-b{animation-direction:alternate-reverse}.waving-arm{transform-origin:62px 63px}.greeting-started .waving-arm{animation:hello-wave .45s ease-in-out 6 alternate;animation-delay:2.2s}.greeting-started .character-1 .waving-arm{animation-delay:2.5s}.greeting-started .character-1 .character-bounce,.greeting-started .character-1 .walking-leg{animation-delay:.25s}@keyframes orbit-turn{from{transform:rotate(-30deg) scaleY(.65)}to{transform:rotate(330deg) scaleY(.65)}}@keyframes orbit-counterturn{from{transform:rotate(65deg) scaleY(.9)}to{transform:rotate(-295deg) scaleY(.9)}}@keyframes identity-pulse{0%,100%{opacity:.45;scale:.92}50%{opacity:1;scale:1.1}}@keyframes character-arrive{0%{opacity:0;transform:translateX(calc(var(--character-x) - 160px))}12%{opacity:1}100%{opacity:1;transform:translateX(var(--character-x))}}@keyframes walking-step{from{transform:rotate(-14deg)}to{transform:rotate(14deg)}}@keyframes walking-bounce{0%,100%{translate:0 0}50%{translate:0 -4px}}@keyframes hello-wave{from{transform:rotate(-14deg)}to{transform:rotate(17deg)}}@media(max-width:700px){.greeting-duo{width:135px;left:5%;bottom:-5px}.identity-art{margin-bottom:25px}}@media(prefers-reduced-motion:reduce){.identity-art>.orbit,.identity-art>.orbit:after,.identity-glow,.greeting-started .walking-character,.greeting-started .character-bounce,.greeting-started .walking-leg,.greeting-started .waving-arm{animation:none}.walking-character{opacity:1;transform:translateX(var(--character-x))}.identity-art>.orbit{translate:none;transition:none}}
/* Preserve the exact original heads, with an exuberant greeting. */
.greeting-started .waving-arm{animation:enthusiastic-wave .22s ease-in-out 18 alternate;animation-delay:2.2s;transform-origin:62px 63px}
.greeting-started .character-1 .waving-arm{animation-delay:2.45s}
.greeting-started .character-bounce{animation:walking-bounce .3s ease-in-out 7,excited-greeting .22s ease-in-out 18 alternate 2.2s}
.greeting-started .character-1 .character-bounce{animation-delay:.25s,2.45s}
@keyframes enthusiastic-wave{from{transform:rotate(-38deg)}to{transform:rotate(46deg)}}
@keyframes excited-greeting{from{translate:0 0;rotate:-1deg}to{translate:0 -4px;rotate:1deg}}
@media(prefers-reduced-motion:reduce){.greeting-started .waving-arm,.greeting-started .character-bounce{animation:none}}
.logo-stage{position:relative;z-index:2;width:47%;max-width:250px;perspective:850px;aspect-ratio:1/1.25;display:grid;place-items:center}.logo-rotor{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:kerenix-turn 18s linear infinite}.logo-rotor img{position:absolute;width:100%;height:100%;object-fit:contain;inset:0;backface-visibility:visible}.logo-depth{transform:translateZ(calc(var(--layer)*-1.5px));filter:brightness(0) saturate(100%) invert(26%) sepia(96%) saturate(4000%) hue-rotate(265deg);opacity:.85}.logo-face{transform:translateZ(1px)}.logo-glitch{opacity:0;pointer-events:none}.logo-glitch-a{filter:drop-shadow(3px 0 #b026ff);clip-path:inset(18% 0 58% 0);animation:logo-signal-a 8s steps(1,end) infinite}.logo-glitch-b{filter:drop-shadow(-3px 0 #2979ff);clip-path:inset(60% 0 15% 0);animation:logo-signal-b 8s steps(1,end) infinite}@keyframes kerenix-turn{from{transform:rotateY(0deg) rotateX(8deg)}to{transform:rotateY(360deg) rotateX(8deg)}}@keyframes logo-signal-a{0%,70%,76%,100%{opacity:0;transform:translate3d(0,0,2px)}71%{opacity:.9;transform:translate3d(8px,-2px,3px)}72%{opacity:.7;transform:translate3d(-6px,1px,3px)}73%{opacity:0}74%{opacity:.8;transform:translate3d(4px,0,3px)}75%{opacity:0}}@keyframes logo-signal-b{0%,70%,76%,100%{opacity:0;transform:translate3d(0,0,2px)}71%{opacity:.8;transform:translate3d(-7px,2px,3px)}72%{opacity:.9;transform:translate3d(6px,-1px,3px)}73%{opacity:0}74%{opacity:.7;transform:translate3d(-4px,0,3px)}75%{opacity:0}}@media(prefers-reduced-motion:reduce){.logo-rotor,.logo-glitch{animation:none}.logo-rotor{transform:none}.logo-glitch{display:none}}
/* Stronger logo signal corruption, independently layered over the rotation. */
.logo-stage{animation:logo-stage-jitter 3.2s steps(1,end) infinite}
.logo-glitch-a{animation:logo-slice-a 3.2s steps(1,end) infinite;filter:drop-shadow(7px 0 #b026ff) drop-shadow(-4px 0 #2979ff)}
.logo-glitch-b{animation:logo-slice-b 3.2s steps(1,end) infinite;filter:drop-shadow(-7px 0 #2979ff) drop-shadow(4px 0 #b026ff)}
@keyframes logo-stage-jitter{0%,64%,80%,100%{translate:0 0;filter:none}65%{translate:-3px 1px;filter:contrast(1.3)}67%{translate:4px -2px;filter:none}69%{translate:-2px 0}71%{translate:0 0}75%{translate:2px 1px;filter:contrast(1.2)}77%{translate:-3px -1px}79%{translate:0 0}}
@keyframes logo-slice-a{0%,64%,80%,100%{opacity:0;transform:translate3d(0,0,3px);clip-path:inset(15% 0 60% 0)}65%{opacity:1;transform:translate3d(14px,-3px,5px);clip-path:inset(12% 0 65% 0)}67%{opacity:.9;transform:translate3d(-12px,2px,5px);clip-path:inset(30% 0 45% 0)}69%{opacity:.8;transform:translate3d(8px,0,5px);clip-path:inset(48% 0 34% 0)}71%{opacity:0}75%{opacity:1;transform:translate3d(-9px,-2px,5px);clip-path:inset(20% 0 53% 0)}77%{opacity:.8;transform:translate3d(11px,1px,5px);clip-path:inset(4% 0 78% 0)}79%{opacity:0}}
@keyframes logo-slice-b{0%,64%,80%,100%{opacity:0;transform:translate3d(0,0,3px);clip-path:inset(60% 0 15% 0)}65%{opacity:.9;transform:translate3d(-13px,3px,5px);clip-path:inset(63% 0 13% 0)}67%{opacity:1;transform:translate3d(11px,-2px,5px);clip-path:inset(75% 0 6% 0)}69%{opacity:.9;transform:translate3d(-8px,0,5px);clip-path:inset(42% 0 38% 0)}71%{opacity:0}75%{opacity:.9;transform:translate3d(10px,2px,5px);clip-path:inset(56% 0 23% 0)}77%{opacity:1;transform:translate3d(-12px,-1px,5px);clip-path:inset(82% 0 2% 0)}79%{opacity:0}}
@media(prefers-reduced-motion:reduce){.logo-stage,.logo-glitch-a,.logo-glitch-b{animation:none}.logo-stage{translate:none;filter:none}}
.identity{position:relative;isolation:isolate;overflow:hidden;background:#0b0811}.identity-storm{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.storm-cloud{position:absolute;width:100%;height:110%;filter:blur(32px);opacity:.55;background:radial-gradient(ellipse at 20% 55%,#6d238b60 0,transparent 35%),radial-gradient(ellipse at 43% 64%,#9f35bb45 0,transparent 30%),radial-gradient(ellipse at 70% 37%,#55216d50 0,transparent 38%),radial-gradient(ellipse at 84% 71%,#8d27ae40 0,transparent 28%);animation:storm-drift 30s ease-in-out infinite alternate}.cloud-one{left:-20%;top:-10%}.cloud-two{left:25%;top:20%;opacity:.45;transform:scale(1.2);animation-delay:-12s;animation-duration:37s}.cloud-three{left:-5%;top:-45%;opacity:.35;animation-delay:-21s;animation-duration:43s}.storm-lightning{position:absolute;width:25%;height:85%;top:-10%;fill:none;stroke:#c799e5;stroke-width:1.3;opacity:0;filter:drop-shadow(0 0 4px #b026ff);animation:storm-bolt 13s linear infinite}.lightning-one{left:3%;rotate:-12deg}.lightning-two{right:5%;top:10%;width:20%;animation-delay:-6s;animation-duration:17s;stroke-width:1}.storm-illumination{position:absolute;inset:0;background:radial-gradient(ellipse at 25% 30%,#b026ff16,transparent 60%);opacity:0;animation:storm-glow 13s linear infinite}.identity-copy{position:relative;z-index:1;text-shadow:0 2px 18px #0a0a0f}@keyframes storm-drift{from{translate:-3% -3%;scale:1}to{translate:8% 5%;scale:1.12}}@keyframes storm-bolt{0%,68%,72%,100%{opacity:0}68.5%{opacity:.13}69%{opacity:.05}70%{opacity:.24}71%{opacity:.07}}@keyframes storm-glow{0%,68%,72%,100%{opacity:0}68.5%{opacity:.3}69%{opacity:.1}70%{opacity:.6}71%{opacity:.1}}@media(max-width:700px){.storm-cloud{filter:blur(22px);opacity:.45}.storm-lightning{width:40%;stroke-width:1}.lightning-two{right:-8%}}@media(prefers-reduced-motion:reduce){.storm-cloud,.storm-lightning,.storm-illumination{animation:none}.storm-lightning,.storm-illumination{display:none}}
/* Build more visible storm banks with dark pockets and illuminated cloud edges. */
.identity{background:#10091b}.storm-cloud{opacity:.9;filter:blur(18px);background:radial-gradient(ellipse at 13% 48%,#ae45e080 0%,#69259e60 17%,transparent 35%),radial-gradient(ellipse at 35% 67%,#b24eea80 0%,#69258165 18%,transparent 34%),radial-gradient(ellipse at 64% 28%,#9140bf80 0%,#4a196865 22%,transparent 38%),radial-gradient(ellipse at 87% 63%,#ac3de085 0%,#70228f65 19%,transparent 35%),radial-gradient(ellipse at 48% 48%,#06030d 0%,transparent 37%)}.cloud-two{opacity:.7;mix-blend-mode:screen;filter:blur(25px)}.cloud-three{opacity:.65;filter:blur(15px)}.identity-storm:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 35%,#0a071244 58%,#0a071266),linear-gradient(0deg,#0a0a0f70,transparent 25% 80%,#0a0a0f60);pointer-events:none}.storm-lightning{stroke:#ecd3ff;stroke-width:1.8;filter:drop-shadow(0 0 3px #f5dfff) drop-shadow(0 0 12px #b026ff);animation:storm-bolt-strong 10s linear infinite}.lightning-one{left:5%;width:32%;height:100%}.lightning-two{right:2%;width:27%;animation-duration:13s;animation-delay:-5s}.storm-illumination{background:radial-gradient(ellipse at 26% 40%,#bd60ff55,transparent 65%);animation:storm-glow-strong 10s linear infinite}@keyframes storm-bolt-strong{0%,68%,76%,100%{opacity:0}68.5%{opacity:.48}69.3%{opacity:.12}70.5%{opacity:.78}72%{opacity:.24}74%{opacity:.08}}@keyframes storm-glow-strong{0%,68%,76%,100%{opacity:0}68.5%{opacity:.55}69.3%{opacity:.15}70.5%{opacity:.85}72%{opacity:.3}74%{opacity:.1}}@media(max-width:700px){.storm-cloud{opacity:.8;filter:blur(16px)}.cloud-two{opacity:.6}.lightning-one{width:50%;left:-5%}.lightning-two{width:40%;right:-8%}}@media(prefers-reduced-motion:reduce){.storm-lightning,.storm-illumination{animation:none;display:none}}
.storm-lightning{stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 7px #b026ff)}.bolt-halo{stroke:#b26bff;stroke-width:5;filter:blur(3px);opacity:.65}.bolt-core{stroke:#faf2ff;stroke-width:1.25}.bolt-core .bolt-branch{stroke-width:.55;opacity:.65}.bolt-halo .bolt-branch{stroke-width:2;opacity:.4}.lightning-one{animation-duration:11.7s}.lightning-two{animation-duration:15.3s;animation-delay:-7.2s}@media(prefers-reduced-motion:reduce){.storm-lightning{animation:none}}
/* Photographic cloud banks replace the abstract gradient atmosphere. */
.identity-storm .storm-cloud{background-image:url('assets/storm-clouds.webp');background-size:cover;background-repeat:no-repeat;filter:none;mix-blend-mode:normal;width:120%;height:120%;opacity:.8;animation:real-cloud-drift 45s ease-in-out infinite alternate}.identity-storm .cloud-one{left:-10%;top:-10%;background-position:38% 50%}.identity-storm .cloud-two{left:-5%;top:-4%;opacity:.22;mix-blend-mode:screen;background-position:65% 50%;animation:real-cloud-counter 60s ease-in-out infinite alternate;filter:blur(1px)}.identity-storm .cloud-three{display:none}.identity-storm:after{background:linear-gradient(90deg,#08050d08 20%,#08050d55 58%,#08050d88),linear-gradient(0deg,#0a0a0fbb,transparent 25% 80%,#0a0a0f55)}@keyframes real-cloud-drift{from{transform:scale(1.03);translate:-2% 0}to{transform:scale(1.12);translate:3% -3%}}@keyframes real-cloud-counter{from{transform:scale(1.16);translate:2% -2%}to{transform:scale(1.04);translate:-3% 2%}}@media(max-width:700px){.identity-storm .storm-cloud{background-position:40% center;opacity:.7}.identity-storm .cloud-two{opacity:.16}}@media(prefers-reduced-motion:reduce){.identity-storm .storm-cloud{animation:none;transform:none;translate:none}}
/* Feather the storm into the page; lightning illuminates cloud volumes from within. */
.identity{background:#0a0a0f}.identity-storm{mask-image:linear-gradient(to bottom,transparent 0%,#000 20%,#000 76%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 20%,#000 76%,transparent 100%)}.identity-storm .cloud-one{opacity:.64}.identity-storm .cloud-two{opacity:.13}.identity-storm:after{background:radial-gradient(ellipse at 46% 48%,transparent 15%,#0a0a0f60 80%,#0a0a0faa),linear-gradient(90deg,transparent 30%,#0a0a0f55 68%,#0a0a0f85)}.storm-lightning,.storm-illumination{display:none}.cloud-light{position:absolute;inset:-10%;background-image:url('assets/storm-clouds.webp');background-size:cover;background-position:38% 50%;mix-blend-mode:screen;opacity:0;pointer-events:none;filter:brightness(1.8) saturate(.65);animation:embedded-lightning 12s linear infinite;mask-image:radial-gradient(ellipse 24% 36% at 25% 44%,#000 0%,#0009 38%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse 24% 36% at 25% 44%,#000 0%,#0009 38%,transparent 78%)}.cloud-light-right{animation-duration:17s;animation-delay:-8s;mask-image:radial-gradient(ellipse 20% 28% at 68% 52%,#000 0%,#0008 40%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 20% 28% at 68% 52%,#000 0%,#0008 40%,transparent 80%);filter:brightness(2.1) saturate(.6)}@keyframes embedded-lightning{0%,65%,75%,100%{opacity:0}66%{opacity:.18}67%{opacity:.05}68.5%{opacity:.62}70%{opacity:.24}72%{opacity:.07}}.bookings{background:linear-gradient(125deg,#25103360,#0a0a0f 65%);border-top:1px solid #38214455}@media(max-width:700px){.identity-storm{mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 83%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 83%,transparent)}.cloud-light{background-position:40% center}.identity-storm .cloud-one{opacity:.58}}@media(prefers-reduced-motion:reduce){.cloud-light{animation:none;display:none}}
/* Evolving displacement billows the cloud contours, beyond a panning photograph. */
.storm-filter-defs{position:absolute;pointer-events:none}.identity-storm .storm-cloud{filter:url(#cloud-billow);animation-duration:22s}.identity-storm .cloud-one{animation:cloud-bank-roll 24s ease-in-out infinite alternate;opacity:.6}.identity-storm .cloud-two{opacity:.25;animation:cloud-bank-rise 19s ease-in-out infinite alternate;mix-blend-mode:screen;filter:url(#cloud-billow)}.cloud-light{filter:url(#cloud-billow) brightness(2.8) saturate(.6);animation:cloud-flash-frequent 8.6s linear infinite,cloud-bank-roll 24s ease-in-out infinite alternate;background-position:38% 50%}.cloud-light-right{animation:cloud-flash-frequent 9.4s linear infinite,cloud-bank-rise 19s ease-in-out infinite alternate;animation-delay:-4.3s,0s;filter:url(#cloud-billow) brightness(3) saturate(.55)}@keyframes cloud-bank-roll{0%{translate:-4% 3%;transform:scale(1.03) rotate(-1deg)}50%{translate:1% -1%;transform:scale(1.1) rotate(.5deg)}100%{translate:5% -4%;transform:scale(1.17) rotate(1deg)}}@keyframes cloud-bank-rise{0%{translate:4% 5%;transform:scale(1.18) rotate(1deg)}100%{translate:-5% -5%;transform:scale(1.05) rotate(-1deg)}}@keyframes cloud-flash-frequent{0%,37%,51%,100%{opacity:0}38%{opacity:.35}39.5%{opacity:.1}41%{opacity:.85}43%{opacity:.42}46%{opacity:.13}50%{opacity:0}}@media(max-width:700px){.identity-storm .cloud-two{opacity:.18}.identity-storm .storm-cloud,.cloud-light{filter:none}.cloud-light{filter:brightness(2.4) saturate(.6)}}@media(prefers-reduced-motion:reduce){.identity-storm .storm-cloud{animation:none;filter:none;translate:none;transform:none}.cloud-light{animation:none;display:none}.storm-filter-defs{display:none}}
.volumetric-storm{position:absolute;inset:0;width:100%;height:100%;display:block}.identity-storm.has-volume .storm-cloud,.identity-storm.has-volume .cloud-light{display:none}.identity-storm.has-volume:after{background:linear-gradient(90deg,transparent 25%,#0a0a0f33 65%,#0a0a0f55)}
.identity-copy h2 span{color:var(--purple)}
.site-loader{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;background:#0a0a0f;pointer-events:none;overflow:hidden}.loader-icon{position:relative;width:105px;height:140px;object-fit:contain;filter:drop-shadow(0 0 12px #b026ff);animation:loader-purple-pulse 1.2s ease-in-out infinite}.loader-halo{position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,#b026ff30,transparent 68%);animation:loader-purple-pulse 1.2s ease-in-out infinite}.loader-label{position:relative;color:#cfa0ef;font-size:10px;letter-spacing:.5em;padding-left:.5em}.loader-reveal{animation:loader-glitch-exit .45s steps(1,end) forwards}.loader-reveal .loader-icon{animation:loader-icon-exit .45s steps(1,end) forwards}.loader-reveal:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 24px,#b026ff44 24px 26px,transparent 26px 59px);animation:loader-scan-exit .45s steps(1,end) forwards}@keyframes loader-purple-pulse{0%,100%{opacity:.55;scale:.95;filter:drop-shadow(0 0 7px #b026ff)}50%{opacity:1;scale:1.04;filter:drop-shadow(0 0 24px #b026ff)}}@keyframes loader-glitch-exit{0%{opacity:1;clip-path:inset(0)}15%{clip-path:polygon(0 0,100% 0,100% 32%,0 32%,0 37%,100% 37%,100% 76%,0 76%,0 81%,100% 81%,100% 100%,0 100%)}35%{opacity:.85;translate:5px 0}55%{opacity:.5;translate:-4px 0;clip-path:inset(15% 0 30%)}75%{opacity:.2;clip-path:inset(45% 0 45%)}100%{opacity:0;visibility:hidden}}@keyframes loader-icon-exit{0%{transform:translateX(0);filter:drop-shadow(4px 0 #2979ff)}20%{transform:translateX(-9px);filter:drop-shadow(-7px 0 #b026ff)}45%{transform:translateX(8px);filter:drop-shadow(7px 0 #2979ff)}70%{transform:translateX(-3px);opacity:.3}100%{opacity:0}}@keyframes loader-scan-exit{0%{translate:0 0}30%{translate:-12px 8px}60%{translate:10px -10px}100%{opacity:0}}@media(prefers-reduced-motion:reduce){.loader-icon,.loader-halo{animation:none;opacity:1}.loader-reveal{animation:none;opacity:0;visibility:hidden}.loader-reveal .loader-icon,.loader-reveal:after{animation:none}}
.loader-reveal,.loader-reveal .loader-icon,.loader-reveal:after{animation-duration:.6s}
html{scrollbar-gutter:stable}.page-preparing .site-loader{pointer-events:auto}.nav-logo{aspect-ratio:1501/291}.cover-link{flex-shrink:0}.player-status{max-width:210px}.player-bottom{min-height:22px}.loader-reveal{pointer-events:none!important}
footer>img{height:auto}
.hero-video{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.hero-video.video-fallback{opacity:0}.world:has(.hero-video){animation:none}.hero-shade{background:linear-gradient(180deg,#0a0a0f35,#0a0a0f12 45%,#0a0a0f 100%)}@media(prefers-reduced-motion:reduce){.hero-video{opacity:0}}
.hero-shade{background:linear-gradient(180deg,rgba(10,10,15,.38),rgba(10,10,15,.28) 45%,#0a0a0f 100%)}
.nav-logo.nav-icon{width:45px;height:56px;aspect-ratio:auto;object-fit:contain}.hero-wordmark{position:relative}.hero-wordmark>img.hero-logo-glitch{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;pointer-events:none}.hero-logo-glitch-a{clip-path:inset(12% 0 56% 0);filter:drop-shadow(6px 0 #b026ff) drop-shadow(-3px 0 #2979ff);animation:hero-mark-glitch-a 6s steps(1,end) infinite}.hero-logo-glitch-b{clip-path:inset(61% 0 9% 0);filter:drop-shadow(-6px 0 #2979ff) drop-shadow(3px 0 #b026ff);animation:hero-mark-glitch-b 6s steps(1,end) infinite}@keyframes hero-mark-glitch-a{0%,70%,78%,100%{opacity:0;translate:0 0}71%{opacity:.95;translate:-9px 0;clip-path:inset(13% 0 65% 0)}72%{opacity:.85;translate:8px -1px;clip-path:inset(32% 0 49% 0)}73%{opacity:0}75%{opacity:.95;translate:5px 0;clip-path:inset(8% 0 74% 0)}77%{opacity:0}}@keyframes hero-mark-glitch-b{0%,70%,78%,100%{opacity:0;translate:0 0}71%{opacity:.9;translate:9px 0;clip-path:inset(65% 0 12% 0)}72%{opacity:.85;translate:-8px 1px;clip-path:inset(49% 0 32% 0)}73%{opacity:0}75%{opacity:.95;translate:-5px 0;clip-path:inset(75% 0 8% 0)}77%{opacity:0}}@media(max-width:700px){.nav-logo.nav-icon{width:34px;height:43px}}@media(prefers-reduced-motion:reduce){.hero-logo-glitch{animation:none!important;display:none}}
.loader-fill-mark{position:relative;width:105px;height:140px;--load-fill:inherit}.loader-outline{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:.2}.loader-color-fill{position:absolute;inset:0;background:#b026ff;mask:url('assets/icon.png') center/contain no-repeat;-webkit-mask:url('assets/icon.png') center/contain no-repeat;clip-path:inset(calc(100% - var(--load-fill,0%)) 0 0);transition:clip-path .3s ease-out;filter:drop-shadow(0 0 12px #b026ff)}@media(prefers-reduced-motion:reduce){.loader-color-fill{transition:none}}
.loader-color-fill{transition:none}
/* Transparent neon CTA: overlapping play medallion and a rounded sign outline. */
.button.primary.listen-control{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;width:292px;max-width:100%;min-width:0;min-height:64px;padding:12px 24px 12px 91px;gap:0;border:0;border-radius:0;background:transparent;box-shadow:none;clip-path:none;overflow:visible;color:#f8edff;transition:transform .25s,filter .25s;animation:vegas-frame-flicker 9s linear infinite}
.listen-control:before{content:'';display:block;position:absolute;inset:0 0 0 64px;z-index:-1;border:2px solid #eed7ff;border-left:0;border-radius:0 42px 0 0;background:transparent;clip-path:none;box-shadow:none;filter:drop-shadow(0 0 3px #e5a5ff) drop-shadow(0 0 10px #b026ff99) drop-shadow(0 0 22px #b026ff55);pointer-events:none}
.listen-control:after{display:none}
.listen-play{position:absolute;left:0;top:50%;display:grid;place-items:center;width:80px;height:80px;transform:translateY(-50%);border:2px solid #f4e3ff;border-radius:50%;background:transparent;box-shadow:0 0 3px #e5a5ff,0 0 11px #b026ffbb,0 0 27px #b026ff55,inset 0 0 10px #b026ff44;animation:vegas-play-flicker 9s linear infinite}
.listen-play svg{width:27px;height:27px;margin-left:3px;fill:none;stroke:#f8edff;stroke-width:1.5;stroke-linejoin:round;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 5px #b026ff)}
.listen-label{font-size:14px;font-weight:600;letter-spacing:.16em;white-space:nowrap;color:#f8edff;text-shadow:0 0 2px #fff,0 0 5px #d477ff,0 0 12px #b026ff,0 0 22px #b026ff99;animation:vegas-letter-flicker 9s linear infinite}
.button.primary.listen-control:hover{background:transparent;box-shadow:none;transform:translateY(-3px);filter:drop-shadow(0 0 5px #b026ff77)}
.listen-control:hover:before{border-color:#fff;box-shadow:none;filter:drop-shadow(0 0 4px #eed7ff) drop-shadow(0 0 16px #b026ff) drop-shadow(0 0 26px #b026ff66)}
.listen-control:hover .listen-play{border-color:#fff;box-shadow:0 0 4px #eed7ff,0 0 16px #b026ff,0 0 32px #b026ff66,inset 0 0 12px #b026ff44}
.listen-control:focus-visible{outline:3px solid #f2caff;outline-offset:12px;border-radius:4px}
@keyframes vegas-frame-flicker{0%,6%,10%,14%,62%,66%,100%{filter:brightness(1)}6.5%,8%{filter:brightness(.4)}7%,9%{filter:brightness(1.2)}10.5%,12.5%{filter:brightness(.65)}11%,13%{filter:brightness(1.1)}63%,64.5%{filter:brightness(.6)}63.5%,65%{filter:brightness(1.2)}}
@keyframes vegas-letter-flicker{0%,7%,11%,15%,64%,68%,100%{opacity:1;text-shadow:0 0 2px #fff,0 0 5px #d477ff,0 0 12px #b026ff,0 0 22px #b026ff99}7.5%,9%{opacity:.6;text-shadow:0 0 2px #b026ff55}8%,10%{opacity:1}11.5%,13.5%{opacity:.75;text-shadow:0 0 3px #b026ff}12%,14%{opacity:1}65%,66.5%{opacity:.65;text-shadow:none}65.5%,67%{opacity:1}}
@keyframes vegas-play-flicker{0%,5%,9%,61%,65%,100%{opacity:1}5.5%,7%{opacity:.5}6%,8%{opacity:1}62%,63.5%{opacity:.6}62.5%,64%{opacity:1}}
@media(max-width:700px){.button.primary.listen-control{width:258px;min-height:58px;padding:11px 19px 11px 79px}.listen-control:before{left:55px;border-top-right-radius:36px}.listen-play{width:70px;height:70px}.listen-play svg{width:24px;height:24px}.listen-label{font-size:12px;letter-spacing:.15em}.hero-socials{margin-top:32px}}
@media(prefers-reduced-motion:reduce){.button.primary.listen-control,.listen-label,.listen-play{animation:none}.button.primary.listen-control{transition:none}.button.primary.listen-control:hover{transform:none}}
/* One continuous scroll narrative. All content remains in native document flow. */
.hero{--scene-exit:0;isolation:isolate}.hero .world{scale:calc(1 + var(--scene-exit)*.09);filter:brightness(calc(1 - var(--scene-exit)*.35));transform-origin:50% 55%}.hero-content{transform:translateY(calc(var(--scene-exit)*-65px)) scale(calc(1 - var(--scene-exit)*.075));opacity:calc(1 - var(--scene-exit)*.85);will-change:transform,opacity}.hero-bottom{opacity:calc(1 - var(--scene-exit))}.hero:after{content:'';position:absolute;inset:45% 0 0;z-index:-1;pointer-events:none;background:linear-gradient(transparent,#0a0a0f)}.music{--music-enter:1;padding-top:90px;background:linear-gradient(180deg,#0a0a0f,transparent 24%)}.music .section-heading{transform:translateY(calc((1 - var(--music-enter))*55px));opacity:calc(.25 + var(--music-enter)*.75)}.music .track{--track-enter:1;transform:translateY(calc((1 - var(--track-enter))*55px));opacity:calc(.2 + var(--track-enter)*.8);transition:border-color .4s,background .4s;will-change:transform,opacity}.music .track.visible:hover{transform:translateY(calc((1 - var(--track-enter))*55px - 3px))}.track-divider{transform:translateY(calc((1 - var(--music-enter))*35px))}.statement{--sign-travel:0px;transform:skewY(-2deg);margin-block:0;z-index:2;box-shadow:0 0 65px #b026ff18}.marquee-track{position:relative;left:var(--sign-travel)}.identity{--storm-enter:1;--storm-leave:0;padding-top:150px;padding-bottom:150px;margin-top:-20px;background:transparent}.identity-storm{opacity:calc(var(--storm-enter)*(1 - var(--storm-leave)*.7));scale:calc(1.09 - var(--storm-enter)*.09);transform-origin:center;will-change:opacity,scale}.identity-art{transform:translateY(calc((1 - var(--storm-enter))*65px)) scale(calc(.91 + var(--storm-enter)*.09));will-change:transform}.identity-copy{transform:translateY(calc((1 - var(--storm-enter))*45px));opacity:calc(.3 + var(--storm-enter)*.7)}.identity-copy.reveal.visible{transform:translateY(calc((1 - var(--storm-enter))*45px))}.bookings{--booking-enter:1;border-top:0;background:radial-gradient(ellipse at 12% 30%,#5f17832b,transparent 65%),#0a0a0f}.bookings>h2{transform:translateY(calc((1 - var(--booking-enter))*55px));opacity:calc(.3 + var(--booking-enter)*.7)}.bookings>.booking-link{transform:translateY(calc((1 - var(--booking-enter))*35px))}@media(max-width:700px){.music{padding-top:65px}.identity{padding-top:100px;padding-bottom:90px}.statement{transform:skewY(-1.5deg)}}@media(prefers-reduced-motion:reduce){.hero .world{scale:1;filter:none}.hero-content,.music .section-heading,.music .track,.music .track.visible:hover,.track-divider,.identity-art,.identity-copy,.identity-copy.reveal.visible,.bookings>h2,.bookings>.booking-link{transform:none;opacity:1;will-change:auto}.hero-bottom{opacity:1}.statement{transform:none}.marquee-track{left:0}.identity-storm{opacity:1;scale:1;will-change:auto}}
/* A held opening yields to the music scene through the same dark atmosphere. */
@property --scene-exit{syntax:'<number>';inherits:true;initial-value:0}
@property --music-enter{syntax:'<number>';inherits:true;initial-value:1}
@property --storm-enter{syntax:'<number>';inherits:true;initial-value:1}
@property --booking-enter{syntax:'<number>';inherits:true;initial-value:1}
.hero{height:165svh;min-height:1100px;max-height:none;display:block;overflow:clip;transition:--scene-exit .35s ease-out}.hero-scene{height:100svh;min-height:640px;position:sticky;top:0;display:grid;place-items:center;overflow:hidden}.hero-content{opacity:calc(1 - var(--scene-exit)*.98);transform:translateY(calc(var(--scene-exit)*-50px)) scale(calc(1 - var(--scene-exit)*.12))}.hero .world{scale:calc(1 + var(--scene-exit)*.16);filter:brightness(calc(1 - var(--scene-exit)*.65))}.hero-scene:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#0a0a0f);pointer-events:none;opacity:var(--scene-exit)}.music{margin-top:-100px;padding-top:70px;z-index:2;transition:--music-enter .4s ease-out}.music-energy{position:absolute;inset:0;width:100%;height:100%;opacity:.85;mask-image:linear-gradient(transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 10%,#000 90%,transparent)}.music-atmosphere{background:radial-gradient(650px circle at var(--mx) var(--my),#b026ff22,transparent 75%)}.dark-player{background:linear-gradient(120deg,#1b1324f5,#100e18f5);box-shadow:0 12px 45px #05030844}.identity{transition:--storm-enter .5s ease-out}.bookings{transition:--booking-enter .5s ease-out}.statement{box-shadow:0 0 80px #b026ff2b}.music .track{transition:transform .25s ease-out,opacity .3s ease-out,border-color .3s,background .3s}@media(max-width:700px){.hero{height:140svh;min-height:900px}.music{margin-top:-60px;padding-top:55px}.music-energy{opacity:.65}}@media(prefers-reduced-motion:reduce){.hero{height:100svh;min-height:640px;transition:none}.hero-scene{position:relative}.hero-scene:after{display:none}.hero-content{transform:none;opacity:1}.hero .world{scale:1;filter:none}.music{margin-top:0;transition:none}.identity,.bookings,.music .track{transition:none}}
/* KERENIX_OS — a functional booking terminal in a CRT-inspired housing. */
.bookings{background:radial-gradient(ellipse at 50% 65%,#48185a25,transparent 70%),#0a0a0f;padding-top:65px}.terminal-shell{max-width:1050px;margin:auto;padding:12px;border:1px solid #514158;border-radius:15px;background:linear-gradient(135deg,#2b2531,#15111b 45%,#29232d);box-shadow:0 25px 70px #0008,inset 0 1px 0 #ffffff17}.terminal-bar{display:flex;justify-content:space-between;gap:15px;padding:8px 15px 16px;font:10px 'Courier New',monospace;letter-spacing:.1em;color:#aa94b6}.terminal-bar>span:last-child{color:#82678f;letter-spacing:.4em}.terminal-screen{position:relative;isolation:isolate;padding:50px;background:radial-gradient(ellipse at 45% 20%,#28133299,transparent 75%),#0c0911;border:1px solid #75617b44;border-radius:55px/18px;box-shadow:inset 0 0 60px #0009,0 0 20px #b026ff0a;font-family:'Courier New',monospace;color:#dbb1ed;overflow:hidden}.terminal-screen:after{content:'';position:absolute;inset:0;z-index:4;pointer-events:none;background:repeating-linear-gradient(0deg,#00000015 0 1px,transparent 1px 4px);border-radius:inherit;box-shadow:inset 0 0 70px #0006}.terminal-screen .eyebrow{color:#b788ce;letter-spacing:.12em}.terminal-screen h2{font-family:'Courier New',monospace;font-size:clamp(32px,5vw,66px);letter-spacing:-.06em;color:#eac8ff;text-shadow:0 0 10px #b026ff77;line-height:1.15}.terminal-cursor{animation:terminal-blink 1.2s steps(1,end) infinite}.terminal-intro{font-size:13px;color:#b78fcb;margin:20px 0 36px}.terminal-fields{display:grid;grid-template-columns:1fr 1fr;gap:25px}.terminal-screen label{display:flex;flex-direction:column;gap:9px;min-width:0}.terminal-screen label>span{font-size:10px;letter-spacing:.1em;color:#c596df}.terminal-screen input,.terminal-screen select,.terminal-screen textarea{width:100%;min-height:43px;background:#130c1b;color:#f0daff;border:0;border-bottom:1px solid #81608f;padding:11px 12px;font:13px 'Courier New',monospace;border-radius:0;box-shadow:inset 0 0 10px #0003;color-scheme:dark}.terminal-screen input::placeholder,.terminal-screen textarea::placeholder{color:#8d749b;opacity:1}.terminal-screen input:focus,.terminal-screen select:focus,.terminal-screen textarea:focus{outline:2px solid #b026ff;outline-offset:3px;background:#20112b}.terminal-message{margin-top:26px}.terminal-screen textarea{resize:vertical;min-height:110px}.terminal-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:28px}.terminal-submit{border:1px solid #c884ef;background:#b026ff18;color:#edcaff;font:12px 'Courier New',monospace;letter-spacing:.06em;padding:16px 20px;box-shadow:0 0 14px #b026ff15}.terminal-submit:hover{background:#b026ff35;box-shadow:0 0 18px #b026ff33}.terminal-note{font-size:10px;color:#a991b6}.terminal-contact{margin-top:36px;padding-top:22px;border-top:1px dashed #695074;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;flex-wrap:wrap}.terminal-contact>span{color:#9677a5;font-size:10px}.terminal-contact a:hover{color:white;text-shadow:0 0 8px #b026ff}.terminal-footer{margin:30px 0 0;font-size:9px;letter-spacing:.09em;color:#876597}.terminal-footer span{color:#bb67e5}.terminal-screen #booking-status{font-size:12px;line-height:1.6;margin:18px 0 0;max-width:650px}.terminal-screen #booking-status:empty{display:none}@keyframes terminal-blink{0%,45%{opacity:1}50%,95%{opacity:0}}@media(max-width:700px){.terminal-shell{padding:7px}.terminal-screen{padding:30px 20px;border-radius:20px/10px}.terminal-bar{padding:8px 6px 13px;font-size:8px}.terminal-fields{grid-template-columns:1fr;gap:20px}.terminal-actions{gap:14px}.terminal-submit{width:100%;font-size:11px}.terminal-contact{font-size:11px}.terminal-intro{font-size:12px}.terminal-screen h2{font-size:35px}}@media(prefers-reduced-motion:reduce){.terminal-cursor{animation:none}}
.terminal-screen>.terminal-contact{margin-top:24px;padding:18px 0;border-block:1px dashed #695074}.terminal-screen>.terminal-contact a{font-size:clamp(17px,2.8vw,27px);color:#edcaff;text-shadow:0 0 9px #b026ff44}.terminal-screen>.terminal-intro{margin-bottom:20px}
/* Lower the storm exposure without dimming section text or the logo. */
.identity-storm{filter:brightness(.76)}
/* A molded, beige 1990s monitor enclosure around the purple terminal. */
.terminal-shell{position:relative;padding:20px 34px 0;border:1px solid #a3977e;border-radius:7px;background:linear-gradient(125deg,#e8dfc6 0%,#c9bea2 48%,#d4c8ac 78%,#b5a88b 100%);box-shadow:0 35px 75px #0009,inset 4px 4px 0 #fff3dc99,inset -5px -5px 0 #8f826455,0 2px 0 #74684e}.terminal-bar{padding:0 4px 18px;color:#665c49;font-weight:bold;text-shadow:0 1px #fff5;letter-spacing:.12em}.terminal-bar>span:last-child{color:#73674f;letter-spacing:.1em}.terminal-screen{border:9px solid;border-color:#8b8067 #b8ab8c #ece1c4 #a49779;border-radius:30px/18px;background:radial-gradient(ellipse at 45% 18%,#28133299,transparent 75%),#0c0911;box-shadow:0 0 0 1px #f9edce88,inset 0 5px 20px #000,0 2px 3px #fff3cc44}.terminal-screen:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:3;border-radius:18px;background:linear-gradient(115deg,transparent 53%,#ffffff03 54%,#ffffff08 59%,transparent 65%)}.crt-chin{min-height:62px;display:flex;align-items:center;gap:16px;padding:10px 6px 13px;color:#6e624a}.crt-brand{font:bold 12px Arial,sans-serif;letter-spacing:.13em;text-shadow:0 1px #fff8}.crt-vents{width:105px;height:13px;margin-left:auto;background:repeating-linear-gradient(90deg,#70654b 0 2px,#e6d9b9 2px 5px);border-top:1px solid #9e9073;border-bottom:1px solid #f6ebce;opacity:.7}.crt-power-light{width:11px;height:5px;background:#b9f47c;box-shadow:0 0 5px #a0f65c88;border:1px solid #8dba5c}.crt-power-button{display:grid;place-items:center;width:27px;height:18px;border:1px solid;border-color:#fbefd2 #928367 #928367 #fbefd2;border-radius:2px;background:#c7b999;font-size:12px;box-shadow:0 1px 2px #75674c33}.terminal-shell:after{content:'';position:absolute;left:3%;right:3%;bottom:-9px;height:8px;background:linear-gradient(#8f8163,#b8aa8b);border-radius:0 0 3px 3px;box-shadow:0 5px 10px #0005}@media(max-width:700px){.terminal-shell{padding:15px 15px 0}.terminal-screen{border-width:6px;border-radius:19px/12px;padding:26px 16px}.terminal-bar{font-size:8px;padding-bottom:13px}.crt-chin{min-height:51px;gap:10px}.crt-vents{width:60px;height:10px}.crt-brand{font-size:10px}.crt-power-button{width:22px}}
/* Scuffed violet CRT housing: wear belongs to the casing, not the screen. */
.terminal-shell{border-color:#594466;background:repeating-linear-gradient(163deg,transparent 0 51px,#dbb9ee12 52px,transparent 53px 108px),repeating-linear-gradient(22deg,transparent 0 93px,#08050d66 94px,transparent 95px 173px),linear-gradient(125deg,#46334f 0%,#291e34 45%,#38263f 78%,#201825 100%);box-shadow:0 35px 75px #0009,inset 4px 4px 0 #8a669e55,inset -5px -5px 0 #120c1c88,0 2px 0 #100b17}.terminal-shell:before{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(116deg,transparent 12%,#dec1ee60 12.1% 12.3%,#130b1e88 12.4% 12.6%,transparent 12.7%) 13px 7px/135px 18px no-repeat,linear-gradient(23deg,transparent 38%,#d9b7ef55 38.2% 38.6%,#11091c99 39% 40%,transparent 40.4%) calc(100% - 7px) 32%/24px 150px no-repeat,linear-gradient(155deg,transparent 33%,#b68dcb55 33.2% 33.5%,#120b1b99 34% 35%,transparent 35.4%) 8px 74%/25px 170px no-repeat,repeating-linear-gradient(174deg,transparent 0 8px,#bba1cd22 9px,transparent 10px 17px) 58% calc(100% - 9px)/125px 15px no-repeat;box-shadow:inset 0 1px 0 #bc9fd333,inset 1px 0 0 #bc9fd322}.terminal-bar{color:#b49bc6;text-shadow:0 1px #08030d;letter-spacing:.12em}.terminal-bar>span:last-child{color:#9a7aaf}.terminal-screen{border-color:#160e20 #584164 #725680 #21152b;box-shadow:0 0 0 1px #86619755,inset 0 5px 20px #000,0 2px 3px #bb7ee922}.crt-chin{color:#af91c2}.crt-brand{text-shadow:0 1px #09040e}.crt-vents{background:repeating-linear-gradient(90deg,#110a19 0 2px,#775387 2px 5px);border-top-color:#17101f;border-bottom-color:#80608d;opacity:.75}.crt-power-light{background:#b026ff;border-color:#d992ff;box-shadow:0 0 7px #b026ff}.crt-power-button{background:#38253f;border-color:#8e6aa1 #170d20 #170d20 #8e6aa1;color:#d7b6e9;box-shadow:0 1px 3px #09030e}.terminal-shell:after{background:linear-gradient(#150d1e,#45304f);box-shadow:0 5px 10px #0008}
/* Launch layout safeguards across phone, tablet, and desktop. */
.track>div{min-width:0}.dark-player{grid-template-columns:150px minmax(0,1fr)}.player-credit{min-width:0}.player-credit small{overflow-wrap:anywhere}.terminal-screen input,.terminal-screen textarea{font-size:16px}.hero-scene{min-height:600px}.hero-content{max-width:1440px}@media(max-width:950px){.sc-attribution{display:none}.player-credit small{display:none}}@media(max-width:700px){.dark-player{grid-template-columns:75px minmax(0,1fr);gap:10px}.cover-link{width:75px;height:75px}.player-bottom{gap:10px;min-height:38px}.player-main{gap:9px}.volume-label{margin-left:0}.hero-content{padding-top:75px;padding-bottom:50px}.hero-scene{min-height:560px}nav a:nth-child(2){display:block}nav{gap:13px;font-size:8px}.identity-copy h2{font-size:clamp(30px,8vw,42px)}.terminal-contact{align-items:flex-start;flex-direction:column;gap:14px}.terminal-screen>.terminal-contact a{font-size:clamp(17px,5.2vw,24px)}.terminal-screen{padding-inline:15px}.terminal-screen h2{font-size:clamp(26px,7vw,35px)}}@media(max-width:360px){.section{padding-inline:5%}.track{grid-template-columns:18px minmax(0,1fr);gap:8px}.dark-player{grid-template-columns:62px minmax(0,1fr);padding:10px;gap:9px}.cover-link{width:62px;height:62px}.player-credit{font-size:9px}.player-bottom{font-size:9px;gap:9px}.volume{width:40px}.volume-label{font-size:8px}.share-track,.track .download-track{font-size:9px}nav{gap:10px;font-size:7.5px}.nav-logo.nav-icon{width:30px;height:38px}}
.world{background-image:url('assets/video-poster.jpg')}
html[data-hero-poster] .hero-video{opacity:0}
@media(max-width:700px){header{gap:15px;padding:20px 6%}nav{font-size:9.5px;gap:12px;letter-spacing:.01em}nav a{display:inline-flex!important;align-items:center;min-height:44px}.social-icon{width:44px;height:44px}.hero-socials{gap:13px}.hero-scene{min-height:570px}.section{padding-top:75px;padding-bottom:75px}.music{padding-top:55px}.identity{padding-top:90px;padding-bottom:80px}.identity-art{min-height:260px;margin-bottom:15px}.identity-copy>p:not(.eyebrow){font-size:15px;line-height:1.75}.terminal-screen label>span{font-size:11px}.terminal-intro{font-size:12px;line-height:1.6}.terminal-note{font-size:11px;line-height:1.5}.track .play-toggle{width:40px;height:40px}.track .share-track,.track .download-track{min-height:34px;display:inline-flex;align-items:center}.terminal-submit{min-height:48px}.terminal-bar{font-size:8px}.crt-chin{min-height:50px}}@media(max-width:360px){nav{font-size:8.5px;gap:9px}.hero-socials{gap:10px}.terminal-screen{padding:24px 14px}.terminal-screen h2{font-size:28px}.terminal-shell{padding:12px 10px 0}.identity-art{min-height:230px}}
[hidden]{display:none!important}

/* Consistent vector playback controls and a compact, full-width phone player. */
.play-toggle{display:grid;place-items:center;padding:0;appearance:none;-webkit-appearance:none}
.play-toggle svg{display:block;width:20px;height:20px;pointer-events:none}
.share-track,.track .download-track{display:inline-flex;align-items:center;justify-content:center;gap:5px}
.share-track svg,.download-track svg,.volume-label svg{display:block;flex:none;width:15px;height:15px}
.volume-label{white-space:nowrap}
.volume-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.volume{height:24px;margin:0;cursor:pointer}
@media(max-width:700px){
 .music .track{display:block;padding:22px 0}
 .track-num{position:absolute;right:0;top:24px;font-size:10px;padding:0}
 .track-head{padding-right:28px;margin-bottom:13px;gap:8px}
 .track-head>a{display:none}
 .track h3{font-size:22px;line-height:1.15;margin-bottom:6px}
 .track p{font-size:9px;letter-spacing:.08em}
 .dark-player{display:grid;grid-template-columns:72px minmax(0,1fr);grid-template-rows:44px 24px minmax(44px,auto);gap:4px 12px;min-height:0;padding:10px 12px 6px;border-radius:5px}
 .cover-link{grid-column:1;grid-row:1 / 3;align-self:center;width:72px;height:72px}
 .player-main{display:contents}
 .player-top{grid-column:2;grid-row:1;min-width:0;gap:10px}
 .track .play-toggle{width:44px;height:44px;min-width:44px;border-radius:50%}
 .play-toggle svg{width:20px;height:20px}
 .player-credit{font-size:10px;letter-spacing:.08em;white-space:nowrap}
 .wave-seek{grid-column:2;grid-row:2;height:24px;min-width:0}
 .wave-canvas{height:24px}
 .wave-fallback .seek{top:10px}
 .player-bottom{grid-column:1 / -1;grid-row:3;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:5px;min-height:44px;font-size:10px;position:relative}
 .time{white-space:nowrap;flex-shrink:0;letter-spacing:-.02em}
 .volume-label{display:flex;gap:5px;min-height:44px;margin-left:auto;flex-shrink:0}
 .volume-label svg{width:15px;height:15px}
 .volume{width:46px;height:36px;max-width:46px}
 .track .share-track,.track .download-track{display:inline-flex;flex:none;width:44px;min-height:44px;padding:0;font-size:0;border:0;background:transparent;color:#cbb8d7}
 .share-track svg,.download-track svg{width:18px;height:18px}
 .control-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
 .player-status{position:absolute;bottom:0;left:0;right:0;transform:translateY(100%);font-size:10px;line-height:1.35;max-width:none}
 .dark-player:has(.player-status:not(:empty)){padding-bottom:32px}
}
@media(max-width:360px){
 .dark-player{grid-template-columns:64px minmax(0,1fr);gap:4px 10px;padding-inline:9px}
 .cover-link{width:64px;height:64px}
 .player-top{gap:8px}
 .track .play-toggle{width:44px;height:44px}
 .player-credit{font-size:9px}
 .player-bottom{gap:3px;font-size:9px}
 .volume{width:40px;max-width:40px}
}

/* Give mobile range controls a consistent shape instead of the oversized iOS thumb. */
.volume{appearance:none;-webkit-appearance:none;background:transparent;border:0;padding:0}
.volume::-webkit-slider-runnable-track{height:3px;border-radius:2px;background:#7c5e8f}
.volume::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;margin-top:-4.5px;border:0;border-radius:50%;background:#d9a6ff;box-shadow:0 0 5px #b026ff77}
.volume::-moz-range-track{height:3px;border-radius:2px;background:#7c5e8f}
.volume::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#d9a6ff;box-shadow:0 0 5px #b026ff77}

/* Secondary platform calls to action share the hero's transparent purple light. */
.platform-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;max-width:100%;padding:11px 17px;border:1px solid #bb63edaa;border-radius:8px;background:transparent;color:#ead7f5;font-size:12px;font-weight:600;line-height:1.35;letter-spacing:.025em;text-align:center;box-shadow:0 0 13px #b026ff1f;transition:border-color .2s,color .2s,box-shadow .2s,transform .2s}
.platform-cta .platform-icon{display:block;flex:none;width:20px;height:20px;color:#d995ff;filter:drop-shadow(0 0 4px #b026ff44)}
.platform-cta:hover{border-color:#e4acff;color:#fff;box-shadow:0 0 18px #b026ff40;transform:translateY(-2px)}
.platform-cta:focus-visible{outline:3px solid #e2aeff;outline-offset:5px}
.music .section-heading>.platform-cta{flex-shrink:0}
.identity-copy .platform-cta{margin-top:15px}
@media(max-width:700px){.music .section-heading>.platform-cta{margin-top:24px}.platform-cta{min-height:48px;padding:11px 15px;font-size:12px}.identity-copy .platform-cta{margin-top:13px}}
@media(prefers-reduced-motion:reduce){.platform-cta{transition:none}.platform-cta:hover{transform:none}}

/* Phones scroll directly into the music instead of spending a swipe on a held scene. */
@media(max-width:700px){
 .hero{height:auto;min-height:0;max-height:none;transition:none}
 .hero-scene{position:relative;top:auto;height:100svh;min-height:570px}
 .hero-content{translate:none;transform:none;opacity:1;will-change:auto}
 .hero .world{translate:none;scale:1;filter:none}
 .hero-bottom{opacity:1}
 .hero-scene:after{display:none}
 .music{margin-top:0;padding-top:48px}
 .music .section-heading,.track-divider{transform:none;opacity:1}
}

/* Full track names glide only when they exceed the player's available title space. */
.player-title{display:block;flex:1;min-width:0;overflow:hidden;font-size:12px;font-weight:500;line-height:1.4;letter-spacing:.015em;color:#eee5f4}
.player-title-text{display:inline-block;max-width:none;white-space:nowrap;vertical-align:middle}
.player-title.is-overflowing .player-title-text{animation:player-title-pan var(--title-duration,10s) linear infinite alternate;will-change:transform}
.player-title:focus .player-title-text{animation-play-state:paused}
.player-title:focus-visible{outline:2px solid #d995ff;outline-offset:3px}
@media(hover:hover) and (pointer:fine){.player-title:hover .player-title-text{animation-play-state:paused}}
.sc-attribution{flex-shrink:0}
@keyframes player-title-pan{0%,15%{transform:translateX(0)}85%,100%{transform:translateX(var(--title-offset,0px))}}
@media(max-width:700px){.player-title{font-size:11px;line-height:1.35;letter-spacing:0}.player-title-text{vertical-align:top}}
@media(prefers-reduced-motion:reduce){
 .player-title{overflow:visible}
 .player-title-text,.player-title.is-overflowing .player-title-text{display:block;white-space:normal;overflow-wrap:anywhere;animation:none;transform:none;will-change:auto}
}