:root{
  --bg:#f7f2e9;
  --paper:#fffaf2;
  --paper-2:#f0e8dc;
  --ink:#17130f;
  --muted:#665f55;
  --line:#ded2c0;
  --accent:#9b7846;
  --accent-2:#d8bd86;
  --dark:#211a14;
  --radius-lg:32px;
  --radius:22px;
  --shadow:0 24px 70px rgba(30,22,13,.11);
  --max:1180px;
}
[data-theme="dark"]{
  --bg:#11100e;
  --paper:#1a1713;
  --paper-2:#231f19;
  --ink:#f8f0e4;
  --muted:#c7bcae;
  --line:#3a3128;
  --accent:#d7b779;
  --accent-2:#9b7846;
  --dark:#f8f0e4;
  --shadow:0 24px 70px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color:var(--ink);
  background:
    radial-gradient(circle at 10% 0%, rgba(216,189,134,.26), transparent 34rem),
    linear-gradient(180deg, var(--bg), var(--paper-2));
  line-height:1.6;
  padding-bottom:86px;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea,select{font:inherit}
.skip-link{position:absolute;left:-999px;top:1rem;background:var(--ink);color:var(--bg);padding:.75rem 1rem;border-radius:999px;z-index:99}
.skip-link:focus{left:1rem}
.site-shell{min-height:100vh}
.site-header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 84%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid color-mix(in srgb,var(--line) 75%,transparent)}
.top-note{max-width:var(--max);margin:0 auto;padding:.55rem 1.2rem;display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.12em}
.nav-wrap{max-width:var(--max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1rem 1.2rem}
.brand{display:inline-flex;align-items:center;gap:.85rem;min-width:0}
.brand img{border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.12)}
.brand strong{display:block;font-size:1.02rem;letter-spacing:-.02em}
.brand small{display:block;color:var(--muted);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:270px}
.nav-links{display:flex;align-items:center;gap:.25rem}
.nav-links a,.theme-toggle,.menu-toggle{border:0;background:transparent;color:var(--muted);padding:.65rem .82rem;border-radius:999px;cursor:pointer;font-weight:600;font-size:.92rem}
.nav-links a:hover,.theme-toggle:hover,.nav-links a[aria-current="page"]{background:var(--paper);color:var(--ink)}
.donate-link{background:var(--ink)!important;color:var(--bg)!important;padding-inline:1rem!important}
.menu-toggle{display:none;background:var(--paper);border:1px solid var(--line)}
main{max-width:var(--max);margin:0 auto;padding:0 1.2rem}
.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.72fr);gap:2rem;align-items:stretch;padding:4.2rem 0 2rem}
.hero-copy{padding:2rem 0}
.eyebrow{margin:0 0 .85rem;color:var(--accent);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.16em}
h1,h2,h3{line-height:1.05;margin:0;letter-spacing:-.055em}
h1{font-family:Georgia, 'Times New Roman', serif;font-size:clamp(3.2rem,8vw,7.6rem);font-weight:500;max-width:11ch}
h2{font-family:Georgia, 'Times New Roman', serif;font-size:clamp(2.1rem,4.2vw,4.35rem);font-weight:500}
h3{font-size:1.25rem;letter-spacing:-.03em}
.lead{font-size:clamp(1.1rem,2vw,1.35rem);color:var(--muted);max-width:660px;margin:1.4rem 0 0}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border-radius:999px;padding:.95rem 1.25rem;font-weight:800;border:1px solid var(--line);transition:transform .2s ease,background .2s ease}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:var(--bg);border-color:var(--ink)}.button-light{background:var(--paper);color:var(--ink)}.button-ghost{background:transparent;color:var(--ink)}
.hero-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:2.6rem;max-width:580px}.meta-tile{padding:1.1rem;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--paper) 62%,transparent)}.meta-tile strong{display:block;font-size:1.4rem}.meta-tile span{color:var(--muted);font-size:.85rem}
.live-card{background:var(--dark);color:var(--bg);border-radius:var(--radius-lg);padding:1.35rem;min-height:600px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow);position:relative;overflow:hidden}.live-card:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 50% 10%,rgba(216,189,134,.45),transparent 20rem);pointer-events:none}.live-card>*{position:relative}.live-status{display:flex;justify-content:space-between;align-items:center;gap:1rem;color:color-mix(in srgb,var(--bg) 84%,transparent);font-size:.9rem}.pulse{display:inline-flex;align-items:center;gap:.45rem}.pulse:before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:#d75f49;box-shadow:0 0 0 7px rgba(215,95,73,.18)}.vinyl{width:min(360px,75%);aspect-ratio:1;margin:3rem auto;border-radius:50%;background:repeating-radial-gradient(circle,#201912 0 7px,#2f261e 8px 10px),radial-gradient(circle,var(--accent-2) 0 18%,#111 19%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 30px 80px rgba(0,0,0,.3);display:grid;place-items:center}.vinyl img{width:82px;border-radius:24px}.player-panel{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:1rem;backdrop-filter:blur(10px)}.player-panel h2{font-size:1.85rem;color:var(--bg)}.player-panel p{color:color-mix(in srgb,var(--bg) 74%,transparent);margin:.45rem 0 1rem}.player-panel audio{width:100%}
.section{padding:4.2rem 0}.section-header{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.5rem}.section-header p{color:var(--muted);max-width:520px;margin:.7rem 0 0}.grid{display:grid;gap:1rem}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:color-mix(in srgb,var(--paper) 88%,transparent);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem;min-height:220px;display:flex;flex-direction:column;justify-content:space-between}.card:hover{box-shadow:var(--shadow)}.card .label{color:var(--accent);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.card p{color:var(--muted);margin:.9rem 0 0}.card-link{margin-top:1.3rem;font-weight:800;color:var(--ink)}.feature-strip{display:grid;grid-template-columns:.8fr 1.2fr;gap:1rem;align-items:stretch}.statement{background:var(--ink);color:var(--bg);border-radius:var(--radius-lg);padding:2rem;display:flex;flex-direction:column;justify-content:space-between;min-height:360px}.statement h2{color:var(--bg)}.statement p{color:color-mix(in srgb,var(--bg) 72%,transparent)}.image-panel{border-radius:var(--radius-lg);border:1px solid var(--line);background:linear-gradient(135deg,rgba(216,189,134,.3),rgba(255,255,255,.05)),var(--paper);padding:2rem;display:flex;align-items:end;min-height:360px}.image-panel blockquote{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.6rem,3.2vw,3rem);line-height:1.1;margin:0;max-width:700px}.verse-card{min-height:250px}.verse-card blockquote{font-family:Georgia,'Times New Roman',serif;font-size:1.35rem;line-height:1.25;margin:1rem 0;color:var(--ink)}.page-hero{padding:4.5rem 0 2rem;border-bottom:1px solid var(--line)}.page-hero h1{max-width:920px;font-size:clamp(3rem,7vw,6rem)}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:2rem;padding:3rem 0}.prose{font-size:1.05rem}.prose h2{font-size:clamp(2rem,4vw,3.4rem);margin:2rem 0 1rem}.prose p{color:var(--muted);max-width:760px}.aside-card{position:sticky;top:120px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:1.3rem;height:max-content}.quality-list{display:grid;gap:.8rem;margin:1.5rem 0}.quality-item{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);padding-bottom:.8rem;color:var(--muted)}.quality-item strong{color:var(--ink)}.form{display:grid;gap:1rem}.field{display:grid;gap:.35rem}.field label{font-weight:800}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:16px;padding:.9rem 1rem}.field textarea{min-height:150px;resize:vertical}.notice{background:color-mix(in srgb,var(--accent-2) 22%,transparent);border:1px solid var(--line);border-radius:18px;padding:1rem;color:var(--muted)}.site-footer{max-width:var(--max);margin:4rem auto 0;padding:0 1.2rem 2rem}.footer-cta{display:flex;justify-content:space-between;align-items:center;gap:2rem;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:2rem}.footer-cta h2{font-size:clamp(1.8rem,3.6vw,3.2rem);max-width:720px}.footer-cta-actions{display:flex;gap:.8rem;flex-wrap:wrap}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:2rem;padding:3rem 0}.footer-grid h3{font-size:.95rem;margin-bottom:1rem}.footer-grid a,.footer-grid span,.footer-grid p{display:block;color:var(--muted);margin:.45rem 0}.footer-brand{margin-bottom:1rem}.footer-bottom{border-top:1px solid var(--line);padding-top:1rem;color:var(--muted);display:flex;justify-content:space-between;gap:1rem}.mini-player{position:fixed;left:50%;bottom:1rem;transform:translateX(-50%);z-index:30;width:min(920px,calc(100% - 2rem));background:color-mix(in srgb,var(--ink) 94%,transparent);color:var(--bg);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:.75rem .85rem;display:grid;grid-template-columns:1fr minmax(260px,440px);gap:1rem;align-items:center;box-shadow:0 18px 50px rgba(0,0,0,.25);backdrop-filter:blur(18px)}.mini-player span{display:block;color:color-mix(in srgb,var(--bg) 70%,transparent);font-size:.86rem}.mini-player audio{width:100%;height:38px}.hidden-field{display:none!important}
@media (max-width: 920px){
  body{padding-bottom:130px}.top-note{display:none}.menu-toggle{display:inline-flex}.nav-wrap{position:relative}.nav-links{position:absolute;top:calc(100% + .5rem);right:1rem;left:1rem;display:none;flex-direction:column;align-items:stretch;background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:.7rem;box-shadow:var(--shadow)}.nav-links.is-open{display:flex}.nav-links a,.theme-toggle{text-align:left;width:100%}.hero{grid-template-columns:1fr;padding-top:2rem}.live-card{min-height:520px}.grid-3,.grid-4,.feature-strip,.content-layout,.footer-grid{grid-template-columns:1fr}.section-header,.footer-cta,.footer-bottom{align-items:flex-start;flex-direction:column}.aside-card{position:static}.mini-player{grid-template-columns:1fr}.brand small{max-width:190px}
}
@media (max-width: 560px){
  main,.nav-wrap,.site-footer{padding-left:1rem;padding-right:1rem}h1{font-size:clamp(3rem,16vw,4.5rem)}.hero-meta{grid-template-columns:1fr}.live-card{min-height:460px;border-radius:24px}.vinyl{margin:2rem auto}.card,.statement,.image-panel,.footer-cta{border-radius:22px;padding:1.2rem}.section{padding:3rem 0}.mini-player{bottom:.75rem;width:calc(100% - 1rem);border-radius:18px}.mini-player audio{height:34px}
}