:root{--bg:#000;--bg2:#0b0b0f;--card:#101015;--line:#25252d;--ink:#f3f3f6;--muted:#a9abb6;--silver:#dfe2ea;--ember:#f26a1b;--gold:#f6b53b;--flame:linear-gradient(135deg,#f6b53b 0%,#f26a1b 100%);--r:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 "Source Sans 3",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}a{color:var(--gold)}a:hover{color:#ffd27a}
h1,h2,h3,h4{font-family:Montserrat,system-ui,sans-serif;line-height:1.15;margin:0 0 .5em;color:#fff;letter-spacing:.01em}
h1{font-size:clamp(30px,5vw,50px);font-weight:800}h2{font-size:clamp(26px,3.6vw,38px);font-weight:700}h3{font-size:20px;font-weight:700}
p{margin:0 0 1em}.wrap{width:min(1120px,100% - 32px);margin:0 auto}.skip{position:absolute;left:-999px;top:8px;background:#fff;color:#000;padding:8px 14px;z-index:99}.skip:focus{left:8px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* buttons */
.btn{display:inline-block;background:var(--flame);color:#1a0b02;font:700 15px Montserrat,sans-serif;letter-spacing:.04em;text-decoration:none;border:0;border-radius:40px;padding:14px 30px;cursor:pointer;transition:transform .15s,box-shadow .2s;box-shadow:0 6px 24px rgba(242,106,27,.28)}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 34px rgba(242,106,27,.45);color:#1a0b02}.btn.sm{padding:9px 20px;font-size:13px}.btn.ghost{background:transparent;color:var(--silver);border:1.5px solid #4a4a55;box-shadow:none}.btn.ghost:hover{border-color:var(--gold);color:#fff;box-shadow:none}
.btns{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
/* header */
.hdr{position:sticky;top:0;z-index:20;background:rgba(0,0,0,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #1b1b21}
.hin{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;font:500 15px Montserrat,sans-serif;letter-spacing:.06em;text-transform:uppercase}.brand img{border-radius:8px}.brand b{font-weight:800;color:var(--gold)}
.nav{display:flex;align-items:center;gap:6px}.nav a:not(.btn){color:var(--silver);text-decoration:none;font:600 13px Montserrat,sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:9px 13px;border-radius:30px}.nav a:not(.btn):hover,.nav a.on{color:#fff;background:#17171d}.nav .give{margin-left:8px}
.burger{display:none;background:none;border:0;width:44px;height:44px;padding:10px;cursor:pointer}.burger i{display:block;height:2px;background:#fff;margin:6px 0;border-radius:2px;transition:.2s}
@media(max-width:860px){.burger{display:block}.nav{position:fixed;inset:64px 0 auto 0;background:#050507;flex-direction:column;align-items:stretch;padding:12px 16px 22px;border-bottom:1px solid var(--line);transform:translateY(-130%);transition:transform .25s;visibility:hidden}.nav.open{transform:none;visibility:visible}.nav a:not(.btn){padding:14px;font-size:15px}.nav .give{margin:8px 0 0;text-align:center}.brand span{font-size:12px}}
/* hero */
.hero{position:relative;text-align:center;padding:26px 0 78px;overflow:hidden;background:#000}
.hero .logo{width:min(780px,96%);margin:0 auto;mix-blend-mode:lighten}
.tag{font:italic 600 clamp(22px,3.2vw,32px)/1.3 "Cormorant Garamond",serif;color:var(--silver);margin:6px auto 26px;max-width:760px;padding:0 16px}.tag b{color:var(--gold);font-weight:600}
.embers{position:absolute;inset:0;pointer-events:none}.embers i{position:absolute;bottom:-10px;width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px 2px rgba(246,181,59,.7);opacity:0;animation:rise 9s linear infinite}
.embers i:nth-child(1){left:8%;animation-delay:0s}.embers i:nth-child(2){left:19%;animation-delay:2.4s;width:4px;height:4px}.embers i:nth-child(3){left:31%;animation-delay:5s}.embers i:nth-child(4){left:44%;animation-delay:1.2s;width:3px;height:3px}.embers i:nth-child(5){left:57%;animation-delay:6.2s}.embers i:nth-child(6){left:68%;animation-delay:3.3s;width:4px;height:4px}.embers i:nth-child(7){left:79%;animation-delay:7.4s}.embers i:nth-child(8){left:91%;animation-delay:4.1s;width:3px;height:3px}
@keyframes rise{0%{transform:translateY(0) translateX(0);opacity:0}10%{opacity:.9}100%{transform:translateY(-560px) translateX(26px);opacity:0}}
@media(prefers-reduced-motion:reduce){.embers{display:none}html{scroll-behavior:auto}.btn,.rv{transition:none!important}}
/* sections */
.sec{padding:76px 0}.sec.alt{background:var(--bg2);border-top:1px solid #15151a;border-bottom:1px solid #15151a}.eyebrow{font:700 12px Montserrat,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:var(--ember);margin-bottom:12px;display:block}
.center{text-align:center}.lead{font-size:20px;color:var(--silver);max-width:720px}.center .lead{margin-left:auto;margin-right:auto}
.rule{height:3px;width:70px;background:var(--flame);border-radius:3px;margin:14px 0 24px}.center .rule{margin-left:auto;margin-right:auto}
.rv{opacity:1;transform:none}.js .rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.js .rv.vis{opacity:1;transform:none}
/* latest */
.feat{display:grid;grid-template-columns:1.45fr 1fr;gap:34px;align-items:center}@media(max-width:900px){.feat{grid-template-columns:1fr}}
.feat .meta{color:var(--muted);font-size:15px;margin-bottom:6px}.feat h2{margin-bottom:.3em}.feat .scr{font:italic 600 22px "Cormorant Garamond",serif;color:var(--gold);margin-bottom:12px}
.embed{position:relative;aspect-ratio:16/9;background:#000;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 0 1px rgba(246,181,59,.08)}.embed iframe,.embed video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.audiobox{display:flex;align-items:center;gap:20px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px}.audiobox img{border-radius:12px;width:110px;flex:none}.audiobox audio{width:100%}
.linkcard{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:36px;text-align:center}
.empty{border:1px dashed #3a3a44;border-radius:var(--r);padding:44px 24px;text-align:center;color:var(--muted)}
/* pillars */
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}@media(max-width:860px){.pillars{grid-template-columns:1fr}}
.pillar{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:30px 26px;position:relative;overflow:hidden}.pillar:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--flame)}
.pillar svg{width:44px;height:44px;stroke:var(--gold);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-bottom:16px}.pillar h3{margin-bottom:.4em}.pillar p{color:var(--muted);margin:0}
/* cards */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:22px}
.scard{display:block;text-decoration:none;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}.scard:hover{transform:translateY(-4px);border-color:#5a3a1c;box-shadow:0 14px 40px rgba(242,106,27,.14);color:var(--ink)}
.thumb{display:block;position:relative;aspect-ratio:16/8;background:radial-gradient(circle at 50% 40%,rgba(242,106,27,.28),#000 70%);overflow:hidden}.thumb img{position:absolute;left:50%;top:50%;height:130%;width:auto;transform:translate(-50%,-50%);opacity:.95}.thumb em{position:absolute;right:12px;top:12px;background:rgba(0,0,0,.7);border:1px solid #3a3a44;color:var(--silver);font:700 11px Montserrat,sans-serif;font-style:normal;letter-spacing:.14em;text-transform:uppercase;padding:4px 10px;border-radius:20px}
.sbody{display:block;padding:18px 20px 22px}.sbody time{display:block;color:var(--ember);font:700 12px Montserrat,sans-serif;letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px}.sbody b{display:block;font:700 19px/1.25 Montserrat,sans-serif;color:#fff}.sbody small{display:block;color:var(--muted);font-size:15px;margin-top:6px}
.tools{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:0 0 28px}.tools form{display:flex;gap:8px;flex:1;min-width:240px}.tools input{flex:1}
.pills{display:flex;gap:8px;flex-wrap:wrap}.pills a{border:1px solid #34343d;color:var(--silver);text-decoration:none;padding:7px 16px;border-radius:30px;font:600 13px Montserrat,sans-serif}.pills a.on,.pills a:hover{background:var(--flame);color:#1a0b02;border-color:transparent}
.pager{display:flex;gap:10px;justify-content:center;margin-top:36px;flex-wrap:wrap}
/* detail */
.crumb{font-size:14px;color:var(--muted);margin-bottom:18px}.crumb a{color:var(--silver)}
.detail{display:grid;grid-template-columns:1fr;gap:30px;max-width:900px;margin:0 auto}.detail .notes{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:26px 28px}.detail .notes p:last-child{margin:0}
.nextprev{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:6px}
/* bands */
.band{background:linear-gradient(135deg,#150b04,#1d0d03 50%,#0c0705);border:1px solid #3a2410;border-radius:22px;padding:46px 30px;text-align:center;position:relative;overflow:hidden}.band:after{content:"";position:absolute;inset:auto -10% -60% -10%;height:80%;background:radial-gradient(ellipse at center,rgba(242,106,27,.26),transparent 65%);pointer-events:none}.band>*{position:relative;z-index:1}
.two{display:grid;grid-template-columns:1fr 1fr;gap:22px}@media(max-width:860px){.two{grid-template-columns:1fr}}
/* quote */
.quote{font:italic 600 clamp(26px,3.6vw,38px)/1.3 "Cormorant Garamond",serif;color:var(--silver);text-align:center;max-width:820px;margin:0 auto}.quote cite{display:block;margin-top:14px;font:700 12px Montserrat,sans-serif;font-style:normal;letter-spacing:.22em;text-transform:uppercase;color:var(--ember)}
/* page head */
.phead{padding:60px 0 34px;text-align:center;background:radial-gradient(ellipse 50% 90% at 50% 0%,rgba(242,106,27,.14),transparent 70%);border-bottom:1px solid #15151a}.phead p{color:var(--muted);max-width:660px;margin:0 auto;font-size:19px}
.prose{max-width:760px;margin:0 auto}.prose h2{margin-top:1.6em;font-size:28px}.prose p{color:#d3d5de}
/* forms */
.form{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:30px;max-width:680px;margin:0 auto}
label{display:block;font:600 13px Montserrat,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--silver);margin:16px 0 6px}
input[type=text],input[type=email],input[type=search],textarea{width:100%;background:#07070a;color:#fff;border:1px solid #34343d;border-radius:12px;padding:13px 15px;font:inherit}textarea{min-height:170px;resize:vertical}
input:focus,textarea:focus{outline:2px solid var(--ember);border-color:var(--ember)}
.hp{position:absolute;left:-9999px;height:0;overflow:hidden}.fmsg{margin-top:14px;padding:12px 16px;border-radius:12px;display:none}.fmsg.bad{display:block;background:#2a1010;color:#ffb4a8;border:1px solid #5a2323}
.success{display:none;text-align:center;padding:26px 10px}.success.show{display:block}.success h2{color:var(--gold)}
.note{color:var(--muted);font-size:15px}
/* footer */
.ftr{background:#000;border-top:1px solid #1b1b21;padding:54px 0 30px;margin-top:20px}.fcols{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:34px}@media(max-width:760px){.fcols{grid-template-columns:1fr}}
.ftr h4{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--ember)}.ftr a{display:block;color:var(--silver);text-decoration:none;padding:3px 0}.ftr a:hover{color:var(--gold)}.fbrand img{width:300px;margin-bottom:12px}.fbrand p{color:var(--muted);max-width:360px}.copy{color:#6f717c;font-size:14px;border-top:1px solid #15151a;margin-top:34px;padding-top:20px}
