:root{--night:#0E0C1F;--night2:#17132E;--dusk:#3B2350;--rust:#8A3B3E;--copper:#C8743A;--copper-lt:#E9A36A;--gold:#F6C77E;--cream:#FBEFE0;--muted:#CFC6DB;--line:rgba(246,199,126,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--night);color:var(--cream);font:16px/1.65 Inter,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3,.brand{font-family:Montserrat,system-ui,sans-serif;letter-spacing:.01em}
a{color:var(--gold)}
.wrap{max-width:1120px;margin:0 auto;padding:0 22px}.narrow{max-width:820px}
nav{position:sticky;top:0;z-index:20;backdrop-filter:blur(10px);background:rgba(14,12,31,.82);border-bottom:1px solid var(--line)}
nav .wrap{display:flex;align-items:center;justify-content:space-between;height:64px;gap:14px}
.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--cream);font-weight:800;letter-spacing:.08em;font-size:15px}
.brand img{width:38px;height:38px}.brand small{display:block;font-weight:600;color:var(--copper-lt);letter-spacing:.24em;font-size:9.5px}
nav ul{display:flex;gap:20px;list-style:none;margin:0;padding:0}nav ul a{color:var(--muted);text-decoration:none;font-size:14px;font-weight:500}nav ul a:hover{color:var(--cream)}
@media(max-width:760px){nav ul{display:none}}
.btn{display:inline-block;border:0;cursor:pointer;background:linear-gradient(135deg,var(--gold),var(--copper));color:#1a1020;font:700 15px Montserrat,sans-serif;padding:13px 24px;border-radius:999px;text-decoration:none}
.btn.sm{padding:9px 18px;font-size:13px}.btn.ghost{background:transparent;color:var(--cream);border:1px solid var(--line)}
header.page{padding:64px 0 34px;background:radial-gradient(120% 90% at 50% 120%,#C8743A 0%,#8A3B3E 18%,#3B2350 42%,#17132E 70%,#0E0C1F 100%)}
header.page h1{font-size:clamp(32px,5.4vw,56px);line-height:1.08;margin:.2em 0 .35em;font-weight:800}
header.page p{font-size:clamp(16px,2vw,19px);color:#E6DCEB;max-width:680px;margin:0 0 22px}
.eyebrow{font:600 12px Montserrat;letter-spacing:.28em;color:var(--copper-lt);text-transform:uppercase}
section{padding:48px 0}section.alt{background:var(--night2)}
h2{font-size:clamp(24px,3.4vw,34px);line-height:1.2;margin:0 0 .5em}h3{font-size:19px;margin:1.2em 0 .3em}
p,li{color:#E3DAEA}.muted{color:var(--muted)}small.src{color:var(--muted);font-size:13px}
.grid{display:grid;gap:18px}.g2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.g3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.card{border:1px solid var(--line);border-radius:18px;padding:22px;background:rgba(255,255,255,.025)}
.card h3{margin-top:0}
details{border:1px solid var(--line);border-radius:16px;padding:16px 20px;background:rgba(255,255,255,.02);margin-bottom:10px}
summary{cursor:pointer;font:700 16px Montserrat;list-style:none}summary::-webkit-details-marker{display:none}
details p{color:var(--muted);margin:.7em 0 0}
table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{color:var(--gold);font:700 12.5px Montserrat;letter-spacing:.06em;text-transform:uppercase}
.tablewrap{overflow-x:auto}
.notice{border:1px solid rgba(246,199,126,.35);background:rgba(246,199,126,.07);border-radius:14px;padding:14px 18px;font-size:14.5px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 6px}
.chip{border:1px solid var(--line);background:transparent;color:var(--cream);border-radius:999px;padding:7px 14px;font:600 13px Montserrat;cursor:pointer}
.chip[aria-pressed=true]{background:var(--gold);color:#1a1020;border-color:var(--gold)}
.vgrid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:18px}
.vcard{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:rgba(255,255,255,.025);display:flex;flex-direction:column}
.vcard[hidden]{display:none}
.yt{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;cursor:pointer;background:#000 center/cover no-repeat}
.yt img{width:100%;height:100%;object-fit:cover;display:block}
.yt .play{position:absolute;inset:0;margin:auto;width:68px;height:48px;border-radius:12px;background:rgba(200,30,30,.9)}
.yt .play:after{content:"";position:absolute;left:27px;top:14px;border-style:solid;border-width:10px 0 10px 17px;border-color:transparent transparent transparent #fff}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vbody{padding:14px 16px 16px}.vbody h3{font-size:15.5px;margin:0 0 6px;line-height:1.35}
.vmeta{font-size:13px;color:var(--muted)}.credit{font-size:12.5px;color:var(--copper-lt);margin-top:8px;line-height:1.45}
.empty{color:var(--muted);font-style:italic}
footer{border-top:1px solid var(--line);padding:36px 0 56px;color:var(--muted);font-size:14px}
footer .wrap{display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap}
footer a{color:var(--muted)}
.crumbs{font-size:13px;color:var(--muted);margin-bottom:8px}.crumbs a{color:var(--muted)}