
:root{--bg:#07080b;--panel:#11141b;--ink:#f4efe4;--muted:#b7ad9e;--gold:#d7b46a;--red:#77202b;--blue:#6d7892}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% 0%,#1a1d27 0,#07080b 38%,#040406 100%);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:20px 6vw;background:linear-gradient(180deg,rgba(4,4,6,.92),rgba(4,4,6,.25),transparent);backdrop-filter:blur(8px)}.brand{font-family:Cinzel,Georgia,serif;letter-spacing:.16em;color:var(--gold);font-weight:700}.nav{display:flex;gap:24px;color:#ddd4c4;font-size:.9rem}.nav a:hover{color:var(--gold)}.hero{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;gap:5vw;align-items:center;padding:120px 6vw 60px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,8,11,.2),rgba(7,8,11,.88)),url('assets/author.jpg') center/cover no-repeat;opacity:.28}.hero-content,.hero-art{position:relative}.eyebrow{letter-spacing:.32em;text-transform:uppercase;color:var(--gold);font-size:.78rem}.hero h1,.page-hero h1{font-family:Cinzel,Georgia,serif;font-size:clamp(3rem,8vw,7rem);line-height:.92;margin:18px 0;text-transform:uppercase}.hero h2{font-family:Cinzel,Georgia,serif;color:#fff;font-size:clamp(1.5rem,3vw,2.8rem);line-height:1.05;margin:0 0 18px}.tagline{font-family:Cinzel,Georgia,serif;color:#e8dfcf;font-size:1.2rem;letter-spacing:.08em}.buttons{display:flex;gap:16px;flex-wrap:wrap;margin-top:34px}.btn{border:1px solid rgba(215,180,106,.7);padding:13px 22px;border-radius:999px;color:#fff;background:rgba(215,180,106,.08);font-weight:700}.btn.primary{background:linear-gradient(135deg,var(--gold),#8d6730);color:#120d08}.btn:hover{transform:translateY(-2px);box-shadow:0 15px 40px rgba(215,180,106,.16)}.book-frame{max-width:380px;margin:auto;transform:perspective(900px) rotateY(-8deg);filter:drop-shadow(0 32px 60px rgba(0,0,0,.65));border:1px solid rgba(215,180,106,.45)}section{padding:90px 6vw}.section-title{font-family:Cinzel,Georgia,serif;font-size:clamp(2rem,4vw,4rem);line-height:1.05;margin:0 0 18px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px;align-items:center}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(215,180,106,.22);border-radius:22px;padding:28px;box-shadow:0 20px 60px rgba(0,0,0,.25)}.card h3{font-family:Cinzel,Georgia,serif;color:var(--gold);margin-top:0}.muted{color:var(--muted)}.author-photo{border-radius:28px;border:1px solid rgba(215,180,106,.35);box-shadow:0 28px 80px rgba(0,0,0,.5)}.quote{font-family:Cinzel,Georgia,serif;font-size:clamp(1.6rem,3vw,3rem);line-height:1.2;color:#fff}.newsletter{text-align:center;background:linear-gradient(135deg,rgba(119,32,43,.45),rgba(215,180,106,.12));border-top:1px solid rgba(215,180,106,.25);border-bottom:1px solid rgba(215,180,106,.25)}.signup{display:flex;gap:10px;justify-content:center;max-width:620px;margin:30px auto 0}.signup input{flex:1;min-width:220px;background:#0b0d12;border:1px solid rgba(215,180,106,.3);border-radius:999px;color:#fff;padding:14px 18px}.site-footer{padding:38px 6vw;color:var(--muted);border-top:1px solid rgba(215,180,106,.15);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.page-hero{padding:150px 6vw 70px;background:linear-gradient(180deg,rgba(215,180,106,.08),transparent)}.split-list{display:grid;gap:16px}.lore{border-left:2px solid var(--gold);padding-left:20px}.feather{position:fixed;top:-50px;color:rgba(215,180,106,.32);animation:fall linear forwards;pointer-events:none;z-index:1}@keyframes fall{to{transform:translateY(110vh) rotate(360deg)}}@media(max-width:850px){.hero,.grid{grid-template-columns:1fr}.hero-art{order:-1}.book-frame{max-width:260px}.nav{display:none}.card-grid{grid-template-columns:1fr}.signup{flex-direction:column}.site-header{padding:16px 5vw}section{padding:70px 5vw}.hero{padding:100px 5vw 50px}}
