:root{
  --bg:#07080a;--bg-2:#0d0f12;--panel:#111318;--panel-2:#16191f;
  --text:#f7f3e8;--muted:#a9adb4;--gold:#f2c563;--gold-2:#ff9b45;
  --cyan:#62dce8;--violet:#7867ff;--line:rgba(255,255,255,.09);
  --max:1440px;--header:82px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea,select{font:inherit}
.site-header{height:var(--header);padding:10px 34px;display:flex;align-items:center;gap:28px;position:sticky;top:0;z-index:50;background:rgba(7,8,10,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.brand-image{width:116px;min-width:116px;display:flex;align-items:center}.brand-image img{width:100%;max-height:60px;object-fit:contain;object-position:left center}
.nav{display:flex;gap:24px;margin-left:auto;align-items:center}.nav a{font-size:13px;color:#c7c9cd;transition:.2s}.nav a:hover{color:#fff}
.nav-action{padding:10px 16px;border:1px solid rgba(242,197,99,.42);border-radius:999px;color:var(--gold);font-size:13px}
main>section{max-width:var(--max);margin:0 auto;padding:100px 42px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:11px;color:var(--gold);font-weight:700}
h1,h2,h3,blockquote{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.035em}h1,h2,h3,p{margin-top:0}h2{font-size:clamp(42px,5.5vw,78px);line-height:.98;margin-bottom:24px}
.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 19px;border-radius:999px;font-size:13px;font-weight:700;transition:.2s}
.button-primary{background:linear-gradient(135deg,var(--gold),#ffd98d);color:#19130a;box-shadow:0 8px 40px rgba(242,197,99,.14)}.button-primary:hover{transform:translateY(-1px);box-shadow:0 10px 50px rgba(242,197,99,.22)}
.button-quiet{border:1px solid var(--line);background:rgba(255,255,255,.035);color:#f1eee5}.button-quiet:hover{border-color:rgba(242,197,99,.42);background:rgba(242,197,99,.07)}
.hero-cinematic{max-width:none!important;min-height:calc(100vh - var(--header));padding:72px 42px 54px!important;position:relative;overflow:hidden;display:grid;place-items:center;border-bottom:1px solid var(--line);background:radial-gradient(circle at 50% 20%,#19130c 0%,#0b0c10 42%,#07080a 73%)}
.hero-cinematic:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(242,197,99,.12) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(255,255,255,.018) 50%,transparent 50.2%);background-size:100% 100%,100% 160px;pointer-events:none}
.hero-glow{position:absolute;border-radius:50%;filter:blur(100px);opacity:.25}.hero-glow-a{width:420px;height:420px;background:#f3a33d;left:8%;top:12%}.hero-glow-b{width:360px;height:360px;background:#3ccbd4;right:7%;bottom:4%;opacity:.12}
.hero-beam{position:absolute;width:2px;height:70%;top:-6%;background:linear-gradient(to bottom,transparent,rgba(242,197,99,.45),transparent);filter:blur(.3px);transform-origin:top}.beam-one{left:27%;transform:rotate(24deg)}.beam-two{right:27%;transform:rotate(-24deg)}
.hero-content{position:relative;z-index:2;max-width:1030px;text-align:center}.hero-logo{width:min(330px,62vw);max-height:210px;object-fit:contain;margin:0 auto 16px;filter:drop-shadow(0 0 26px rgba(242,197,99,.16))}
.hero-content h1{font-size:clamp(58px,8.4vw,124px);line-height:.87;margin:0 auto 28px}.hero-content h1 em{font-style:italic;color:var(--gold)}.hero-copy{max-width:760px;margin:0 auto;color:#c4c5c8;font-size:clamp(17px,2vw,22px)}
.hero-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:30px}.hero-scroll{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#777b81}
.feature-intro{display:grid;grid-template-columns:1fr .7fr;gap:70px;align-items:end}.feature-intro>p{color:var(--muted);font-size:18px;max-width:610px}
.release-showcase{padding-top:16px!important;display:grid;grid-template-columns:1.08fr .92fr;gap:16px}.release-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#15171b,#0e1013);transition:.25s}.release-card:hover{transform:translateY(-3px);border-color:rgba(242,197,99,.36)}
.release-main{min-height:620px;padding:32px;display:flex;align-items:flex-end}.release-main:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 60% 22%,rgba(242,197,99,.15),transparent 38%),linear-gradient(to top,rgba(7,8,10,.96),transparent 60%)}
.release-orb{position:absolute;width:340px;height:340px;border-radius:50%;left:50%;top:40%;transform:translate(-50%,-50%);filter:blur(1px)}.orb-gold{background:radial-gradient(circle at 38% 35%,#ffe2a0,#d98b2f 38%,#5a2e12 61%,transparent 70%);box-shadow:0 0 110px rgba(242,160,65,.23)}
.release-kicker{position:absolute;top:28px;left:30px;z-index:3;color:var(--gold);font-size:11px;letter-spacing:.15em}.release-card-copy{position:relative;z-index:3}.release-card-copy p,.compact p{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--gold)}.release-card h3{font-size:clamp(38px,5vw,72px);line-height:.92;margin:8px 0 14px}.release-card-copy span{display:block;color:#b6b8bd;max-width:530px}.release-card-copy strong,.compact>strong{display:block;margin-top:24px;font-size:12px}
.release-stack{display:grid;grid-template-columns:1fr 1fr;gap:16px}.compact{min-height:300px;padding:28px;display:flex;flex-direction:column;justify-content:flex-end}.compact .release-kicker{top:22px;left:26px}.compact h3{font-size:34px}.compact>strong{color:#d9dadd}
.video-stage{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.video-stage-copy>p:not(.eyebrow){color:var(--muted);font-size:18px}.status-line{display:flex;gap:10px;align-items:center;color:#c9cbd0;font-size:13px;margin-top:24px}.status-line i{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 16px var(--gold)}
.video-screen{min-height:480px;border:1px solid var(--line);border-radius:28px;position:relative;overflow:hidden;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 50% 45%,#39240f 0%,#151218 30%,#090a0d 68%);box-shadow:0 30px 100px rgba(0,0,0,.35)}.video-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 15%,rgba(255,255,255,.05) 47%,transparent 57%);transform:translateX(-65%)}.video-screen img{width:240px;position:relative;z-index:2;filter:drop-shadow(0 0 28px rgba(242,197,99,.16))}.video-screen span,.video-screen strong{position:absolute;z-index:2}.video-screen span{top:26px;left:28px;color:var(--gold);font-size:10px;letter-spacing:.16em}.video-screen strong{bottom:28px;left:28px;font:500 24px Georgia,serif}.video-light{position:absolute;left:50%;top:-10%;width:2px;height:120%;background:linear-gradient(to bottom,transparent,#f7cf76,transparent);box-shadow:0 0 80px 28px rgba(242,197,99,.12);transform:rotate(18deg)}
.discover{display:grid;grid-template-columns:.72fr 1.28fr;gap:80px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.discover-copy p:last-child{color:var(--muted);font-size:18px}.moment-panel{padding:26px;border:1px solid var(--line);border-radius:24px;background:var(--panel)}.moments{display:flex;gap:9px;flex-wrap:wrap}.moments button{border:1px solid var(--line);border-radius:999px;padding:10px 13px;background:#0c0e11;color:#c6c8cc;cursor:pointer}.moments button:hover,.moments button.is-active{border-color:rgba(242,197,99,.5);color:var(--gold);background:#1b160e}.moment-result{margin-top:26px;padding:25px;border-top:1px solid var(--line);display:grid;gap:6px}.moment-label{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--gold)}.moment-result strong{font:500 32px Georgia,serif}.moment-result>span:last-child{color:var(--muted)}
.churches{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:stretch}.church-visual{min-height:520px;border:1px solid var(--line);border-radius:26px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 25%,rgba(242,197,99,.22),transparent 33%),linear-gradient(#111318,#08090b);display:grid;place-items:center}.cross-light:before,.cross-light:after{content:"";position:absolute;background:linear-gradient(to bottom,#fff8d7,var(--gold));box-shadow:0 0 46px rgba(242,197,99,.5)}.cross-light:before{width:8px;height:220px;left:50%;top:120px;transform:translateX(-50%)}.cross-light:after{width:130px;height:8px;left:50%;top:183px;transform:translateX(-50%)}.church-visual>span{position:absolute;bottom:28px;left:28px;color:#bfc1c6;font-size:10px;letter-spacing:.18em}.church-copy{align-self:center}.church-copy>p:not(.eyebrow){color:var(--muted);font-size:18px}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:24px 0}.mini-grid span{padding:13px;border:1px solid var(--line);border-radius:12px;color:#c8c9cd}
.mission{display:grid;grid-template-columns:280px 1fr;gap:80px;align-items:center;border-top:1px solid var(--line)}.mission-logo img{width:240px;margin:auto;filter:drop-shadow(0 0 28px rgba(242,197,99,.13))}.mission blockquote{font-size:clamp(34px,4.5vw,65px);line-height:1.03;margin:0 0 25px}.mission-copy>p:last-child{color:var(--muted);font-size:17px;max-width:760px}
.community-band,.support-band{display:grid;grid-template-columns:1fr .75fr auto;gap:45px;align-items:center;border-top:1px solid var(--line)}.community-band>p{color:var(--muted)}.support-band{background:linear-gradient(90deg,rgba(242,197,99,.045),transparent)}
footer{max-width:var(--max);margin:auto;padding:44px 42px;border-top:1px solid var(--line);display:grid;grid-template-columns:160px 1fr auto;gap:40px;align-items:center}.footer-logo img{width:145px;max-height:80px;object-fit:contain}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a{font-size:12px;color:#b8bbc0}.footer-meta{display:grid;gap:4px;text-align:right;color:#777b82;font-size:11px}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:1000px){
  .nav{display:none}.site-header{padding:10px 22px}.brand-image{width:104px}.nav-action{margin-left:auto}
  .feature-intro,.release-showcase,.video-stage,.discover,.churches,.mission,.community-band,.support-band{grid-template-columns:1fr}
  .release-main{min-height:520px}.video-screen{min-height:400px}.mission{gap:32px}.mission-logo img{width:180px;margin:0}.community-band,.support-band{gap:20px}
}
@media(max-width:680px){
  main>section{padding:76px 22px}.hero-cinematic{padding:54px 22px 64px!important}.hero-content h1{font-size:clamp(52px,15vw,78px)}.hero-logo{width:240px}.hero-copy{font-size:16px}
  .release-stack{grid-template-columns:1fr}.compact{min-height:220px}.release-main{min-height:460px}.release-orb{width:260px;height:260px}
  .video-screen{min-height:330px}.video-screen img{width:180px}.church-visual{min-height:390px}.mini-grid{grid-template-columns:1fr}
  footer{padding:38px 22px;grid-template-columns:1fr}.footer-meta{text-align:left}.footer-logo img{width:130px}
}

/* 2026-10-10 cinematic homepage + final logo refresh */
.brand-image{width:132px;min-width:132px;height:62px;overflow:hidden;border-radius:12px}
.brand-image img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-logo{width:min(360px,68vw);border-radius:28px;box-shadow:0 24px 90px rgba(0,0,0,.28),0 0 52px rgba(242,197,99,.08)}
.hero-cinematic{background:
  radial-gradient(circle at 18% 20%,rgba(70,105,170,.16),transparent 32%),
  radial-gradient(circle at 82% 22%,rgba(233,168,79,.14),transparent 30%),
  radial-gradient(circle at 50% 86%,rgba(52,99,157,.12),transparent 36%),
  #050812}
.homepage-video{border:1px solid var(--line);border-radius:28px;overflow:hidden;background:#080a0e;box-shadow:0 32px 100px rgba(0,0,0,.38)}
.homepage-video-embed{position:relative;aspect-ratio:16/9;background:#000}
.homepage-video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.homepage-video-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px}
.homepage-video-meta>div{display:grid;gap:3px}
.homepage-video-meta span{font-size:10px;letter-spacing:.17em;color:var(--gold)}
.homepage-video-meta strong{font:500 25px Georgia,serif}
.release-main{background:
  radial-gradient(circle at 50% 35%,rgba(255,194,93,.15),transparent 36%),
  linear-gradient(145deg,#121722,#090c12)}
.release-stack .release-card:nth-child(1){background:linear-gradient(150deg,#18120d,#0d1016)}
.release-stack .release-card:nth-child(2){background:linear-gradient(150deg,#171319,#0a1016)}
.release-stack .release-card:nth-child(3){background:linear-gradient(150deg,#16121b,#0a0f16)}
.release-stack .release-card:nth-child(4){background:linear-gradient(150deg,#19150e,#0b1015)}
@media(max-width:680px){
  .brand-image{width:108px;min-width:108px;height:54px}
  .homepage-video-meta{align-items:flex-start;flex-direction:column}
}

/* Keep site navigation available on mobile rather than hiding it. */
@media(max-width:1000px){
 .site-header{height:auto;min-height:76px;flex-wrap:wrap;gap:8px 16px;padding:10px 18px}
 .site-header .nav{display:flex;order:3;width:100%;margin:0;gap:20px;overflow-x:auto;padding:8px 0 6px;white-space:nowrap;scrollbar-width:thin}
 .site-header .nav a{flex-shrink:0}
 .site-header .nav-action{margin-left:auto}
}

/* Light design system — applied sitewide */
.site-light{--bg:#faf8f3;--bg-2:#f5f1e9;--panel:#fff;--panel-2:#faf7f0;--text:#252628;--muted:#666765;--line:#e6e1d8;--gold:#a77b34;--accent:#a77b34;background:var(--bg);color:var(--text)}
.site-light .site-header{background:rgba(255,255,255,.96);border-bottom:1px solid #e8e3d9}
.site-light .nav a{color:#45413d}.site-light .nav a:hover,.site-light .nav a[aria-current]{color:#976d25}
.site-light .nav-action{color:#765622;border-color:#d9c59e}
.site-light .hero-cinematic{min-height:0;padding:56px 24px 62px!important;background:radial-gradient(ellipse at 50% 12%,#fff 5%,#f8f2e7 70%,#f5efe5 100%)}
.site-light .hero-cinematic:before,.site-light .hero-glow,.site-light .hero-beam{display:none}
.site-light .hero-logo{width:min(230px,54vw);max-height:145px;filter:none;margin-bottom:10px}
.site-light .hero-content h1{font-size:clamp(42px,6.5vw,80px);line-height:1.04;max-width:900px;margin:0 auto 18px}
.site-light .hero-copy{color:#61605f;font-size:clamp(16px,1.8vw,19px)}
.site-light .hero-scroll{display:none}
.site-light .button-quiet{background:#fff;border-color:#dfd6c6;color:#51432e}
.site-light .button-quiet:hover{background:#fff6e6;border-color:#c5a976}
.site-light .release-card{background:#fff;border-color:#ebe5d9}
.site-light .release-card h3{color:#f9f4e8}.site-light .release-card-copy p{color:#edd18e}
.site-light .release-card-copy span,.site-light .compact>strong{color:#ddd5c8}
.site-light .video-stage-copy>p:not(.eyebrow),.site-light .discover-copy p:last-child,.site-light .church-copy>p:not(.eyebrow),.site-light .mission-copy>p:last-child,.site-light .community-band>p{color:#666}
.site-light .moment-panel{background:white}
.site-light .moments button{background:#f8f6f1;color:#545454}
.site-light .moments button:hover,.site-light .moments button.is-active{background:#f2e8d4;color:#815e25}
.site-light .moment-result>span:last-child{color:#666}
.site-light .mini-grid span{color:#555}
.site-light .mission-logo img{width:100%;max-width:340px;aspect-ratio:4/5;object-fit:cover;border-radius:20px;box-shadow:0 18px 45px #3332}
.site-light footer{border-color:#e6e1d8}
.site-light .footer-links a,.site-light .footer-meta{color:#686765}
.site-light .footer-brand strong{color:#34312d}
.site-light .song-detail-hero .song-lede{color:#63615c}
.site-light .back-link,.site-light .song-credit{color:#6e6d69}
.site-light .song-social-actions,.site-light .feedback-empty{background:white}
.site-light .song-social-actions p{color:#64615b}
.site-light .song-feedback-form input:not([type=checkbox]),.site-light .song-feedback-form select,.site-light .song-feedback-form textarea{background:white}
.site-light .song-section>p:not(.eyebrow){color:#67615a}
.site-light .status-pill{color:#856125;background:#fff8e9;border-color:#ddca9e}
.site-light .scripture-list span,.site-light .song-use-list span{color:#585651}
.site-light .resource-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}
.site-light .resource-tiles>div{padding:20px;border:1px solid #e4dacb;background:#fff;border-radius:16px;display:grid;gap:9px}
.site-light .resource-tiles span{font-size:13px;color:#79746c}
.site-light .song-section{padding-top:65px!important;padding-bottom:65px!important}
.site-light .song-detail-hero{padding-top:42px;padding-bottom:30px}
@media(max-width:700px){.site-light .resource-tiles{grid-template-columns:1fr}.site-light .hero-cinematic{padding:36px 18px 44px!important}}


/* Dark hero refinement — lets the navy/gold logo blend into the page instead of sitting on white */
.site-light .hero-cinematic{
  background:
    radial-gradient(circle at 50% 15%,rgba(48,74,108,.58) 0%,rgba(13,31,52,.96) 40%,#071525 78%,#06111d 100%);
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.08)
}
.site-light .hero-content .eyebrow{color:#d9b96b}
.site-light .hero-content h1{color:#fff}
.site-light .hero-content h1 em{color:#f0c96f}
.site-light .hero-copy{color:rgba(255,255,255,.76)}
.site-light .hero-logo{
  width:min(260px,58vw);
  max-height:none;
  border-radius:24px;
  box-shadow:0 25px 70px rgba(0,0,0,.30);
  mix-blend-mode:normal
}


/* Integrated hero logo — transparent cutout, no white card */
.site-light .hero-logo{
  width:min(260px,58vw);
  height:auto;
  max-height:none;
  object-fit:contain;
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:drop-shadow(0 10px 26px rgba(84,55,17,.14));
  margin:0 auto 6px;
}


/* Header without duplicate logo — primary identity stays in hero */
.site-header.no-brand{justify-content:space-between}
.site-header.no-brand .nav{margin-left:0}
.site-header.no-brand .nav-action{margin-left:auto}
@media(max-width:700px){
  .site-header.no-brand{min-height:64px}
  .site-header.no-brand .nav-action{margin-left:auto}
}