/* Black Lotus Nocturne — additive visual layer. Existing routes and audio are unchanged. */
@font-face{font-family:'Shippori Mincho B1';src:url('assets/fonts/shippori-mincho-b1.woff2') format('woff2');font-display:swap;font-weight:400}
@font-face{font-family:'Zen Kaku Gothic New';src:url('assets/fonts/zen-kaku-gothic-new.woff2') format('woff2');font-display:swap;font-weight:400}
@font-face{font-family:'Dela Gothic One';src:url('assets/fonts/dela-gothic-one.woff2') format('woff2');font-display:swap;font-weight:400}
@font-face{font-family:'Share Tech Mono';src:url('assets/fonts/share-tech-mono.woff2') format('woff2');font-display:swap;font-weight:400}
:root{color-scheme:dark;--serif:'Shippori Mincho B1',Georgia,serif;--body:'Zen Kaku Gothic New','Hiragino Kaku Gothic ProN',sans-serif;--mono:'Share Tech Mono',monospace;--ink:var(--bone);--muted:var(--bone-dim);--paper:var(--void);--line:#49414f;--future-spectrum:var(--spectrum)}
html{background:var(--void)}body{background:var(--void);color:var(--bone);font-family:var(--body)}body::before{background:repeating-linear-gradient(0deg,#ffffff04 0 1px,transparent 1px 5px);background-size:auto;z-index:-1;opacity:.3}
.site-backdrop{background:var(--void)}.background-photo{opacity:0;filter:saturate(.65) brightness(.45)}.background-photo.is-active{opacity:.5}.site-backdrop::after{background:linear-gradient(90deg,#060509fb,#060509e8 55%,#060509a8),linear-gradient(0deg,#060509e8,transparent 70%)}
.demo{background:#08060b;color:var(--bone-dim);border-bottom:1px solid #ffffff12;font-family:var(--mono);font-size:.6875rem;letter-spacing:.07em;padding:9px 12px}.demo strong{font-weight:400;color:var(--bone)}
.header,.menu-ready .header{background:#0d0b12f5;color:var(--bone);box-shadow:0 10px 30px #0006;border-bottom:1px solid #403445}.header::before{height:1px;background:var(--spectrum);box-shadow:none}.navigation{width:min(1450px,94%);padding:13px 0;gap:18px}.wordmark{display:flex;align-items:center;gap:10px;font:400 1.1rem/1.5 var(--serif);color:var(--bone);filter:none;white-space:nowrap}.wordmark em{font-style:normal}.wordmark span{color:var(--bone-dim);font:400 .5rem/1.5 var(--mono);letter-spacing:.18em}.wordmark .logo-mark{width:46px;height:46px;flex-shrink:0}.wordmark .wordmark-copy{font:inherit;letter-spacing:0;color:inherit}.logo-mark{display:block;fill:none;color:var(--bone)}
#site-navigation{border-radius:0;background:transparent}#site-navigation ul{display:flex;margin:0;padding:0;list-style:none;gap:2px;border-top:3px solid var(--velvet);box-shadow:0 -3px 14px #8e0e2a30}#site-navigation li{position:relative;min-width:0;--key-light:var(--r)}#site-navigation li:nth-child(2){--key-light:var(--o)}#site-navigation li:nth-child(3){--key-light:var(--g)}#site-navigation li:nth-child(4){--key-light:var(--b)}#site-navigation li:nth-child(5){--key-light:var(--v)}.navigation #site-navigation a{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;min-width:77px;min-height:76px;padding:20px 10px 8px;border:0;border-radius:0 0 5px 5px;background:linear-gradient(#f1eadf,#c6bcb0);color:#211b23;font:400 .75rem/1.4 var(--body);box-shadow:inset 0 -4px 0 #756c66,0 3px 5px #0007;transition:transform .18s var(--groove),box-shadow .18s}.navigation #site-navigation a small{font-family:var(--mono);font-size:.5rem;letter-spacing:.12em;color:#574852}.navigation #site-navigation li:not(:last-child)::after{content:'';position:absolute;right:-8px;top:0;width:16px;height:34px;z-index:1;background:linear-gradient(90deg,#08070b,#28222d,#08070b);border-radius:0 0 3px 3px;box-shadow:0 3px 4px #0007;pointer-events:none}.navigation #site-navigation a:hover,.navigation #site-navigation a:focus-visible,.navigation #site-navigation a[aria-current=location]{transform:translateY(3px);box-shadow:inset 0 -3px var(--key-light),0 4px 18px color-mix(in srgb,var(--key-light) 35%,transparent);outline-color:var(--sakura)}
.languages{color:var(--bone-dim)}.languages a{color:var(--bone);min-height:44px;display:inline-flex;align-items:center}.languages a[aria-current=page]{background:#211927;color:var(--bone);box-shadow:inset 0 0 0 1px #655270}.reading-progress span{background:var(--spectrum)}.menu-toggle{background:#1b1621;border:1px solid #61536b;color:var(--bone)}.menu-toggle span{background:var(--bone)}
.hero{overflow:hidden;background:transparent}.hero::before{background:radial-gradient(ellipse at 85% 30%,#5b4bff12,transparent 50%)}.hero-inner{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:6%;padding-block:55px 60px;min-height:650px}.hero-copy{max-width:660px;display:flex;flex-direction:column;align-items:flex-start}.hero-copy>.eyebrow{order:0}.hero h1{order:1;font-family:var(--serif);font-size:clamp(3rem,5.8vw,6rem);margin:18px 0 14px}.hero h1 em{font-family:var(--serif);font-size:1em;font-style:normal;background:none;color:var(--bone);-webkit-text-fill-color:var(--bone);filter:none;font-weight:400;text-shadow:none;letter-spacing:-.045em}.hero h1 strong{font-weight:400}.hero-actions{order:2;margin:16px 0 20px;gap:14px}.hero-copy>p:not(.identity){order:3}.hero-copy>.artist-social-nav{order:4}.hero-copy>.rhythm{order:5}.hero-copy>.identity{order:6}.hero .eyebrow{color:var(--bone-dim);font-family:var(--mono);font-size:.625rem;letter-spacing:.12em}.hero .context-mark{background:#17101d;border:1px solid #493452;color:var(--sakura)}
:is(.hero-copy,.section-head,.listening-intro,.music-primary,.music-mini,.practice-row,.story-text,.legacy-card,.process,.closing-inner)>p,.practice-writer .writer-copy p{font-family:var(--body);font-size:1.03rem;font-weight:400;line-height:1.85;letter-spacing:.015em;color:var(--bone);max-width:57ch}.hero-copy>p:not(.identity){font-size:1.03rem;padding:15px 18px;border-left:1px solid #895571;background:#0d0b12ed;margin:0}.hero-copy p.identity{color:var(--bone-dim);font-family:var(--mono);font-size:.6875rem;border-color:#624067}.hero-copy p.identity strong{font-weight:400}
:is(.hero-copy,.section-head,.listening-intro,.music-primary,.music-mini,.practice-row,.story-text,.legacy-card,.process,.closing-inner)>p strong,.writer-copy p strong{font-weight:600;color:var(--bone)}:is(.music-primary,.music-mini,.practice-row,.story-text,.legacy-card,.process,.closing-inner) p em{color:#e4c6d5}.story-text p,.writer-copy p{font-family:var(--serif)!important;font-size:1.15rem!important;line-height:1.85!important}html[lang=ja] :is(.hero-copy,.section-head,.listening-intro,.music-primary,.music-mini,.practice-row,.story-text,.legacy-card,.process,.closing-inner)>p,html[lang=ja] .writer-copy p{font-family:var(--body);color:var(--bone);line-height:1.95;font-size:1rem}.section-title,.practice-row h3,.music-primary h3,.music-mini h3,.artist-player h3,.process h3,.legacy-card h3,.closing h2{color:var(--bone);font-family:var(--serif);font-weight:400;text-shadow:none;font-feature-settings:'palt';font-style:normal}.section-title .emoji,.closing .emoji,.legacy-card .emoji,.story-portrait .emoji{display:none}.heading-label,.chapter-label,.small,.eyebrow,.role-chip{font-family:var(--mono);color:var(--bone-dim)}
/* An original moon, radial window and sculpted seven-petal lotus. */
.hero-portrait{position:relative;display:grid;place-items:center;width:100%;min-height:485px;border:0;border-radius:0;padding:0;filter:none;box-shadow:none;background:none;perspective:900px;isolation:isolate}.hero-portrait>img{width:110px;height:140px;object-fit:cover;position:absolute;right:8%;bottom:16px;z-index:3;border-radius:60px 60px 10px 10px;border:1px solid #bfa49b;box-shadow:0 8px 22px #0008;opacity:.88}.hero-portrait::after{inset:auto 4% 8%;height:17%;border:1px solid #9580a833;border-radius:50%;transform:rotateX(65deg);box-shadow:0 0 40px #6d45a133;background:repeating-radial-gradient(ellipse,transparent 0 12px,#746c9422 13px 14px)}.nocturne-moon{position:absolute;width:75%;aspect-ratio:1;top:1%;border-radius:50%;background:radial-gradient(circle at 40% 35%,#f6f0e2,#c8c1b2 60%,#77717a);box-shadow:0 0 60px #ede6da0c;opacity:.86;z-index:-1}.rose-window{position:absolute;width:78%;aspect-ratio:1;border-radius:50%;top:2%;border:1px solid #faf0df88;background:repeating-conic-gradient(from 0deg,#060509e8 0 1deg,transparent 1deg 29deg,#060509e8 29deg 30deg),radial-gradient(circle,transparent 0 30%,#06050999 31% 32%,transparent 33% 58%,#060509aa 59% 60%,transparent 61%);opacity:.22;transition:opacity .6s,filter .6s;z-index:0}.nocturne-lotus{position:absolute;inset:23% 2% auto;height:65%;perspective:900px;transform-style:preserve-3d;z-index:2}.nocturne-petal{position:absolute;left:50%;bottom:20%;width:32%;height:87%;margin-left:-16%;border:1px solid #b5a7b8;border-radius:100% 0 90% 10%;background:linear-gradient(135deg,#07060a,#292331 52%,#08060c);transform-origin:50% 94%;transform:rotate(var(--angle)) rotateY(-28deg) rotateX(10deg);box-shadow:inset 4px 0 7px #ffffff0a,4px 9px 18px #0006;transition:transform .6s var(--groove),border-color .6s,box-shadow .6s}.nocturne-petal:nth-child(1){--angle:-24deg;--bloom:-72deg;--petal-light:var(--r)}.nocturne-petal:nth-child(2){--angle:-16deg;--bloom:-48deg;--petal-light:var(--o)}.nocturne-petal:nth-child(3){--angle:-8deg;--bloom:-24deg;--petal-light:var(--y)}.nocturne-petal:nth-child(4){--angle:0deg;--bloom:0deg;--petal-light:var(--g)}.nocturne-petal:nth-child(5){--angle:8deg;--bloom:24deg;--petal-light:var(--b)}.nocturne-petal:nth-child(6){--angle:16deg;--bloom:48deg;--petal-light:var(--i)}.nocturne-petal:nth-child(7){--angle:24deg;--bloom:72deg;--petal-light:var(--v)}
body[data-nocturne-playing=true] .nocturne-petal{transform:rotate(var(--bloom)) rotateY(-12deg) rotateX(18deg);border-color:var(--petal-light);box-shadow:inset 2px 0 14px color-mix(in srgb,var(--petal-light) 18%,transparent),0 0 20px color-mix(in srgb,var(--petal-light) 12%,transparent)}body[data-nocturne-playing=true] .rose-window{opacity:.64;background-color:#2a184066;filter:drop-shadow(0 0 15px #b26ac955);background-image:repeating-conic-gradient(#060509c9 0 1deg,transparent 1deg 29deg,#060509c9 29deg 30deg),radial-gradient(circle,transparent 0 30%,#06050999 31% 32%,transparent 33% 58%,#060509aa 59% 60%,transparent 61%),var(--spectrum-ring)}
.orbit-caption{position:absolute;right:0;top:5%;bottom:auto;writing-mode:vertical-rl;display:flex;align-items:center;gap:14px;color:#dcc9e9;background:#060509dd;border:1px solid #645271;padding:14px 10px;font-family:var(--serif);border-radius:0;font-size:1.1rem}.orbit-caption small{font:400 .5rem var(--mono);letter-spacing:.18em}.nocturne-tagline{position:absolute;bottom:0;left:1%;font-family:var(--mono);font-size:.55rem;letter-spacing:.12em;color:var(--bone-dim);max-width:62%;line-height:1.8}.nocturne-tagline span{display:block;color:#e8d6e6;font-family:var(--serif);font-size:1.05rem;letter-spacing:.16em;margin-bottom:8px}
.button,.player-controls .player-toggle,.dock-controls [data-dock-toggle]{background:#211829;color:var(--bone);border:1px solid #d08cac;border-radius:8px;box-shadow:inset 0 0 15px #ff8fb809,0 0 20px #a259ff15;font-family:var(--mono);font-weight:400;min-height:48px}.button:hover,.player-controls .player-toggle:hover{background:#35203b;color:#fff;box-shadow:0 0 20px #ff8fb825}.hero-actions .text-link,.text-link{border-color:#716277;color:var(--bone);background:#0d0b12c9}.artist-social-nav a{color:var(--bone-dim);background:#100c16;border-color:#3e3347;font-family:var(--mono);font-size:.6875rem;border-radius:5px}.artist-social-nav a:hover{color:var(--bone);background:#261830}.rhythm{opacity:.55}.rhythm span{animation:none!important}.hero .rhythm{display:none}
.strip{background:#0d0b12e8;border-block:1px solid #493747}.disciplines a{color:var(--bone-dim);font-family:var(--mono);font-size:.6875rem}.disciplines a:hover{color:var(--bone);background:#231729}.disciplines .icon{color:#c594b7}
:is(.artist-player,.music-primary,.music-mini,.practice-row,.legacy-card,.social-links a,.story-text,.more-listening a,.section-head>p,.listening-intro>p,.process>div,.closing-inner>div){background:var(--night-panel);border:1px solid #423746;box-shadow:0 1px 0 #ffffff06 inset,0 12px 32px #0005;backdrop-filter:blur(8px);border-radius:12px;color:var(--bone)}.section-head>p,.listening-intro>p,.process>div,.closing-inner>div{padding:22px}.paper-section,.legacy-section,.music-section,.closing{background:transparent}.section{padding-block:66px}.music-primary{border-top:1px solid #935958}.music-mini{border-top:1px solid #75663c}.practice-row{border-radius:8px;padding:28px}.practice-row h3{font-size:1.9rem}.practice-row .talent-icon,.context-mark,.role-chip{background:#1b1420;color:#d7b8d0;border:1px solid #4b3b52;box-shadow:none}.writing-portrait img{box-shadow:none!important;border-radius:50% 50% 8px 8px!important;border:1px solid #7c657c!important;filter:saturate(.4)}.story-portrait img{border-radius:48% 48% 5% 5%;border:1px solid #856b83;box-shadow:12px 10px 0 #251726}.story-portrait figcaption{color:var(--bone-dim)}.story-text{padding:30px}.legacy-card .chapter-label{background:transparent;color:#d8a7c7}.legacy-present{border-color:#886294;background:linear-gradient(135deg,#1c1122f5,#0d0b12fa)}.legacy-present p,.legacy-present .text-link{color:var(--bone)}.legacy-present .text-link{background:#17111d}.more-listening span,.music-primary p,.music-mini p,.process p,.legacy-card p,.player-intro,.player-status,.player-playlist small{color:var(--bone-dim)}.more-listening .listening-title,.more-listening .listening-name,.music-section .text-link,.music-section .small{color:var(--bone)}.music-section a:hover{color:var(--sakura)}
.artist-player{position:relative;overflow:hidden;padding:34px;border:1px solid #6b516f;border-radius:12px;background:radial-gradient(ellipse at 10% 15%,#29152699,transparent 50%),#0d0b12f5}.artist-player::before{inset:0 20px auto;height:2px}.artist-player .eyebrow{color:#c6a1ba}.artist-player h3{font-size:2.1rem}.player-current{color:var(--bone)}.player-time,.track-number{font-family:var(--mono);color:#c8b6d2}.player-controls button{color:var(--bone);background:#221827;border-color:#716079;border-radius:6px}.player-playlist button{background:#110e16;border:1px solid #49374f;border-radius:7px;box-shadow:inset 4px 0 #392b40;color:var(--bone)}.player-playlist button[aria-current=true]{background:#201428;box-shadow:inset 4px 0 var(--sakura),0 0 16px #a259ff0b;border-color:#a06a93}.player-playlist button:hover{background:#271b30;transform:none}.track-indicator{color:var(--g)}.player-embed{border-radius:5px;box-shadow:0 0 0 1px #604266}.on-air{font:400 .625rem/1.5 var(--mono);letter-spacing:.1em;color:#ae9da9;display:flex;gap:8px;align-items:center;margin:15px 0}.on-air::before{content:'';width:6px;height:6px;border-radius:50%;background:#74636e}.on-air[data-on=true]{color:#88efc8}.on-air[data-on=true]::before{background:var(--g);box-shadow:0 0 8px #1ef0a877}
.record-skin{position:relative;display:grid;place-items:center;width:76px;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#09080b 0 2px,#27202a 2.5px 3px,#09080b 3.5px 5px);border:2px dotted #756776;flex-shrink:0}.record-skin::after{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 20deg,transparent 0 22%,#ede6da15 24%,transparent 27% 72%,#a259ff20 74%,transparent 78%);pointer-events:none}.record-skin .logo-mark{width:34px;height:34px;background:#140e1c;border:1px solid #775c82;border-radius:50%;padding:4px}.artist-player>.record-skin{display:none}.music-dock{background:linear-gradient(110deg,#19121ffa,#09070efa);border-color:#785578;border-radius:9px;box-shadow:0 0 30px #000b}.music-dock::before{height:1px}.dock-track,.dock-track small{color:var(--bone)}.dock-track small{font-family:var(--mono);color:var(--bone-dim)}.dock-track strong{font-family:var(--mono);font-size:.85rem}.dock-lotus{display:none}.dock-track .record-skin{width:44px}.dock-track .record-skin .logo-mark{width:24px;height:24px}.dock-controls button{background:#221527;color:var(--bone);border-color:#846188;border-radius:6px}.dock-controls [data-dock-toggle]{min-height:44px}.music-dock[data-state=playing] .record-skin .logo-mark{animation:nocturne-spin 1.8s linear infinite}.player-source{color:#d6b6cc}
.social-links a{border-radius:8px;color:var(--bone)}.social-links a:hover{border-color:#ac79a1}.social-links small{color:var(--bone-dim)}.channel-name{color:var(--bone)}.background-controls,.back-to-top{background:#0d0b12ed;border:1px solid #7e617f;box-shadow:0 4px 22px #0007;color:var(--bone)}.background-next{color:var(--bone);min-height:44px}.background-next:hover{background:#291b30}.back-to-top .vinyl-record{animation-duration:1.8s}.footer-wordmark{font-family:var(--serif);color:var(--bone)}footer{background:radial-gradient(#ffffff09 1px,transparent 1px) 0 0/5px 5px,#08060c;border-top:1px solid #684764;padding-top:38px;color:var(--bone-dim)}.footer-brand{display:flex;gap:20px;align-items:center}.footer-brand .logo-mark{width:65px;height:65px}.context-links summary{background:#100c16;color:var(--bone-dim);border-color:#55415c}.context-links p,.context-links a{color:var(--bone-dim)}.studio-clock{font:400 .6875rem var(--mono);color:#bea6c6;letter-spacing:.08em}.nocturne-loader[hidden]{display:none}.nocturne-loader{z-index:90;left:50%;bottom:24px;transform:translateX(-50%);display:flex;align-items:center;gap:16px;width:min(410px,calc(100% - 32px));padding:16px;background:#0d0b12fa;border:1px solid #846288;border-radius:12px;box-shadow:0 10px 40px #0008;color:var(--bone);font:400 .75rem var(--mono)}.nocturne-loader .record-skin .logo-mark{animation:nocturne-spin 1.8s linear infinite}.nocturne-loader button{min-height:44px;background:none;color:var(--bone);border:1px solid #706078;border-radius:6px;padding:8px 12px;cursor:pointer}.load-progress{height:2px;width:100%;accent-color:#ff8fb8;margin-top:10px}.nocturne-loader-copy{flex:1}.nocturne-loader progress{width:100%;display:block;height:4px;margin-top:12px;accent-color:#ff8fb8}.nocturne-loader-copy span{display:block;margin-top:6px;color:var(--bone-dim)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--sakura);outline-offset:5px}.skip{color:#060509;background:var(--bone)}.not-found{min-height:85svh;display:grid;place-content:center;justify-items:center;text-align:center;gap:20px}.not-found .record-skin{width:180px}.not-found .record-skin .logo-mark{width:78px;height:78px}.not-found h1{font-family:var(--serif);font-weight:400;font-size:clamp(2rem,5vw,4rem)}
@keyframes nocturne-spin{to{transform:rotate(360deg)}}
@media(max-width:1100px){.navigation{width:92%;padding-block:12px}.navigation #site-navigation a{min-height:56px;padding:9px 20px;align-items:flex-start;justify-content:center;border-radius:4px;font-size:.9rem}.navigation #site-navigation li:not(:last-child)::after{right:10px;top:auto;bottom:-7px;width:35%;height:14px}.navigation #site-navigation ul{flex-direction:column;gap:3px}.menu-ready .navigation>nav{background:#0d0b12fc;border-radius:8px}.menu-ready .menu-open .navigation>nav{max-height:calc(100dvh - 155px);padding:16px;border:1px solid #78617d}.hero-inner{min-height:0;padding-block:35px 45px}.hero-portrait{min-height:390px}.wordmark{font-size:1rem}.wordmark .logo-mark{width:40px;height:40px}.hero h1{font-size:clamp(2.5rem,6vw,5rem)}}
@media(max-width:650px){.demo{font-size:.5rem;padding:7px}.navigation{gap:8px}.wordmark{font-size:.85rem;gap:7px}.wordmark .logo-mark{width:32px;height:32px}.wordmark span{font-size:.45rem}.languages a{font-size:.625rem;padding:5px 7px}.hero-inner{display:flex;flex-direction:column;gap:18px;padding-top:25px}.hero h1.stage-title,html[lang=ja] .hero h1.stage-title{font-family:var(--serif);font-size:clamp(2.45rem,12vw,4.5rem);margin-block:14px 4px}.hero h1 em,html[lang=ja] .hero h1 em{font-size:1em}.hero-actions{margin:14px 0 18px}.hero-actions .text-link{display:none}.hero-copy>p:not(.identity){font-size:.9375rem;line-height:1.8}.hero-portrait{width:92%;min-height:355px;max-width:430px}.hero-portrait>img{width:75px;height:100px;right:5%;max-height:none;aspect-ratio:auto}.orbit-caption{font-size:.875rem;padding:9px 7px;right:-3%;top:1%}.hero .artist-social-nav{margin:18px 0 8px;gap:6px}.artist-social-nav a{padding:8px 10px;min-height:44px;font-size:.625rem}.hero .identity{margin:12px 0 0;font-size:.625rem}.section{padding-block:40px}.section-head>p,.listening-intro>p{padding:18px}.section-title{font-size:2.2rem}.practice-row{padding:22px;gap:14px}.practice-row h3{font-size:1.5rem}.practice-writer .writer-copy p,.story-text p{font-size:1.05rem!important}.artist-player{padding:22px}.artist-player h3{font-size:1.8rem}.music-dock{padding:10px 12px;gap:9px}.dock-track .record-skin{width:32px}.dock-track .record-skin .logo-mark{width:20px;height:20px}.dock-track{gap:6px}.dock-track strong{font-size:.7rem}.dock-track small{font-size:.5rem}.dock-controls{gap:4px}.dock-controls button{font-size:.6875rem}.dock-controls [data-dock-toggle]{min-width:56px}.background-next{min-height:44px}.footer-brand{gap:14px}.footer-brand .logo-mark{width:48px;height:48px}.social-links a{padding:24px}.story-text{padding:24px}.nocturne-tagline{font-size:.5rem}.nocturne-tagline span{font-size:.9rem}.hero-copy{width:100%}}
@media(max-width:350px){.wordmark .wordmark-copy>span{display:none}.wordmark{font-size:.8rem}.hero-portrait{min-height:300px}.dock-track .record-skin{display:none}.navigation{width:94%}}
@media(max-height:400px){.orbit-caption{writing-mode:horizontal-tb;top:0;right:0;font-size:.75rem}.hero-portrait{min-height:350px}.menu-ready .menu-open .navigation>nav{max-height:calc(100dvh - 140px)}.has-music-dock .background-controls,.has-music-dock .back-to-top{display:none}}
@media(prefers-reduced-motion:reduce){.nocturne-petal,.rose-window{transition:none}.music-dock[data-state=playing] .record-skin .logo-mark,.nocturne-loader .record-skin .logo-mark{animation:none}.navigation #site-navigation a{transition:none}.hero-portrait .lotus-orbit{animation:none}}
@media(forced-colors:active){.nocturne-moon,.rose-window,.nocturne-lotus,body::before{display:none}.header,.artist-player,.music-dock,.nocturne-loader,.navigation #site-navigation a{background:Canvas;color:CanvasText;border:1px solid CanvasText}.logo-mark{color:CanvasText}.button,.player-controls button,.dock-controls button{color:ButtonText;background:ButtonFace}.hero h1 em{-webkit-text-fill-color:CanvasText}.site-backdrop{display:none}}

/* Resolve legacy pastel text overrides on the new dark surfaces. */
html body.nocturne :is(.hero p,.section-head p,.listening-intro>p,.music-primary p,.music-mini p,.practice-row p,.writer-copy p,.story-text p,.legacy-card p,.process p,.closing p,.identity,.text-link,.channel-name,.background-next,.context-links summary,.context-links p,.context-links a){color:var(--bone)}
html body.nocturne :is(.heading-label,.small,.more-listening span,.social-links small,.footer-inner p,.footer-wordmark span,.player-status,.player-intro){color:var(--bone-dim)}
html body.nocturne :is(.hero-copy,.section-head,.listening-intro,.music-primary,.music-mini,.practice-row,.writer-copy,.story-text,.legacy-card,.process,.closing-inner) p :is(strong,em){color:inherit}
html body.nocturne .orbit-caption span{font-family:var(--serif);font-size:1.1rem;color:#dec6e6;text-shadow:0 0 14px #a259ff33}
html[lang] body.nocturne :is(.wordmark,.section-title,.artist-player h3,.legacy-card h3,.practice-row h3){font-family:var(--serif)}
@media(max-width:650px){html body.nocturne .orbit-caption span{font-size:.9rem}}

.record-skin{background:#09080b;border:0}.record-disc{position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;border:2px dotted #756776;background:repeating-radial-gradient(circle,#09080b 0 2px,#27202a 2.5px 3px,#09080b 3.5px 5px)}.music-dock[data-state=playing] .record-disc,.nocturne-loader .record-disc{animation:nocturne-spin 1.8s linear infinite}.music-dock[data-state=playing] .record-skin .logo-mark,.nocturne-loader .record-skin .logo-mark{animation:none}.nocturne-loader .record-skin::before{content:'';position:absolute;width:50px;height:3px;left:66px;top:5px;background:#b9b2a7;border-radius:3px;transform-origin:0 50%;transform:rotate(95deg);z-index:3;transition:transform .4s ease-out}.nocturne-loader[data-loaded="1"] .record-skin::before{transform:rotate(115deg)}.nocturne-loader[data-loaded="2"] .record-skin::before{transform:rotate(130deg)}
@media(prefers-reduced-motion:reduce){.music-dock[data-state=playing] .record-disc,.nocturne-loader .record-disc{animation:none}.nocturne-loader .record-skin::before{transition:none}}

html body.nocturne a:hover{color:#f4deef}.navigation #site-navigation a:hover{color:#211b23}
.nocturne-petal{background:none;border:0;border-radius:0;box-shadow:none;overflow:visible;transform:rotate(var(--angle)) rotateY(-8deg) rotateX(10deg)}.nocturne-petal path{stroke:#a294a7;stroke-width:1;transition:stroke .6s,filter .6s}body[data-nocturne-playing=true] .nocturne-petal{box-shadow:none;transform:rotate(var(--bloom)) rotateY(-8deg) rotateX(10deg)}body[data-nocturne-playing=true] .nocturne-petal path{stroke:var(--petal-light);filter:drop-shadow(0 0 2px var(--petal-light))}
@media(prefers-reduced-motion:reduce){.nocturne-petal path{transition:none}}

/* Approved display-name hierarchy. */
html body.nocturne .hero h1.stage-title{font-size:clamp(2.6rem,4.3vw,4.8rem);line-height:1.18;margin-bottom:9px;letter-spacing:-.04em}
html body.nocturne .hero-copy>p.artist-subtitle{order:1;display:block;font:400 1.5rem/1.5 var(--serif);letter-spacing:.18em;color:var(--bone-dim);text-transform:none;border:0;background:none;padding:0;margin:0 0 13px;max-width:100%}
html body.nocturne .wordmark-copy>span{display:block;font:400 .625rem/1.5 var(--serif);letter-spacing:.12em;text-transform:none;color:var(--bone-dim)}
@media(max-width:650px){html body.nocturne .hero h1.stage-title{font-size:clamp(2.15rem,9vw,3.6rem);letter-spacing:-.045em}html body.nocturne .hero-copy>p.artist-subtitle{font-size:1.15rem;letter-spacing:.14em}html body.nocturne .wordmark{font-size:.75rem}html body.nocturne .wordmark-copy>span{font-size:.55rem}}
@media(max-width:350px){html body.nocturne .wordmark .logo-mark{width:26px;height:26px}html body.nocturne .wordmark{gap:5px;font-size:.6875rem}html body.nocturne .wordmark-copy>span{font-size:.5rem}}
html body.nocturne .hero h1.stage-title em{font-size:1em}

/* Approved cover artwork: responsive, dimensional and alive without a canvas. */
.hero .hero-inner{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:5%;padding-block:55px 65px}
.hero-portrait.lotus-scene{position:relative;display:block;width:100%;max-width:none;min-height:0;margin:0;padding:0;perspective:1200px;isolation:isolate;align-self:center;border:0;border-radius:0;background:none;box-shadow:none;filter:none}
.lotus-scene::before,.lotus-scene::after{display:none}
.lotus-artwork{position:relative;z-index:2;overflow:hidden;border-radius:12px;border:1px solid #e8c8f04d;background:#120f19;box-shadow:0 25px 65px #0009,0 0 0 5px #d5a9eb08;transform-origin:50% 65%;animation:lotus-float 16s ease-in-out infinite}
.lotus-artwork picture{display:block;overflow:hidden;aspect-ratio:1200/630}
.hero-portrait.lotus-scene .lotus-artwork img{display:block;position:static;width:100%;height:auto;max-height:none;aspect-ratio:1200/630;object-fit:contain;border:0;border-radius:0;box-shadow:none;opacity:1;animation:lotus-breathe 32s ease-in-out infinite;transform-origin:52% 45%}
.lotus-light-wash{position:absolute;inset:-50%;pointer-events:none;background:linear-gradient(115deg,transparent 37%,#8ab7ff00 43%,#d7afff16 49%,#fff3dc1c 50%,#ff97c010 53%,transparent 61%);animation:lotus-light 19s ease-in-out infinite}
.lotus-aura{position:absolute;inset:-25% -10%;z-index:-1;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse at 24% 45%,#a259ff30,transparent 48%),radial-gradient(ellipse at 77% 55%,#ff8fb826,transparent 48%),radial-gradient(ellipse at 52% 84%,#2fb5ff1c,transparent 40%);animation:lotus-aura 21s ease-in-out infinite}
.lotus-orbit-trail{position:absolute;inset:-16% -5% 4%;z-index:1;border:1px solid #b69ac33d;border-radius:50%;pointer-events:none;animation:lotus-orbit 24s ease-in-out infinite;transform:rotate(-12deg)}
.lotus-orbit-trail::before,.lotus-orbit-trail::after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:#e7bef6;box-shadow:0 0 13px #d199ff;left:20%;top:10%}
.lotus-orbit-trail::after{left:auto;top:auto;right:20%;bottom:10%;background:#ffc7a6;box-shadow:0 0 13px #ffad88}
.lotus-orbit-trail.orbit-two{inset:4% -8% -6%;border-color:#86c9ef26;animation-delay:-13s;animation-duration:31s;transform:rotate(9deg)}
.lotus-motes{position:absolute;inset:-15% -3% 4%;z-index:3;pointer-events:none}
.lotus-motes i{position:absolute;width:3px;height:3px;border-radius:50%;background:#e9cfef;box-shadow:0 0 9px #d296ef;animation:lotus-mote 9s ease-in-out infinite}
.lotus-motes i:nth-child(1){left:9%;top:23%;animation-delay:-2s}.lotus-motes i:nth-child(2){left:27%;top:9%;animation-delay:-5s;background:#ffd3a5}.lotus-motes i:nth-child(3){left:47%;top:4%;animation-delay:-7s;background:#a3d9ff}.lotus-motes i:nth-child(4){right:15%;top:16%;animation-delay:-1s}.lotus-motes i:nth-child(5){right:3%;top:58%;animation-delay:-6s;background:#b4f4d7}.lotus-motes i:nth-child(6){left:17%;bottom:2%;animation-delay:-4s;background:#fff0a0}.lotus-motes i:nth-child(7){right:30%;bottom:8%;animation-delay:-8s;background:#ffb4d0}
.lotus-caption{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:25px;padding:12px 0;border-top:1px solid #bba5c22b;color:var(--bone-dim);font:400 .62rem/1.7 var(--mono);letter-spacing:.13em;text-transform:uppercase}
.lotus-spectrum{display:flex;align-items:center;gap:4px;height:18px;flex-shrink:0}
.lotus-spectrum i{display:block;width:2px;height:9px;background:var(--v);transform-origin:50% 100%;animation:lotus-level 2.8s ease-in-out infinite}
.lotus-spectrum i:nth-child(2){background:var(--i);height:13px;animation-delay:-.9s}.lotus-spectrum i:nth-child(3){background:var(--b);height:18px;animation-delay:-1.5s}.lotus-spectrum i:nth-child(4){background:var(--g);height:12px;animation-delay:-.4s}.lotus-spectrum i:nth-child(5){background:var(--y);height:16px;animation-delay:-1.8s}.lotus-spectrum i:nth-child(6){background:var(--o);height:11px;animation-delay:-.7s}.lotus-spectrum i:nth-child(7){background:var(--r);height:7px;animation-delay:-2s}
body[data-nocturne-playing=true] .lotus-spectrum i{animation-duration:1.1s}
body[data-nocturne-playing=true] .lotus-artwork{border-color:#cfa6e284;box-shadow:0 25px 65px #0009,0 0 35px #a259ff1e}
.lotus-scene[data-motion=paused] :is(.lotus-artwork,.lotus-artwork img,.lotus-light-wash,.lotus-aura,.lotus-orbit-trail,.lotus-motes i,.lotus-spectrum i){animation-play-state:paused}
@keyframes lotus-float{0%,100%{transform:translate3d(0,0,0) rotateX(1deg) rotateY(-1.5deg)}50%{transform:translate3d(0,-10px,0) rotateX(-1deg) rotateY(1.5deg)}}
@keyframes lotus-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}
@keyframes lotus-light{0%,20%{transform:translate3d(-30%,0,0);opacity:0}45%,65%{opacity:.65}85%,100%{transform:translate3d(30%,0,0);opacity:0}}
@keyframes lotus-aura{0%,100%{transform:translate3d(-2%,0,0) scale(.96);opacity:.65}50%{transform:translate3d(2%,-3%,0) scale(1.06);opacity:1}}
@keyframes lotus-orbit{0%,100%{transform:rotate(-12deg) translate3d(0,0,0)}50%{transform:rotate(9deg) translate3d(0,-8px,0)}}
@keyframes lotus-mote{0%,100%{transform:translate3d(0,8px,0);opacity:.15}50%{transform:translate3d(6px,-14px,0);opacity:.85}}
@keyframes lotus-level{0%,100%{transform:scaleY(.45)}50%{transform:scaleY(1)}}
/* These surfaces are already opaque; removing layered blurs reduces paint work. */
body.nocturne :is(.artist-player,.music-primary,.music-mini,.practice-row,.legacy-card,.social-links a,.story-text,.more-listening a,.section-head>p,.listening-intro>p,.process>div,.closing-inner>div){backdrop-filter:none;-webkit-backdrop-filter:none}
@media(min-width:761px) and (max-width:1100px){.hero .hero-inner{gap:4%;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}html body.nocturne .hero h1.stage-title{font-size:clamp(2.6rem,4.5vw,3.8rem)}}
@media(max-width:760px){
 .hero .hero-inner{display:flex;flex-direction:column;gap:0;width:90%;padding-block:28px 40px;min-height:0;align-items:stretch}
 .hero .hero-copy{display:contents}
 .hero .hero-copy>.eyebrow{order:0}.hero .hero-copy>h1{order:1;margin-top:16px}
 html body.nocturne .hero-copy>p.artist-subtitle{order:2;margin-bottom:4px}
 .hero .hero-copy>.hero-actions{order:3;margin:16px 0 28px}
 .hero-portrait.lotus-scene{order:4;width:100%;max-width:none;min-height:0;margin:12px 0 20px}
 .hero .hero-copy>p:not(.identity):not(.artist-subtitle){order:5;max-width:none;font-size:1rem;padding:15px 17px}
 .hero .hero-copy>.artist-social-nav{order:6}.hero .hero-copy>.identity{order:7;margin-top:12px}
 .lotus-caption{margin-top:16px;font-size:.55rem;letter-spacing:.09em}
 .lotus-artwork{animation-name:lotus-float-mobile;border-radius:8px}
 .lotus-artwork img{animation:none!important}
 .lotus-light-wash{display:none}.lotus-orbit-trail.orbit-two{display:none}
}
@keyframes lotus-float-mobile{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-6px,0)}}
@media(prefers-reduced-motion:reduce){.lotus-scene :is(.lotus-artwork,.lotus-artwork img,.lotus-light-wash,.lotus-aura,.lotus-orbit-trail,.lotus-motes i,.lotus-spectrum i){animation:none!important;transform:none}.lotus-light-wash,.lotus-motes{display:none}}
@media(forced-colors:active){.lotus-aura,.lotus-orbit-trail,.lotus-motes,.lotus-light-wash{display:none}.lotus-artwork{border:1px solid CanvasText;box-shadow:none}.lotus-caption{color:CanvasText}.lotus-spectrum i{background:CanvasText}}
html body.nocturne .wordmark,html body.nocturne .wordmark *{text-transform:none}

/* Exact approved coloured outline, repeated quietly at section boundaries. */
.nocturne main>.section{position:relative;isolation:isolate}
.nocturne main>.section::after{content:"";position:absolute;left:50%;bottom:-24px;width:48px;height:48px;transform:translateX(-50%);background:url("assets/brand/lotus-wireframe-192.v1.png") center/contain no-repeat;opacity:.18;pointer-events:none;z-index:0}
@media(max-width:650px){.nocturne main>.section::after{width:36px;height:36px;bottom:-18px;opacity:.14}}
@media(forced-colors:active){.nocturne main>.section::after{display:none}}
.nocturne .header .logo-mark,.nocturne .footer-brand .logo-mark{filter:drop-shadow(0 0 .7px #ede6da70) drop-shadow(0 0 3px #a259ff25)}