@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#080910;--white:#f1f0f7;--muted:#93939f;--purple:#b5a4ff;--line:#24242f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans',sans-serif;font-size:15px}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #b9b1ff;outline-offset:6px}header{height:94px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff10;position:absolute;top:0;z-index:5;width:100%}header img{width:170px;height:68px;object-fit:contain}nav{display:flex;gap:36px;font-size:13px;color:#cbc9d6}.navlisten{font-size:13px;border:1px solid #ffffff40;padding:12px 20px;border-radius:30px}.navlisten span{margin-left:20px}.hero{position:relative;min-height:800px;height:95svh;max-height:1100px;overflow:hidden}.hero-content{position:relative;padding:210px 7% 120px;z-index:2}.eyebrow{font-family:'Space Grotesk',sans-serif;font-size:10px;letter-spacing:2.4px;font-weight:500;color:#c4b7e5}.eyebrow i,.tiny-dot{display:inline-block;background:#bfafff;width:6px;height:6px;border-radius:50%;margin-right:10px;box-shadow:0 0 12px #bba4ff}h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(64px,7.8vw,120px);line-height:1.01;letter-spacing:-6px;font-weight:500;margin:32px 0}em{font-family:Georgia,serif;font-weight:400;color:#c2b3ff}h1 em{font-size:1.08em}.intro{font-size:17px;color:#b3b0c6;line-height:1.7;margin-bottom:32px}.primary{background:#d4caff;border:0;padding:17px 25px;color:#141020;border-radius:4px;font-size:13px;font-weight:700;transition:background .2s,transform .2s}.primary:hover{background:#eee6ff;transform:translateY(-2px)}.textlink{display:inline-block;font-size:12px;margin-left:24px;color:#d4d0df}.textlink span{margin-left:16px}.aurora{position:absolute;inset:0;background:radial-gradient(ellipse at 74% 56%,#654b9038,transparent 47%),radial-gradient(ellipse at 64% 88%,#314c5c44,transparent 45%),linear-gradient(125deg,#080910 12%,#0e0b1b 65%,#0b1019)}.orbit{position:absolute;top:25%;right:11%;width:clamp(300px,36vw,650px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 37%,#10101c 45%,#19142b 65%,#7d63a6 72%,#ddc7fa 73%,#4d4169 74%,transparent 75%);box-shadow:24px 18px 70px #b799f535,-25px -25px 80px #0008,inset 20px 10px 40px #000;transform:rotate(-28deg);animation:float 12s ease-in-out infinite}.orbit:after{content:'';position:absolute;inset:-17%;border:1px solid #a68bbd44;border-radius:50%;transform:rotateX(72deg) rotate(-25deg);box-shadow:0 0 25px #ae8dda22}.horizon{position:absolute;left:0;right:0;height:40%;bottom:-10%;background:repeating-linear-gradient(0deg,transparent 0 27px,#a595d710 28px 29px),repeating-linear-gradient(90deg,transparent 0 100px,#a595d713 101px 102px);transform:perspective(300px) rotateX(54deg);mask-image:linear-gradient(transparent,#000)}.stars{position:absolute;inset:0;opacity:.4;background-image:radial-gradient(1px 1px at 67% 22%,white,transparent),radial-gradient(1px 1px at 90% 35%,white,transparent),radial-gradient(1px 1px at 55% 38%,white,transparent),radial-gradient(2px 2px at 85% 76%,#c8b8f0,transparent),radial-gradient(1px 1px at 45% 16%,white,transparent)}.hero-bottom{position:absolute;bottom:30px;left:7%;right:7%;display:flex;justify-content:space-between;font:9px 'Space Grotesk',sans-serif;letter-spacing:2px;color:#898597}.vertical{position:absolute;right:26px;top:40%;writing-mode:vertical-rl;font-size:8px;letter-spacing:3px;color:#80768f}.music{padding:100px 7% 60px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:44px}h2{font:500 clamp(32px,3.6vw,54px)/1.12 'Space Grotesk',sans-serif;letter-spacing:-1.8px;margin:18px 0}.section-heading h2 span{color:var(--purple)}.section-heading>p{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:4px}.tracks{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.track{min-width:0}.art{aspect-ratio:1;position:relative;overflow:hidden;background:#100e1b;isolation:isolate}.art:before{content:'';position:absolute;width:64%;height:64%;left:18%;top:18%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#0d0e1b 30%,#322250 70%,#b397d3 74%,#e7d5ef 75%,#241a39 78%);box-shadow:15px 20px 65px #ae87e34d}.art:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#0002 4px 5px);pointer-events:none}.art.eleos{background:radial-gradient(ellipse at 50% 80%,#155b68,#0c141d 70%)}.art.eleos:before{border-radius:48% 48% 0 0;width:38%;left:31%;height:90%;top:20%;background:linear-gradient(90deg,#0a1820,#428597 48%,#91cad4 50%,#0d242d 54%);box-shadow:0 0 60px #55cfdd30}.art.retrospect{background:linear-gradient(#211830,#71485b 55%,#161221 56%)}.art.retrospect:before{background:linear-gradient(#f4bab6,#b275aa);box-shadow:0 0 70px #c58aac66;width:45%;height:45%;left:27.5%;top:25%}.art.retrospect:after{background:repeating-linear-gradient(0deg,#161221aa 0 2px,transparent 3px 9px);top:47%}.art-label{position:absolute;top:20px;left:20px;z-index:2;font-size:8px;letter-spacing:2px;color:#e1d9e9}.art img{position:absolute;bottom:16px;left:20px;width:40%;opacity:.85;z-index:2}.art button{position:absolute;bottom:20px;right:20px;width:48px;height:48px;border-radius:50%;background:#eee8ff;border:0;z-index:3;color:#161123;transition:transform .2s}.art button:hover{transform:scale(1.08)}.track-meta{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--line)}.track-meta h3{font-size:18px;font-weight:500;margin:0 0 7px}.track-meta small{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.track-meta>span{font-size:11px;color:#9c97ac}.track.active h3{color:var(--purple)}.note{display:flex;align-items:center;font-size:8px;letter-spacing:1.5px;color:#797686;margin:30px 0}.note>span:last-child{margin-left:auto}.about{margin:55px 7% 100px;padding-top:70px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.about>div>p:not(.eyebrow){color:var(--muted);line-height:1.9;font-size:14px;max-width:440px}.about .textlink{margin:20px 0}.worldart{aspect-ratio:1.1;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 55%,#5b326c,#171426 65%,#0c0c14)}.sun{position:absolute;width:50%;aspect-ratio:1;left:25%;top:20%;border-radius:50%;background:linear-gradient(#e2a7d0,#7b5d95);box-shadow:0 0 80px #b373af35}.lines{position:absolute;inset:50% 0 0;background:repeating-linear-gradient(0deg,#11101e 0 5px,transparent 6px 14px);transform:perspective(200px) rotateX(25deg)}.worldart img{position:absolute;width:78%;left:11%;top:38%;filter:drop-shadow(0 4px 16px #000)}.outro{text-align:center;padding:60px 20px 100px;background:radial-gradient(ellipse at 50% 100%,#2d203d66,transparent 65%)}.outro h2{font-size:clamp(40px,5vw,72px);margin:25px 0 35px}footer{border-top:1px solid var(--line);padding:30px 7% 130px;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.3px;color:#85818e}footer img{width:140px}.player{position:fixed;bottom:0;left:0;right:0;z-index:10;display:flex;align-items:center;gap:25px;padding:17px 4%;background:#101018ed;backdrop-filter:blur(24px);border-top:1px solid #37313f}.now{display:flex;align-items:center;gap:13px;min-width:230px}.mini-art{width:43px;height:43px;background:radial-gradient(circle,#141020 40%,#ad92d2 45%,#271a3f 49%,#151020 70%)}.now strong{font-size:12px;font-weight:500}.now small{display:block;font-size:7px;letter-spacing:1.5px;color:#8c859b;margin-top:7px}.transport{display:flex;align-items:center;gap:15px}.transport button{background:none;border:0;color:#d6d0df;font-size:12px;min-width:28px;min-height:40px}.transport .play-main{background:#cfc2f4;color:#171222;border-radius:50%;width:38px;height:38px;min-height:38px}.timeline{display:flex;align-items:center;gap:12px;flex:1;font-size:9px;color:#9a92a8}input[type=range]{accent-color:#c4afff;height:3px;cursor:pointer}.timeline input{width:100%}.volume{display:flex;align-items:center;gap:10px;font-size:8px;color:#8c859b}.volume input{width:65px}#status{font-size:7px;letter-spacing:1.2px;color:#a28eb9;white-space:nowrap}@keyframes float{50%{transform:translateY(-18px) rotate(-23deg)}}@media(min-width:1600px){.hero-content{padding-top:250px}}@media(max-width:900px){.hero{min-height:730px}.hero-content{padding-top:190px}h1{letter-spacing:-4px}.orbit{right:-10%;top:30%;width:500px;opacity:.7}.hero-content{background:linear-gradient(90deg,#08091077,transparent)}.tracks{gap:16px}.about{gap:5%}#status,.volume{display:none}.now{min-width:190px}.player{gap:16px}.art-label{font-size:7px;letter-spacing:1px}}@media(max-width:600px){header{height:80px;padding:0 6%}header img{width:134px}nav{gap:19px;font-size:11px}.navlisten{display:none}.hero{min-height:740px;max-height:900px;height:92svh}.hero-content{padding:170px 7% 120px}.eyebrow{font-size:8px;letter-spacing:1.6px}h1{font-size:67px;letter-spacing:-4px}.intro{font-size:14px}.orbit{top:35%;right:-45%;width:440px;opacity:.6}.textlink{margin-left:15px;font-size:10px}.primary{padding:16px 18px;font-size:11px}.vertical{display:none}.hero-bottom{font-size:7px;letter-spacing:1px}.hero-bottom span:last-child{display:none}.music{padding:65px 7% 30px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:20px}.tracks{grid-template-columns:1fr;gap:32px}.art{aspect-ratio:1.12}.track-meta{padding:17px 0}.note{font-size:6px;letter-spacing:1px}.note>span:last-child{display:none}.about{grid-template-columns:1fr;margin-top:25px;padding-top:45px;gap:35px;margin-bottom:50px}.about h2{font-size:36px}.outro{padding:50px 7% 70px}.outro h2{font-size:42px}footer{padding-bottom:150px;flex-wrap:wrap;gap:20px}footer img{width:120px}footer a{display:none}.player{padding:12px 6% calc(12px + env(safe-area-inset-bottom));flex-wrap:wrap;gap:8px;justify-content:space-between}.now{min-width:0}.now strong{font-size:12px}.transport{gap:10px}.timeline{flex-basis:100%;order:3;gap:10px}.mini-art{width:35px;height:35px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

