/* iRunSpiritual — "the night sky". Deep indigo, moonlight, soft gold, glass panels, serif italics. */
@font-face{font-family:"Cormorant Garamond";src:url(/fonts/cormorant-garamond-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url(/fonts/cormorant-garamond-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url(/fonts/cormorant-garamond-latin-500-italic.woff2) format("woff2");font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url(/fonts/cormorant-garamond-latin-600-italic.woff2) format("woff2");font-weight:600;font-style:italic;font-display:swap}
@font-face{font-family:"Manrope";src:url(/fonts/manrope-latin-wght-normal.woff2) format("woff2");font-weight:200 800;font-display:swap}

:root{
  color-scheme:dark;
  --bg:#0E0B1F; --card:rgba(255,255,255,.045); --ink:#EEE9F7; --ink-2:#BDB3DA; --ink-3:#8A80AD;
  --line:rgba(255,255,255,.1); --line-strong:rgba(255,255,255,.2); --hover:rgba(255,255,255,.06);
  --accent:#D8B56A; --accent-hover:#E6C784; --accent-ink:#14102B; --accent-soft:rgba(216,181,106,.2);
  --lilac:#B9A3E3; --violet:#2A1F5C;
  --font-display:"Cormorant Garamond",Georgia,serif; --font-body:"Manrope",system-ui,sans-serif; --font-ui:"Manrope",system-ui,sans-serif;
  --display-weight:500; --display-tracking:-.01em; --ui-weight:600; --eyebrow-tracking:.26em; --btn-tracking:.12em; --nav-tracking:.1em;
  --radius:18px; --radius-sm:12px; --radius-pill:999px; --radius-btn:999px;
  --header-bg:rgba(14,11,31,.72);
  --input-bg:rgba(255,255,255,.05);
  --cover-bg:#140F2E; --cover-glow:#3A2A7A; --cover-line:#B9A3E3; --cover-ink:#EEE9F7;
  --footer-bg:#09071A; --footer-ink:#EEE9F7; --footer-line:rgba(255,255,255,.1);
  --nl-bg:transparent; --nl-ink:#EEE9F7; --nl-muted:#BDB3DA; --nl-accent:#D8B56A; --nl-input:rgba(255,255,255,.06);
  --play-bg:rgba(14,11,31,.55);
  --fs-body:16.5px; --fs-prose:1.08rem;
  --logo-h:48px;
  --av-s:45%; --av-l:46%;
  --shadow-media:0 40px 80px -36px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.08);
}
body{background:radial-gradient(1200px 700px at 85% -10%,#2C2163 0%,transparent 60%),radial-gradient(900px 600px at -10% 30%,#1D1645 0%,transparent 60%),#0E0B1F;background-attachment:fixed}
body::before{content:"";position:fixed;inset:0;background:url(/brand/stars.svg) center/cover;opacity:.55;pointer-events:none;z-index:-1}
h1,h2,h3{font-weight:500}
h1,h2{letter-spacing:-.01em}
.hero h1,.page-head h1,.entry-hero h1{font-size:clamp(2.8rem,6.2vw,5.4rem);line-height:.98}
.hero h1 em,.page-head h1 em{color:var(--accent);font-weight:500}
.eyebrow::before{content:"✦";width:auto;height:auto;background:none;font-size:.9em}
.btn{font-size:.78rem}
.btn:hover{border-color:var(--accent);color:var(--accent);background:rgba(216,181,106,.08)}
.btn-primary{box-shadow:0 10px 30px -10px rgba(216,181,106,.6)}
.btn-primary:hover{color:var(--accent-ink)}
.site-header{border-bottom-color:rgba(255,255,255,.07)}
.brand svg{--accent:#D8B56A}
.hero{border-bottom:0;background:none}
.hero-feature .player{border-radius:24px}

/* tonight's sky */
.sky{position:relative;border:1px solid var(--line-strong);border-radius:28px;padding:clamp(24px,4vw,40px);background:linear-gradient(160deg,rgba(58,42,122,.55),rgba(20,15,46,.6));backdrop-filter:blur(8px);overflow:hidden}
.sky::after{content:"";position:absolute;width:420px;height:420px;right:-160px;top:-160px;background:radial-gradient(circle,rgba(216,181,106,.22),transparent 65%);pointer-events:none}
.sky-grid{display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,4vw,44px);align-items:center;position:relative;z-index:1}
.sky .moon-svg{width:clamp(120px,18vw,180px);height:auto;filter:drop-shadow(0 0 40px rgba(255,248,225,.25))}
.sky h3{font-size:clamp(2rem,4vw,2.8rem);margin:0 0 4px;font-style:italic}
.sky-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px;margin-top:20px}
.sky-stats div{border-top:1px solid var(--line-strong);padding-top:10px}
.sky-stats span{display:block;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);font-weight:600}
.sky-stats strong{font-family:var(--font-display);font-size:1.35rem;font-weight:500}
.sky-stats a{text-decoration:none}
.sky-stats a:hover{color:var(--accent)}
@media (max-width:600px){.sky-grid{grid-template-columns:1fr;text-align:center}.sky .moon-svg{margin:0 auto}}

.promise{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.02)}
.promise div{border-right-color:var(--line)}
.promise strong{font-style:italic;color:var(--accent);font-size:1.7rem}

.vcard .thumb,.scard .thumb{box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.ecard,.panel,.facts,.board-list,.nl-inline,.auth-card{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1);backdrop-filter:blur(10px)}
.ecard:hover{border-color:rgba(216,181,106,.45);box-shadow:0 30px 60px -30px rgba(0,0,0,.8),0 0 40px -20px rgba(216,181,106,.4)}
.ecard h3{font-size:1.55rem;font-weight:500}
.cover-glyph{font-family:"Segoe UI Symbol","Noto Sans Symbols","Apple Symbols","DejaVu Sans",sans-serif;font-size:96px}
.type-tabs a[aria-current=true],.chip[aria-current=true],.pagination [aria-current]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.badge-left{background:var(--accent)}
.trow h3{font-weight:600}
.newsletter{background:none}
.newsletter::before{content:"";position:absolute;inset:0 clamp(16px,4vw,32px);border-radius:32px;background:linear-gradient(135deg,#2C2163,#171233 55%,#1D1645);border:1px solid rgba(216,181,106,.25);max-width:var(--max,1220px);margin:0 auto}
.newsletter .wrap{padding-left:clamp(36px,6vw,72px);padding-right:clamp(36px,6vw,72px)}
.site-footer{margin-top:clamp(40px,6vw,80px)}
.site-footer .foot-brand svg{color:#EEE9F7}
.facts h2{color:var(--accent)}
.prose blockquote{color:var(--lilac)}
input,select,textarea{color-scheme:dark}
select option{background:#171233}
::selection{background:var(--accent);color:var(--accent-ink)}
