/* Photographic collections, richer catalog surfaces and responsive motion. */
.seo-atmosphere{display:none}.variant-d .seo-atmosphere{display:block}
body.variant-d{--bg:#f3f4f8;--line:#e1e3ec;background:var(--bg)}
.variant-d .app-header{box-shadow:0 1px 0 #e7e8ef}.variant-d main{padding-top:26px}
.variant-d .catalog-view{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.84fr);column-gap:36px}
.variant-d .catalog-view>.page-heading{grid-column:1;align-items:center;min-height:72px;margin:0 0 16px}
.variant-d .catalog-view .eyebrow{font-size:11px;letter-spacing:.14em;margin-bottom:9px}
.variant-d .catalog-view h1{font-size:clamp(30px,3vw,40px);letter-spacing:-.05em;line-height:1.15}
.variant-d .catalog-view .scale-caption{font-size:14px;margin-top:9px}
.variant-d .d-index-link{display:none}
.variant-d .catalog-toolbar{grid-column:2;align-self:center;margin:0 0 20px;gap:8px}
.variant-d .search-box{height:56px;border-radius:12px;min-width:0;padding:0 16px;border-color:#d9ddea;box-shadow:0 5px 20px #26377804}
.variant-d .search-box input{font-size:15px}.variant-d .filter-open{min-width:56px;width:56px;padding:14px;font-size:0}.variant-d .filter-open svg{width:21px}
.variant-d .d-discoveries,.variant-d .catalog-types,.variant-d .genre-list,.variant-d .active-filter-tags,.variant-d .advanced-filters,.variant-d .catalog-layout{grid-column:1/-1}
.d-discoveries{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:16px;margin-bottom:18px;min-width:0;perspective:1000px}
.d-feature{isolation:isolate;position:relative;display:block;min-height:182px;overflow:hidden;border-radius:16px;background:#18203a;color:#fff;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));box-shadow:0 8px 22px #141a3020;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;contain:paint}
.d-feature>img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;z-index:-3;transform:scale(1.045) translate3d(var(--image-x,0px),var(--image-y,0px),0);transition:transform .9s cubic-bezier(.16,1,.3,1);filter:saturate(1.05)}
.d-feature::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0a102bdd 0%,#0a102b75 47%,#0a102b0a 85%),linear-gradient(0deg,#08102bcc,transparent 60%);z-index:-2}
.d-feature::after{content:'';position:absolute;inset:0;background:radial-gradient(400px circle at var(--light-x,70%) var(--light-y,30%),#ffffff22,transparent 55%);opacity:0;transition:opacity .35s;pointer-events:none;z-index:-1}
.d-feature-copy{position:relative;display:flex;flex-direction:column;min-height:182px;padding:20px;z-index:1}
.d-feature-label{font-size:11px;letter-spacing:.12em;color:#fff;font-weight:700;opacity:.9}
.d-feature strong{display:block;font-size:clamp(27px,2.65vw,38px);font-weight:700;letter-spacing:-.045em;line-height:1.07;margin:14px 0 14px;text-shadow:0 2px 14px #0002}
.d-feature-bottom{display:flex;align-items:center;gap:14px;font-size:13px;margin-top:auto;color:#fff}
.d-feature-bottom b{display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff50;border-radius:50%;font-weight:400;font-size:20px;margin-left:auto;transition:background .25s,color .25s,transform .25s}
.d-feature-jazz{background:#3a1910}.d-feature-jazz::before{background:linear-gradient(90deg,#27140ede,#2b110860 65%,#27140e0a),linear-gradient(0deg,#1d0e09c0,transparent 65%)}
.d-feature-calm{background:#52677f}.d-feature-calm::before{background:linear-gradient(90deg,#102e48e8,#102e4870 60%,#102e4822),linear-gradient(0deg,#122b46c0,transparent 65%)}
.d-feature-calm>img{object-position:65% 50%}.d-feature-road .d-feature-bottom{max-width:240px}.d-signal{position:absolute;right:-12px;bottom:28px;width:42%;height:50px;opacity:.75;pointer-events:none;z-index:0;mask-image:linear-gradient(90deg,transparent,#000 20%)}
@media(hover:hover){.d-feature:hover{box-shadow:0 16px 28px #10162935}.d-feature:hover::after{opacity:1}.d-feature:hover>img{transform:scale(1.11) translate3d(var(--image-x,0px),var(--image-y,0px),0)}.d-feature:hover .d-feature-bottom b{background:#fff;color:#1f294a;transform:rotate(45deg)}.variant-d .radio-card:hover{border-color:#bac8ff;box-shadow:0 7px 20px #243d8010}}
.variant-d .catalog-types{margin:0 0 10px;gap:8px}.variant-d .catalog-types button{background:transparent;border-color:#d9dce7}.variant-d .catalog-types button[aria-pressed=true]{background:#151a2b;border-color:#151a2b}.variant-d .genre-list{margin-bottom:0;gap:6px}.variant-d .genre-list .all-genres-button{border-radius:7px}
.variant-d .catalog-layout{display:block}.variant-d .results-heading{min-height:46px}.variant-d .radio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border:0}
.variant-d .radio-card{gap:14px;min-height:112px;padding:16px;border:1px solid #e3e6ef;border-radius:12px;background:#fff;transition:border-color .2s,box-shadow .2s,background .2s}
.variant-d .radio-card::before{display:none}.variant-d .radio-card.playing{background:#edf1ff;border-color:#5d79fb;box-shadow:0 0 0 1px #5d79fb inset}
.variant-d .radio-card .cover-link,.variant-d .radio-card .cover{width:68px;border-radius:10px;font-size:25px}.variant-d .radio-card>.card-actions{flex-direction:column-reverse;gap:0}.variant-d .card-copy h2{font-size:16px;line-height:1.3}.variant-d .card-copy .origin{font-size:11px;line-height:1.4}.variant-d .radio-card .card-play{width:38px;height:38px;background:#f3f5fc;border:0}.variant-d .radio-card .favorite{width:38px;min-height:30px;height:30px}.variant-d .radio-card.playing .card-play,.variant-d .card-play:hover{background:var(--accent);color:#fff}.variant-d .row-country{display:none}
.variant-d .discovery-panel{position:static;display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 32px;margin-top:30px;padding:28px;border-radius:16px}.d-discovery-head{grid-column:1;grid-row:1}.variant-d .discovery-panel>h2{grid-column:1;grid-row:2/4;margin:20px 0 0;font-size:36px}.d-moods{grid-column:2;grid-row:1/4}.d-all-moods{grid-column:2;margin-bottom:0}.d-creator{grid-column:3;grid-row:1/5;margin:-28px -28px -28px 0;padding:28px;display:block}.d-creator h3{font-size:25px}
.variant-d .catalog-footer{border:0;margin:0;padding:18px 0}.variant-d .catalog-pagination{padding-bottom:12px}.variant-d .service-player{box-shadow:0 12px 36px #0b102b35;background:#131829}
.variant-d .station-hero{position:relative;isolation:isolate;overflow:hidden}.variant-d .station-atmosphere{position:absolute;inset:0 0 0 48%;width:52%;height:100%;object-fit:cover;z-index:-3;opacity:.65;mask-image:linear-gradient(90deg,transparent,#000 80%)}.variant-d .station-hero:has(.station-atmosphere)::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#eef1ff 0%,#eef1fff2 42%,#eef1ff70 100%);z-index:-2}.variant-d .station-hero>.cover,.variant-d .station-hero>.station-identity{z-index:1}
.variant-d .seo-hero:has(.seo-atmosphere){position:relative;overflow:hidden;isolation:isolate;padding:30px;border:0;border-radius:16px;background:#edf0fc}.variant-d .seo-atmosphere{position:absolute;inset:0 0 0 auto;width:45%;height:100%;object-fit:cover;opacity:.32;mask-image:linear-gradient(90deg,transparent,#000);z-index:-1}.variant-d .seo-hero:has(.seo-atmosphere) .seo-lead{max-width:720px}
@media(prefers-reduced-motion:no-preference){.variant-d:not(.motion-off) .d-feature{animation:photo-arrive .8s both cubic-bezier(.16,1,.3,1)}.variant-d:not(.motion-off) .d-feature:nth-child(2){animation-delay:90ms}.variant-d:not(.motion-off) .d-feature:nth-child(3){animation-delay:180ms}.variant-d:not(.motion-off) .d-feature>img{animation:photo-drift 20s ease-in-out infinite alternate}.variant-d:not(.motion-off) .d-feature:nth-child(2)>img{animation-delay:-8s}.variant-d:not(.motion-off) .d-feature:nth-child(3)>img{animation-delay:-14s}.variant-d:not(.motion-off) .d-feature:hover>img{animation-play-state:paused}@keyframes photo-arrive{from{opacity:0;translate:0 18px;scale:.97}to{opacity:1;translate:0 0;scale:1}}@keyframes photo-drift{from{scale:1}to{scale:1.06;translate:-4px 2px}}}
.variant-d.motion-off .d-feature{transform:none!important}.variant-d.motion-off .d-feature>img{transform:none!important}.variant-d.page-away .d-feature>img{animation-play-state:paused!important}
@media(max-width:1180px){.variant-d .catalog-view{grid-template-columns:minmax(0,1fr) minmax(330px,.9fr);gap:0 22px}.variant-d .catalog-view h1{font-size:36px}.d-discoveries{gap:12px;grid-template-columns:1.2fr 1fr 1fr}.d-feature,.d-feature-copy{min-height:182px}.d-feature-copy{padding:21px}.d-feature strong{font-size:30px}.d-feature-label{font-size:10px}.d-feature-bottom{font-size:12px}.d-signal{display:none}.variant-d .radio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.variant-d .row-country{display:inline}.variant-d .radio-card>.card-actions{flex-direction:row;gap:6px}.variant-d .radio-card .card-play,.variant-d .radio-card .favorite{width:44px;height:44px;min-height:44px}.variant-d .discovery-panel{grid-template-columns:1fr 1fr;gap:0 26px}.d-creator{grid-column:1/-1;grid-row:5;margin:25px -28px -28px;padding:24px 28px;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.d-creator>p,.d-creator>h3{grid-column:1}.d-creator>button{grid-column:2;grid-row:1/3;align-self:center}.d-creator>a{grid-column:2}.d-creator>h3{margin:12px 0 0}}
@media(max-width:920px){.variant-d .catalog-view{display:block}.variant-d .catalog-view>.page-heading{min-height:0;margin-bottom:18px}.variant-d .catalog-view h1{font-size:36px}.variant-d .catalog-toolbar{margin-bottom:20px}.d-feature-copy{padding:20px}.d-feature strong{font-size:27px}.d-feature-bottom b{width:28px;height:28px}.d-feature-bottom{gap:8px}.variant-d .radio-card>.card-actions{flex-direction:column-reverse;gap:0}.variant-d .radio-card .favorite{min-height:34px;height:34px}}
@media(max-width:760px){.variant-d main{padding-top:18px}.variant-d .catalog-view>.page-heading{margin-bottom:16px}.variant-d .catalog-view .eyebrow{display:none}.variant-d .catalog-view h1{font-size:31px;line-height:1.18}.variant-d .catalog-view .scale-caption{font-size:13px;margin-top:7px;max-width:none;line-height:1.5}.variant-d .catalog-toolbar{margin-bottom:16px}.variant-d .search-box{height:50px;padding:0 13px}.variant-d .search-box input{font-size:14px}.variant-d .filter-open{height:50px;min-width:50px;width:50px}.d-discoveries{display:flex;gap:12px;margin:0 -18px 18px;padding:0 18px 8px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:18px;scrollbar-width:none;perspective:none}.d-feature{flex:0 0 86%;min-height:136px;scroll-snap-align:start;box-shadow:0 5px 14px #141a301a;border-radius:13px}.d-feature-copy{min-height:136px;padding:14px 18px}.d-feature-label{font-size:10px}.d-feature strong{font-size:25px;margin:8px 0 8px;line-height:1.04}.d-feature-bottom{font-size:12px}.d-feature-bottom b{width:28px;height:28px}.d-feature-road>img{object-position:50% 54%}.d-feature-road .d-feature-bottom{max-width:none}.variant-d .catalog-types{margin-bottom:9px}.variant-d .catalog-types button{font-size:13px;padding:8px 12px}.variant-d .genre-list{gap:4px}.variant-d .results-heading{min-height:49px}.variant-d .radio-grid{grid-template-columns:1fr;gap:9px}.variant-d .radio-card{padding:12px;gap:12px;min-height:104px;border-radius:12px}.variant-d .radio-card .cover-link,.variant-d .radio-card .cover{width:62px;font-size:24px;border-radius:10px}.variant-d .card-copy h2{font-size:16px}.variant-d .card-copy p{font-size:12px}.variant-d .card-copy .origin{font-size:11px}.variant-d .radio-card>.card-actions{flex-direction:column-reverse;gap:0}.variant-d .radio-card .favorite{height:36px;min-height:36px}.variant-d .radio-card .card-play{height:44px;width:44px}.variant-d .discovery-panel{display:block;padding:24px}.variant-d .discovery-panel>h2{margin:20px 0;font-size:38px}.d-creator{display:block;margin:24px -24px -24px;padding:24px}.d-creator>h3{margin:12px 0 20px}.d-creator>a{margin-top:14px}.variant-d .station-atmosphere{inset:0;width:100%;height:45%;opacity:.4;mask-image:linear-gradient(0deg,transparent,#000)}.variant-d .station-hero:has(.station-atmosphere)::after{background:linear-gradient(0deg,#eef1ff 55%,#eef1ff50)}.variant-d .seo-hero:has(.seo-atmosphere){padding:24px 20px}.variant-d .seo-atmosphere{width:70%;opacity:.23}}
@media(max-width:370px){.variant-d .catalog-view h1{font-size:28px}.variant-d .catalog-view .scale-caption{font-size:12px}.variant-d .radio-card{gap:10px;padding:10px}.variant-d .radio-card .cover-link,.variant-d .radio-card .cover{width:56px}.variant-d .row-country{display:none}}
@media(prefers-reduced-motion:reduce){.d-feature,.d-feature>img{animation:none!important;transform:none!important;transition:none!important}}
.variant-d .catalog-view .eyebrow{display:none}.variant-d .catalog-view>.page-heading{min-height:72px}.variant-d .catalog-view .scale-caption{margin-top:6px}.variant-d .catalog-view .catalog-toolbar{margin-bottom:16px}.variant-d .d-feature strong{font-size:32px}.variant-d .catalog-view .catalog-types button{min-height:40px}.variant-d .catalog-view .catalog-types{margin-bottom:8px}.variant-d .catalog-view .results-heading{min-height:44px}.variant-d .catalog-view .genre-list button{min-height:42px}.variant-d .catalog-view .page-heading{margin-bottom:16px}
@media(max-width:760px){.variant-d .catalog-view>.page-heading{min-height:0}.variant-d .d-feature strong{font-size:25px}.variant-d .catalog-view .catalog-types button{min-height:44px}.variant-d .catalog-view .results-heading{min-height:46px}.variant-d .d-feature-copy{min-height:136px}.variant-d .catalog-view .genre-list button{min-height:44px}}
.variant-d .d-feature-label{font-size:12px;letter-spacing:.075em}.variant-d .card-copy .origin{font-size:12px}
@media(max-width:760px){.variant-d .radio-card .favorite{height:44px;min-height:44px}.variant-d .d-feature-label{font-size:12px;letter-spacing:.055em}}

/* A light atmospheric field behind the interface, with quiet, slow movement. */
body.variant-d{isolation:isolate;background:#f3f5fc}
.d-living-background{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;contain:strict;background:linear-gradient(130deg,#f7f8ff 0%,#f0f5fc 52%,#faf6ff 100%)}
.d-bloom{position:absolute;display:block;border-radius:50%;width:80vmax;height:80vmax;will-change:transform;opacity:.75;transform:translate3d(var(--background-x,0px),var(--background-y,0px),0)}
.d-bloom-blue{left:-35vmax;top:-33vmax;background:radial-gradient(ellipse at center,#9baaff77 0%,#a8b5ff40 28%,#b5c0ff14 48%,transparent 68%);animation:blue-tide 24s ease-in-out infinite alternate}
.d-bloom-cyan{right:-37vmax;top:-12vmax;background:radial-gradient(ellipse at center,#86dde96b 0%,#a0e4ee36 27%,#b2e9f010 48%,transparent 66%);animation:cyan-tide 28s ease-in-out infinite alternate}
.d-bloom-rose{left:18vw;bottom:-53vmax;background:radial-gradient(ellipse at center,#d1adf46b 0%,#edc9e03d 27%,#eed5e617 47%,transparent 66%);animation:rose-tide 32s ease-in-out infinite alternate}
.d-background-waves{position:absolute;inset:0;width:100%;height:100%;opacity:.85}
.variant-d .app-header,.variant-d.seo-site .seo-header{background:#fffffff5}
.variant-d .catalog-view .search-box,.variant-d .catalog-view .filter-open,.variant-d .catalog-view .radio-card{background:#fff}
.d-living-background.is-paused .d-bloom{animation-play-state:paused}
.d-living-background.is-still .d-bloom{animation:none;transform:none;will-change:auto}
.d-background-toggle{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid currentColor;border-radius:8px;margin-left:6px;background:transparent;color:inherit;font-size:16px}
@keyframes blue-tide{0%{transform:translate3d(calc(var(--background-x,0px) - 6vw),calc(var(--background-y,0px) - 3vh),0) scale(.95)}100%{transform:translate3d(calc(var(--background-x,0px) + 16vw),calc(var(--background-y,0px) + 16vh),0) scale(1.12)}}
@keyframes cyan-tide{0%{transform:translate3d(calc(var(--background-x,0px) + 2vw),calc(var(--background-y,0px) + 4vh),0) scale(1)}100%{transform:translate3d(calc(var(--background-x,0px) - 19vw),calc(var(--background-y,0px) + 28vh),0) scale(1.18)}}
@keyframes rose-tide{0%{transform:translate3d(calc(var(--background-x,0px) - 14vw),var(--background-y,0px),0) scale(1)}100%{transform:translate3d(calc(var(--background-x,0px) + 12vw),calc(var(--background-y,0px) - 13vh),0) scale(1.1)}}
@media(max-width:760px){.d-bloom{width:90vmax;height:90vmax;opacity:.48}.d-bloom-blue{left:-58vmax;top:-43vmax}.d-bloom-cyan{right:-65vmax;top:5vh}.d-bloom-rose{display:none}.d-background-waves{opacity:.5}.d-background-toggle{margin-left:3px}}
@media(prefers-reduced-motion:reduce){.d-living-background .d-bloom{animation:none!important;transform:none!important;will-change:auto}}