@import url("https://fonts.bunny.net/css?family=fraunces:600,700|syne:700,800");
:root{--bg:#07060a;--bar:#0a0810;--card:#161018;--line:rgba(255,196,92,.28);--text:#f7f0e6;--muted:#c4b09a;--orange:#ff7a0c;--cream:#ffc45c;--font-display:Syne,system-ui,sans-serif;--font-body:Fraunces,Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 var(--font-body)}.wrap{max-width:1050px;margin:auto;padding-left:20px;padding-right:20px}.nav-wrap{background:linear-gradient(180deg,rgba(10,8,16,.95),rgba(10,8,16,.7));border-bottom:1px solid var(--line);overflow-x:auto;backdrop-filter:blur(8px)}.nav{max-width:1100px;margin:auto;padding:12px 18px;display:flex;gap:6px;min-width:max-content;flex-wrap:wrap}.nav a{color:var(--text);text-decoration:none;border:1px solid transparent;border-radius:24px;padding:7px 14px;font-family:var(--font-display);font-weight:700;white-space:nowrap;font-size:.88rem}.nav a:hover{border-color:var(--line)}.nav a.active{background:var(--cream);color:#21150b;border-color:var(--cream)}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse 70% 60% at 50% -10%,rgba(255,122,12,.35),transparent 55%),radial-gradient(ellipse 40% 40% at 90% 40%,rgba(108,63,165,.25),transparent 50%),linear-gradient(180deg,#161018,#07060a);padding:36px 0 40px;border-bottom:1px solid var(--line)}.hero::before{content:"";position:absolute;inset:0;opacity:.35;pointer-events:none;background-image:repeating-linear-gradient(0deg,transparent 0 11px,rgba(255,196,92,.05) 11px 12px);mask-image:linear-gradient(#000,transparent)}.brand{position:relative;display:flex;align-items:center;gap:14px;color:var(--cream);text-decoration:none;font-family:var(--font-display);font-size:clamp(2.2rem,7vw,4.2rem);font-weight:800;letter-spacing:-.07em;text-shadow:3px 3px 0 var(--orange),6px 6px 0 rgba(108,63,165,.5)}.brand img{width:112px;height:112px;object-fit:contain;border-radius:22px;background:transparent;filter:drop-shadow(0 10px 24px rgba(0,0,0,.4))}.lede{color:var(--muted);font-size:1.08rem;margin:7px 0 0}.hero .lede{margin-left:0;margin-top:10px}.comic{margin:0}.comic img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--line)}.comic figcaption{color:var(--muted);font-size:.9rem;margin-top:7px}.hero-comic{margin:30px auto;max-width:940px}.hero-comic img{max-height:520px;object-fit:cover;object-position:center}.mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:15px 0 20px}.mini{margin:0}.mini img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:14px;border:1px solid var(--line)}.mini figcaption{color:var(--muted);font-size:.86rem;margin-top:4px}.panel{display:grid;grid-template-columns:1fr minmax(280px,460px);gap:35px;align-items:center;margin:38px 0;padding:25px;background:linear-gradient(155deg,#24181c,#141018);border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 0 rgba(40,24,18,.55)}.panel.flip{grid-template-columns:minmax(280px,460px) 1fr}.panel.flip .text{grid-column:2;grid-row:1}.panel.flip .comic{grid-column:1;grid-row:1}.text h2,.next{font-family:var(--font-display);color:var(--cream);margin:0 0 9px;font-size:1.45rem}.text p{margin:8px 0 13px}.text ul,.text ol{padding-left:22px}.text li{margin:5px 0}.muted{color:var(--muted)}.callout{padding:12px 14px;border-left:3px solid var(--orange);background:rgba(255,122,12,.1);color:var(--cream);border-radius:0 12px 12px 0}dt{color:var(--cream);font-weight:700;margin-top:9px;font-family:var(--font-display)}dd{margin:1px 0 0 0;color:var(--muted)}.button,.ghost{display:inline-block;color:#1a0d02;background:var(--orange);text-decoration:none;font-family:var(--font-display);font-weight:700;border-radius:12px;padding:11px 16px;margin:5px 8px 0 0}.ghost{color:var(--cream);background:transparent;border:1px solid var(--line)}.next{margin-top:54px}.actions{margin:22px 0 50px}footer{border-top:1px solid var(--line);padding-top:17px;padding-bottom:35px;color:var(--muted)}a{color:var(--orange)}.hero::after{content:"♪  ♫  ♪";position:absolute;right:5%;bottom:12%;color:rgba(255,196,92,.28);font-size:clamp(2rem,6vw,5rem);font-weight:800;letter-spacing:.16em;transform:rotate(-8deg);pointer-events:none}.panel:nth-of-type(odd){border-color:rgba(37,134,184,.4)}.panel:nth-of-type(even){border-color:rgba(199,71,117,.4)}.panel h2::before{content:"♫  ";color:var(--orange)}
h1{font-family:var(--font-display);color:var(--cream);letter-spacing:-.03em}
@media(max-width:680px){.panel,.panel.flip{display:flex;flex-direction:column;margin:25px 0;padding:16px;gap:18px}.panel.flip .text,.panel.flip .comic{order:initial}.mini-grid{grid-template-columns:repeat(2,1fr)}.hero::after{right:3%;bottom:5%;font-size:2rem}.brand img{width:84px;height:84px}}