:root{--navy:#071e3f;--blue:#0d4b99;--bright:#3da6ed;--sky:#c8eaff;--paper:#f5f8fb;--ink:#10233b;--muted:#4b6380;--line:#bcd3e7;--white:#fff;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}body.dialog-open{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit}img{display:block;max-width:100%}.wrap{width:min(100% - 88px,1290px);margin-inline:auto}.skip{position:absolute;z-index:100;left:16px;top:-80px;padding:12px 16px;color:#000;background:#fff}.skip:focus{top:16px}
.site-header{height:74px;position:absolute;z-index:8;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 44px;border-bottom:1px solid rgba(255,255,255,.25);color:#fff}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.15em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid currentColor;border-radius:8px;font-size:14px;letter-spacing:-.06em}.header-link{font-size:10px;font-weight:800;letter-spacing:.12em;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.7);padding:7px 0}.header-link:hover{opacity:.7}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:100svh;color:#fff;background:radial-gradient(circle at 72% 41%,#2489d3 0%,#0d56a4 25%,#083c7e 52%,#061b3b 100%)}.hero:before{content:"";position:absolute;z-index:-2;inset:-10%;background:radial-gradient(circle at 62% 35%,rgba(158,222,255,.43),transparent 28%),radial-gradient(circle at 0% 100%,rgba(40,151,232,.32),transparent 33%),linear-gradient(130deg,transparent 34%,rgba(255,255,255,.07) 46%,transparent 59%);animation:ambient 12s ease-in-out infinite alternate}.hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(1,12,35,.33),transparent 73%),radial-gradient(circle at 27% 93%,rgba(2,19,47,.6),transparent 40%);pointer-events:none}.hero-light{position:absolute;z-index:-1;width:min(68vw,850px);aspect-ratio:1;right:3%;top:8%;border-radius:50%;background:radial-gradient(circle,rgba(172,231,255,.15),transparent 69%);filter:blur(5px);animation:breathe 8s ease-in-out infinite alternate}.hero-orbit{position:absolute;z-index:-1;width:740px;aspect-ratio:1;right:-10%;top:12%;border:1px solid rgba(207,237,255,.13);border-radius:50%;box-shadow:0 0 0 85px rgba(202,234,253,.024),0 0 0 174px rgba(202,234,253,.015);animation:orbit 14s ease-in-out infinite alternate}.orbit-two{width:490px;right:0;top:25%;opacity:.55;animation-duration:18s;animation-direction:alternate-reverse}.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:5.5vw;min-height:100svh;padding-top:112px;padding-bottom:95px}.hero-copy{position:relative;z-index:2}.eyebrow,.kicker{font-size:11px;line-height:1.4;font-weight:800;letter-spacing:.21em}.eyebrow{margin:0 0 26px;color:#c6e9ff}.eyebrow span{padding-inline:7px}.hero h1{font-size:clamp(68px,7.1vw,118px);line-height:.91;letter-spacing:-.078em;margin:0 0 25px;font-weight:900}.hero h1 span:not(.period){color:#b9e8ff}.hero h1 .period{color:#67c4ff}.credits{font-size:11px;line-height:1.6;font-weight:800;letter-spacing:.17em;margin:0 0 27px;color:#c7eaff}.credits span{padding:0 7px;color:#86cefc}.hero-lead{font-size:clamp(21px,2vw,30px);font-weight:500;line-height:1.28;letter-spacing:-.035em;max-width:500px;margin:0 0 29px;color:#f1faff}.spotify-button{position:relative;overflow:hidden;display:flex;align-items:center;gap:17px;width:min(100%,455px);min-height:84px;padding:15px 16px 15px 18px;border:1px solid #baf0ff;border-radius:16px;color:#0b2d51;background:linear-gradient(100deg,#e8faff,#bfeaff 52%,#f3fcff);box-shadow:0 12px 0 #0a3970,0 25px 40px rgba(0,10,35,.34);cursor:pointer;text-align:left;transform:translateY(0);transition:transform .22s,box-shadow .22s,filter .22s}.spotify-button:hover{transform:translateY(-5px);box-shadow:0 17px 0 #0a3970,0 30px 45px rgba(0,10,35,.38);filter:brightness(1.06)}.spotify-button:active{transform:translateY(3px);box-shadow:0 8px 0 #0a3970,0 15px 25px rgba(0,10,35,.28)}.spotify-button:focus-visible,.other-links a:focus-visible,.header-link:focus-visible,.close-player:focus-visible{outline:3px solid #fff;outline-offset:5px}.button-shine{position:absolute;top:-60%;bottom:-60%;left:-65%;width:35%;transform:skewX(-22deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);animation:shine 5.7s ease-in-out infinite}.spotify-mark{position:relative;z-index:1;display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:50%;background:#0c5aa7;color:#fff;font-size:25px;font-weight:800}.button-copy{position:relative;z-index:1;display:flex;flex-direction:column;gap:4px}.button-copy small{font-size:9px;font-weight:900;letter-spacing:.2em;color:#2a6593}.button-copy strong{font-size:22px;line-height:1.1;font-weight:900;letter-spacing:-.04em}.button-arrow{position:relative;z-index:1;margin-left:auto;font-size:24px;font-weight:700}.other-links{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:26px}.other-links span{color:#a8d8f7;font-size:9px;font-weight:800;letter-spacing:.16em}.other-links a{color:#fff;font-size:12px;font-weight:800;text-underline-offset:5px}.other-links a:hover{color:#aee6ff}.hero-art{position:relative;min-width:0;margin:0;display:grid;place-items:center}.hero-art img{position:relative;width:min(100%,560px);aspect-ratio:1;object-fit:cover;border:8px solid rgba(255,255,255,.82);border-radius:5px;box-shadow:0 34px 78px rgba(0,15,53,.5),0 0 0 1px rgba(255,255,255,.26);animation:art-enter .8s ease-out both}.art-glow{position:absolute;width:105%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(157,223,255,.52),transparent 65%);filter:blur(18px);animation:breathe 9s ease-in-out infinite alternate}.hero-art figcaption{justify-self:end;margin-top:16px;color:#d0edff;font-size:9px;font-weight:800;letter-spacing:.16em}.hero-bottom{position:absolute;bottom:28px;left:0;right:0;display:flex;justify-content:space-between;gap:20px;font-size:9px;font-weight:800;letter-spacing:.18em;color:#b7ddf6}.hero-bottom a{text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px}
.story-section{background:#f6f9fc;padding:115px 0 125px}.story-layout{display:grid;grid-template-columns:185px minmax(0,760px);gap:8vw}.story-rail{display:flex;flex-direction:column;gap:25px;color:#5a7898;font-size:10px;line-height:1.7;font-weight:800;letter-spacing:.18em}.rail-rule{width:55px;height:2px;background:#238bd1}.kicker{color:#1668ac;margin:0}.story-copy h2,.scripture-layout h2,.artists-section h2,.last-listen h2{font-size:clamp(48px,5vw,75px);line-height:1;letter-spacing:-.065em;font-weight:800;margin:17px 0 36px}.story-copy p:not(.kicker){font-size:17px;line-height:1.78;color:#364c65}.story-copy .intro{font-size:22px!important;line-height:1.52!important;color:#0c2a4c!important;font-weight:650}.story-copy a{color:#075fa8;text-underline-offset:4px}.story-copy a:hover{color:#003d72}.story-callout{display:grid;grid-template-columns:160px 1fr;gap:25px;align-items:start;border-top:1px solid #aecbe1;border-bottom:1px solid #aecbe1;margin:37px 0;padding:26px 0}.story-callout span{padding-top:8px;color:#0b6cae;font-size:10px;font-weight:850;letter-spacing:.18em}.story-callout p{margin:0;color:#0b3d72!important;font-size:clamp(25px,3vw,40px)!important;line-height:1.18!important;font-weight:750;letter-spacing:-.045em}
.scripture-section{position:relative;overflow:hidden;background:#e1f2fd;padding:105px 0}.scripture-section:after{content:"139";position:absolute;right:-.05em;bottom:-.37em;color:rgba(24,120,180,.065);font-size:clamp(240px,30vw,550px);font-weight:900;letter-spacing:-.13em;pointer-events:none}.scripture-layout{position:relative;z-index:1;display:grid;grid-template-columns:1fr .8fr;gap:8vw;align-items:end}.scripture-layout h2{margin-bottom:0}.scripture-layout h2 span{color:#208bc4}.scripture-layout>div:last-child{border-top:1px solid #86b9d8;padding-top:22px}.scripture-layout p:not(.kicker){font-size:17px;line-height:1.75;color:#31546f}.scripture-layout a{display:inline-block;margin-top:10px;padding-bottom:8px;border-bottom:1px solid currentColor;text-decoration:none;font-size:11px;font-weight:850;letter-spacing:.14em}
.artists-section{padding:108px 0 120px;background:#fff}.artists-section h2{margin-bottom:45px}.artist-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.artist-cards article{display:flex;flex-direction:column;min-height:275px;padding:29px;border:1px solid #bfd9ed;background:linear-gradient(145deg,#f9fcff,#eaf5fc)}.artist-number{color:#3687bd;font-size:11px;font-weight:850;letter-spacing:.2em}.artist-cards h3{font-size:26px;line-height:1.06;letter-spacing:-.045em;margin:34px 0 15px}.artist-cards p{color:#4c647b;font-size:14px;line-height:1.65;margin:0 0 25px}.artist-cards a{margin-top:auto;color:#075997;font-size:11px;font-weight:800;text-underline-offset:4px}
.last-listen{background:radial-gradient(circle at 78% 50%,#196cb3,#073f82 51%,#061d3e);color:#fff;padding:100px 0 112px}.last-layout{display:flex;align-items:center;justify-content:space-between;gap:55px}.last-listen .kicker{color:#a8defb}.last-listen h2{margin:15px 0 17px}.last-listen p:not(.kicker){font-size:17px;line-height:1.65;max-width:570px;color:#d5eaff}.last-layout .spotify-button{flex:none;width:min(100%,420px)}.site-footer{padding:27px 0;background:#06172f;color:#dcefff}.footer-layout{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-layout>span,.footer-layout>a:last-child{font-size:9px;font-weight:800;letter-spacing:.17em;text-decoration:none}
.player-backdrop{position:fixed;z-index:99;inset:0;display:grid;place-items:center;padding:20px;background:rgba(1,11,27,.82);backdrop-filter:blur(12px)}.player-backdrop[hidden]{display:none}.player-panel{position:relative;width:min(100%,570px);padding:32px;border:1px solid #7dbde7;border-radius:19px;background:#f8fcff;box-shadow:0 30px 100px rgba(0,0,0,.45)}.close-player{position:absolute;top:17px;right:18px;border:0;background:#e0f1fc;color:#143f65;width:39px;height:39px;border-radius:50%;font-size:26px;line-height:1;cursor:pointer}.close-player:hover{background:#c2e5f9}.player-kicker{color:#1776b8;font-size:10px;font-weight:850;letter-spacing:.2em;margin:0 0 10px}.player-panel h2{font-size:30px;line-height:1.1;margin:0;letter-spacing:-.05em}.player-panel>p:not(.player-kicker){color:#567187;font-size:14px;margin:9px 0 23px}.iframe-slot{min-height:152px}.iframe-slot iframe{display:block;width:100%;height:152px;border:0;border-radius:12px}.full-song{display:block;margin-top:20px;padding:15px 18px;border-radius:10px;background:#0e5ca6;color:#fff;text-align:center;text-decoration:none;font-size:14px;font-weight:850}.full-song:hover{background:#084a89}
@keyframes ambient{to{transform:translate(-3%,2%) scale(1.08)}}@keyframes breathe{to{transform:scale(1.13);opacity:.5}}@keyframes orbit{to{transform:scale(1.08) translate(-1%,1%);opacity:.6}}@keyframes art-enter{from{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shine{0%,55%{left:-65%}75%,100%{left:160%}}
@media(max-width:1050px){.wrap{width:min(100% - 52px,1290px)}.hero-grid{gap:30px}.hero h1{font-size:clamp(65px,8vw,99px)}.story-layout{grid-template-columns:130px 1fr;gap:5vw}.last-layout{gap:25px}}
@media(max-width:720px){.wrap{width:min(100% - 38px,560px)}.site-header{height:60px;padding-inline:19px}.brand{font-size:10px}.brand-mark{width:32px;height:32px;font-size:12px}.header-link{font-size:8px}.hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:24px;min-height:100svh;padding-top:90px;padding-bottom:76px}.hero-copy{display:contents}.eyebrow{order:1;text-align:center;font-size:8px;margin:0;letter-spacing:.13em}.hero h1{order:2;font-size:clamp(59px,13.4vw,91px);line-height:.88;text-align:center;margin:0}.credits{order:3;font-size:8px;letter-spacing:.1em;text-align:center;margin:0}.hero-lead{order:4;font-size:18px;line-height:1.2;text-align:center;max-width:330px;margin:0 auto}.spotify-button{order:5;margin-inline:auto;min-height:72px;border-radius:13px}.button-copy strong{font-size:18px}.spotify-mark{width:39px;height:39px;font-size:22px}.other-links{order:6;justify-content:center;margin-top:-5px;gap:14px}.other-links span{font-size:8px}.other-links a{font-size:11px}.hero-art{order:7;width:min(67vw,310px);margin:0 auto}.hero-art img{border-width:5px}.hero-art figcaption{display:none}.hero-bottom{bottom:16px;justify-content:center;font-size:8px}.hero-bottom>span{display:none}.story-section{padding:75px 0 85px}.story-layout{display:block}.story-rail{display:none}.story-copy h2,.scripture-layout h2,.artists-section h2,.last-listen h2{font-size:clamp(43px,10vw,62px)}.story-copy p:not(.kicker){font-size:15px}.story-copy .intro{font-size:19px!important}.story-callout{grid-template-columns:1fr;gap:8px}.story-callout p{font-size:27px!important}.scripture-section{padding:75px 0}.scripture-layout{display:block}.scripture-layout h2{margin-bottom:30px}.scripture-layout p:not(.kicker){font-size:15px}.artists-section{padding:75px 0 85px}.artist-cards{grid-template-columns:1fr;gap:12px}.artist-cards article{min-height:220px;padding:22px}.artist-cards h3{font-size:24px;margin-top:20px}.last-listen{padding:80px 0 95px}.last-layout{display:block}.last-layout .spotify-button{margin-top:27px}.footer-layout{flex-wrap:wrap;justify-content:center;text-align:center}.footer-layout>span{order:3;width:100%}.player-panel{padding:24px}}
@media(max-width:390px){.hero-grid{padding-top:75px;gap:18px}.hero h1{font-size:clamp(54px,13vw,67px)}.hero-lead{font-size:16px}.hero-art{width:min(59vw,245px)}.other-links{gap:10px}.hero-bottom{display:none}}
@media(max-height:760px) and (max-width:720px){.hero-grid{padding-top:70px;padding-bottom:25px;gap:13px}.hero h1{font-size:clamp(52px,12vw,66px)}.hero-lead{font-size:16px}.hero-art{width:min(45vw,195px)}.hero-bottom{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* Keep the cover square so the listening action remains in the first screen. */
@media (min-width:721px){.hero-grid{padding-top:90px;padding-bottom:70px}.hero-art img{height:min(42vw,560px)}}
@media (max-width:720px){.hero-art img{height:min(67vw,310px)}}
@media (max-width:390px){.hero-art img{height:min(59vw,245px)}}
@media (max-height:760px) and (max-width:720px){.hero-art img{height:min(45vw,195px)}}
/* In-page video, using the same restrained treatment as the Spotify player. */
.video-trigger{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid rgba(232,248,255,.55);border-radius:999px;background:rgba(3,29,67,.25);color:#fff;font:inherit;font-size:12px;font-weight:800;line-height:1.2;cursor:pointer;transition:background .2s,transform .2s}
.video-trigger:hover{background:rgba(225,246,255,.18);transform:translateY(-2px)}
.video-trigger:focus-visible{outline:3px solid #fff;outline-offset:4px}
.video-trigger span{font-size:10px}
.video-panel{width:min(100%,900px);background:#071c39;color:#fff;border-color:#72bcec}
.video-panel h2{color:#fff}
.video-panel>p:not(.player-kicker){color:#d0eaff}
.video-panel .close-video{background:#214c76;color:#fff}
.video-panel .close-video:hover{background:#356b9e}
.video-slot{aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#000}
.video-slot iframe{display:block;width:100%;height:100%;border:0}
@media(max-width:720px){.video-trigger{font-size:11px;padding:8px 11px}.video-panel{padding:18px}}