:root{
  --black:#050507;
  --ink:#0d1016;
  --panel:#111722;
  --silver:#d8e3ee;
  --muted:#a9b3c1;
  --gold:#d4b36a;
  --winter:#79b9ff;
  --shadow:#7a4ca0;
  --green:#4f7d5a;
  --danger:#b14335;
}
*{box-sizing:border-box}
body{margin:0;background:var(--black);color:white;font-family:Georgia,'Times New Roman',serif;line-height:1.6}
a{color:inherit;text-decoration:none}
.site-header{position:sticky;top:0;z-index:10;background:rgba(5,5,7,.9);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.12)}
.nav{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:18px 24px;gap:20px}
.logo{letter-spacing:.18em;text-transform:uppercase;font-size:14px;color:var(--silver)}
.nav-links{display:flex;gap:18px;flex-wrap:wrap;font-size:15px;color:var(--muted)}
.nav-links a:hover{color:white}
.hero{min-height:86vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:80px 24px;background:linear-gradient(to bottom,rgba(0,0,0,.25),rgba(0,0,0,.95)),url('/images/hero.jpg');background-size:cover;background-position:center}
.hero-inner{max-width:940px}.eyebrow{letter-spacing:.35em;text-transform:uppercase;color:var(--silver);font-size:13px;margin-bottom:24px}.hero h1{font-size:clamp(54px,8vw,110px);line-height:.95;margin:0 0 28px}.hero p{font-size:clamp(19px,2.3vw,26px);color:#d6dde8;margin:0 auto 36px;max-width:760px}.buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.button{display:inline-block;padding:14px 24px;border-radius:14px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08)}.button.primary{background:white;color:#050507;font-weight:bold}.section{padding:80px 24px}.section.alt{background:linear-gradient(to bottom,#050507,#0d1220)}.wrap{max-width:1200px;margin:auto}.section-title{text-align:center;font-size:clamp(36px,5vw,60px);line-height:1.05;margin:0 0 18px}.section-intro{text-align:center;color:var(--muted);font-size:19px;max-width:780px;margin:0 auto 48px}.grid{display:grid;gap:26px}.books{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.cards3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.cards2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.card{background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.12);border-radius:24px;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.35)}.card-body{padding:26px}.card h3{font-size:26px;line-height:1.15;margin:0 0 12px}.card p{color:var(--muted);margin:0 0 22px}.placeholder{height:220px;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.16),rgba(255,255,255,.03));display:flex;align-items:center;justify-content:center;color:#748093;letter-spacing:.13em;text-transform:uppercase;font-size:13px}.realm{min-height:260px;display:flex;align-items:flex-end;padding:28px;background:linear-gradient(to top,rgba(0,0,0,.9),rgba(0,0,0,.25)),radial-gradient(circle at 50% 20%,rgba(255,255,255,.18),transparent);border-radius:24px;border:1px solid rgba(255,255,255,.13)}.realm h3{font-size:32px;margin:0 0 8px}.realm p{color:var(--silver);margin:0}.quote{font-size:26px;text-align:center;color:var(--silver);max-width:900px;margin:0 auto}.footer{padding:38px 24px;text-align:center;border-top:1px solid rgba(255,255,255,.12);color:var(--muted)}.page-hero{padding:90px 24px 60px;text-align:center;background:linear-gradient(to bottom,#101623,#050507)}.page-hero h1{font-size:clamp(48px,7vw,86px);margin:0 0 16px}.page-hero p{color:var(--muted);max-width:820px;margin:auto;font-size:20px}.detail-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:32px}.panel{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:28px}.panel h2{font-size:34px;margin:0 0 14px}.panel h3{font-size:24px;margin:22px 0 8px;color:var(--gold)}.panel p,.panel li{color:var(--muted)}.list{padding-left:20px}.media-box{height:420px;border-radius:24px;border:1px dashed rgba(255,255,255,.28);display:flex;align-items:center;justify-content:center;color:#8993a4;text-align:center;padding:20px;background:rgba(255,255,255,.04)}.blog-post-header{padding:90px 24px 60px;text-align:center;background:linear-gradient(to bottom,#101623,#050507)}.blog-post-content{max-width:780px;margin:0 auto;padding:60px 24px;color:var(--silver);font-size:19px;line-height:1.8}.blog-post-content h2,.blog-post-content h3{color:white}.blog-post-content a{color:var(--winter);text-decoration:underline}.blog-card{background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.12);border-radius:24px;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.35);padding:30px}.blog-card h3{font-size:24px;margin:0 0 10px}.blog-card .meta{color:var(--gold);font-size:14px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px}.blog-card p{color:var(--muted);margin:0 0 20px}.card img,.blog-card img{width:100%;object-fit:cover;display:block}@media(max-width:800px){.nav{align-items:flex-start;flex-direction:column}.detail-layout{grid-template-columns:1fr}.section{padding:58px 18px}.hero{min-height:76vh}.placeholder{height:190px}}