:root{
  --bg:#080b0f;--panel:#121821;--text:#f3efe7;--muted:#aeb3bb;
  --gold:#c99a58;--gold2:#e6c894;--line:rgba(255,255,255,.09);
  --shadow:0 25px 80px rgba(0,0,0,.38)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:
radial-gradient(circle at 82% 7%,rgba(201,154,88,.08),transparent 27%),
radial-gradient(circle at 12% 28%,rgba(54,78,108,.11),transparent 30%),
var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}.grain{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.site-header{position:sticky;top:0;z-index:50;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,78px);background:rgba(8,11,15,.82);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.15em}.brand img{width:40px;height:40px;object-fit:cover;border-radius:50%}
.nav{display:flex;gap:26px}.nav a{color:var(--muted);font-size:.92rem;font-weight:650}.nav a:hover{color:var(--gold2)}.menu-toggle{display:none;border:0;background:none;color:white;font-size:1.5rem}
.hero{min-height:calc(100vh - 76px);max-width:1500px;margin:auto;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:55px;padding:85px clamp(20px,6vw,110px)}
.eyebrow{color:var(--gold);font-size:.72rem;font-weight:800;letter-spacing:.22em;margin:0 0 14px}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1;margin:0}h1{font-size:clamp(3.3rem,7vw,7.4rem);font-weight:500}h1 em{color:var(--gold2);font-style:normal}.lead{font-size:clamp(1rem,1.35vw,1.24rem);color:#c7c9ce;max-width:760px;margin:28px 0 34px}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;padding:13px 19px;border-radius:999px;font-weight:800}.primary{background:var(--gold);color:#111}.secondary{border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.03)}
.hero-art{position:relative;display:grid;place-items:center;min-height:560px}.halo{position:absolute;width:min(40vw,520px);height:min(40vw,520px);border-radius:50%;background:radial-gradient(circle,rgba(201,154,88,.18),transparent 66%)}.hero-art img{width:min(82%,510px);border-radius:24px;box-shadow:var(--shadow);position:relative}
.section{padding:105px clamp(20px,6vw,110px);max-width:1500px;margin:auto}.heading{max-width:850px;margin-bottom:46px}.heading h2,.about h2,.follow h2{font-size:clamp(2.8rem,5vw,5.1rem)}.heading>p:last-child,.about p,.follow p{color:var(--muted)}
.book-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.book-card{display:grid;grid-template-columns:220px 1fr;gap:24px;padding:22px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.016));min-height:365px}.book-card:hover{transform:translateY(-2px);border-color:rgba(201,154,88,.34);transition:.2s}.cover{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:10px;box-shadow:0 18px 40px rgba(0,0,0,.4)}.book-copy{display:flex;flex-direction:column;align-items:flex-start;padding-top:5px}.tag{font-size:.66rem;color:var(--gold);letter-spacing:.15em;font-weight:800}.book-copy h3,.series-card h3,.coming-card h3{font-size:2.32rem;margin:9px 0 12px}.book-copy p,.series-card p,.coming-card p{color:#bbc0c7}.chips{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}.chips span{font-size:.7rem;border:1px solid var(--line);padding:5px 9px;border-radius:999px;color:#d0d2d5}.buy{margin-top:auto;color:var(--gold2);font-weight:800;font-size:.9rem}
.series-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.series-card{display:grid;grid-template-columns:180px 1fr;gap:24px;border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:24px}.series-card>img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:10px}.series-card ol{list-style:none;padding:0;margin:24px 0 0;border-top:1px solid var(--line)}.series-card li{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line)}.series-card li span{color:var(--gold);font-size:.78rem}
.coming-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.coming-card{display:grid;grid-template-columns:210px 1fr;gap:24px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.014));padding:22px}.coming-card img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:10px}
.about{display:grid;grid-template-columns:.74fr 1.26fr;gap:70px;align-items:center}.about-mark{display:grid;place-items:center;min-height:430px;background:radial-gradient(circle,rgba(201,154,88,.1),transparent 62%)}.about-mark img{width:min(80%,430px);border-radius:22px}
.follow-panel{padding:64px;border:1px solid rgba(201,154,88,.22);background:linear-gradient(135deg,rgba(201,154,88,.08),rgba(255,255,255,.02));border-radius:24px;text-align:center}.follow-panel>p{max-width:760px;margin:18px auto 28px}.social{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.social a{padding:11px 18px;border:1px solid var(--line);border-radius:999px;font-weight:800}.social a:hover{border-color:var(--gold);color:var(--gold2)}.email{display:inline-block;margin-top:22px;color:var(--gold2)}
footer{border-top:1px solid var(--line);padding:32px clamp(20px,6vw,110px);display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;color:#959ba4;font-size:.84rem}footer div{display:flex;gap:14px;flex-wrap:wrap}footer strong{color:#fff;letter-spacing:.13em}
@media(max-width:1000px){.hero{grid-template-columns:1fr}.hero-art{min-height:390px}.book-grid,.series-grid,.coming-grid{grid-template-columns:1fr}.about{grid-template-columns:1fr}.about-mark{min-height:300px}}
@media(max-width:700px){.nav{display:none;position:absolute;left:14px;right:14px;top:68px;flex-direction:column;background:#11161d;padding:18px;border:1px solid var(--line);border-radius:13px}.nav.open{display:flex}.menu-toggle{display:block}.hero{padding-top:55px}.hero-art{min-height:290px}.book-card,.series-card,.coming-card{grid-template-columns:108px 1fr;padding:15px;gap:15px;min-height:0}.book-copy h3,.series-card h3,.coming-card h3{font-size:1.78rem}.follow-panel{padding:38px 20px}}