:root{--ink:#14283b;--paper:#f8f8f2;--night:#18324b;--cream:#e9d8b8;--line:#d6dce2;--pink:#d9945f;--peach:#ecc39c;--sage:#91a9b6}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-underline-offset:.18em}:focus-visible{outline:3px solid #b75f28;outline-offset:4px}.skip-link{position:absolute;left:-9999px;top:10px;z-index:10;padding:11px 15px;background:white;color:#111}.skip-link:focus{left:10px}
.site-header{min-height:72px;padding:12px max(28px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px;background:#f8f8f2;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-size:13px;font-weight:700;letter-spacing:.04em;text-decoration:none}.brand img{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#fff}.site-header nav,.site-footer nav{display:flex;gap:clamp(17px,2.3vw,32px);flex-wrap:wrap}.site-header nav a,.site-footer nav a{font-size:12px;font-weight:700;text-decoration:none}.site-header nav a:hover,.site-footer nav a:hover{text-decoration:underline}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:calc(100svh - 72px);color:#fcfaf4;background:radial-gradient(ellipse at 83% 12%,#416f91 0%,transparent 45%),radial-gradient(ellipse at 69% 89%,#9c634d 0%,transparent 44%),radial-gradient(ellipse at 4% 8%,#335c83 0%,transparent 45%),#152c45}.hero:before,.hero:after,.hero-texture{content:'';position:absolute;pointer-events:none;z-index:-1}.hero:before{width:65vw;aspect-ratio:1;right:-20vw;top:-35%;border-radius:50%;background:radial-gradient(circle,#eed09b54,transparent 70%);animation:light-drift 16s ease-in-out infinite alternate}.hero:after{width:64vw;aspect-ratio:1;left:-22vw;bottom:-60%;border-radius:50%;background:radial-gradient(circle,#87b2cb42,transparent 68%);animation:light-drift 20s ease-in-out infinite alternate-reverse}.hero-grain{inset:0;background-image:linear-gradient(135deg,transparent 49.8%,#fff4df16 50%,transparent 50.2%),linear-gradient(35deg,transparent 49.8%,#fff4df13 50%,transparent 50.2%);background-size:92px 92px,117px 117px;opacity:.55;mask-image:linear-gradient(90deg,transparent,#000);animation:grid-drift 30s linear infinite}.hero-inner{width:min(1320px,calc(100% - clamp(44px,7vw,110px)));min-height:calc(100svh - 72px);margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.78fr);align-items:center;gap:clamp(42px,7vw,116px);padding:clamp(54px,7vw,95px) 0}.hero-copy{animation:rise .85s ease-out both}.eyebrow{font-size:11px;letter-spacing:.17em;text-transform:uppercase;font-weight:700;color:#edc99a}.eyebrow span{padding:0 7px}.hero h1{margin:20px 0 22px;font:normal clamp(55px,6.1vw,96px)/1.01 'DM Serif Display',Georgia,serif;letter-spacing:-.045em;text-wrap:balance}.hero h1 em{font-weight:normal;color:#e9bd81}.hero h1 span{display:block;font-size:.68em;line-height:1.12;letter-spacing:-.03em;margin-top:8px}.deck{font-size:clamp(18px,1.6vw,22px);line-height:1.55;color:#f1f2ee;max-width:650px;margin:0}.byline{display:flex;align-items:center;gap:9px;margin-top:28px;color:#d7e2e6;font-size:12px}.byline strong{color:#fff}.hero-actions,.listen-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:15px 19px;min-height:52px;border-radius:5px;border:1px solid transparent;font-size:12px;font-weight:700;text-decoration:none;transition:transform .25s,box-shadow .25s,background .25s}.button:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0003}.button-primary{background:#fff8ec;color:#27352e}.button-outline{border-color:#fff9e9a8;color:#fff8ec;background:#ffffff12}.button-outline:hover{background:#ffffff25}.read-link{display:inline-block;margin-top:28px;color:#f7ead0;font-size:12px;font-weight:700;text-decoration:none;border-bottom:1px solid #f7ead0;padding-bottom:5px}.cover{width:100%;max-width:560px;margin:0;justify-self:center;animation:art-arrive .9s .1s ease-out both}.cover-frame{padding:11px;background:#ffffff1a;border:1px solid #e2cda3a1;box-shadow:0 35px 80px #081b2c90;transform:rotate(1deg)}.cover img{width:100%;aspect-ratio:1;object-fit:contain}.cover figcaption{margin-top:17px;color:#f1e7d8;font-size:10px;font-weight:700;letter-spacing:.12em;line-height:1.5;text-transform:uppercase;text-align:center}
.story-shell{width:min(1150px,calc(100% - 56px));margin:auto;padding:clamp(70px,8vw,118px) 0;display:grid;grid-template-columns:minmax(0,740px) minmax(220px,290px);gap:clamp(48px,7vw,112px)}.section-label{margin:0 0 27px;color:#925b31;font-size:11px;font-weight:700;letter-spacing:.15em}.section-label span{padding:0 7px}.story-body{font:normal 19px/1.78 Georgia,serif;color:#344044}.story-body p{margin:0 0 25px}.story-body .lead{font:500 clamp(21px,2.1vw,27px)/1.52 'DM Sans',Arial,sans-serif;color:#18334a;margin-bottom:36px}.story-body h2{font:normal clamp(34px,3.2vw,46px)/1.14 'DM Serif Display',Georgia,serif;letter-spacing:-.025em;color:#172a31;margin:50px 0 21px}.listen-panel{background:#ebe9e0;border-top:4px solid #bd7947;padding:clamp(22px,4vw,38px);margin:52px 0 34px;font-family:'DM Sans',Arial,sans-serif}.listen-panel .eyebrow{color:#955e32}.listen-panel h2{margin:13px 0 4px}.listen-panel p{font-size:13px;color:#5d6460;margin:0}.listen-panel .listen-actions{margin-top:27px}.button-dark{background:#1c3a55;color:#fff}.button-pale{background:#fbf8f0;border-color:#c9baab;color:#25352f}.relationship{font:normal 13px/1.6 'DM Sans',Arial,sans-serif;background:#f0e7dc;border-left:3px solid #c65c7d;padding:18px 20px;margin-top:40px!important}.sources{margin-top:50px;font-family:'DM Sans',Arial,sans-serif}.sources h2{font-size:29px;margin:0 0 18px}.sources ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.sources li{font-size:13px;font-weight:700;border-bottom:1px solid var(--line);padding:13px 0}.sources li a{text-decoration:none}.sources li a:hover{text-decoration:underline}.story-aside{align-self:start;position:sticky;top:24px}.aside-card{padding:26px;background:#17314a;color:#f8f3e7;border-top:4px solid #dba76e}.aside-card .eyebrow{color:#edc79b}.aside-card img{width:100%;height:auto;margin:16px 0 19px}.aside-card h2{font:normal 30px 'DM Serif Display',Georgia,serif;margin:0 0 10px}.aside-card p{color:#d8dfd5;font-size:12px;line-height:1.6}.aside-card a{display:inline-block;border-top:1px solid #ffffff46;width:100%;padding-top:15px;margin-top:8px;font-size:12px;font-weight:700;text-decoration:none}.aside-card a:hover{text-decoration:underline}
.section-wrap{width:min(1150px,calc(100% - 56px));margin:auto}.more{padding:clamp(65px,7vw,95px) 0;background:#eee9df}.more .eyebrow{color:#935d31}.more h2,.service h2{font:normal clamp(42px,4.4vw,63px)/1.08 'DM Serif Display',Georgia,serif;letter-spacing:-.035em;margin:14px 0 28px}.more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.more-grid a{min-height:144px;padding:23px;background:#fffaf4;border:1px solid #ded0c2;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between}.more-grid a span:first-child{color:#935d31;font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:700}.more-grid a strong{font:normal 23px/1.13 'DM Serif Display',Georgia,serif}.more-grid a span:last-child{align-self:flex-end}.more-grid a:hover{border-color:#b9783e}.service{background:#1a3850;color:#f8f2e6;padding:clamp(62px,7vw,94px) 0}.service .eyebrow{color:#e8bd8b}.service-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.service h2{margin-bottom:14px}.service p{font-size:15px;line-height:1.7;color:#e4e7dc;margin:0;max-width:680px}.site-footer{background:#102b42;color:#f6eee3;padding:30px max(28px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px}.site-footer nav a{color:#f6eee3}
@keyframes rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes art-arrive{from{opacity:0;transform:translateY(26px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes light-drift{to{transform:translate(-5%,6%) scale(1.05);opacity:.58}}@keyframes grid-drift{to{background-position:120px 0,0 80px}}
@media(max-width:900px){.hero-inner{grid-template-columns:minmax(0,1fr) minmax(240px,.7fr);gap:32px}.hero h1{font-size:clamp(48px,6vw,71px)}.story-shell{grid-template-columns:minmax(0,1fr) 230px;gap:44px}}
@media(max-width:700px){.site-header{padding:13px 19px;min-height:64px}.site-header nav{gap:12px}.site-header nav a{font-size:10px}.site-header nav a:last-child{display:none}.brand{font-size:11px}.brand img{width:29px;height:29px}.hero{min-height:calc(100svh - 64px)}.hero-inner{width:min(100% - 38px,560px);min-height:calc(100svh - 64px);display:flex;flex-direction:column;justify-content:center;gap:22px;padding:36px 0 45px}.hero .eyebrow{font-size:9px}.hero h1{font-size:clamp(43px,10.5vw,62px);margin:13px 0}.hero h1 span{font-size:.63em;margin-top:6px}.deck{font-size:15px;line-height:1.5}.byline{font-size:10px;margin-top:16px}.hero-actions{margin-top:19px}.button{min-height:46px;padding:12px 14px;gap:15px;font-size:11px}.read-link{margin-top:16px;font-size:11px}.cover{width:min(57%,230px)}.cover-frame{padding:6px}.cover figcaption{font-size:8px;margin-top:7px}.story-shell{width:min(100% - 38px,650px);display:block;padding:66px 0 78px}.story-body{font-size:17px;line-height:1.72}.story-body .lead{font-size:20px}.story-aside{position:static;margin-top:45px;max-width:340px}.section-wrap{width:min(100% - 38px,650px)}.more-grid{grid-template-columns:1fr}.more-grid a{min-height:100px}.service-inner{display:block}.service .button{margin-top:27px}.site-footer{padding:28px 19px;flex-direction:column;align-items:flex-start}.site-footer nav{gap:13px}}
@media(max-width:390px){.site-header nav a:nth-child(2){display:none}.hero-inner{padding-top:30px;padding-bottom:35px}.hero h1{font-size:39px}.cover{width:min(47%,175px)}.button{font-size:10px;padding:11px 12px}.hero-actions{gap:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.video-feature{margin:58px 0 50px}.video-feature>.eyebrow{font-family:'DM Sans',Arial,sans-serif;color:#955e32}.video-feature h2{margin:12px 0 23px}.video-frame{position:relative;aspect-ratio:16/9;overflow:hidden;background:#1b2827;border:1px solid #c4b8a9;box-shadow:0 20px 40px #17252b20}.video-frame iframe{display:block;width:100%;height:100%;border:0}.video-caption{margin:12px 0 0!important;font:700 12px/1.5 'DM Sans',Arial,sans-serif}.video-caption a{text-decoration-color:#a96b37}.video-caption a:hover{text-decoration-thickness:2px}
@media(max-width:700px){.video-feature{margin:46px 0 42px}.video-feature h2{margin:10px 0 18px}}

.hero h1{max-width:10ch}.hero h1 em{display:block;font-style:italic}.cover img{height:auto;display:block}.cover-frame{transform:rotate(-1.4deg);transition:transform .5s ease}.cover-frame:hover{transform:rotate(0) translateY(-4px)}.hero-texture{background-image:linear-gradient(0deg,transparent 97%,#d9e8f517 98%),linear-gradient(90deg,transparent 97%,#d9e8f517 98%);background-size:70px 70px;opacity:.23}.video-feature{scroll-margin-top:22px}@media(min-width:701px){.hero-inner{padding-block:clamp(28px,4vh,55px)}.cover{max-width:min(520px,calc(100svh - 240px))}}@media(max-width:700px){.hero h1{max-width:none}.hero h1 em{display:inline}.cover{width:min(54%,220px)}}

:root{--hero-header:72px;--hero-mobile-header:64px}

/* Spotify-first song landing heroes: static crawlable links, motion with a reduced-motion fallback. */
.hero-inner{min-height:calc(100svh - var(--hero-header));padding-block:clamp(28px,4vh,54px)}
.spotify-hero{width:min(100%,390px);margin-top:28px}
.spotify-kicker{display:block;margin-bottom:10px;color:#f2d1a2;font-size:10px;font-weight:700;letter-spacing:.18em}
.spotify-action{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:64px;padding:17px 21px;border:1px solid #fff7e7;border-radius:9px;background:#fffaf0;color:#142332;box-shadow:0 14px 40px #07141a42;font-size:15px;font-weight:700;line-height:1.25;text-decoration:none;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}
.spotify-action:hover{transform:translateY(-3px);background:#fff;box-shadow:0 19px 46px #07141a66}
.spotify-action:after{content:'';position:absolute;inset:0 auto 0 0;width:18%;background:linear-gradient(90deg,transparent,#ffffffb2,transparent);pointer-events:none;transform:translateX(-160%) skewX(-20deg);animation:spotify-shine 1.3s ease-out 1.1s 1 forwards}
.secondary-streams{display:flex;flex-wrap:wrap;align-items:center;gap:8px 19px;margin-top:13px}
.secondary-streams a{color:#f1ebdf;border-bottom:1px solid #f1ebdf9c;padding-bottom:3px;font-size:12px;font-weight:600;line-height:1.35;text-decoration:none;transition:color .2s ease,border-color .2s ease}
.secondary-streams a:hover{color:#fff;border-color:#fff}
.read-link,.read-story-link{display:inline-block;margin-top:22px}
.cover,.hero-art{animation:none}
.cover img,.hero-art img{width:100%;height:auto;display:block;animation:cover-breathe 7s ease-in-out 1s infinite alternate}
@keyframes spotify-shine{to{transform:translateX(700%) skewX(-20deg)}}
@keyframes cover-breathe{to{transform:translateY(-5px)}}
@media(min-width:701px){.cover,.hero-art{max-width:min(510px,calc(100svh - 230px))}}
@media(max-width:700px){.hero-inner{min-height:calc(100svh - var(--hero-mobile-header));padding-block:28px 34px;gap:18px}.spotify-hero{margin-top:19px;width:100%}.spotify-action{min-height:56px;padding:14px 17px;font-size:13px}.secondary-streams{margin-top:10px;gap:7px 15px}.secondary-streams a{font-size:11px}.cover,.hero-art{width:min(57%,218px);max-width:218px;align-self:center}.read-link,.read-story-link{margin-top:17px}}
@media(max-width:400px){.hero-inner{padding-block:24px 29px}.cover,.hero-art{width:min(51%,185px)}.spotify-action{min-height:52px}.secondary-streams a{font-size:10.5px}}
@media(prefers-reduced-motion:reduce){.spotify-action:after,.cover img,.hero-art img{animation:none}.spotify-action,.secondary-streams a{transition:none}}
