/* v111 bright cinematic refresh
   Direction: inspiring, contemporary, readable, and warm.
   - pulls back from the dark v110 mood
   - uses a no-text atmospheric background (hero-tomb.webp)
   - keeps contrast high without feeling heavy
   - preserves the home hero image/title arc/font treatment
*/
:root{
  --bg:#fff8ee !important;
  --panel:rgba(255,255,255,.90) !important;
  --panel-strong:#ffffff !important;
  --panel2:#fff1dd !important;
  --gold:#b97626 !important;
  --gold-soft:#eeb765 !important;
  --gold2:#4a2913 !important;
  --deep:#4a2913 !important;
  --espresso:#2b190f !important;
  --text:#24160d !important;
  --muted:#5d4838 !important;
  --line:rgba(74,41,19,.16) !important;
  --line-strong:rgba(74,41,19,.28) !important;
  --shadow:0 18px 46px rgba(76,45,23,.13) !important;
  --shadow-soft:0 12px 30px rgba(76,45,23,.10) !important;
}
html{background:#fff8ee !important;}
body{
  position:relative !important;
  isolation:isolate !important;
  font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  color:var(--text) !important;
  background:
    radial-gradient(ellipse at 10% -10%, rgba(238,183,101,.28) 0%, rgba(238,183,101,.10) 34%, transparent 58%),
    radial-gradient(ellipse at 92% 4%, rgba(185,118,38,.18) 0%, transparent 44%),
    linear-gradient(180deg, rgba(255,251,245,.95) 0%, rgba(255,246,234,.96) 46%, #fffaf3 100%) !important;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  background:url('hero-tomb.webp') center top/cover no-repeat;
  opacity:.16;
  filter:blur(1.2px) saturate(105%) brightness(1.14);
  transform:scale(1.02);
  pointer-events:none;
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  background:linear-gradient(180deg, rgba(255,250,242,.86) 0%, rgba(255,248,238,.94) 38%, rgba(255,250,244,.98) 100%);
  pointer-events:none;
}
body::selection{background:#f2c273;color:#21140c;}

/* Bright glass nav: contemporary without feeling somber */
.nav{
  background:rgba(255,250,243,.88) !important;
  border-bottom:1px solid rgba(74,41,19,.13) !important;
  box-shadow:0 10px 28px rgba(74,41,19,.08) !important;
  backdrop-filter:blur(18px) saturate(125%) !important;
}
.nav-inner{max-width:1240px !important; padding:17px 24px !important;}
.brand small{
  color:#4a2913 !important;
  font-family:"Inter",system-ui,sans-serif !important;
  font-size:14px !important;
  line-height:1.05 !important;
  font-weight:850 !important;
  letter-spacing:.02em !important;
  text-transform:none !important;
}
.brand strong{
  color:#9b621f !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:18px !important;
  line-height:1.08 !important;
  font-weight:500 !important;
  font-style:italic !important;
  letter-spacing:.01em !important;
}
.brand strong em{font-style:italic !important;}
.links a{
  color:#4a2913 !important;
  font-family:"Inter",system-ui,sans-serif !important;
  font-size:15px !important;
  font-weight:700 !important;
  opacity:.82 !important;
}
.links a:hover,.links a[aria-current="page"]{color:#b97626 !important; opacity:1 !important;}
.links a[aria-current="page"]::after{background:#b97626 !important; height:3px !important; border-radius:999px !important; bottom:-10px !important;}

/* Open, light surfaces with enough definition */
.wrap{max-width:1240px !important; padding-top:44px !important;}
.panel,
.subscribe-card,
.artist-row,
.episode-card,
.song-card,
.voice-card,
.listen-card,
.box,
.meta-item,
.cover-frame,
.cta-box,
.redirect-card,
.preview-card,
.soundtrack-card,
.release-cover,
.story-card,
.episode-mini{
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,250,243,.90)) !important;
  border:1px solid rgba(255,255,255,.72) !important;
  border-bottom-color:rgba(74,41,19,.12) !important;
  border-radius:28px !important;
  box-shadow:var(--shadow-soft) !important;
}
.section{padding:36px !important; margin-top:34px !important;}
.section h2,
.box h3,
.song-card h3,
.voice-card h3,
.artist-copy h3,
.listen-copy h3,
.redirect-card h1,
.subscribe-title,
.current-release .copy h2,
.current-release-main h3,
.episode-copy h2{
  color:#4a2913 !important;
  text-shadow:none !important;
}
.intro,
.page-hero p,
.song-card p,
.voice-card p,
.artist-copy .summary,
.journey-note,
.small-note,
.listen-copy p,
.overview-copy,
.subscribe-copy,
.soundtrack-card-copy p,
.redirect-card p,
.story-card p,
.release-copy p,
.home-release-copy p,
.current-release-main p,
.sublead,
.lead{
  color:#5d4838 !important;
}

/* Inner-page heroes: bright editorial, not dark */
.page-hero-simple,
.artist-hero,
.page-hero .panel,
.hero-copy.panel,
.hero-copy{
  background:
    radial-gradient(circle at 84% 16%, rgba(238,183,101,.32), transparent 34%),
    radial-gradient(circle at 8% 0%, rgba(255,255,255,.98), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,.96) 0%, rgba(255,247,235,.94) 54%, rgba(255,234,199,.88) 100%) !important;
  color:#24160d !important;
  border:1px solid rgba(185,118,38,.18) !important;
  box-shadow:0 22px 56px rgba(76,45,23,.12) !important;
}
.page-hero-simple h1,
.artist-hero h1,
.page-hero h1,
.hero-copy h1{
  color:#4a2913 !important;
  text-shadow:none !important;
}
.page-hero-simple p,
.artist-hero p,
.page-hero p,
.hero-copy p,
.hero-copy .lead,
.hero-copy .sublead{
  color:#5d4838 !important;
}
.kicker{
  color:#b97626 !important;
  background:transparent !important;
  border:none !important;
  padding:0 !important;
  letter-spacing:.15em !important;
  font-family:"Inter",system-ui,sans-serif !important;
  font-weight:850 !important;
}

/* Buttons: stronger, cleaner, optimistic */
.btn,
.small-btn,
.subscribe-form button{
  background:linear-gradient(135deg,#f2be70 0%,#d9953d 48%,#b97626 100%) !important;
  color:#24160d !important;
  border:1px solid rgba(255,255,255,.70) !important;
  box-shadow:0 13px 28px rgba(185,118,38,.24) !important;
  border-radius:999px !important;
  font-family:"Inter",system-ui,sans-serif !important;
  font-weight:850 !important;
}
.ghost-btn,
.platform-link,
.see-more,
.social-icon-link{
  background:rgba(255,255,255,.96) !important;
  border:1px solid rgba(74,41,19,.22) !important;
  color:#4a2913 !important;
  box-shadow:0 9px 20px rgba(76,45,23,.10) !important;
  border-radius:999px !important;
  font-family:"Inter",system-ui,sans-serif !important;
  font-weight:800 !important;
}
.btn:hover,.ghost-btn:hover,.small-btn:hover,.platform-link:hover,.see-more:hover,.social-icon-link:hover{transform:translateY(-2px) !important;}
.badge,
.active-badge,
.tag,
.song-pills span,
.compact-actions a,
.compact-actions span{
  background:rgba(238,183,101,.18) !important;
  border:1px solid rgba(185,118,38,.25) !important;
  color:#4a2913 !important;
  border-radius:999px !important;
  font-family:"Inter",system-ui,sans-serif !important;
  font-weight:750 !important;
}

/* Media cards: keep image-forward, less brochure-like */
.cover-frame,
.song-card,
.voice-card,
.artist-row,
.episode-card,
.listen-card{
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,249,240,.94)) !important;
}
.cover-frame img,
.song-card img,
.voice-card img,
.artist-row img,
.episode-art img,
.listen-card img,
.believe-card img{
  border-radius:18px !important;
  box-shadow:0 16px 30px rgba(76,45,23,.15) !important;
}
.box{
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,244,226,.88)) !important;
  border-left:4px solid rgba(185,118,38,.38) !important;
}
.feature-band{
  background:
    radial-gradient(circle at 84% 16%, rgba(238,183,101,.24), transparent 34%),
    linear-gradient(135deg,rgba(255,255,255,.96) 0%,rgba(255,247,235,.93) 54%,rgba(255,232,193,.86) 100%) !important;
  border:1px solid rgba(185,118,38,.18) !important;
  color:#24160d !important;
  box-shadow:0 22px 56px rgba(76,45,23,.11) !important;
}
.feature-band h2{color:#4a2913 !important;}
.feature-band p{color:#5d4838 !important;}

/* Churches page: high contrast, bright, and inviting */
.believe-card{
  background:
    radial-gradient(circle at 76% 15%, rgba(238,183,101,.30), transparent 34%),
    linear-gradient(135deg,rgba(255,255,255,.98) 0%,rgba(255,247,235,.95) 56%,rgba(255,232,194,.88) 100%) !important;
  color:#24160d !important;
  border:1px solid rgba(185,118,38,.18) !important;
  box-shadow:0 22px 56px rgba(76,45,23,.12) !important;
}
.believe-card h2{color:#b97626 !important; font-size:42px !important; letter-spacing:.02em !important;}
.believe-card p{color:#4a2913 !important; font-size:18px !important; font-weight:650 !important;}
.believe-card .kicker{color:#b97626 !important;}
.believe-card .ghost-btn{background:#ffffff !important;color:#4a2913 !important;}
.countdown-card{
  background:
    radial-gradient(circle at 18% 12%, rgba(238,183,101,.28), transparent 30%),
    radial-gradient(circle at 86% 82%, rgba(185,118,38,.16), transparent 32%),
    linear-gradient(135deg,rgba(255,255,255,.98) 0%,rgba(255,247,235,.95) 56%,rgba(255,231,191,.88) 100%) !important;
  color:#24160d !important;
  border:1px solid rgba(185,118,38,.18) !important;
  box-shadow:0 22px 56px rgba(76,45,23,.12) !important;
}
.countdown-card h2{color:#b97626 !important; text-shadow:none !important;}
.countdown-card p{color:#4a2913 !important; font-weight:750 !important;}
.timebox{
  background:rgba(255,255,255,.74) !important;
  border:1px solid rgba(185,118,38,.18) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85), 0 10px 24px rgba(76,45,23,.08) !important;
}
.timebox strong{color:#4a2913 !important; text-shadow:none !important;}
.timebox span{color:#b97626 !important; font-weight:900 !important;}

/* Keep home hero image/title arc/font treatment intact */
.hero-cinematic,
.hero-cinematic::before,
.hero-backdrop,
.hero-overlay,
.hero-title-image,
.hero-title-svg,
.hero-title-band,
.hero-tagline-band,
.hero-tagline-band span{
  /* intentionally not restyled in v111 */
}

@media(max-width:900px){
  body::before{background-attachment:scroll; opacity:.11;}
  .nav-inner{padding:14px 16px !important;}
  .wrap{padding-top:30px !important;}
  .section{padding:24px !important;}
  .brand small{font-size:13px !important;}
  .brand strong{font-size:17px !important;}
}
