:root{color-scheme:dark;--bg:#101410;--surface:#191e19;--ink:#f0f0e8;--muted:#adb5aa;--accent:#d5e4a5;--line:#363d32;--spotify-ink:#171d12;font-family:Arial,Helvetica,sans-serif;scroll-behavior:smooth;scroll-padding-top:28px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);padding-bottom:90px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;flex-shrink:0}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button:disabled{cursor:default}img{display:block;max-width:100%;object-fit:cover}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.eyebrow{font-size:13px;letter-spacing:2px;font-weight:500;line-height:1.6;margin:0}.site-header{display:flex;align-items:center;justify-content:space-between;height:100px;border-bottom:1px solid var(--line);position:relative;z-index:2}.wordmark{font-size:21px;letter-spacing:3px;font-weight:700;display:flex;align-items:center;gap:12px;white-space:nowrap}.wordmark-dot{font-size:13px;letter-spacing:0;align-self:flex-start;padding-top:4px;margin-left:-7px}.mark{display:flex;align-items:center;gap:3px;height:24px}.mark i{width:2px;background:var(--accent);height:10px}.mark i:nth-child(2),.mark i:nth-child(4){height:20px}.mark i:nth-child(3){height:28px}.site-header nav{display:flex;gap:32px;font-size:13px;color:#c4cabf}.site-header nav a:hover{color:var(--accent)}.header-listen{display:flex;align-items:center;gap:10px;font-size:13px}.header-listen>svg:first-child{width:20px;height:20px;color:var(--accent)}.small-arrow{width:14px;height:14px}.hero{min-height:688px;position:relative;padding-top:66px;display:flex;align-items:flex-start}.hero-copy{position:relative;z-index:1}.hero .eyebrow{color:#c1c9b9;display:flex;align-items:center;gap:9px}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent)}h1{font-weight:400;font-size:clamp(70px,7.3vw,102px);letter-spacing:-6px;line-height:.99;margin:35px 0 24px}h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--accent);letter-spacing:-5px}h1 br+em{display:inline-block;padding-right:10px}.hero-description{color:#c4cbbe;line-height:1.6;font-size:15px;margin:0 0 29px}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:50px;padding:0 23px;font-size:13px;font-weight:600;border:1px solid transparent;transition:background .2s,transform .2s;white-space:nowrap}.button.primary{background:var(--accent);color:#171d12}.button:hover{background:#e4f0bf;transform:translateY(-2px)}.button>span{font-size:21px;font-weight:400;margin-left:32px}.button svg{height:18px;width:18px}.sound-art{position:absolute;width:58%;aspect-ratio:1;right:-5%;top:15px;isolation:isolate;overflow:hidden}.sound-art>svg{width:100%;height:100%;overflow:visible;stroke:none;filter:drop-shadow(0 0 18px #c8dba921)}.art-glow{position:absolute;inset:14%;border-radius:50%;z-index:-1;background:radial-gradient(ellipse at 42% 45%,#74836230,transparent 66%),radial-gradient(ellipse at 68% 60%,#66767c33,transparent 60%);filter:blur(30px)}.art-caption{position:absolute;bottom:7%;left:15%;right:15%;display:flex;justify-content:space-between;font-size:13px;letter-spacing:1.5px;color:#a4ad9b}.hero-foot{position:absolute;bottom:30px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;font-size:13px;letter-spacing:1.6px;color:#9ca693}.hero-foot>span:last-child{display:flex;gap:21px;align-items:center}.hero-foot>span:last-child span{font-size:19px}.discovery{padding-top:60px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px;gap:24px}.section-heading .eyebrow{color:var(--accent);margin-bottom:13px}.section-heading h2{font-weight:400;font-size:43px;letter-spacing:-1.7px;line-height:1.15;margin:0}.section-heading>p{font-size:13px;line-height:1.7;margin:0 0 3px;color:var(--muted);min-width:255px}.activity-picker{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:28px}.activity-picker button{border:0;color:var(--muted);background:transparent;text-align:left;padding:22px 15px;position:relative;font-size:14px;display:flex;align-items:center;gap:20px;min-height:64px;transition:color .18s,background .18s}.activity-picker button span{font-size:13px;opacity:.7}.activity-picker button:hover{color:var(--ink);background:#ffffff04}.activity-picker button[aria-pressed=true]{color:var(--accent);background:#d5e4a509}.activity-picker button[aria-pressed=true]:after{content:'';height:2px;background:var(--accent);position:absolute;bottom:-1px;left:0;right:0}.recommendation{display:grid;grid-template-columns:40% 60%;background:var(--surface);border:1px solid #333b30}.cover-panel{position:relative;padding:31px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;gap:20px;background:linear-gradient(130deg,#3c463632,#10141010)}.cover-panel>img{width:100%;aspect-ratio:1;box-shadow:0 20px 50px #0004}.cover-label{display:flex;justify-content:space-between;gap:8px;font-size:13px;letter-spacing:1.4px;color:#b2bca7}.recommendation-copy{padding:36px 40px;display:flex;flex-direction:column;justify-content:center}.recommendation-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.recommendation-top .eyebrow{color:var(--accent)}.sound-level{display:flex;align-items:center;gap:3px;height:18px;color:#95a27e}.sound-level i{width:2px;height:6px;background:currentColor}.sound-level i:nth-child(2),.sound-level i:nth-child(4){height:12px}.sound-level i:nth-child(3){height:18px}.recommendation h3{font-size:38px;letter-spacing:-1.2px;font-weight:400;margin:0 0 16px;line-height:1.15}.recommendation-copy>p{font-size:14px;color:#b6c0ae;line-height:1.75;max-width:430px;margin:0}.tags{display:flex;flex-wrap:wrap;gap:6px;margin:21px 0 27px}.tags span{color:#b2bda8;border:1px solid #46503d;border-radius:20px;font-size:13px;padding:6px 11px}.recommendation-actions{display:flex;align-items:center;gap:23px}.recommendation-actions .button{padding-inline:18px}.preview-button{background:none;border:0;color:#ced6c6;font-size:13px;padding:12px 0;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.preview-button:hover{color:var(--accent)}.preview-button svg{width:18px;height:18px}.next-listen{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #3b4434;margin-top:28px;padding-top:20px;gap:20px}.next-listen small{display:block;color:#a4b097;font-size:13px;letter-spacing:1.2px;margin-bottom:8px}.next-listen strong{font-size:13px;line-height:1.6;font-weight:400;color:#d9dfd2}.next-listen svg{height:16px;width:16px;color:var(--accent)}.next-listen:hover strong{text-decoration:underline;text-underline-offset:4px}#inline-player{margin-top:22px}#inline-player iframe{display:block;border:0;border-radius:12px;width:100%;height:152px}#inline-player p{font-size:13px;color:var(--muted);line-height:1.6;margin:10px 0 0}#inline-player p a{text-decoration:underline}.also-try{display:flex;align-items:center;gap:36px;padding:25px 0 0}.also-try>.eyebrow{font-size:13px;line-height:1.8;max-width:85px;color:#9eac90;flex-shrink:0}.track-list{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;width:100%}.track-row{display:flex;align-items:center;gap:11px;min-width:0;padding:6px 0}.track-row img{width:42px;height:42px}.track-row>span{min-width:0}.track-row strong{font-size:13px;font-weight:400;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-row small{display:block;font-size:13px;color:var(--muted);margin-top:6px}.track-row svg{margin-left:auto;height:13px;width:13px;color:#acb69f}.track-row:hover strong{color:var(--accent)}.long-listens{padding-top:82px}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.collection-image{position:relative;overflow:hidden;background:#242a21;aspect-ratio:1}.collection-image>img{width:100%;height:100%;transition:transform .45s}.collection:hover .collection-image>img{transform:scale(1.035)}.round-arrow{position:absolute;right:16px;bottom:16px;width:40px;height:40px;background:#101410dd;color:#eff3e8;border:1px solid #9cab8e55;border-radius:50%;display:grid;place-items:center}.round-arrow svg{width:17px;height:17px}.collection-meta{display:flex;justify-content:space-between;gap:10px;color:#a9b29f;letter-spacing:1px;font-size:13px;margin-top:21px}.collection h3{font-weight:400;font-size:22px;letter-spacing:-.4px;line-height:1.25;margin:13px 0 10px}.collection p{font-size:13px;line-height:1.6;color:var(--muted);margin:0}.more-links{margin-top:32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr}.more-links a{font-size:13px;padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:16px}.more-links a:first-child{padding-right:30px;border-right:1px solid var(--line)}.more-links a:last-child{padding-left:30px}.more-links svg{width:14px;height:14px;color:var(--accent)}.more-links a:hover{color:var(--accent)}.closing{padding-block:85px 80px;text-align:center;display:flex;align-items:center;flex-direction:column}.closing .eyebrow{color:#b3bfa4;font-size:13px}.closing h2{font-weight:400;font-size:49px;line-height:1.12;letter-spacing:-1.6px;margin:24px 0}.closing h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--accent)}.closing>p:not(.eyebrow){font-size:13px;line-height:1.9;color:var(--muted);max-width:415px;margin:0}.platforms{display:flex;align-items:center;gap:28px;margin-top:29px}.platform-link{display:flex;align-items:center;gap:10px;font-size:13px}.platform-link svg{height:13px;width:13px}.platform-link:hover{color:var(--accent)}.site-footer{padding-block:28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px;color:#a7b09e}.site-footer .wordmark{font-size:14px;color:var(--ink);letter-spacing:2px}.listen-bar{position:fixed;z-index:5;bottom:0;left:0;right:0;background:#1b211beF;border-top:1px solid #46513d;backdrop-filter:blur(14px);padding-bottom:env(safe-area-inset-bottom)}.listen-bar-inner{display:flex;align-items:center;justify-content:space-between;min-height:77px;gap:15px}.bar-track{display:flex;align-items:center;gap:12px;min-width:0}.bar-track img{width:42px;height:42px}.bar-track>span{min-width:0}.bar-track small{display:block;font-size:13px;letter-spacing:1.4px;color:#a9b69c;margin-bottom:7px}.bar-track strong{font-size:13px;font-weight:400;display:block;max-width:500px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bar-link{display:flex;align-items:center;gap:11px;font-size:13px;padding:11px 17px;border:1px solid #64724f;color:var(--accent);flex-shrink:0}.bar-link>svg:first-child{height:18px;width:18px}.bar-link:hover{background:#d5e4a510}.skip-link{position:fixed;top:-100px;left:20px;z-index:10;background:var(--accent);color:#111;padding:15px}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
@media(min-width:1500px){.hero{min-height:740px;padding-top:80px}.sound-art{top:10px;width:60%}h1{font-size:110px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.site-header nav{gap:20px}.wordmark{font-size:18px;gap:10px}.header-listen{font-size:13px}.hero{min-height:640px}.sound-art{right:-4%;top:60px;width:57%}h1{font-size:83px}.activity-picker button{gap:12px;font-size:13px}.recommendation-copy{padding:28px}.recommendation h3{font-size:32px}.recommendation-actions{gap:15px;flex-wrap:wrap}.recommendation-actions .button{min-height:46px;font-size:13px;padding-inline:14px}.recommendation-actions .button svg{width:16px;height:16px}.cover-panel{padding:25px}.cover-label{font-size:13px}.track-list{gap:17px}.also-try{gap:24px}.track-row strong{font-size:13px}.collection h3{font-size:20px}.collection-grid{gap:20px}}
@media(max-width:760px){:root{scroll-padding-top:20px}.wrap{width:calc(100% - 40px)}.site-header{height:77px}.site-header nav{display:none}.wordmark{font-size:17px;letter-spacing:2px}.mark{gap:2px}.mark i{width:2px;height:7px}.mark i:nth-child(2),.mark i:nth-child(4){height:14px}.mark i:nth-child(3){height:22px}.wordmark-dot{font-size:13px}.header-listen{font-size:13px;gap:6px}.header-listen>svg:first-child{width:17px;height:17px}.header-listen .small-arrow{display:none}.hero{min-height:730px;padding-top:37px;display:block;overflow:hidden}.hero .eyebrow{font-size:13px;letter-spacing:1.5px}h1{font-size:clamp(58px,11vw,80px);letter-spacing:-3.8px;line-height:1.01;margin:29px 0 22px}h1 em{letter-spacing:-3.5px}.hero-description{font-size:13px;line-height:1.7;margin-bottom:23px}.hero .button{min-height:47px;font-size:13px;padding-inline:18px}.sound-art{width:95%;right:-27%;top:320px;opacity:.8;pointer-events:none}.art-caption{display:none}.hero-foot{bottom:24px;font-size:13px;letter-spacing:1.1px}.hero-foot>span:first-child{max-width:150px;line-height:1.9}.hero-foot>span:last-child{gap:10px}.hero-copy{z-index:1}.discovery{padding-top:40px}.section-heading{margin-bottom:27px;align-items:start;flex-direction:column;gap:14px}.section-heading h2{font-size:36px;letter-spacing:-1.3px}.section-heading .eyebrow{font-size:13px;margin-bottom:11px}.section-heading>p{font-size:13px;line-height:1.7;min-width:0}.section-heading>p br{display:none}.activity-picker{grid-template-columns:repeat(5,1fr);margin-bottom:20px}.activity-picker button{font-size:13px;min-height:58px;padding:14px 3px;gap:8px;justify-content:center}.activity-picker button span{display:none}.recommendation{grid-template-columns:1fr}.cover-panel{padding:22px;border-right:0;border-bottom:1px solid var(--line);gap:17px}.cover-panel>img{width:100%;max-height:400px;object-fit:contain;aspect-ratio:1}.cover-label{font-size:13px}.recommendation-copy{padding:26px 22px}.recommendation-top{margin-bottom:21px}.recommendation-top .eyebrow{font-size:13px}.recommendation h3{font-size:31px;max-width:100%;letter-spacing:-1px}.recommendation-copy>p{font-size:13px;line-height:1.8}.tags{margin:18px 0 24px}.tags span{font-size:13px}.recommendation-actions{gap:18px;flex-wrap:wrap}.recommendation-actions .button{font-size:13px;gap:10px;padding-inline:14px}.preview-button{font-size:13px}.next-listen{margin-top:24px;padding-top:20px}.next-listen small{font-size:13px}.next-listen strong{font-size:13px}.also-try{display:block;padding-top:25px}.also-try>.eyebrow{max-width:none;margin-bottom:12px}.track-list{grid-template-columns:1fr;gap:0}.track-row{padding:11px 0;border-bottom:1px solid #2a3226;gap:13px}.track-row img{width:43px;height:43px}.track-row strong{font-size:13px}.track-row small{font-size:13px}.track-row svg{width:15px;height:15px}.long-listens{padding-top:52px}.collection-grid{grid-template-columns:1fr;gap:35px}.collection{display:grid;grid-template-columns:112px 1fr;column-gap:18px;align-content:start}.collection-image{grid-column:1;grid-row:1/4}.collection-meta{grid-column:2;margin:3px 0 8px;font-size:13px;letter-spacing:.7px;line-height:1.6}.collection-meta>span:last-child{display:none}.collection h3{grid-column:2;font-size:18px;margin:0 0 6px;line-height:1.25}.collection p{grid-column:2;font-size:13px;line-height:1.6}.round-arrow{right:6px;bottom:6px;width:26px;height:26px}.round-arrow svg{width:12px;height:12px}.more-links{grid-template-columns:1fr;margin-top:30px}.more-links a{font-size:13px;padding:20px 0!important}.more-links a:first-child{border-right:0;border-bottom:1px solid var(--line)}.closing{padding-block:55px 46px}.closing h2{font-size:35px;letter-spacing:-1.1px;margin-block:20px}.closing>p:not(.eyebrow){font-size:13px;max-width:320px}.platforms{gap:20px;flex-wrap:wrap;justify-content:center}.platforms .button{font-size:13px;padding-inline:17px;min-height:45px;gap:10px}.platform-link{font-size:13px;gap:6px}.platform-link svg{height:11px;width:11px}.site-footer{font-size:13px;flex-wrap:wrap;padding-block:22px;row-gap:17px}.site-footer>span{order:3;width:100%;font-size:13px}.site-footer .wordmark{font-size:13px}.listen-bar-inner{width:calc(100% - 30px);min-height:73px;gap:10px}.bar-track{gap:10px;flex:1}.bar-track img{width:36px;height:36px}.bar-track small{font-size:13px;letter-spacing:.6px;margin-bottom:5px}.bar-track strong{font-size:13px;max-width:44vw}.bar-link{padding:10px 11px;gap:7px;font-size:13px}.bar-link .small-arrow{display:none}.bar-link>svg:first-child{width:16px;height:16px}body{padding-bottom:85px}}
@media(max-width:370px){.header-listen span{font-size:13px}.wordmark{font-size:15px}.hero{min-height:680px}h1{font-size:56px}.sound-art{top:325px}.activity-picker button{font-size:13px}.recommendation-actions{gap:12px}.recommendation-actions .button{font-size:13px;padding-inline:10px}.collection{grid-template-columns:95px 1fr;column-gap:14px}.collection h3{font-size:16px}.platforms{gap:16px}.bar-link{font-size:13px;padding-inline:8px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.hero-playlist{display:flex;align-items:center;gap:9px;font-size:13px;color:#b4c0a8;margin-top:18px;width:max-content;max-width:100%;line-height:1.6}.hero-playlist svg{width:12px;height:12px}.hero-playlist:hover{color:var(--accent)}.featured-playlist{display:grid;grid-template-columns:210px 1fr auto;gap:38px;align-items:center;padding:28px;margin-bottom:35px;background:linear-gradient(115deg,#2e3824aa,#1d251d55);border:1px solid #424d38}.featured-playlist>img{width:210px;aspect-ratio:1}.featured-playlist .eyebrow{font-size:13px;color:var(--accent)}.featured-playlist h3{font-size:34px;letter-spacing:-1px;font-weight:400;margin:15px 0 11px}.featured-playlist p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.8;margin:0 0 22px}.featured-playlist .button{min-height:43px;font-size:13px;padding-inline:16px}.featured-playlist .button svg{width:16px;height:16px}.featured-index{font-size:13px;letter-spacing:1px;color:#9aab8b;align-self:start;writing-mode:vertical-rl;padding-top:4px}
@media(max-width:760px){.hero{min-height:750px}.hero-playlist{font-size:13px;gap:6px;margin-top:16px}.hero-playlist svg{width:10px;height:10px}.featured-playlist{grid-template-columns:95px 1fr;gap:19px;padding:20px;margin-bottom:32px;align-items:start}.featured-playlist>img{width:95px;margin-top:3px}.featured-playlist .eyebrow{font-size:13px;letter-spacing:1px}.featured-playlist h3{font-size:21px;letter-spacing:-.5px;line-height:1.15;margin:11px 0}.featured-playlist p:not(.eyebrow){font-size:13px;line-height:1.7;margin-bottom:17px}.featured-playlist p br{display:none}.featured-playlist .button{font-size:13px;gap:8px;padding-inline:11px;min-height:40px}.featured-playlist .button svg{width:13px;height:13px}.featured-index{display:none}}
@media(max-width:370px){.featured-playlist{grid-template-columns:75px 1fr;gap:14px;padding:16px}.featured-playlist>img{width:75px}.featured-playlist h3{font-size:19px}}

@media(max-width:760px){h1 .movement-line{font-size:clamp(34px,10vw,58px);letter-spacing:-2px;white-space:nowrap}.hero{min-height:670px}.sound-art{top:270px}}

#recommendation-cover{height:auto}
.button.primary{--spotify-ink:var(--accent)}

/* Preserve original logo and square playlist artwork. */
.site-header .brand-logo{width:210px;height:auto;object-fit:contain}.featured-playlist>img{height:auto;aspect-ratio:1 / 1;object-fit:contain;align-self:start}.collection-image>img{height:auto;aspect-ratio:1 / 1;object-fit:contain}
@media(max-width:760px){.site-header .brand-logo{width:165px}}
@media(max-width:370px){.site-header .brand-logo{width:140px}}

/* Readable supporting text across desktop and mobile. */
.hero-description,.recommendation-copy>p,.section-heading>p,.featured-playlist p:not(.eyebrow),.collection p,.closing>p:not(.eyebrow){font-size:16px;line-height:1.7}
.button,.header-listen,.site-header nav,.preview-button,.platform-link,.more-links a,.bar-link{font-size:14px}
.track-row strong,.next-listen strong,.bar-track strong{font-size:14px}
.eyebrow,.collection-meta,.cover-label,.site-footer,.hero-foot,.art-caption{line-height:1.6}
.collection-meta{flex-wrap:wrap;gap:6px}
.bar-track strong{max-width:40vw}
@media(max-width:760px){
.site-header .brand-logo{width:145px}.header-listen{font-size:13px}
.hero{min-height:740px}.hero-foot{gap:14px}.hero-foot>span:first-child{max-width:210px}
.art-caption{display:none}.collection{grid-template-columns:110px minmax(0,1fr);column-gap:16px}.collection h3{font-size:20px}
.featured-playlist{grid-template-columns:1fr}.featured-playlist>img{width:180px;height:auto;margin:0}.featured-playlist h3{font-size:28px}
.featured-playlist .button{font-size:14px;white-space:normal}
.track-row small,.next-listen small,.bar-track small{font-size:13px}
.listen-bar-inner{flex-wrap:wrap}.bar-track{min-width:0}.bar-track strong{max-width:42vw}.bar-link{font-size:13px}
.hero-playlist{width:auto}.activity-picker button{font-size:13px}
}
