:root{--ink:#0C0E13;--ink2:#161922;--cream:#F7F2E8;--gold:#F2B85C;--ember:#FF7A30;--mute:#b9b2a3}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--cream);font:18px/1.65 Lora,Georgia,serif}
a{color:var(--gold)}h1,h2,h3,.brand,.btn,.kick{font-family:"Bebas Neue",Impact,sans-serif;letter-spacing:.02em;font-weight:400}
h1{font-size:clamp(44px,8vw,84px);line-height:.98;margin:.2em 0 .3em}h2{font-size:34px;margin:1.6em 0 .5em;color:var(--gold)}h3{font-size:26px;margin:.2em 0}
.top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-bottom:1px solid #262a35;position:sticky;top:0;background:rgba(12,14,19,.94);backdrop-filter:blur(6px);z-index:5}
.brand{font-size:24px;color:var(--cream);text-decoration:none;display:flex;align-items:center;gap:10px}
.flame{width:16px;height:22px;background:var(--gold);border-radius:50% 50% 50% 50%/70% 70% 30% 30%;display:inline-block}
nav{display:flex;flex-wrap:wrap;align-items:center;gap:18px}nav a{color:var(--cream);text-decoration:none;font-family:"Bebas Neue",sans-serif;font-size:20px;letter-spacing:.04em}
nav a.btn{color:var(--ink)}
.hero{min-height:68vh;display:flex;align-items:center;padding:60px 20px;background:linear-gradient(90deg,rgba(12,14,19,.96) 0%,rgba(12,14,19,.7) 55%,rgba(12,14,19,.25) 100%),url(/images/hearth.jpg) center/cover}
.herotext{max-width:720px;margin:0 auto 0 max(0px,calc((100vw - 1100px)/2))}
.kick{color:var(--ember);font-size:19px;text-transform:uppercase;margin:0}
.lede{font-size:21px;color:#e9e3d4;max-width:46em}.wrap{max-width:1100px;margin:0 auto;padding:30px 20px}.narrow{max-width:760px}
.btn{display:inline-block;background:var(--ember);color:var(--ink);padding:10px 22px;border-radius:6px;text-decoration:none;font-size:22px;margin:4px 6px 4px 0}
.btn.gold{background:var(--gold)}.btn.ghost{background:transparent;color:var(--gold);border:1.5px solid var(--gold)}.btn.small{font-size:18px;padding:6px 14px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:22px}
.card{background:var(--ink2);border:1px solid #262a35;border-radius:10px;overflow:hidden;color:var(--cream);text-decoration:none;display:block}
.card img{width:100%;height:auto;display:block}.cbody{padding:14px 18px 18px}.cbody p{margin:.3em 0;color:var(--mute)}.meta{font-size:14px;color:var(--mute)}
a.card:hover{border-color:var(--gold)}.soon{opacity:.7;border-style:dashed}
.three{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.three h3{color:var(--gold)}
.video{position:relative;aspect-ratio:16/9;background:#000;border-radius:10px;overflow:hidden;margin:20px 0 6px}.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.soonvideo{position:absolute;inset:0;display:grid;place-items:center;color:var(--mute);font-family:"Bebas Neue";font-size:28px}
.two{display:grid;grid-template-columns:1.2fr 1fr;gap:34px;align-items:start}@media(max-width:820px){.two{grid-template-columns:1fr}}
.chapters{list-style:none;padding:0;margin:0}.chapters li{border-bottom:1px solid #262a35}.chapters a{display:block;padding:10px 4px;color:var(--cream);text-decoration:none}
.chapters a:hover{color:var(--gold)}.ts{display:inline-block;width:64px;color:var(--ember);font-variant-numeric:tabular-nums}
.panel{background:var(--ink2);border:1px solid #3a3320;border-radius:10px;padding:6px 22px 20px}.panel h2{margin-top:.8em}hr{border:0;border-top:1px solid #2c303c;margin:18px 0}
.small{font-size:15px;color:var(--mute)}footer{border-top:1px solid #262a35;padding:30px 20px;text-align:center;color:var(--mute);margin-top:40px}footer a{color:var(--gold)}
.q{background:var(--ink2);border:1px solid #262a35;border-radius:10px;padding:14px 18px;margin:14px 0}.qmeta{margin:0;font-size:14px;color:var(--mute)}.qtext{font-weight:600;margin:.3em 0 .6em}
.opts button{display:block;width:100%;text-align:left;font:inherit;font-size:17px;color:var(--cream);background:#1d212c;border:1.5px solid #333847;border-radius:8px;padding:10px 14px;margin:8px 0;cursor:pointer}
.opts button:hover{border-color:var(--gold)}.q.done .opts button{cursor:default}.opts button.right{border-color:#6fcf8f;background:#16301f}.opts button.wrong{border-color:#e0675a;background:#34191a}
.fb{margin:.4em 0 0;color:var(--mute);font-size:16px;min-height:1.2em}.score{font-family:"Bebas Neue";font-size:26px;color:var(--gold);position:sticky;top:64px;background:var(--ink);padding:6px 0;z-index:2;margin:0}

.soonvideo{background:rgba(12,14,19,.55);color:#EDE4D3}
.playbtn{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(12,14,19,.25);cursor:pointer}
.playbtn::after{content:"";position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:rgba(12,14,19,.7) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6l9 6-9 6z' fill='%23F2B85C'/%3E%3C/svg%3E") center/54% no-repeat;border:2px solid #F2B85C}
.playbtn:hover::after{background-color:rgba(12,14,19,.9)}