:root{--night:#092b4d;--deep:#06345d;--blue:#15558b;--sky:#81bbe7;--pale:#eaf5fc;--paper:#f7f6f1;--ink:#172c3d;--muted:#607887;--line:rgba(10,57,94,.17)}
*{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{max-width:100%;display:block}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}::selection{background:#bddcf3;color:#092b4d}.wrap{width:min(1320px,calc(100% - 112px));margin-inline:auto}.skip-link{position:absolute;left:12px;top:-60px;z-index:30;padding:12px 18px;background:white;color:var(--night)}.skip-link:focus{top:12px}
.site-header{height:78px;padding:0 44px;position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid rgba(255,255,255,.27);color:white}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-family:Georgia,serif;font-weight:800;font-size:14px;letter-spacing:.015em;white-space:nowrap}.brand-mark{width:38px;height:38px;border:1px solid currentColor;display:grid;place-items:center;font-size:16px}.header-note,.header-profile,.eyebrow,.hero-artist,.hero-meta,.hero-bottom,.art-caption,.section-kicker,.story-aside,.lyric-quote span,.listen-copy a,.details-intro a,.credits-card dt,.credits-source,.people-label,.people-copy a,.apple-link,.site-footer{font-size:10px;font-weight:800;letter-spacing:.19em}.header-note{opacity:.78}.header-profile{text-decoration:none;border-bottom:1px solid rgba(255,255,255,.55);padding-bottom:5px;white-space:nowrap;transition:color .2s,border-color .2s}.header-profile:hover{color:#d9eeff;border-color:#d9eeff}
.hero{position:relative;min-height:100svh;overflow:hidden;isolation:isolate;color:#fff;background:radial-gradient(ellipse 48% 53% at 82% 47%,rgba(221,242,255,.65),transparent 75%),radial-gradient(ellipse 65% 65% at 65% -15%,#6cb2e4 0%,transparent 72%),linear-gradient(115deg,#061f3e 0%,#0a3a67 47%,#2f82bd 100%)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,20,38,.77) 0%,rgba(3,36,67,.47) 49%,rgba(4,45,78,.1) 100%),url('./assets/greater-is-the-cross-cover.jpg') center 32%/cover no-repeat;opacity:.18;filter:blur(32px);transform:scale(1.12);z-index:-3}.hero:after{content:"";position:absolute;inset:auto -20% -24% 36%;height:56%;background:radial-gradient(ellipse at center,rgba(226,244,255,.34),transparent 68%);filter:blur(32px);z-index:-2}.hero-atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse 60% 11% at 76% 12%,rgba(240,250,255,.22),transparent 78%),radial-gradient(ellipse 55% 14% at 63% 69%,rgba(243,252,255,.23),transparent 74%),radial-gradient(ellipse 48% 9% at 96% 80%,rgba(255,255,255,.27),transparent 75%);pointer-events:none}.cloud{position:absolute;border-radius:50%;background:rgba(227,247,255,.23);filter:blur(48px);pointer-events:none}.cloud-a{width:58vw;height:13vw;left:45%;top:28%;transform:rotate(-9deg);animation:driftA 23s ease-in-out infinite alternate}.cloud-b{width:38vw;height:12vw;left:15%;bottom:10%;opacity:.5;animation:driftB 29s ease-in-out infinite alternate}.hero-grid{min-height:100svh;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:center;gap:clamp(40px,6vw,100px);padding-top:126px;padding-bottom:100px;position:relative;z-index:1}.hero-copy{max-width:670px}.eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 44px;color:#d8efff}.eyebrow-rule{width:36px;height:1px;background:currentColor}.hero-artist{color:#cceaff;line-height:1.65;margin:0 0 21px}.hero-artist span{color:#85bcdf;font-weight:500;margin:0 6px}.hero h1{font-family:"Fraunces",Georgia,serif;font-size:clamp(64px,6.55vw,116px);line-height:.94;letter-spacing:-.062em;font-weight:500;margin:0 0 27px;text-wrap:balance;text-shadow:0 14px 40px rgba(3,20,42,.14)}.hero h1 em{font-weight:300;letter-spacing:-.068em;color:#d8edfc}.hero-intro{font-size:clamp(17px,1.5vw,21px);line-height:1.65;max-width:520px;color:#e6f3fc;margin:0 0 34px}.spotify-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-width:min(100%,388px);min-height:82px;padding:15px 19px 15px 27px;position:relative;overflow:hidden;text-decoration:none;border:1px solid rgba(255,255,255,.85);background:linear-gradient(105deg,#f9fdff,#d6efff);color:#082e53;box-shadow:0 14px 35px rgba(2,24,45,.24),0 0 0 6px rgba(255,255,255,.08);transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.spotify-cta:hover,.spotify-cta:focus-visible{transform:translateY(-5px);box-shadow:0 23px 42px rgba(2,24,45,.29),0 0 0 8px rgba(255,255,255,.16)}.spotify-cta:focus-visible{outline:3px solid white;outline-offset:6px}.cta-sheen{position:absolute;inset:-30% auto -30% -60%;width:35%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);transform:skewX(-24deg);animation:buttonSheen 5.5s ease-in-out infinite}.cta-label{position:relative;display:flex;flex-direction:column;gap:5px}.cta-label small{font-size:9px;font-weight:800;letter-spacing:.23em;color:#3b7cad}.cta-label strong{font-size:18px;font-weight:800;letter-spacing:-.025em}.cta-arrow{position:relative;display:grid;place-items:center;flex:0 0 43px;height:43px;border-radius:50%;background:#0b4779;color:white;font-size:21px;font-weight:400;transition:transform .25s}.spotify-cta:hover .cta-arrow{transform:translate(2px,-2px)}.hero-meta{display:flex;align-items:center;gap:14px;color:#d2e9f7;margin:26px 0 0}.meta-dot{width:4px;height:4px;border-radius:50%;background:currentColor}
.hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:500px}.art-halo{position:absolute;width:115%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(223,244,255,.45),rgba(157,210,242,.14) 51%,transparent 71%);filter:blur(13px);animation:haloBreath 8s ease-in-out infinite alternate}.art-ring{position:absolute;width:106%;aspect-ratio:1;border:1px solid rgba(227,246,255,.33);border-radius:50%;transform:rotate(-8deg)}.art-ring-two{width:120%;border-color:rgba(227,246,255,.15)}.cover-frame{position:relative;width:min(100%,520px);aspect-ratio:1;margin:0;padding:11px;background:rgba(233,249,255,.34);border:1px solid rgba(255,255,255,.67);box-shadow:0 45px 90px rgba(0,28,55,.28),0 0 0 16px rgba(224,246,255,.075);transform:rotate(2.5deg);animation:coverFloat 8s ease-in-out infinite}.cover-frame img{width:100%;height:100%;object-fit:cover}.art-caption{position:absolute;bottom:-31px;left:50%;transform:translateX(-50%);margin:0;white-space:nowrap;color:#dcefff;font-size:9px}.hero-bottom{position:absolute;left:0;right:0;bottom:34px;z-index:2;display:flex;align-items:center;justify-content:space-between;color:#d7ebf8}.hero-bottom a{text-decoration:none;border-bottom:1px solid rgba(215,235,248,.55);padding-bottom:5px}.hero-bottom a:hover{color:white;border-color:white}
.story{background:#f8f7f3;padding:clamp(88px,11vw,165px) 0}.story-grid{display:grid;grid-template-columns:210px minmax(0,760px);gap:clamp(55px,8vw,130px);justify-content:center}.story-aside{color:#50738d;line-height:1.9;padding-top:10px}.story-aside>span{display:block;border-top:1px solid #9fb8ca;padding-top:22px}.aside-sky{width:52px;height:158px;margin:68px 0 52px 20px;background:linear-gradient(180deg,transparent 0%,#86c2e8 35%,#cce9f8 53%,transparent 100%);clip-path:polygon(47% 0,58% 0,58% 45%,100% 45%,100% 54%,58% 54%,58% 100%,47% 100%,47% 54%,0 54%,0 45%,47% 45%);opacity:.75}.story-aside p{margin:0;color:#7591a5}.section-kicker{color:#3d7cab;margin:0 0 22px}.story h2,.listen-section h2,.song-details h2,.people h2,.final-listen h2{font-family:"Fraunces",Georgia,serif;font-weight:450;font-size:clamp(48px,5vw,76px);line-height:1.07;letter-spacing:-.06em;margin:0 0 32px;text-wrap:balance}.story h2 em,.listen-section h2 em,.song-details h2 em,.people h2 em,.final-listen h2 em{font-weight:300;color:#3980b4}.story-main>p:not(.section-kicker){font-size:18px;line-height:1.86;margin:0 0 25px;color:#394e60}.story-main .story-lead{font-size:22px!important;line-height:1.66!important;color:#1b3a51!important}.story-main strong{font-weight:800;color:#143e60}.lyric-quote{position:relative;overflow:hidden;margin:46px 0 42px;padding:49px 50px 46px;background:linear-gradient(115deg,#08385f,#3a8fc1);color:white;box-shadow:0 22px 35px rgba(19,64,92,.12)}.lyric-quote:before{content:"";position:absolute;width:290px;height:290px;border:1px solid rgba(255,255,255,.24);border-radius:50%;top:-130px;right:-110px;box-shadow:0 0 0 38px rgba(255,255,255,.035),0 0 0 80px rgba(255,255,255,.025)}.lyric-quote p{position:relative;font-family:"Fraunces",Georgia,serif;font-size:clamp(29px,3.2vw,44px);font-weight:400;line-height:1.26;letter-spacing:-.035em;margin:0 0 28px}.lyric-quote span{position:relative;color:#d4eaf8;font-size:9px}
.listen-section{background:#dceef8;padding:90px 0;position:relative;overflow:hidden}.listen-section:before{content:"";position:absolute;inset:-60% 0 auto 44%;height:170%;background:radial-gradient(circle,rgba(255,255,255,.9),transparent 62%)}.listen-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;position:relative}.listen-section h2{font-size:clamp(42px,4vw,64px);margin-bottom:18px}.listen-copy p:not(.section-kicker){line-height:1.7;color:#50697b;font-size:16px}.listen-copy a,.details-intro a,.people-copy a{display:inline-flex;align-items:center;gap:12px;margin-top:17px;padding-bottom:7px;border-bottom:1px solid #407eac;text-decoration:none;color:#155a8b;transition:gap .2s}.listen-copy a:hover,.details-intro a:hover,.people-copy a:hover{gap:18px}.player-shell{background:#0b3557;padding:22px;box-shadow:0 26px 54px rgba(15,56,84,.18);border:1px solid rgba(255,255,255,.7)}.player-shell iframe{border:0;border-radius:12px;display:block;background:#0b3557}
.song-details{background:#f8f7f3;padding:120px 0}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.song-details h2{font-size:clamp(43px,4vw,65px);margin-bottom:24px}.details-intro>p:not(.section-kicker){max-width:460px;font-size:17px;line-height:1.75;color:#526a78}.credits-card{padding:42px 44px;background:white;border:1px solid #d2e1e9;box-shadow:0 18px 42px rgba(32,74,99,.07)}.credits-card dl{margin:0}.credits-card dl>div{display:grid;grid-template-columns:110px 1fr;gap:20px;padding:15px 0;border-top:1px solid #e5eef2}.credits-card dt{letter-spacing:.09em;color:#64859a}.credits-card dd{margin:0;color:#183b54;font-size:14px;line-height:1.5;font-weight:700}.credits-source{font-size:10px;font-weight:600;letter-spacing:0;line-height:1.55;color:#6d8494;margin:24px 0 0}.credits-source a{color:#235f89}
.people{background:#edf5fa;padding:120px 0;position:relative}.people:before{content:"";position:absolute;right:0;top:0;width:39%;height:100%;background:linear-gradient(90deg,transparent,rgba(146,198,229,.18))}.people-heading{position:relative;text-align:center;margin-bottom:54px}.people-heading h2{margin-bottom:0}.people-grid{position:relative;display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);background:#fff;box-shadow:0 32px 75px rgba(25,75,106,.13)}.josh-photo{min-height:610px;overflow:hidden;background:#b7c8ca}.josh-photo img{width:100%;height:100%;object-fit:cover;object-position:center 30%}.people-copy{padding:clamp(45px,5vw,86px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.people-label{color:#387dad;margin:0 0 12px}.people-copy h3{font-family:"Fraunces",Georgia,serif;font-size:clamp(37px,3.3vw,54px);font-weight:400;letter-spacing:-.06em;line-height:1.1;margin:0 0 17px;color:#123d5e}.people-copy h3 span{display:block;font-size:.56em;letter-spacing:-.035em;font-weight:400;color:#3b7ba6}.people-copy>p:not(.people-label){font-size:16px;line-height:1.7;color:#536c7b;margin:0}.people-copy a{margin-top:20px}.people-divider{height:1px;width:100%;background:#d3e2ea;margin:40px 0}
.final-listen{position:relative;background:radial-gradient(ellipse at 68% 20%,#4f9dcc 0%,transparent 45%),linear-gradient(125deg,#072944,#145a8c);color:white;padding:126px 0 134px;overflow:hidden}.final-listen:before{content:"";position:absolute;inset:0;background:url('./assets/greater-is-the-cross-cover.jpg') center/cover;opacity:.075;filter:blur(14px);transform:scale(1.06)}.final-inner{position:relative;max-width:780px;text-align:center}.final-listen .section-kicker{color:#c7e7f8}.final-listen h2{font-size:clamp(56px,6vw,86px);margin-bottom:20px}.final-listen h2 em{color:#c5eaff}.final-inner>p:not(.section-kicker){max-width:560px;margin:0 auto 35px;color:#e4f3fa;font-size:17px;line-height:1.7}.final-inner strong{color:white}.final-cta{text-align:left}.apple-link{display:block;width:max-content;margin:26px auto 0;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.55);text-decoration:none;color:#e1f2fb}.apple-link:hover{color:white;border-color:white}.site-footer{background:#061c31;color:#e3eff6;padding:37px 0}.footer-grid{display:flex;justify-content:space-between;align-items:center;gap:25px}.site-footer .brand{letter-spacing:0}.site-footer>div>span{opacity:.56}.site-footer>div>a:last-child{text-decoration:none;border-bottom:1px solid rgba(255,255,255,.48);padding-bottom:5px}
@keyframes driftA{from{transform:translateX(-2%) rotate(-9deg)}to{transform:translateX(8%) rotate(-9deg)}}@keyframes driftB{from{transform:translateX(0)}to{transform:translateX(-11%)}}@keyframes coverFloat{0%,100%{transform:translateY(0) rotate(2.5deg)}50%{transform:translateY(-12px) rotate(1.5deg)}}@keyframes haloBreath{from{transform:scale(.96);opacity:.75}to{transform:scale(1.06);opacity:1}}@keyframes buttonSheen{0%,72%,100%{transform:translateX(0) skewX(-24deg)}86%{transform:translateX(560%) skewX(-24deg)}}
@media(max-width:1100px){.wrap{width:min(100% - 72px,1320px)}.header-note{display:none}.hero-grid{gap:32px}.hero h1{font-size:clamp(62px,7.2vw,92px)}.hero-art{min-height:420px}.story-grid{grid-template-columns:145px minmax(0,730px);gap:56px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{height:65px;padding:0 20px}.site-header .brand{font-size:12px}.brand-mark{width:32px;height:32px;font-size:13px}.header-profile{font-size:8px;letter-spacing:.09em}.hero-grid{min-height:100svh;grid-template-columns:1fr;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:20px;padding-top:92px;padding-bottom:69px}.hero-copy{max-width:100%}.eyebrow{font-size:8px;margin:0 0 20px}.eyebrow-rule{width:23px}.hero-artist{font-size:9px;margin-bottom:12px;letter-spacing:.08em}.hero-artist span{margin:0 2px}.hero h1{font-size:clamp(51px,11.8vw,78px);margin-bottom:13px;line-height:.94}.hero-intro{font-size:15px;line-height:1.5;margin-bottom:22px;max-width:440px}.spotify-cta{min-height:70px;min-width:min(100%,390px);padding:11px 13px 11px 20px}.cta-label strong{font-size:16px}.cta-arrow{width:39px;height:39px;flex-basis:39px}.hero-meta{font-size:8px;margin:17px 0 0}.hero-art{min-height:0;margin:0 auto;width:min(55vw,250px)}.cover-frame{padding:6px;box-shadow:0 20px 35px rgba(0,28,55,.26),0 0 0 8px rgba(224,246,255,.075)}.art-caption{display:none}.hero-bottom{bottom:19px;font-size:8px}.hero-bottom>span{display:none}.hero-bottom a{margin-left:auto}.cloud-a{width:90vw;height:25vw}.cloud-b{width:70vw;height:30vw}.story{padding:83px 0}.story-grid{display:block}.story-aside{display:none}.story h2,.listen-section h2,.song-details h2,.people h2,.final-listen h2{font-size:clamp(43px,10.5vw,62px)}.story-main>p:not(.section-kicker){font-size:16px;line-height:1.78}.story-main .story-lead{font-size:19px!important}.lyric-quote{margin:35px 0;padding:34px 26px}.lyric-quote p{font-size:clamp(27px,7vw,37px)}.listen-section{padding:76px 0}.listen-grid,.details-grid,.people-grid{display:block}.listen-copy{margin-bottom:32px}.player-shell{padding:13px}.song-details,.people{padding:83px 0}.details-intro{margin-bottom:39px}.credits-card{padding:29px 25px}.credits-card dl>div{grid-template-columns:85px 1fr;gap:12px}.people-heading{margin-bottom:35px}.josh-photo{height:350px;min-height:0}.people-copy{padding:35px 27px 45px}.people-copy h3{font-size:40px}.final-listen{padding:94px 0 104px}.footer-grid{flex-wrap:wrap;gap:21px}.site-footer>div>span{display:none}}
@media(max-width:360px){.hero-grid{justify-content:flex-start;padding-top:91px}.hero h1{font-size:49px}.hero-intro{font-size:14px}.hero-art{width:48vw;margin-top:2px}.hero-bottom{bottom:15px}.header-profile{max-width:126px;text-align:right;line-height:1.4}.cta-label strong{font-size:15px}.credits-card dl>div{display:block}.credits-card dd{margin-top:5px}}
.people-grid{grid-template-rows:minmax(390px,auto) minmax(390px,auto)}.person-photo{position:relative;min-height:390px;margin:0;overflow:hidden;background:#b7c8ca}.person-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.person-photo--josh img{object-position:center 30%}.person-photo--ginny img{object-position:center 27%}.people-copy--ginny{border-top:1px solid #d3e2ea}
@media(max-width:760px){.person-photo{height:350px;min-height:0}.people-copy--ginny{border-top:0}}
@media(max-height:720px) and (max-width:760px){.hero-grid{justify-content:flex-start;gap:8px}.hero-art{width:min(43vw,180px)}.hero-intro{margin-bottom:16px}.hero-meta{margin-top:11px}}
@media(min-width:361px) and (max-width:760px) and (min-height:721px){.hero-art{width:min(68vw,300px)}}
.final-inner .cta-label strong{color:#082e53}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cloud,.cover-frame,.art-halo,.cta-sheen{animation:none}.spotify-cta,.cta-arrow,.header-profile,.listen-copy a,.details-intro a,.people-copy a{transition:none}}

/* The song art leads on mobile; the only primary action follows it. */
.hero-grid{grid-template-areas:"copy art" "action art";grid-template-rows:auto auto;align-content:center;align-items:start;row-gap:0}
.hero-copy{grid-area:copy;align-self:end}
.hero-action{grid-area:action;align-self:start}
.hero-art{grid-area:art;align-self:center}
.hero-atmosphere{animation:skyShift 32s ease-in-out infinite alternate}
.cloud{border-radius:50%;filter:blur(26px);opacity:.52;mix-blend-mode:screen;will-change:transform;background:radial-gradient(ellipse at 27% 49%,rgba(240,251,255,.5),transparent 52%),radial-gradient(ellipse at 59% 40%,rgba(215,241,255,.44),transparent 55%),radial-gradient(ellipse at 81% 58%,rgba(238,250,255,.42),transparent 48%)}
.cloud-a{width:74vw;height:20vw;left:25%;top:16%;animation:cloudSailA 27s ease-in-out infinite alternate}
.cloud-b{width:62vw;height:19vw;left:-9%;bottom:18%;opacity:.44;animation:cloudSailB 34s ease-in-out infinite alternate}
.cloud-c{width:68vw;height:18vw;left:41%;top:64%;opacity:.35;animation:cloudSailC 39s ease-in-out infinite alternate}
@keyframes cloudSailA{from{transform:translate3d(-7%,1%,0) rotate(-7deg)}to{transform:translate3d(10%,-4%,0) rotate(-4deg)}}
@keyframes cloudSailB{from{transform:translate3d(-6%,2%,0) rotate(5deg)}to{transform:translate3d(13%,-3%,0) rotate(2deg)}}
@keyframes cloudSailC{from{transform:translate3d(7%,-2%,0) rotate(-3deg)}to{transform:translate3d(-10%,3%,0) rotate(1deg)}}
@keyframes skyShift{from{transform:translate3d(-1%,0,0) scale(1.03);opacity:.76}to{transform:translate3d(2%,1%,0) scale(1.08);opacity:1}}
@media(max-width:760px){
  .hero-grid{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding-top:79px;padding-bottom:48px}
  .hero-copy{text-align:center;width:100%;max-width:420px}
  .eyebrow{justify-content:center;margin:0 0 12px}
  .hero-artist{font-size:9px;line-height:1.45;margin:0 0 9px}
  .hero h1{font-size:clamp(46px,11.25vw,67px);margin:0 0 9px}
  .hero-intro{font-size:14px;line-height:1.46;margin:0 auto 15px;max-width:340px}
  .hero-art{width:min(62vw,270px);min-height:0;margin:0 auto 17px}
  .cover-frame{transform:none;animation:none;padding:7px;box-shadow:0 20px 35px rgba(0,28,55,.24),0 0 0 9px rgba(224,246,255,.08)}
  .art-halo{animation:none;opacity:.65}
  .art-ring{opacity:.65}
  .hero-action{display:flex;flex-direction:column;align-items:center;width:100%;text-align:center}
  .hero-action .spotify-cta{width:min(100%,390px);min-height:68px}
  .hero-action .hero-meta{justify-content:center;margin:14px 0 0}
  .hero-bottom{bottom:14px}
  .cloud-a{width:110vw;height:36vw;left:-26%;top:13%}
  .cloud-b{width:116vw;height:38vw;left:10%;bottom:18%;opacity:.49}
  .cloud-c{width:92vw;height:33vw;left:-33%;top:56%;opacity:.4}
}
@media(max-height:720px) and (max-width:760px){
  .hero-grid{justify-content:flex-start;padding-top:77px;padding-bottom:36px}
  .hero h1{font-size:clamp(44px,11vw,52px);margin-bottom:7px}
  .hero-intro{font-size:13px;line-height:1.4;margin-bottom:9px}
  .hero-art{width:min(53vw,205px);margin-bottom:10px}
  .hero-action .spotify-cta{min-height:63px}
  .hero-action .hero-meta{margin-top:10px}
}
@media(max-width:360px) and (max-height:720px){.hero-art{width:45vw}}
@media(max-width:360px){
  .site-header{padding:0 12px;gap:8px}
  .site-header .brand{font-size:10px;gap:7px}
  .header-profile{max-width:92px;white-space:normal;text-align:right;font-size:7px;line-height:1.25}
  .hero-grid{padding-top:72px;padding-bottom:28px}
  .hero-action .spotify-cta{gap:9px;min-height:60px;padding:10px 11px 10px 16px}
  .hero-action .cta-label strong{font-size:14px}
  .hero-action .cta-arrow{width:35px;height:35px;flex-basis:35px}
  .hero-bottom{bottom:9px}
}
@media(prefers-reduced-motion:reduce){.hero-atmosphere,.cloud,.cover-frame,.art-halo,.cta-sheen{animation:none}}
/* A quiet horizon replaces the cross-shaped story ornament. */
.aside-sky{position:relative;width:126px;height:82px;margin:58px 0 58px 0;clip-path:none;opacity:1;background:radial-gradient(circle at 62% 43%,rgba(153,207,239,.48) 0 17px,rgba(201,231,247,.19) 18px 25px,transparent 26px)}
.aside-sky::before,.aside-sky::after{content:"";position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(82,150,192,.65),transparent)}
.aside-sky::before{top:59px;left:0;width:126px}
.aside-sky::after{top:70px;left:21px;width:84px;opacity:.58}
/* Keep the serif character, without the ornamental italic letterforms. */
.hero h1,.story h2,.listen-section h2,.song-details h2,.people h2,.final-listen h2,.lyric-quote p,.people-copy h3{font-family:Georgia,"Times New Roman",serif}
.hero h1 em,.story h2 em,.listen-section h2 em,.song-details h2 em,.people h2 em,.final-listen h2 em{font-style:normal;font-weight:inherit}