:root{--bg:#08111f;--surface:#101c2d;--surface2:#15243a;--text:#edf5ff;--muted:#a9b8cc;--line:rgba(255,255,255,.14);--accent:#ffb86c;--accent2:#c3a6ff;--shadow:0 22px 80px rgba(0,0,0,.35);--radius:24px;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% 0%,rgba(116,208,255,.18),transparent 30%),radial-gradient(circle at 90% 10%,rgba(155,231,199,.12),transparent 28%),linear-gradient(145deg,#05080f,#19112a 55%,#05070d);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.65}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(var(--max),calc(100% - 36px));margin:0 auto}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;color:#000;padding:.7rem 1rem;border-radius:.5rem;z-index:9}.topbar{position:sticky;top:0;z-index:3;background:rgba(5,9,17,.76);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.nav{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 0}.brand{font-weight:800;letter-spacing:.05em;color:#fff}.navlinks{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:flex-end}.navlinks a{font-size:.92rem;color:var(--muted);padding:.3rem .55rem;border-radius:999px}.navlinks a:hover{color:#fff;background:rgba(255,255,255,.08);text-decoration:none}.hero{padding:72px 0 44px}.hero-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:34px;align-items:center}.eyebrow{color:var(--accent2);font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(3rem,7vw,6.2rem);line-height:.95;margin:.12em 0 .25em}.subtitle{font-size:clamp(1.1rem,2.4vw,1.5rem);color:var(--muted);max-width:820px}.portrait{position:relative;overflow:hidden;border-radius:var(--radius);background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.03));border:1px solid var(--line);box-shadow:var(--shadow);padding:16px}.portrait img{display:block;width:100%;border-radius:18px;aspect-ratio:4/5;object-fit:cover}.badge-row{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.3rem}.badge{border:1px solid var(--line);background:rgba(255,255,255,.06);color:#eaf4ff;border-radius:999px;padding:.38rem .7rem;font-size:.9rem}.cta{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.5rem}.button{display:inline-block;border:1px solid var(--accent);color:#06101b;background:var(--accent);padding:.75rem 1rem;border-radius:999px;font-weight:800}.button.secondary{background:transparent;color:var(--accent)}.section{padding:42px 0}.section h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;margin:0 0 .45rem}.section-intro{color:var(--muted);max-width:820px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid.two{grid-template-columns:repeat(2,1fr)}.card{background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:0 12px 35px rgba(0,0,0,.18)}.card h3{margin:.1rem 0 .4rem;font-size:1.25rem}.card p{color:var(--muted);margin:.2rem 0 .75rem}.meta{font-size:.85rem;color:var(--accent2);letter-spacing:.08em;text-transform:uppercase;font-weight:800}.cover-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.book img,.poster{width:100%;border-radius:18px;border:1px solid var(--line);box-shadow:0 18px 50px rgba(0,0,0,.28);background:#08111f}.book h3{font-size:1rem}.list{display:grid;gap:.55rem}.linkitem{display:flex;justify-content:space-between;gap:1rem;align-items:center;border-bottom:1px solid var(--line);padding:.75rem 0}.linkitem span{color:var(--muted);font-size:.92rem}.note{border-left:3px solid var(--accent);padding:1rem 1.2rem;background:rgba(255,255,255,.05);border-radius:0 14px 14px 0;color:var(--muted)}.footer{border-top:1px solid var(--line);padding:30px 0 44px;color:var(--muted);font-size:.92rem}.footer .wrap{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.small{font-size:.88rem;color:var(--muted)}.prose{max-width:860px}.prose p{color:var(--muted)}.kicker{font-weight:800;color:#fff}.todo{border:1px dashed rgba(255,255,255,.28);background:rgba(255,255,255,.045);padding:1rem;border-radius:16px;color:var(--muted)}@media(max-width:900px){.hero-grid,.grid,.grid.two,.cover-grid{grid-template-columns:1fr 1fr}.nav{align-items:flex-start;flex-direction:column}.navlinks{justify-content:flex-start}.hero{padding-top:42px}}@media(max-width:620px){.hero-grid,.grid,.grid.two,.cover-grid{grid-template-columns:1fr}h1{font-size:3rem}.linkitem{display:block}.wrap{width:min(100% - 24px,var(--max))}}