:root{color-scheme:dark;--ink:#f9f2e4;--muted:#d0c9c2;--gold:#ffc467;--gold-light:#ffe1a2;--line:rgba(244,216,172,.23);font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:320px;min-height:100svh;background:#090e19;color:var(--ink);font-family:Manrope,"DM Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
.skip-link{position:absolute;top:-100px;left:16px;padding:12px 16px;background:white;color:#111;z-index:20}.skip-link:focus{top:16px}
.sky,.sky>div{position:fixed;inset:0;pointer-events:none}.sky{overflow:hidden;z-index:-1;background:#090e19}.sky-art{background:url("./assets/the-manger-king-artwork.jpg") center 45%/cover no-repeat;filter:blur(25px) saturate(1.32) brightness(.52);transform:scale(1.1);animation:nebula-drift 18s ease-in-out infinite alternate}.sky-vignette{background:linear-gradient(90deg,rgba(6,10,20,.94) 0%,rgba(6,11,24,.80) 39%,rgba(4,9,20,.45) 75%,rgba(4,8,17,.6) 100%),linear-gradient(0deg,rgba(3,7,17,.93),transparent 28%,transparent 70%,rgba(2,6,13,.5))}.sky-glow{background:radial-gradient(circle at 73% 49%,rgba(255,151,36,.25),transparent 30%),radial-gradient(circle at 89% 9%,rgba(6,137,206,.2),transparent 35%);mix-blend-mode:screen;animation:glow-breathe 6.5s ease-in-out infinite alternate}.sky-stars{opacity:.56;background-repeat:repeat;background-size:470px 470px;animation:star-drift 30s ease-in-out infinite alternate}.sky-stars-one{background-image:radial-gradient(2px 2px at 31px 86px,rgba(255,246,222,.9) 70%,transparent 100%),radial-gradient(1px 1px at 211px 23px,rgba(255,255,255,.9) 70%,transparent 100%),radial-gradient(2px 2px at 341px 302px,rgba(120,211,255,.85) 70%,transparent 100%),radial-gradient(1px 1px at 140px 392px,rgba(255,214,163,.8) 70%,transparent 100%)}.sky-stars-two{opacity:.37;background-size:650px 650px;background-image:radial-gradient(2px 2px at 48px 421px,#fff 70%,transparent 100%),radial-gradient(1px 1px at 478px 201px,#fff 70%,transparent 100%),radial-gradient(2px 2px at 329px 552px,#ffdc95 70%,transparent 100%);animation-duration:43s;animation-direction:alternate-reverse}
.page-shell{position:relative;min-height:100svh;display:flex;flex-direction:column;max-width:1600px;margin:auto;padding:0 clamp(22px,5.2vw,86px)}
.topbar{height:88px;min-height:88px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:24px}.artist-wordmark{text-decoration:none;font-size:15px;font-weight:800;letter-spacing:.21em;line-height:1.18;white-space:nowrap}.artist-wordmark span{color:#e1b473}.topbar-note{display:flex;gap:11px;align-items:center;color:#e3d4bf;font-size:10px;font-weight:800;letter-spacing:.22em;white-space:nowrap}.status-light{width:6px;height:6px;border-radius:50%;background:#fbd89f;box-shadow:0 0 0 4px rgba(255,211,145,.1),0 0 18px rgba(255,195,91,.8);animation:signal 2.4s ease-in-out infinite}
.hero{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.97fr);align-items:center;gap:clamp(40px,6vw,105px);padding:clamp(32px,4vh,60px) 0 42px}.hero-copy{max-width:660px;padding-bottom:24px;animation:enter-left .85s cubic-bezier(.22,1,.36,1) both}.eyebrow{display:flex;align-items:center;gap:14px;color:#e5c99e;font-size:10px;font-weight:800;letter-spacing:.29em;margin:0 0 clamp(23px,3.2vh,37px)}.eyebrow-line{width:41px;height:1px;background:#e8bd7d;box-shadow:0 0 10px #ffc570}
h1{display:flex;flex-direction:column;align-items:flex-start;margin:0;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(82px,9.2vw,154px);letter-spacing:-.072em;line-height:.77;text-shadow:0 8px 30px rgba(0,0,0,.2)}h1 .small-title{font-size:.38em;letter-spacing:-.05em;line-height:1.02;margin-left:.1em;margin-bottom:.02em}h1 em{font-weight:400;font-style:italic;color:var(--gold-light);margin-left:.45em;letter-spacing:-.085em;line-height:.93;text-shadow:0 0 58px rgba(249,165,68,.28)}
.release-row{display:flex;align-items:center;gap:15px;margin:31px 0 0}.release-rule{height:1px;width:48px;background:var(--gold)}.release-row p{margin:0;color:#e0c7a1;letter-spacing:.22em;font-size:12px;font-weight:600}.release-row strong{color:#ffe0a5;font-weight:800}
.hero-lede{font-family:Georgia,"Times New Roman",serif;font-size:clamp(24px,2.5vw,35px);letter-spacing:-.025em;line-height:1.2;margin:32px 0 13px;max-width:480px}.hero-detail{font-size:15px;line-height:1.7;color:var(--muted);max-width:460px;margin:0 0 28px}
.spotify-button{position:relative;isolation:isolate;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:28px;width:min(100%,410px);padding:17px 18px 17px 24px;color:#1f140a;text-decoration:none;background:linear-gradient(115deg,#ffe2a7 0%,#ffbd66 46%,#e78a4b 100%);border:1px solid rgba(255,233,185,.82);border-radius:16px;box-shadow:0 12px 42px rgba(226,117,47,.22),inset 0 1px 0 rgba(255,255,255,.7);transition:transform .25s ease,box-shadow .25s ease}.spotify-button::before{content:"";position:absolute;inset:-80% auto -80% -48%;width:34%;transform:skewX(-24deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);animation:button-shine 5.8s ease-in-out infinite;z-index:-1}.spotify-button:hover{transform:translateY(-3px);box-shadow:0 19px 52px rgba(235,134,55,.38),inset 0 1px 0 rgba(255,255,255,.9)}.spotify-button:focus-visible,.artist-wordmark:focus-visible,.footer a:focus-visible{outline:3px solid #fff;outline-offset:5px}.button-copy{display:flex;flex-direction:column;gap:4px}.button-kicker{font-size:9px;font-weight:800;letter-spacing:.18em}.button-copy strong{font-size:21px;font-weight:800;letter-spacing:-.045em}.button-arrow{flex:0 0 44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(41,28,16,.28);font-size:23px;line-height:1;transition:transform .25s ease}.spotify-button:hover .button-arrow{transform:translate(3px,-3px)}.button-help{color:#b7ad9f;font-size:11px;line-height:1.6;margin:12px 0 0}.button-help strong{color:#e7d1b0}
.art-stage{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:enter-right .95s cubic-bezier(.22,1,.36,1) both}.art-halo{position:absolute;width:108%;aspect-ratio:1;border:1px solid rgba(255,210,141,.11);border-radius:50%;box-shadow:0 0 0 34px rgba(255,195,96,.018),0 0 0 82px rgba(255,195,96,.012),0 0 90px rgba(251,142,44,.13);top:45%;left:50%;transform:translate(-50%,-50%);animation:halo-pulse 8s ease-in-out infinite}.art-frame{position:relative;width:min(100%,min(71vh,650px));aspect-ratio:1;padding:9px;background:rgba(255,209,139,.07);border:1px solid rgba(254,220,158,.53);box-shadow:0 40px 100px rgba(0,0,0,.55),0 0 90px rgba(239,128,35,.19),inset 0 0 16px rgba(255,228,179,.13);transform:rotate(1.3deg);transition:transform .5s cubic-bezier(.22,1,.36,1)}.art-frame:hover{transform:rotate(0deg) scale(1.015)}.art-frame::after{content:"";position:absolute;inset:9px;border:1px solid rgba(255,237,192,.28);pointer-events:none}.art-frame img{display:block;width:100%;height:100%;object-fit:cover}.art-caption{align-self:flex-end;margin-top:19px;color:#e1c9a7;font-size:9px;font-weight:800;letter-spacing:.19em}.art-caption span{color:#ac7b50;margin:0 7px}
.footer{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:59px;padding:15px 0;border-top:1px solid var(--line);color:#a9a59f;font-size:9px;font-weight:700;letter-spacing:.17em}.footer a{color:#a9a59f;text-decoration:none;letter-spacing:.09em;font-weight:500;text-transform:none}.footer a:hover{color:#fff}
@keyframes nebula-drift{from{transform:scale(1.1) translate(-2%,1.5%)}to{transform:scale(1.28) translate(2.8%,-2.6%)}}@keyframes star-drift{from{transform:translate3d(16px,-12px,0)}to{transform:translate3d(-28px,22px,0)}}@keyframes glow-breathe{from{opacity:.52;transform:scale(1)}to{opacity:1;transform:scale(1.12)}}@keyframes halo-pulse{50%{opacity:.52;filter:blur(1px)}}@keyframes signal{50%{opacity:.48;box-shadow:0 0 0 7px rgba(255,211,145,.06),0 0 26px rgba(255,195,91,.7)}}@keyframes button-shine{0%,67%,100%{left:-48%}85%{left:140%}}@keyframes enter-left{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:none}}@keyframes enter-right{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:980px){.hero{gap:32px}.art-frame{width:min(100%,540px)}h1{font-size:clamp(74px,10vw,112px)}.hero-detail{font-size:14px}}
@media(max-height:850px) and (min-width:721px){.topbar{height:72px;min-height:72px}.hero{padding:18px 0 17px}.hero-copy{padding-bottom:0}.eyebrow{margin-bottom:18px}h1{font-size:clamp(75px,7.7vw,116px)}.release-row{margin-top:16px}.hero-lede{font-size:clamp(23px,2.1vw,29px);margin:19px 0 9px}.hero-detail{font-size:13px;line-height:1.52;margin-bottom:17px}.spotify-button{padding-top:12px;padding-bottom:12px}.button-help{margin-top:8px}.art-frame{width:min(100%,min(63vh,570px))}.footer{min-height:46px}}
@media(max-width:720px){.page-shell{padding:0 22px}.topbar{height:63px;min-height:63px}.artist-wordmark{font-size:11px;letter-spacing:.16em}.topbar-note{font-size:8px;letter-spacing:.12em}.hero{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:0;padding:24px 0 22px}.hero-copy{display:contents}.eyebrow{order:1;justify-content:center;gap:9px;font-size:8px;letter-spacing:.2em;margin:0 0 15px}.eyebrow-line{width:20px}h1{order:2;display:block;text-align:center;font-size:clamp(55px,13.4vw,87px);letter-spacing:-.065em;line-height:.87}h1 .small-title{display:inline;font-size:.36em;margin:0 .13em 0 0;vertical-align:middle}h1 span:nth-child(2){display:inline}h1 em{display:inline;margin-left:.14em}.release-row{order:3;justify-content:center;margin:14px 0 18px;gap:9px}.release-rule{width:25px}.release-row p{font-size:10px;letter-spacing:.16em}.art-stage{order:4;width:100%;max-width:430px;margin:0 auto 22px}.art-halo{width:108%;top:45%}.art-frame{width:min(100%,min(37svh,410px));padding:6px;transform:rotate(.6deg)}.art-frame::after{inset:6px}.art-caption{font-size:7px;letter-spacing:.11em;margin-top:9px}.hero-lede{order:5;text-align:center;font-size:clamp(20px,5.7vw,27px);margin:0 auto 8px}.hero-detail{order:6;text-align:center;font-size:12px;line-height:1.45;max-width:330px;margin:0 auto 17px}.spotify-button{order:7;width:min(100%,420px);margin:auto;padding:12px 14px 12px 19px;border-radius:13px}.button-copy strong{font-size:18px}.button-kicker{font-size:8px}.button-arrow{flex-basis:38px;height:38px;font-size:20px}.button-help{order:8;text-align:center;font-size:10px;margin:9px auto 0}.footer{min-height:47px;font-size:8px;letter-spacing:.09em}.sky-vignette{background:linear-gradient(180deg,rgba(4,7,17,.73),rgba(4,7,17,.42) 40%,rgba(4,7,17,.81) 100%)}.sky-art{filter:blur(25px) saturate(1.25) brightness(.37)}}
@media(max-width:390px){.page-shell{padding:0 17px}.topbar-note{display:none}.hero{padding-top:17px}.eyebrow{margin-bottom:11px}h1{font-size:clamp(48px,13vw,66px)}.art-stage{margin-bottom:16px}.art-frame{width:min(100%,34svh)}.release-row{margin:11px 0 15px}.hero-detail{margin-bottom:13px}.footer{font-size:7px}}
@media(max-height:700px) and (min-width:721px){.hero{padding:20px 0}.art-frame{width:min(100%,68vh)}h1{font-size:clamp(72px,8vw,118px)}.eyebrow{margin-bottom:18px}.hero-lede{margin-top:19px}.hero-detail{margin-bottom:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sky-art,.sky-stars,.sky-glow,.art-halo,.spotify-button::before,.status-light,.hero-copy,.art-stage{animation:none!important}.spotify-button,.button-arrow,.art-frame{transition:none}}

/* Public release story below the existing full-screen follow landing page. */
.page-main{flex:1;min-width:0}
.page-main>.hero{min-height:calc(100svh - 147px)}
.story-scroll{display:inline-block;margin-top:26px;color:#efcf9e;text-decoration:none;border-bottom:1px solid #efcf9e88;padding-bottom:5px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.story-scroll:hover{color:#fff}
.release-story{position:relative;isolation:isolate;overflow:hidden;margin:30px 0 72px;padding:clamp(34px,5vw,75px);background:#f8f4ed;color:#20252b;box-shadow:0 20px 75px #0008}
.release-story::before{content:'';position:absolute;z-index:-1;top:-120px;right:-140px;width:600px;height:500px;background:radial-gradient(circle,#f0cf9152,transparent 70%);pointer-events:none}
.story-kicker{margin:0 0 15px;color:#745d3d;font-size:10px;font-weight:800;letter-spacing:.22em}
.story-header{max-width:1040px;margin:0 0 46px}
.story-header h2{margin:0;font:400 clamp(42px,5.2vw,76px)/1.04 Georgia,serif;letter-spacing:-.055em;text-wrap:balance}
.story-header h2 em{color:#946b35;font-style:normal}
.story-lede{max-width:780px;margin:22px 0 0;color:#48505a;font-size:clamp(17px,1.5vw,21px);line-height:1.55}
.story-grid{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);gap:clamp(30px,5vw,78px);align-items:start}
.story-details{background:#111927;color:#f4eee5;padding:14px;box-shadow:0 15px 40px #1d26322e}
.story-details>img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.story-details dl{margin:0;padding:10px 12px 4px}
.story-details dl div{padding:17px 0;border-bottom:1px solid #ffffff24}
.story-details dl div:last-child{border:0}
.story-details dt{margin-bottom:6px;color:#e7be77;font-size:9px;font-weight:800;letter-spacing:.16em}
.story-details dd{margin:0;font-size:13px;line-height:1.5}
.story-body{max-width:760px}
.story-body>p{margin:0 0 20px;color:#29333d;font-size:clamp(16px,1.22vw,18px);line-height:1.75}
.story-body>p:first-child{font-size:clamp(19px,1.55vw,23px);line-height:1.55;color:#182330}
.story-cta{margin-top:36px;padding:27px;border-top:2px solid #b78e55;background:#ede7db}
.story-cta p{margin:0 0 20px;font-size:15px;line-height:1.6}
.story-spotify{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:470px;padding:17px 20px;background:#17253a;color:#fff;text-decoration:none;font-size:13px;font-weight:800;transition:background .2s,transform .2s}
.story-spotify:hover{background:#2c4868;transform:translateY(-2px)}
.story-profile{display:inline-block;margin-top:17px;color:#624a2e;font-size:12px;font-weight:800;text-decoration:none;border-bottom:1px solid #967650;padding-bottom:3px}
.spotify-dialog{width:min(760px,calc(100% - 26px));max-height:90dvh;padding:0;border:1px solid #d8ab6a;border-radius:14px;background:#0d1628;color:#fff;box-shadow:0 35px 100px #000c;overflow:auto}
.spotify-dialog::backdrop{background:#050a17d9;backdrop-filter:blur(6px)}
.spotify-dialog-head,.spotify-dialog-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px}
.spotify-dialog-head h2{margin:0;font:400 clamp(25px,3vw,36px)/1.1 Georgia,serif}
.spotify-dialog-close{padding:9px 14px;border:1px solid #ffffff8a;border-radius:30px;background:transparent;color:#fff;font:700 12px Manrope,Arial,sans-serif;cursor:pointer}
.spotify-dialog-player{padding:12px 18px;background:#070c16}
.spotify-dialog-player iframe{display:block;width:100%;height:min(68vh,500px);border:0;border-radius:8px}
.spotify-dialog-foot{font-size:12px;color:#d9d5cf}
.spotify-dialog-foot a{color:#f4c982;text-decoration:none;font-weight:800}
.story-scroll:focus-visible,.story-spotify:focus-visible,.story-profile:focus-visible,.spotify-dialog button:focus-visible,.spotify-dialog a:focus-visible{outline:3px solid #d4a969;outline-offset:4px}
@media(max-width:720px){.page-main>.hero{min-height:calc(100svh - 110px)}.release-story{margin:14px -22px 48px;padding:42px 22px}.story-header{margin-bottom:31px}.story-grid{grid-template-columns:1fr}.story-details{max-width:380px}.story-body>p{font-size:16px}.story-cta{padding:22px}.spotify-dialog-head,.spotify-dialog-foot{padding:14px 16px;flex-wrap:wrap}.spotify-dialog-player iframe{height:420px}}
@media(max-width:390px){.release-story{margin-left:-17px;margin-right:-17px;padding-left:17px;padding-right:17px}}
@media(prefers-reduced-motion:reduce){.story-spotify{transition:none}}

/* Pre-save landing page: keep the music-service action prominent and the artist preview secondary. */
.presave-button{width:min(100%,455px);min-height:82px}
.presave-button .button-copy strong{font-size:clamp(18px,1.8vw,23px)}
.presave-button:focus-visible,.hero-secondary a:focus-visible,.story-spotify:focus-visible{outline:3px solid #fff;outline-offset:5px}
.hero-secondary{display:flex;align-items:center;flex-wrap:wrap;gap:12px 28px;margin-top:23px}
.hero-secondary a{display:inline-block;color:#efcf9e;text-decoration:none;border-bottom:1px solid #efcf9e88;padding-bottom:5px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.hero-secondary a:hover{color:#fff;border-color:#fff}
.hero-secondary .story-scroll{margin:0}
@media(max-width:720px){.hero-secondary{order:9;justify-content:center;margin-top:18px;gap:13px 20px}.hero-secondary a{font-size:9px}.presave-button{min-height:69px;gap:12px}.presave-button .button-copy strong{font-size:17px}}
@media(max-width:390px){.presave-button .button-copy strong{font-size:15px}.presave-button .button-kicker{font-size:7px;letter-spacing:.08em}}