:root{--primary:#e8dfcd;--accent:#b6a087}
body,.stream-home{background:#090b0c;color:#e8e4db}
.site-header.stream-header{background:#090b0c;border-bottom:1px solid #ffffff13;height:90px}
.stream-header.is-home{background:linear-gradient(#080b0dee,#080b0d99,transparent);border:0}
.wordmark{display:block!important;width:195px;height:56px;font-size:0!important;background:url('/experiment/wordmark.png') center center/195px 195px no-repeat;mix-blend-mode:screen}
.wordmark>*{display:none!important}
.stream-hero{height:740px;max-height:none;min-height:560px}
.stream-hero-image{content:url('/experiment/hero.png');object-position:65% center;opacity:.85}
.stream-hero-shade{background:linear-gradient(90deg,#090b0cfa 0%,#090b0ccb 24%,#090b0c22 66%),linear-gradient(0deg,#090b0c,transparent 50%)}
.stream-hero-copy{max-width:690px;width:60%;margin-bottom:40px}
.stream-hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(48px,6vw,96px);font-weight:400;letter-spacing:.14em;line-height:1.1}
.stream-original{color:#c6b7a4;font-weight:400;letter-spacing:.34em}
.stream-synopsis{color:#bfc3c4;font-size:16px;line-height:1.8;max-width:360px}
.stream-genres{color:#969c9c;letter-spacing:.15em;font-size:11px;text-transform:uppercase}
.stream-play,.stream-explore{border-radius:1px;font-weight:400;font-size:13px;letter-spacing:.04em;min-height:46px}
.stream-play{background:#e5dfd2;color:#171919}.stream-play:hover{background:#fff6e5}
.stream-explore{background:#0b101477;border-color:#d3c9b555}
.stream-preview-toggle{display:none}
.stream-catalog{margin-top:-65px}
.stream-heading h2,.stream-world h3,.stream-music-feature h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:.035em}
.stream-heading h2{font-size:27px}.stream-heading>a{color:#aaa99f}
.stream-shelf{margin-bottom:32px}
.stream-card,.stream-card-art,.stream-world,.stream-music-feature{border-radius:2px}
.stream-card-art,.stream-world{border:1px solid #ffffff20}
.stream-card h3{font-weight:400}.stream-card p{color:#919a9e}
.stream-world{aspect-ratio:16/10;flex-basis:27vw;max-height:none}
.stream-world--axiomort>img{content:url('/experiment/ink.png')}
.stream-world--signal404>img{content:url('/experiment/space.png')}
.stream-world-copy{bottom:18px}.stream-world-copy>span{color:#bdb6a8}
.stream-music-feature{min-height:0;flex-basis:260px;background:#121719}
.stream-card:focus-visible,.stream-world:focus-visible,.stream-music-feature:focus-visible,a:focus-visible,button:focus-visible{outline-color:#e8dfcd!important}
html[data-input="remote"] .stream-card:focus{box-shadow:0 0 0 6px #090b0c,0 0 0 10px #e8dfcd}
.stream-header nav a.active:after{background:#d6c7ae!important}
@media(hover:hover){.stream-card:hover{background:#171c1e}}
footer{border-top:1px solid #ffffff18;background:#090b0c}
@media(max-width:650px){
.site-header.stream-header{height:112px}.wordmark{width:155px;height:48px;background-size:155px 155px}
.stream-hero{height:740px;min-height:650px}.stream-hero-image{object-position:61% center}
.stream-hero-shade{background:linear-gradient(0deg,#090b0c 0%,#090b0ce8 28%,#090b0c22 80%)}
.stream-hero-copy{width:90%;margin:0 5vw 100px}.stream-hero h1{font-size:clamp(34px,9vw,58px);letter-spacing:.12em}
.stream-synopsis{font-size:14px}.stream-catalog{margin-top:-45px}.stream-heading h2{font-size:24px}
.stream-world{flex-basis:76vw;aspect-ratio:4/3}.stream-music-feature{flex-basis:70vw}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.artist-section{margin:70px 4.2vw 0;padding:55px 0;display:flex;align-items:center;gap:38px;border-top:1px solid #ffffff22}
.artist-portrait{width:150px;height:150px;flex-shrink:0;overflow:hidden;border-radius:50%;position:relative;background:#ccc3b4}
.artist-portrait img{position:absolute;width:650%;max-width:none;left:-7%;bottom:-15%;filter:brightness(1.2)}
.artist-label{font-size:10px;letter-spacing:.3em;color:#bcb2a0}.artist-section h2{font:40px Georgia,serif;margin:10px 0}.artist-section p{color:#b3b2b1}.artist-section a{display:inline-flex;min-height:44px;align-items:center;border-bottom:1px solid #c9bda8;font-size:13px}
#aiu-radio.radio-inline{margin:0 4.2vw 55px;border:1px solid #d8cbb32c;border-radius:0;background:linear-gradient(110deg,#181b1c,#0c0f10);padding:30px;box-shadow:none}
.radio-embed-heading{color:#e7decc}.radio-embed-heading h2{font:normal 28px Georgia,serif;letter-spacing:.04em}.radio-embed-heading .eyebrow{font-size:9px;letter-spacing:.28em;color:#c4b59b}.radio-embed-heading>svg{color:#c4b59b}
#aiu-radio iframe{filter:grayscale(1);border-radius:0}
@media(max-width:650px){.artist-section{gap:20px;padding:35px 0;margin-top:35px}.artist-portrait{width:95px;height:95px}.artist-section h2{font-size:29px}.artist-section p{font-size:13px;line-height:1.6}#aiu-radio.radio-inline{padding:18px}.radio-embed-heading h2{font-size:23px}}

.artist-section{margin:0 4.2vw 36px;padding:24px 0 30px;border-top:0;border-bottom:1px solid #ffffff18;gap:24px}.artist-portrait{width:92px;height:92px}.artist-section h2{font-size:30px;margin:0 0 6px}.artist-section a{font-size:12px}@media(max-width:650px){.artist-section{margin:0 5vw 28px;padding:20px 0 24px}.artist-portrait{width:76px;height:76px}.artist-section h2{font-size:27px}}

.site-header .wordmark{position:relative;width:243px;background-position:right center;overflow:visible;mix-blend-mode:normal}
.site-header .wordmark>.header-portrait{display:block!important;position:absolute;left:0;top:8px;width:40px;height:40px;overflow:hidden;border-radius:50%;background:#c6beae}
.header-portrait img{position:absolute;width:650%;max-width:none;left:-7%;bottom:-15%;filter:brightness(1.2)}
@media(max-width:650px){.site-header .wordmark{width:198px;background-size:155px 155px}.site-header .wordmark>.header-portrait{width:34px;height:34px;top:7px}.site-header.stream-header{column-gap:8px}}

#aiu-radio.radio-inline iframe{filter:none;height:400px!important;max-height:none!important}#aiu-radio.radio-inline{width:calc(100% - 8.4vw);max-width:1200px;margin-inline:auto}@media(max-width:650px){#aiu-radio.radio-inline{width:90%;padding:14px}#aiu-radio.radio-inline iframe{height:440px!important}}

#aiu-radio.radio-inline{border:0;background:none;padding:0;box-shadow:none;border-radius:0}

#aiu-radio.radio-inline{width:100%;max-width:none;margin-left:0;margin-right:0;padding:0;border:0;background:none}#aiu-radio.radio-inline .radio-embed-heading{padding-left:4.2vw;padding-right:4.2vw}#aiu-radio.radio-inline iframe{display:block;width:100%;border:0;border-radius:0}

/* Station label integrated with the full-width radio surface. */
#aiu-radio.radio-inline .radio-embed-heading{display:flex;align-items:center;gap:12px;padding:18px 4.2vw;margin:0;background:#050606;border-top:1px solid #ffffff12;}
#aiu-radio.radio-inline .radio-embed-heading>svg{display:none}
#aiu-radio.radio-inline .radio-embed-heading>div{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%}
#aiu-radio.radio-inline .radio-embed-heading h2{order:-1;font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:600;letter-spacing:.04em;line-height:1.4;margin:0;color:#e9e8e7}
#aiu-radio.radio-inline .radio-embed-heading .eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:Arial,Helvetica,sans-serif;font-size:10px;letter-spacing:.15em;color:#b3b2b1;white-space:nowrap}
#aiu-radio.radio-inline .radio-embed-heading .eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:#e8dfcd}
.stream-hero-image{content:url('/experiment/camera.png');object-position:center 43%;opacity:1}
.stream-hero-shade{background:linear-gradient(0deg,#090b0c 0%,#090b0cba 12%,transparent 62%),linear-gradient(90deg,#090b0c90,transparent 55%)}
.stream-hero-copy{align-self:flex-end;margin-bottom:70px;max-width:620px}
@media(max-width:650px){.stream-hero-image{object-fit:contain;object-position:center 75px;background:#090b0c}.stream-hero{height:690px;min-height:620px}.stream-hero-shade{background:linear-gradient(0deg,#090b0c 5%,#090b0c 30%,transparent 65%)}.stream-hero-copy{margin:0 5vw 70px;width:90%}}

@media(min-width:651px){.stream-catalog{margin-top:-20px}.stream-hero h1{font-size:clamp(48px,5vw,76px)}}

.brand-about{position:relative;flex-shrink:0;background:#000;padding:0 8px;border-radius:4px}.brand-about summary{cursor:pointer;list-style:none}.brand-about summary::-webkit-details-marker{display:none}.brand-about-panel{display:none;position:absolute;top:100%;left:0;width:320px;max-width:calc(100vw - 40px);padding:24px;background:#080a0b;border:1px solid #ffffff25;border-radius:0 0 12px 12px;box-shadow:0 16px 40px #0009;z-index:100}.brand-about[open] .brand-about-panel{display:block}.brand-about-panel p{font-size:14px;line-height:1.65;color:#bebdbc;margin:12px 0}.brand-about-panel a{display:block;padding:12px 0;color:#eee9df;font-size:14px}.brand-about-panel strong{font-size:18px}@media(hover:hover){.brand-about:hover .brand-about-panel{display:block}}.brand-about:focus-within .brand-about-panel{display:block}
/* Shared release and collection UI uses the same neutral palette. */
:root{--background:#090b0c;--foreground:#e8e4db;--card:#111314;--popover:#151718;--primary:#e8dfcd;--primary-foreground:#151515;--secondary:#252728;--muted:#1b1d1e;--muted-foreground:#aaa9a4;--accent:#e8dfcd;--accent-foreground:#151515;--border:#343638;--input:#343638;--ring:#e8dfcd}
.text-button,.release-breadcrumb a,.caption,.eyebrow,.cinematic-credit,.episode-credit{color:#bcbab2}
.text-button:hover{color:#fff4df}
.primary{color:#171717}.primary:hover{background:#fff3dc}
.genre-tags span{background:#141617aa;color:#dedbd4;border-color:#ffffff25}
.release-below .text-button,.release-breadcrumb a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 18px;border:1px solid #ffffff28;border-radius:12px;background:#ffffff08;color:#e8dfcd}
.release-below .text-button:hover,.release-breadcrumb a:hover{background:#ffffff15}
.release-below .commission-link{margin-top:20px}
.release-destinations:empty{display:none}
.release-destinations svg.lucide-arrow-up-right,.commission-link svg.lucide-arrow-up-right{display:none}
.cinematic-shade{background:linear-gradient(90deg,#090b0ceb,#090b0c65 60%,transparent),linear-gradient(0deg,#090b0c,transparent 80%)}
.card-art,.collection-art{background:#161819}

/* Mobile audit: bounded player, natural hero flow and usable touch controls. */
@media(max-width:650px){
 .site-header.stream-header,.site-header.stream-header.is-home{position:relative;height:auto;min-height:112px;background:#090b0c;padding:10px 5vw 0;gap:0 6px;align-items:center}
 .site-header .brand-about{padding:0 4px;max-width:calc(100% - 104px)}
 .site-header .wordmark{width:180px;max-width:100%;background-size:140px 140px}
 .stream-header .header-actions{gap:0}.stream-header .header-actions a{min-width:44px;min-height:44px;font-size:12px}
 .stream-header nav{flex-basis:100%;gap:24px}.stream-header nav a{min-height:44px}
 .stream-hero{height:auto;min-height:0;display:flex;flex-direction:column;padding:0}
 .stream-hero-image{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center;display:block}
 .stream-hero-shade{display:none}
 .stream-hero-copy{position:relative;align-self:auto;width:auto;max-width:none;margin:0;padding:24px 5vw 32px}
 .stream-hero h1{font-size:clamp(32px,9vw,52px)}
 .stream-catalog{margin-top:0}
 .active-screen{padding-top:0}
 .video-stage,.video-stage:has(.youtube-with-controls){width:100%;min-width:0;min-height:0;max-height:none;aspect-ratio:auto;margin:16px 0 24px;overflow:hidden}
 .video-stage>.youtube-with-controls{position:relative;inset:auto;height:auto}
 .video-stage .youtube-surface,.video-stage>video{width:100%;height:auto;aspect-ratio:16/9;flex:none}
 .youtube-controls{flex-wrap:nowrap;gap:6px;padding:8px}.youtube-controls button,.youtube-controls a{min-width:44px;min-height:44px;padding:8px;flex:1}
 .series-episodes .section-heading{flex-wrap:wrap;gap:12px}
 .series-episode{gap:10px}.series-episode strong{overflow-wrap:anywhere}
 .search-field input,.field input,.field textarea,select{font-size:16px}
 .album-detail h1{font-size:clamp(26px,7.5vw,38px);overflow-wrap:anywhere}
 .brand-about-panel{width:min(320px,90vw);max-width:90vw}
 .stream-card-copy{min-height:0}
}
@media(max-width:650px){.page.active-screen,.page.release-below{min-height:0;padding-bottom:24px}.release-heading h1{overflow-wrap:anywhere}}
@media(max-width:650px){.stream-hero-copy{align-self:stretch;width:100%;box-sizing:border-box;text-align:left}}

/* TV navigation: readable controls, safe edges and explicit focus. */
html[data-device="tv"] :focus {outline:4px solid #eee9df;outline-offset:5px;scroll-margin:110px 5vw 40px}
html[data-device="tv"] .brand-about:not([open]) .brand-about-panel{display:none}
html[data-device="tv"] .brand-about-panel{width:380px}
html[data-device="tv"] .brand-about-panel p,html[data-device="tv"] .brand-about-panel a{font-size:19px}
html[data-device="tv"] .header-actions a,html[data-device="tv"] .shelf-paging button,html[data-device="tv"] .shelf-paging a{min-height:56px;min-width:56px;font-size:19px}
html[data-device="tv"] .youtube-controls button{min-width:64px}
html[data-device="tv"] .stream-header{gap:24px}
html[data-device="tv"] .stream-header nav{gap:24px}
html[data-device="tv"] .media-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px}
html[data-device="tv"] .media-grid .media-card{min-width:0}

/* One continuous brand plate, with a quiet cinematic reveal. */
.site-header .brand-about{background:#000;padding:4px 12px;border:1px solid #ffffff12;border-radius:10px;isolation:isolate;transition:border-color .25s,box-shadow .25s}
.site-header .brand-about .wordmark{background-color:#000;border-radius:6px}
.site-header .brand-about:hover,.site-header .brand-about[open]{border-color:#d8cbb550;box-shadow:0 0 28px #e8dfcd0b}
.site-header .brand-about-panel{overflow:hidden;top:calc(100% - 1px);left:-1px;width:328px;padding:27px 25px 25px;background:radial-gradient(ellipse at 100% 0%,#a89b7f20,transparent 65%),#090b0c;border:1px solid #d8cbb535;border-radius:0 12px 12px 12px;box-shadow:0 22px 50px #0009;transform-origin:top left;animation:brand-reveal .34s cubic-bezier(.2,.8,.2,1) both}
.site-header .brand-about-panel::before{content:"";display:block;width:44px;height:1px;margin-bottom:18px;background:linear-gradient(90deg,#f3ebda,transparent);animation:brand-line .6s ease-out both}
.site-header .brand-about-panel strong{display:block;font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:27px;letter-spacing:.025em;animation:brand-copy .4s .05s both}
.site-header .brand-about-panel p{margin:12px 0 0;color:#c6c3bc;line-height:1.75;animation:brand-copy .4s .1s both}
@keyframes brand-reveal{from{opacity:0;transform:translateY(-7px) scale(.975);filter:blur(3px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@keyframes brand-copy{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes brand-line{from{transform:scaleX(.15);transform-origin:left;opacity:0}to{transform:scaleX(1);transform-origin:left;opacity:1}}
@media(max-width:650px){.site-header .brand-about{padding:4px 8px}.site-header .brand-about-panel{max-width:calc(100vw - 32px)}}
@media(prefers-reduced-motion:reduce){.site-header .brand-about,.site-header .brand-about-panel,.site-header .brand-about-panel strong,.site-header .brand-about-panel p,.site-header .brand-about-panel::before{animation:none;transition:none}}
.site-header .brand-about{z-index:110}
.site-header .brand-about:not([open]) .brand-about-panel{display:none}