.icon{width:18px;height:18px;display:inline-block;vertical-align:middle;flex-shrink:0}.primary{display:inline-flex;align-items:center;justify-content:center;gap:10px}.navlisten,.textlink{align-items:center;gap:10px}.navlisten .icon,.textlink .icon{width:14px;height:14px}.hero-bottom span,.note>span:last-child,footer a{display:inline-flex;align-items:center;gap:8px}.hero-bottom .icon,.note .icon,footer .icon{width:12px;height:12px}.transport button,.art button{display:inline-flex;align-items:center;justify-content:center}.transport button{min-width:44px;min-height:44px}.transport .play-main{width:44px;height:44px}.hero-portrait{position:absolute;right:0;top:0;width:60%;height:100%;object-fit:cover;object-position:center 35%;mask-image:linear-gradient(90deg,transparent,#000 25%);opacity:.82}.aurora:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#080910 0%,transparent 24%,transparent 75%,#08091088 100%),linear-gradient(90deg,#080910 15%,#08091044 55%,transparent)}.artist-portraits{position:relative;padding:0 12% 12% 0}.artist-main{width:100%;aspect-ratio:1;object-fit:cover;display:block}.artist-detail{position:absolute;width:40%;aspect-ratio:1;object-fit:cover;right:0;bottom:0;border:8px solid var(--bg)}.art button{min-width:48px;min-height:48px}.timeline input{height:24px;background:transparent}.volume input{height:24px}.hero-content{pointer-events:none}.hero-content button,.hero-content a{pointer-events:auto}@media(max-width:600px){.hero-portrait{width:100%;opacity:.6;object-position:58% 32%;mask-image:linear-gradient(90deg,transparent,#000 50%)}.aurora:after{background:linear-gradient(0deg,#080910,transparent 40%,#08091066),linear-gradient(90deg,#080910aa,transparent)}.hero-content{background:none}.hero-bottom span:last-child,.note>span:last-child{display:none}.artist-portraits{max-width:460px}.hero .intro{color:#dbd4e4}.player{gap:4px 8px}}

:root{--warm:#e9ac87;--energy:0}body{padding-bottom:20px}.eyebrow{color:#c8bddb}header{background:linear-gradient(#080910aa,transparent)}header img{width:205px}.hero-brand{width:clamp(240px,28vw,420px);height:auto;margin:-60px 0 10px;filter:drop-shadow(0 3px 20px #0008)}.hero-content{padding-top:205px}.hero h1{font-size:clamp(58px,6vw,94px);margin:15px 0 25px}.hero .eyebrow{margin-top:0}.primary{background:linear-gradient(120deg,#d4caff,#e6c0ad)}.primary:hover{background:#f0d5c3}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 65% 65%,#e3a077,transparent 65%);opacity:calc(var(--energy)*.16);mix-blend-mode:screen}.eyebrow,.art-label,.count,.now small{font-family:'Space Grotesk',sans-serif}.track-meta h3{letter-spacing:.3px}.track.active h3{color:var(--warm)}.skip-link{position:fixed;top:8px;left:8px;z-index:100;background:#eee;color:#111;padding:15px;transform:translateY(-180%)}.skip-link:focus{transform:none}.wave{height:62px;position:relative;margin-top:16px;--progress:0%;background:#15131e;border-radius:4px;overflow:hidden}.wave svg{position:absolute;inset:10px 8px;width:calc(100% - 16px);height:42px;stroke:#afa3bd;stroke-width:1.7}.wave-progress{position:absolute;inset:0 auto 0 0;width:var(--progress);background:#d7aa862d;border-right:1px solid #edc2a2;pointer-events:none}.wave input[type=range]{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:crosshair}.wave:focus-within{outline:2px solid var(--warm);outline-offset:3px}.wave:hover{background:#211a2b}.wave input:focus-visible{opacity:.25}.focus-open{border:0;background:none;color:inherit;text-align:left;padding:0;cursor:pointer}.mini-art{background-image:url('assets/artist.jpg');background-size:cover;transition:box-shadow .15s;box-shadow:0 0 calc(var(--energy)*25px) #d1a590}.mini-art.eleos{background-image:url('assets/listening.png')}.mini-art.retrospect{background-image:url('assets/profile.jpg')}.now{min-width:195px}.count{font-size:9px;color:#c8bfd4;white-space:nowrap}.icon-button{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #655773;background:#18131f;color:#e0d8ec;border-radius:50%;cursor:pointer;position:relative;flex-shrink:0}.icon-button:hover{background:#36273e}.icon-button[aria-pressed=true]{background:#e7bd9f;color:#211428;border-color:#e7bd9f}.repeat-one{font-size:9px;position:absolute;right:5px;bottom:3px}.play-main{width:60px;height:60px;display:inline-flex;align-items:center;justify-content:center;background:#d4caff;border:0;border-radius:50%;cursor:pointer;color:#1c1425}.connect{padding:70px 7% 90px;display:grid;grid-template-columns:1.4fr 1fr;gap:8%;border-top:1px solid var(--line)}.connect p{line-height:1.8;color:#b3aabd}.connect .eyebrow{color:var(--warm)}.platforms{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.platforms a{border:1px solid #655773;border-radius:4px;padding:15px 20px;min-height:48px;font-size:13px;display:inline-flex;align-items:center;gap:18px}.platforms a:hover{background:#302039;border-color:#d4b098}.platforms button:disabled{color:#b4a9be;background:#17121d;border:1px solid #45384e;padding:15px;cursor:default}.platforms small{display:block;font-size:10px}.contact{border-left:1px solid #4c3b53;padding-left:35px}.contact h3{font:500 30px/1.3 'Space Grotesk',sans-serif;letter-spacing:-1px}.contact p{font-size:13px}.contact a{color:#e7bd9f}.hero-bottom,.note,footer{color:#a99db5}dialog{color:#f1edf6;background:#0d0a14;border:1px solid #53415e;border-radius:10px;padding:32px;max-height:90svh}dialog::backdrop{background:#07060be8;backdrop-filter:blur(15px)}body:has(dialog[open]){overflow:hidden}#focusDialog{width:min(1100px,96vw);background:radial-gradient(ellipse at 10% 100%,#40233555,transparent 60%),#0d0a14}.focus-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.focus-top>img{width:180px}.focus-body{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center}.focus-body>.art{border:1px solid #4a3658;box-shadow:0 0 calc(var(--energy)*70px) #b18aab55}.focus-body .art img{width:65%;bottom:25px}.focus-details>p:not(.eyebrow){font-size:10px;letter-spacing:2px;color:#c0b3cd}.focus-details h2{font-size:clamp(30px,4vw,60px);overflow-wrap:anywhere}.focus-details .eyebrow span{float:right}.focus-times{display:flex;justify-content:space-between;font-size:11px;color:#bfb1cc;margin-top:10px}.focus-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin:32px 0 20px}.focus-controls .icon-button{border:0}.focus-details #focusStatus{text-align:center;letter-spacing:1px;min-height:20px}.focus-details .wave{height:82px;margin-top:30px}.focus-details .wave svg{height:62px}.settings-head{display:flex;align-items:center;gap:20px;justify-content:space-between}#settingsDialog{width:min(500px,92vw)}#settingsHeading{font-size:27px;letter-spacing:-1px}.setting{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:24px 0;border-top:1px solid #49364f;font-size:16px}.setting small{display:block;color:#bbaec6;font-size:12px;margin-top:8px;line-height:1.5}.setting input{width:24px;height:24px;accent-color:#d4b098}.setting-note{color:#bbaec6;font-size:12px;line-height:1.7}.player{gap:16px}.player #status{color:#cab8d5;max-width:145px;white-space:normal;font-size:8px;line-height:1.5}.volume{color:#b4a5c0}.hero h1,.outro h2{font-family:'Space Grotesk',sans-serif}.section-heading h2,.connect h2{font-family:'Orbitron','Space Grotesk',sans-serif;font-size:clamp(28px,3vw,46px);letter-spacing:-1px}@media(max-width:1100px){.volume{display:none}.player #status{display:none}.hero-brand{margin-top:-30px}.hero-content{padding-top:185px}}@media(max-width:600px){header img{width:145px}nav{gap:15px}nav a{min-height:44px;display:flex;align-items:center}.hero-content{padding-top:165px}.hero-brand{width:255px;margin:-25px 0 20px}.hero h1{font-size:59px;letter-spacing:-3.5px}.hero .eyebrow{max-width:240px;line-height:1.8}.hero{min-height:790px}.hero-portrait{opacity:.5}.player .count{display:none}.player .now{min-width:0;flex:1}.player .transport{gap:0}.player .icon-button{width:40px;height:40px}.player .transport button{min-width:38px}.player .timeline{flex-basis:100%;width:100%}.player{padding:10px 4% calc(10px + env(safe-area-inset-bottom));gap:7px}.player .now small{font-size:6px;letter-spacing:1px}.player .mini-art{width:33px;height:33px}.player #settingsOpen{width:36px;height:36px}.connect{grid-template-columns:1fr;padding:50px 7%;gap:40px}.contact{border-left:0;border-top:1px solid #4c3b53;padding:30px 0 0}.platforms a{flex:1;white-space:nowrap;padding:15px 12px;font-size:12px}.focus-body{grid-template-columns:1fr;gap:20px}.focus-body>.art{width:min(52vw,230px);margin:auto;aspect-ratio:1}.focus-top{margin-bottom:20px}.focus-top>img{width:140px}#focusDialog{padding:20px;max-height:94svh}.focus-details h2{text-align:center;font-size:32px;margin:10px 0}.focus-details>p{text-align:center}.focus-details .eyebrow{font-size:7px}.focus-details .eyebrow span{float:none;margin-left:12px}.focus-details .wave{margin-top:20px;height:60px}.focus-details .wave svg{height:40px}.focus-controls{margin:20px 0 12px;gap:10px}.focus-details #focusStatus{margin-bottom:0}.outro{padding-bottom:80px}footer{padding-bottom:165px}.note{font-size:8px}.section-heading>p,.about>div>p:not(.eyebrow){color:#b7acbf}}@media(prefers-reduced-motion:reduce){.hero:after{display:none}.focus-body>.art,.mini-art{box-shadow:none}}
.now>div{min-width:0}.now strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-email{display:inline-block;min-height:44px;line-height:44px;font-size:clamp(12px,1.3vw,16px);overflow-wrap:anywhere}@media(max-width:600px){.player .transport button{min-width:44px;min-height:44px}.player #settingsOpen{width:44px;height:44px}.player .timeline input{min-height:30px}.player .now{overflow:hidden}}@media(max-width:360px){header img{width:108px}nav{gap:10px;font-size:10px}.player .mini-art{display:none}.hero-brand{width:225px}.hero h1{font-size:52px}.hero .textlink{margin:15px 0 0;display:block}}
/* Each recording has its own atmosphere. */
body{--world:#b7a0ef;--world-rgb:183,160,239;--world-secondary:#55426d;transition:background-color 1.2s}body[data-world=eleos]{--world:#9fdce5;--world-rgb:159,220,229;--world-secondary:#1d6672;--warm:#9fdce5;--purple:#b1eaf1}body[data-world=retrospect]{--world:#efb1c7;--world-rgb:239,177,199;--world-secondary:#92505f;--warm:#efb19a;--purple:#f3b6ce}.primary,.play-main,.transport .play-main{background:linear-gradient(120deg,var(--world),#eed3bd);transition:background 1.2s,box-shadow .4s}.player{border-top-color:rgba(var(--world-rgb),.35);transition:border-color 1s,background 1s;background:linear-gradient(100deg,rgba(var(--world-rgb),.08),#101018ee 70%),#101018}.hero:after{background:radial-gradient(ellipse at 60% 60%,var(--world),transparent 65%);opacity:calc(.07 + var(--energy)*.2);transition:background 1.2s}.focus-body>.art{box-shadow:0 0 calc(20px + var(--energy)*70px) rgba(var(--world-rgb),.18);transition:box-shadow 1s}.wave-progress{background:rgba(var(--world-rgb),.18);border-right-color:var(--world);transition:background 1s}.wave svg{stroke:var(--world);transition:stroke 1s}#focusDialog{background:radial-gradient(ellipse at 10% 100%,rgba(var(--world-rgb),.13),transparent 65%),#0d0a14}.track.active .art{outline:1px solid var(--world);outline-offset:5px}.editorial-number{font:400 40px/1 'Space Grotesk',sans-serif;color:var(--world);letter-spacing:-3px;margin-right:15px}.track-meta>span:last-child{margin-left:auto}.track-meta h3{font-size:23px}.track-meta{justify-content:flex-start;gap:12px}.tracks{grid-template-columns:repeat(12,minmax(0,1fr));gap:75px 45px;align-items:start}.track:nth-child(1){grid-column:1/8}.track:nth-child(1) .art{aspect-ratio:1.35}.track:nth-child(2){grid-column:9/13;margin-top:150px}.track:nth-child(2) .art{aspect-ratio:.8}.track:nth-child(3){grid-column:4/11;margin-top:-10px}.track:nth-child(3) .art{aspect-ratio:1.6}.art:before{transition:filter 1.2s}.track.active .art:before{filter:brightness(1.2)}.section-heading{margin-bottom:65px}.section-heading h2{font-size:clamp(32px,4.5vw,70px);max-width:700px}.section-heading>p{max-width:220px}.editorial-divider{display:flex;justify-content:space-between;gap:20px;overflow:hidden;padding:50px 7% 0;align-items:baseline}.editorial-divider span:first-child{font:500 clamp(35px,7.5vw,130px)/1 'Space Grotesk',sans-serif;letter-spacing:-.055em;color:#302935;white-space:nowrap}.editorial-divider span:last-child{color:var(--world);font-size:12px;letter-spacing:3px}.about{margin-top:30px;grid-template-columns:1.15fr 1fr;gap:10%}.artist-main{aspect-ratio:.85}.artist-detail{width:44%;right:-3%;bottom:6%;border-width:10px}.about h2{font-size:clamp(35px,4.3vw,65px)}.artist-portraits:after{content:'DIGITAL NIGHTS / PORTRAIT STUDY';position:absolute;left:0;bottom:0;font-size:8px;letter-spacing:2px;color:#b7a8c5}.artifact-section{padding:110px 7% 80px;display:grid;grid-template-columns:1fr 1.25fr;gap:7%;align-items:center;border-bottom:1px solid #33283c;background:radial-gradient(ellipse at 70% 50%,rgba(var(--world-rgb),.06),transparent 65%)}.artifact-copy h2{font-size:clamp(42px,5vw,78px);letter-spacing:-3px}.artifact-copy>p:not(.eyebrow){color:#b8acbf;line-height:1.8;font-size:14px}.object-hint{display:block;font-size:10px;line-height:1.8;color:#b6a8c4;max-width:240px;margin-top:24px}.object-reset{background:none;border:0;border-bottom:1px solid #7c688e;color:#d4c8df;padding:10px 0;min-height:44px;font-size:11px;margin-top:6px;cursor:pointer}.artifact-stage{position:relative;min-width:0;aspect-ratio:1.25;display:flex;align-items:center;justify-content:center;perspective:900px}.artifact-halo{position:absolute;inset:10%;border:1px solid rgba(var(--world-rgb),.22);border-radius:50%;transform:rotateX(65deg) rotate(-25deg);box-shadow:0 0 50px rgba(var(--world-rgb),.08)}#artifact{position:relative;width:100%;height:300px;display:grid;place-items:center;background:none;border:0;color:white;perspective:900px;cursor:grab;touch-action:pan-y;--rx:-12deg;--ry:-18deg}#artifact:active{cursor:grabbing}.sculpture{position:relative;width:100%;height:180px;display:grid;place-items:center;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(-8deg);transition:transform .12s ease-out;font:600 clamp(65px,10vw,160px)/1 'Orbitron','Space Grotesk',sans-serif;letter-spacing:-.07em}.metal-depth,.metal-face{position:absolute;white-space:nowrap}.metal-depth{transform:translateZ(calc(var(--layer)*-1.5px));color:#625b6d;-webkit-text-stroke:1px #a8a0b1;text-shadow:0 2px 1px #16121d}.metal-face{background:linear-gradient(165deg,#fff 2%,#c6d5e1 19%,#474251 33%,#f4f0f8 43%,var(--world) 50%,#1b1724 53%,#8d819f 65%,#f4ede7 80%,#595065 95%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:.7px #e9e1f0;filter:drop-shadow(0 22px 18px #0008);transform:translateZ(1px)}.object-caption{position:absolute;bottom:5%;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:3px;white-space:nowrap;color:#b8aac4}#intro{position:fixed;inset:0;width:100vw;max-width:none;height:100svh;max-height:none;border:0;border-radius:0;margin:0;padding:30px;background:#080710;overflow:hidden;text-align:center}#intro[open]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}#intro::backdrop{background:#080710}#intro img{width:min(620px,82vw);z-index:1;animation:logo-reveal 2.5s both}#intro .eyebrow{z-index:1;animation:intro-type 1s both}.intro-caption{font-size:9px;letter-spacing:3px;color:#afa0c1;z-index:1;animation:intro-type 1.4s both}#skipIntro{position:absolute;right:6%;bottom:7%;border:1px solid #7c648e;background:#16101e;color:#f0e6f7;border-radius:30px;padding:14px 22px;min-height:48px;font-size:12px;z-index:3;cursor:pointer}.intro-beam{position:absolute;inset:-50%;background:linear-gradient(115deg,transparent 43%,#bfa1ed08 47%,#eed7ff38 50%,#bfa1ed08 53%,transparent 57%);animation:beam 2.8s ease-in-out both}.intro-grain{position:absolute;inset:0;opacity:.17;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.4' d='M0 0h180v180H0z'/%3E%3C/svg%3E");pointer-events:none}@keyframes logo-reveal{0%{opacity:0;filter:blur(16px);transform:scale(.96)}55%,100%{opacity:1;filter:blur(0);transform:scale(1)}}@keyframes beam{from{transform:translateX(-55%)}to{transform:translateX(55%)}}@keyframes intro-type{from{opacity:0}to{opacity:1}}@media(max-width:900px){.tracks{gap:50px 25px}.track:nth-child(1){grid-column:1/8}.track:nth-child(2){grid-column:8/13;margin-top:100px}.track:nth-child(3){grid-column:2/12}.track-meta h3{font-size:19px}.editorial-number{font-size:30px}.artifact-section{gap:0}.sculpture{font-size:10vw}}@media(max-width:600px){.artifact-section{grid-template-columns:1fr;padding:65px 7% 35px;gap:0}.artifact-copy h2{font-size:49px;letter-spacing:-2px}.artifact-copy>p:not(.eyebrow){font-size:13px}.artifact-stage{aspect-ratio:1.3}.sculpture{font-size:19vw}#artifact{height:240px}.artifact-copy .object-hint{max-width:none;margin-top:20px}.object-caption{bottom:1%}.tracks{grid-template-columns:repeat(12,minmax(0,1fr));gap:48px 0}.track:nth-child(1){grid-column:1/13}.track:nth-child(2){grid-column:2/13;margin-top:0}.track:nth-child(3){grid-column:1/12;margin-top:0}.track:nth-child(1) .art{aspect-ratio:1.1}.track:nth-child(2) .art{aspect-ratio:1}.track:nth-child(3) .art{aspect-ratio:1.1}.track-meta{gap:8px}.track-meta h3{font-size:22px}.editorial-number{font-size:35px;margin-right:8px}.section-heading{margin-bottom:35px}.section-heading h2{font-size:32px}.editorial-divider{padding-top:25px;gap:12px}.editorial-divider span:first-child{font-size:8vw}.editorial-divider span:last-child{font-size:8px}.about{grid-template-columns:1fr;gap:35px}.about h2{font-size:38px}.artist-detail{right:0}.artist-portraits{margin-right:3%}.object-reset{margin-top:0}}@media(prefers-reduced-motion:reduce){#intro{display:none!important}.sculpture{transition:none}.hero:after{opacity:.07}.primary,.player,.wave svg,.wave-progress{transition:none}}
.hero-brand{display:block;margin:20px 0 16px}.hero .eyebrow{position:relative;z-index:1}@media(max-width:600px){.hero-brand{margin:18px 0 24px}.hero-content{padding-top:145px}.hero{min-height:830px}}
.track-meta>.editorial-number{font-size:40px;color:var(--world);flex-shrink:0}@media(max-width:900px){.track-meta>.editorial-number{font-size:30px}}@media(max-width:600px){.track-meta>.editorial-number{font-size:35px}}
#enterSite{position:absolute;right:6%;bottom:7%;border:1px solid #bba2d1;background:#21152f;color:#f0e6f7;border-radius:30px;padding:15px 32px;min-height:50px;font-size:13px;z-index:3;cursor:pointer}#enterSite:hover{background:#382341}.tilt-status{display:block;font-size:10px;line-height:1.8;color:#c7b5d4;max-width:300px;margin-top:8px}#enableTilt{margin-right:20px}#artifact{--shine-x:50%;--shine-y:35%;--shine-angle:165deg}.metal-face{background-image:radial-gradient(ellipse at var(--shine-x) var(--shine-y),#fff 0%,#f4eaff 9%,transparent 33%),linear-gradient(var(--shine-angle),#fff 2%,#c6d5e1 19%,#474251 33%,#f4f0f8 43%,var(--world) 50%,#1b1724 53%,#8d819f 65%,#f4ede7 80%,#595065 95%)}@media(prefers-reduced-motion:reduce){#intro[open]{display:flex!important}#intro img{opacity:1;filter:none;transform:none}.intro-beam,.intro-grain{display:none}}
/* Persistent track shortcuts, positioned from the measured player height. */
body{--player-height:88px}.track-dock{position:fixed;z-index:9;left:50%;bottom:calc(var(--player-height) + 14px);transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:7px 10px;background:#100c18e8;backdrop-filter:blur(22px);border:1px solid rgba(var(--world-rgb),.32);border-radius:40px;box-shadow:0 10px 35px #0005;max-width:calc(100vw - 30px)}.dock-label{font:9px 'Space Grotesk',sans-serif;letter-spacing:2px;color:#b5a5c3;padding:0 12px;white-space:nowrap}.track-dock button{display:flex;align-items:center;gap:9px;min-height:44px;padding:10px 14px;background:transparent;border:1px solid transparent;color:#d3c9de;border-radius:30px;cursor:pointer;font-size:11px;white-space:nowrap}.track-dock button[aria-pressed=true]{background:rgba(var(--world-rgb),.13);border-color:rgba(var(--world-rgb),.4);color:var(--world)}.track-dock button:hover{background:#ffffff12}.dock-number{font-size:8px;color:#ad9bbc}.dock-state{display:inline-flex}.dock-state .icon{width:12px;height:12px}body:has(dialog[open]) .track-dock{visibility:hidden}.gallery-frame{display:block;padding:0;background:none;border:0;cursor:zoom-in;text-align:left;color:#fff;overflow:hidden}.gallery-frame img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s,filter .6s}.gallery-frame:hover img{transform:scale(1.035);filter:brightness(1.08)}.artist-main.gallery-frame{position:relative;width:86%;aspect-ratio:.8}.artist-detail.gallery-frame{width:43%;aspect-ratio:1;right:0;bottom:10%;border:8px solid var(--bg);z-index:2}.artist-listening{position:absolute;right:-2%;top:3%;width:29%;aspect-ratio:2/3;border:7px solid var(--bg);transform:rotate(5deg);z-index:1}.artist-listening:hover{transform:rotate(2deg)}.gallery-frame-label{position:absolute;bottom:18px;left:18px;padding:10px 13px;letter-spacing:1.7px;font-size:8px;background:#080910b8;border:1px solid #ffffff50;border-radius:2px}.artist-portraits{padding-bottom:16%;padding-right:4%}#galleryDialog{width:96vw;max-width:1400px;height:94svh;max-height:94svh;border-radius:8px;padding:24px 30px;background:radial-gradient(ellipse at 50% 110%,rgba(var(--world-rgb),.12),transparent 65%),#0b0911}#galleryDialog[open]{display:flex;flex-direction:column;gap:16px}.gallery-header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0}.gallery-header h2{font-size:24px;letter-spacing:-.7px;margin:8px 0}.gallery-header .eyebrow{font-size:8px;margin:0}.gallery-stage{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:25px;align-items:center;flex:1;min-height:0}.gallery-stage>img{width:100%;height:100%;max-height:100%;object-fit:contain;min-height:0;touch-action:pan-y;user-select:none;cursor:grab}.gallery-stage>img:active{cursor:grabbing}.gallery-stage .icon-button{background:#191121}.gallery-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-shrink:0;color:#c5b7d2}.gallery-footer p{font-size:9px;letter-spacing:1.7px;margin:0}.gallery-footer>span{font-size:8px;letter-spacing:1px;color:#a693b7}.gallery-dots{display:flex;align-items:center;gap:0}.gallery-dots button{position:relative;min-width:44px;min-height:44px;background:transparent;border:0;cursor:pointer}.gallery-dots button:after{content:'';position:absolute;width:6px;height:6px;left:19px;top:19px;border-radius:50%;background:#6c5a7c}.gallery-dots button[aria-pressed=true]:after{background:var(--world);box-shadow:0 0 12px rgba(var(--world-rgb),.5)}footer.night-footer{display:flex;flex-direction:column;position:relative;overflow:hidden;isolation:isolate;gap:0;padding:80px 7% calc(var(--player-height) + 115px);min-height:650px;background:radial-gradient(ellipse at 50% 60%,rgba(var(--world-rgb),.11),transparent 65%),#080910;text-align:center;border-top:1px solid rgba(var(--world-rgb),.2)}.night-footer>.eyebrow{font-size:9px;margin:0 0 35px;color:#c6b6d4}.night-footer .footer-brand{display:block;width:min(760px,88%);min-height:80px;position:relative;z-index:1}.night-footer .footer-brand img{display:block;width:100%;height:auto;filter:drop-shadow(0 0 35px rgba(var(--world-rgb),.15))}.footer-tagline{font:400 14px/1.8 'DM Sans',sans-serif;letter-spacing:.3px;color:#c6b6d4;margin:20px 0 25px}.footer-links{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;position:relative;z-index:1}.night-footer .footer-links a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border:1px solid rgba(var(--world-rgb),.4);border-radius:30px;padding:13px 24px;font-size:12px;letter-spacing:.3px;color:#e2d5ed;background:#100b18aa}.footer-links a:hover{background:rgba(var(--world-rgb),.15);border-color:var(--world)}.footer-horizon{position:absolute;z-index:-1;left:-20%;right:-20%;height:260px;top:150px;border-radius:50%;border-top:1px solid rgba(var(--world-rgb),.6);box-shadow:0 -15px 55px rgba(var(--world-rgb),.09),inset 0 25px 60px rgba(var(--world-rgb),.08);transform:perspective(600px) rotateX(55deg)}.footer-base{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:40px;margin-top:55px;border-top:1px solid #ffffff18;position:relative;z-index:1;font-size:8px;line-height:1.8;letter-spacing:1.2px;color:#b8a7c5}.night-footer .footer-base a{display:inline-flex;min-height:44px;align-items:center;gap:8px}.footer-base .icon{width:12px;height:12px}.outro{padding-bottom:75px}@media(max-width:900px){.gallery-footer>span{display:none}.gallery-stage{gap:10px}.artist-listening{right:0}.track-dock button{padding:10px 12px}.footer-base>span:last-child{display:none}}@media(max-width:600px){.track-dock{gap:2px;padding:5px 6px;bottom:calc(var(--player-height) + 9px);max-width:calc(100vw - 18px);width:370px;justify-content:space-between}.dock-label{display:none}.track-dock button{gap:6px;padding:8px 10px;min-height:44px;font-size:10px}.dock-number{font-size:7px}.dock-state .icon{width:10px;height:10px}.artist-main.gallery-frame{width:88%}.artist-detail.gallery-frame{bottom:9%;width:44%;border-width:6px}.artist-listening{right:-1%;border-width:5px}.gallery-frame-label{left:12px;bottom:12px;font-size:7px;padding:9px}#galleryDialog{width:100vw;max-width:100vw;height:100svh;max-height:100svh;border:0;border-radius:0;padding:20px 14px calc(16px + env(safe-area-inset-bottom))}.gallery-header h2{font-size:21px}.gallery-header .eyebrow{font-size:7px;letter-spacing:1.3px}.gallery-stage{grid-template-columns:1fr;position:relative;gap:0}.gallery-stage .icon-button{position:absolute;bottom:12px;z-index:2;background:#0c0717d9;border-color:#a994bc88}.gallery-stage #galleryPrev{left:10px}.gallery-stage #galleryNext{right:10px}.gallery-footer{flex-direction:column;gap:4px}.gallery-footer p{font-size:8px;text-align:center;letter-spacing:1px}.gallery-footer>span{display:block;font-size:7px}.gallery-dots{order:-1}.night-footer .footer-brand{width:100%;display:block}.night-footer .footer-brand img{width:100%}footer.night-footer{padding:65px 7% calc(var(--player-height) + 110px);min-height:550px}.night-footer .footer-links{gap:8px}.night-footer .footer-links a{padding:12px 16px;font-size:11px;display:inline-flex}.night-footer .footer-tagline{font-size:12px;max-width:260px;margin-top:18px}.night-footer .footer-base{margin-top:40px;padding-top:20px;flex-wrap:wrap;justify-content:center;gap:5px 20px}.night-footer .footer-base a{display:inline-flex}.footer-horizon{top:100px;height:200px}.night-footer>.eyebrow{font-size:8px;letter-spacing:2px}.outro{padding-bottom:60px}}@media(max-width:360px){.track-dock button{padding:8px 6px;font-size:9px}.dock-number{display:none}.night-footer .footer-links a{padding:12px 13px}}@media(prefers-reduced-motion:reduce){.gallery-frame img,.artist-listening{transition:none}.gallery-frame:hover img{transform:none}}
#enterSite{bottom:12%}#enterQuietly{position:absolute;right:6%;bottom:5%;min-height:44px;padding:10px 20px;border:0;background:transparent;color:#dfd1e9;text-decoration:underline;text-underline-offset:5px;cursor:pointer;z-index:3}.tracks-toggle{display:none}.queue{border-top:1px solid #53415e;padding-top:16px;margin-top:20px}.queue-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.queue h3{font-size:14px;margin:0;font-weight:500}.queue-head button{background:none;color:var(--world);border:1px solid #746080;border-radius:20px;font-size:10px;padding:9px 13px;min-height:44px;cursor:pointer}.queue>p{font-size:11px;color:#bcaec8;line-height:1.6}.queue ol{list-style:none;padding:0;margin:8px 0;max-height:130px;overflow:auto}.queue li button{display:flex;justify-content:space-between;width:100%;min-height:44px;border:0;border-top:1px solid #ffffff12;padding:12px 0;background:transparent;color:#e4d7ee;font-size:12px;cursor:pointer;text-align:left}.queue li button span:last-child{font-size:9px;color:#baa5cb}.queue-end{font-size:12px;color:#baa5cb;padding:12px 0}#focusDialog{overflow:auto}.focus-body{align-items:center}.focus-details .focus-controls{margin:22px 0 14px}@media(max-width:600px){.track-dock{display:none}body.tracks-expanded .track-dock{display:flex}.player .tracks-toggle{display:inline-flex;width:44px;height:44px;font-size:9px;border-radius:12px}.player .now small{display:none}.player .mini-art{display:none}.player .now strong{font-size:11px}.player{gap:5px}.focus-body>.art{width:145px}.focus-top{margin-bottom:12px}.focus-details .wave{margin-top:14px}.focus-details h2{font-size:28px}.focus-body{gap:12px}.focus-details .focus-controls{margin:15px 0}.queue{margin-top:12px;padding-top:12px}.queue>p{font-size:10px}.queue ol{max-height:100px}.focus-details #focusStatus{font-size:9px}}@media(max-height:700px){.focus-body>.art{max-height:220px}.focus-details h2{font-size:30px}}
#nightDrive{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.8;mask-image:linear-gradient(transparent 10%,#000 60%,#000 90%,transparent)}.hero .aurora{z-index:0}.hero-bottom,.vertical{z-index:2}#nightParticles{position:fixed;inset:0;z-index:8;pointer-events:none;opacity:.65}.aurora{background:radial-gradient(ellipse at 70% 70%,rgba(var(--world-rgb),.1),transparent 60%),#080910}.hero-portrait{opacity:.52;mix-blend-mode:screen}.scroll-scene{transform:translateY(var(--scroll-shift,0px)) rotate(var(--scroll-rotate,0deg));will-change:transform}.art:before{animation:planet-drift 18s ease-in-out infinite paused;transform-origin:center}.art.art-visible:before{animation-play-state:running}.art.eleos:before{animation-name:water-light;animation-duration:7s}.art.retrospect:before{animation-name:sunset-breathe;animation-duration:10s}.art.eleos:after{animation:water-scan 9s linear infinite paused}.art.eleos.art-visible:after{animation-play-state:running}.art.retrospect:after{animation:sunset-scan 12s ease-in-out infinite paused}.art.retrospect.art-visible:after{animation-play-state:running}body:has(#focusDialog[open]) #focusArt:before,body:has(#focusDialog[open]) #focusArt:after{animation-play-state:running}body.experience-paused .track .art:before,body.experience-paused .track .art:after{animation-play-state:paused}.motion-off .art:before,.motion-off .art:after{animation:none!important}.motion-off .scroll-scene{transform:none!important;will-change:auto}.motion-off #nightParticles{display:none}.listening-scene #focusDialog::backdrop{background:#040208f5}.listening-scene .focus-details{position:relative}.listening-scene .focus-body{perspective:900px}@keyframes planet-drift{0%,100%{transform:rotate(-12deg) scale(1)}50%{transform:rotate(12deg) scale(1.06)}}@keyframes water-light{0%,100%{transform:scaleX(.95) translateY(0);filter:brightness(.9)}50%{transform:scaleX(1.07) translateY(-3%);filter:brightness(1.3)}}@keyframes sunset-breathe{0%,100%{transform:scale(1);filter:brightness(.95)}50%{transform:scale(1.045);filter:brightness(1.15)}}@keyframes water-scan{from{background-position:0 0}to{background-position:0 45px}}@keyframes sunset-scan{50%{transform:translateY(4px);opacity:.7}}@media(max-width:600px){#nightDrive{opacity:.65}.hero-portrait{opacity:.42}.scroll-scene{will-change:auto}}@media(prefers-reduced-motion:reduce){.scroll-scene{transform:none!important}.art:before,.art:after{animation:none!important}#nightParticles{display:none}}
#nightDrive{opacity:.58;mask-image:linear-gradient(90deg,transparent,#000 45%),linear-gradient(transparent 10%,#000 60%,#000 90%,transparent);mask-composite:intersect}@media(max-width:600px){#nightDrive{opacity:.5}.hero .intro{color:#e0d6e9}}
.track:nth-child(n+4){grid-column:span 6;margin-top:0}.track:nth-child(n+4) .art{aspect-ratio:1.3}.track:last-child:nth-child(odd){grid-column:4/10}.art.deep-sea{background:radial-gradient(ellipse at 40% 90%,#14637a,#07111e 70%)}.art.deep-sea:before{background:radial-gradient(circle at 40% 25%,#a8e3ee,#1b5469 35%,#051322 70%);box-shadow:0 20px 70px #228eaa55}.art.ambient-dreams{background:linear-gradient(130deg,#21132d,#55446c,#0d1d31)}.art.ambient-dreams:before{background:radial-gradient(ellipse,#e6c4ea,#876897 40%,transparent 70%);filter:blur(12px);box-shadow:0 0 70px #a991d855}.art.skyline{background:linear-gradient(#14162d,#b6779b 65%,#191225 66%)}.art.skyline:before{border-radius:0;background:repeating-linear-gradient(90deg,#11121d 0 15px,transparent 15px 22px);width:100%;left:0;top:45%;height:55%;box-shadow:none;clip-path:polygon(0 35%,10% 35%,10% 10%,20% 10%,20% 40%,30% 40%,30% 0,45% 0,45% 25%,55% 25%,55% 10%,70% 10%,70% 35%,85% 35%,85% 5%,100% 5%,100% 100%,0 100%)}.art.ka-lo{background:radial-gradient(ellipse at 50% 60%,#814057,#281125 70%)}.art.ka-lo:before{background:conic-gradient(from 30deg,#eac4a5,#6d3e61,#eda0a7,#4b2d4b,#eac4a5);border-radius:38%;box-shadow:0 0 60px #d7839655}.track-dock{max-width:calc(100vw - 35px);overflow-x:auto;justify-content:flex-start;scrollbar-width:thin;border-radius:24px}.track-dock button{flex-shrink:0}.dock-label{flex-shrink:0}body[data-world=deep-sea]{--world:#7ed1e2;--world-rgb:126,209,226;--warm:#93cfdc}body[data-world=ambient-dreams]{--world:#d8b5ed;--world-rgb:216,181,237;--warm:#d8b5ed}body[data-world=skyline]{--world:#e5acd8;--world-rgb:229,172,216;--warm:#f1b6cb}body[data-world=ka-lo]{--world:#efb090;--world-rgb:239,176,144;--warm:#efb090}.mini-art.deep-sea{background-image:linear-gradient(#14637a,#07111e)}.mini-art.ambient-dreams{background-image:linear-gradient(130deg,#e6c4ea,#55446c)}.mini-art.skyline{background-image:linear-gradient(#14162d,#b6779b)}.mini-art.ka-lo{background-image:linear-gradient(#814057,#eac4a5)}@media(max-width:600px){.track:nth-child(n+4){grid-column:1/13}.track:nth-child(even):nth-child(n+4){grid-column:2/13}.track:last-child:nth-child(odd){grid-column:1/12}.track:nth-child(n+4) .art{aspect-ratio:1.1}.track-dock{width:370px;max-width:calc(100vw - 18px);justify-content:flex-start}.track-dock button{padding:8px 12px}.track-dock:after{content:'';min-width:3px}}
#oceanScene{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:1}main{position:relative;z-index:1}.hero .aurora{background:linear-gradient(90deg,#020e1ccc,transparent 75%)}.hero-portrait{opacity:.2;mix-blend-mode:luminosity;mask-image:linear-gradient(90deg,transparent,#000 60%)}.hero{background:transparent}.hero:after{background:radial-gradient(ellipse at 65% 25%,#4db6c1,transparent 65%);opacity:calc(.03 + var(--energy)*.08)}.artifact-section{background:radial-gradient(ellipse at 70% 50%,#398f9d12,transparent 70%)}.hero h1 em{color:#b4e4e7}.hero h1{font-size:clamp(55px,5.7vw,91px)}.hero .intro{color:#c0dce1}.outro{background:radial-gradient(ellipse at 50% 100%,#15495d55,transparent 70%)}.art.deep-sea:before{animation-name:submerged-orb;animation-duration:14s}.motion-off #oceanScene{opacity:.85}.scroll-scene{transition:filter .6s}.listening-scene #focusDialog{background:radial-gradient(ellipse at 30% 0%,#15465b77,transparent 75%),#05121e}.listening-scene #focusDialog::backdrop{background:#020c16ed}.night-footer{background:linear-gradient(transparent,#020d1ceb)!important}@keyframes submerged-orb{0%,100%{transform:translateY(0) rotate(-6deg);filter:brightness(.9)}50%{transform:translateY(-10px) rotate(6deg);filter:brightness(1.1)}}@media(max-width:600px){.hero h1{font-size:55px}.hero-portrait{opacity:.15}.hero .aurora{background:linear-gradient(90deg,#020e1c88,transparent)}}@media(prefers-reduced-motion:reduce){.art.deep-sea:before{animation:none!important}}
#oceanScene{filter:blur(7px);transform:scale(1.03)}.hero h1[tabindex="-1"]:focus{outline:none}
/* Keep fixed scenery behind content and isolate card painting for mobile Safari. */
body{isolation:isolate;background:#020d1c}#oceanScene{z-index:-2;filter:none;transform:none;opacity:.85}#nightParticles{z-index:-1;opacity:.5}main{position:relative;z-index:1}.track{position:relative;isolation:isolate;background:#061523;border:1px solid #a6d7e81a;border-radius:5px;overflow:hidden}.track .art{z-index:0}.track-meta{position:relative;z-index:1;background:#061523;color:#f1f0f7;padding:20px 16px;min-height:98px;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.track-meta h3{color:#f1f0f7}.track-meta small{color:#b7cdd5}.track-meta>.editorial-number{color:var(--world)}.track-meta>span:last-child{color:#b7cdd5}.track .wave{margin:0 12px 14px;position:relative;z-index:1}.track.active .art{outline:0;box-shadow:inset 0 0 0 1px var(--world)}.track.active{border-color:var(--world)}@media(max-width:600px){html{scroll-padding-bottom:145px}main{padding-bottom:12px}.scroll-scene{transform:none!important;will-change:auto}.track{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.track-meta{padding:18px 12px;min-height:95px;gap:8px}.track-meta>div{min-width:0;flex:1}.track-meta h3{font-size:20px;overflow-wrap:anywhere}.track-meta small{font-size:8px;line-height:1.5;display:block;letter-spacing:.8px}.track-meta>.editorial-number{font-size:29px;margin-right:2px}.track-meta>span:last-child{flex-shrink:0}.player{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;padding-bottom:calc(10px + env(safe-area-inset-bottom))}#oceanScene,#nightParticles{pointer-events:none}.gallery-frame{transform:translateZ(0)}}
/* The footer is a readable foreground splash, never a translucent canvas layer. */
footer.night-footer{position:relative;z-index:2;isolation:isolate;background:#041725!important;color:#f6fcff;border-top:1px solid #6bc4de77;opacity:1;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.night-footer>.eyebrow{color:#adddec;opacity:1;font-size:10px}.night-footer .footer-brand{position:relative;z-index:2;opacity:1;transform:translateZ(0)!important}.night-footer .footer-brand img{opacity:1;filter:none;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.night-footer .footer-tagline{position:relative;z-index:2;color:#e0f1f7;opacity:1}.night-footer .footer-links{z-index:2;opacity:1}.night-footer .footer-links a{color:#f4fcff;background:#123c51;border:1px solid #8ed4e5;opacity:1;font-weight:600}.night-footer .footer-links a:hover{background:#205b71}.night-footer .footer-base{z-index:2;color:#c5e7f0;opacity:1;border-top-color:#51869a88}.night-footer .footer-base a{color:#e3f6fc}.night-footer .footer-horizon{z-index:0;opacity:.65;box-shadow:0 -10px 60px #279ec333,inset 0 25px 70px #279ec322;border-top-color:#77d5e077;pointer-events:none}#oceanScene{opacity:1;filter:none;transform:none}footer.night-footer::before{content:'';position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at 50% 35%,#13526a88,transparent 65%);pointer-events:none}.night-footer .footer-brand:focus-visible{outline:2px solid #d4f6ff}@media(max-width:600px){footer.night-footer{background:#041725!important}.night-footer .footer-base{font-size:9px}.night-footer>.eyebrow{font-size:9px}.night-footer .footer-tagline{font-size:13px}.night-footer .footer-brand{width:100%}.night-footer .footer-links a{font-size:12px;min-height:48px}}
/* Reveal the portrait clearly, then dissolve it into the ocean as the hero leaves. */
.hero-portrait{width:66%;opacity:calc(.95 * var(--portrait-visibility,1));mix-blend-mode:normal;object-position:center 35%;mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 100%);transform:translateZ(0)}.hero .aurora:after{background:linear-gradient(90deg,#020e1ce6 0%,#020e1c66 42%,transparent 75%),linear-gradient(0deg,#020e1c 0%,transparent 35%,#020e1c33 100%)}.hero-content h1,.hero-content .intro{text-shadow:0 2px 18px #020a15b3}.hero-content .eyebrow{text-shadow:0 1px 10px #000}@media(max-width:600px){.hero-portrait{width:100%;opacity:calc(.88 * var(--portrait-visibility,1));object-position:60% 32%;mask-image:linear-gradient(90deg,#0009,#000 40%);-webkit-mask-image:linear-gradient(90deg,#0009,#000 40%)}.hero .aurora:after{background:linear-gradient(90deg,#020e1c66,transparent 75%),linear-gradient(0deg,#020e1cee 0%,#020e1c66 35%,transparent 68%,#020e1c33 100%)}.hero .aurora{background:transparent}.hero-content .intro{color:#edf7fa}.hero-content h1{color:#fff}}