:root{--bg:#080808;--panel:#111114;--panel2:#151518;--gold:#d1ad62;--gold2:#f2d18a;--cream:#f7f1e7;--muted:#c8beb2;--wine:#6b1623;--line:rgba(209,173,98,.26);--max:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font-family:Inter,Arial,sans-serif;font-size:18px;line-height:1.65;overflow-x:hidden}img{display:block;max-width:100%;height:auto}a{text-decoration:none;color:inherit}.serif,h1,h2,h3,.brand{font-family:"Cormorant Garamond",serif}.wrap{width:min(calc(100% - 28px),var(--max));margin:0 auto}.section{padding:72px 0}.section.alt{background:var(--panel)}
header{position:sticky;top:0;z-index:100;background:rgba(8,8,8,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.nav{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:1.35rem;font-weight:700}.menu{display:flex;gap:24px;align-items:center;font-size:.95rem}.menu a:hover{color:var(--gold2)}.menu-toggle{display:none;background:none;border:1px solid var(--line);color:var(--cream);border-radius:8px;padding:8px 10px;font-size:1rem}
.eyebrow{font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold2);font-weight:800}.hero{padding:56px 0 72px;background:radial-gradient(circle at 80% 15%,rgba(107,22,35,.32),transparent 34%),linear-gradient(180deg,#111114,#080808)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.hero h1{font-size:clamp(4rem,7vw,7rem);line-height:.88;margin:.5rem 0 1rem}.hero p{font-size:1.2rem;color:#ddd2c5;max-width:650px}.hero-cover{width:min(100%,420px);margin:auto;border:1px solid var(--line);box-shadow:0 28px 80px rgba(0,0,0,.55)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 18px;border-radius:999px;font-weight:800;font-size:1rem}.btn.gold{background:var(--gold);color:#111}.btn.outline{border:1px solid var(--gold);color:var(--cream)}
.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:center}.author-photo{width:min(100%,520px);border-radius:20px;border:1px solid var(--line);box-shadow:0 24px 70px rgba(0,0,0,.45)}h2{font-size:clamp(3rem,5vw,4.8rem);line-height:.95;margin:.35rem 0 1rem}.about-copy p,.feature-copy p,.book-copy p,.guide-copy p{font-size:1.08rem;color:#ddd2c5}.quote{font-family:"Cormorant Garamond",serif;font-size:clamp(2.4rem,5vw,4.4rem);line-height:1.04;margin:0}.gold-text{color:var(--gold2)}
.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.feature-image{width:100%;max-width:560px;margin:auto;border-radius:18px;border:1px solid var(--line);box-shadow:0 22px 65px rgba(0,0,0,.42)}.feature-card{background:linear-gradient(180deg,var(--panel2),#0f0f11);border:1px solid var(--line);border-radius:20px;padding:28px}.feature-card h2{font-size:clamp(2.8rem,5vw,4.2rem)}
.guide{background:linear-gradient(120deg,rgba(107,22,35,.38),rgba(8,8,8,.96));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.guide-shell{max-width:860px;margin:auto;padding:34px;border:1px solid var(--line);border-radius:22px;background:rgba(17,17,20,.94);text-align:center}.guide-shell h2{font-size:clamp(3rem,5vw,4.4rem)}.ml-embedded{width:100%!important;max-width:620px!important;margin:22px auto 0!important}.ml-embedded iframe,.ml-embedded form,.ml-embedded>div{max-width:100%!important;width:100%!important}
.collections{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:30px}.collection{background:#101013;border:1px solid var(--line);border-radius:16px;padding:18px 20px}.collection strong{display:block;font-family:"Cormorant Garamond",serif;font-size:1.55rem;margin-bottom:4px}.collection span{color:var(--muted);font-size:.95rem}
.page-hero{padding:68px 0 42px;background:linear-gradient(180deg,#121215,#080808)}.page-hero h1{font-size:clamp(3.6rem,7vw,6rem);line-height:.92;margin:.4rem 0}.book-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.book-card{background:#111114;border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;flex-direction:column}.book-card img{width:100%;height:500px;object-fit:contain;background:#090909;border-radius:10px}.book-card h3{font-size:2rem;line-height:1.05;margin:18px 0 8px}.book-card p{color:var(--muted);font-size:1rem}.book-card .btn{margin-top:auto}.book-detail{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:48px;align-items:start}.book-detail img{width:100%;border:1px solid var(--line);box-shadow:0 25px 72px rgba(0,0,0,.5)}.book-copy h2{font-size:clamp(3rem,5vw,4.5rem)}.portrait-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:28px}.portrait-pair img{border-radius:18px;border:1px solid var(--line)}footer{padding:28px 0;border-top:1px solid var(--line);color:var(--muted);font-size:.92rem}.footer-row{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
@media(max-width:800px){body{font-size:18px}.wrap{width:min(calc(100% - 24px),var(--max))}.menu-toggle{display:block}.menu{display:none;position:absolute;top:66px;left:0;right:0;background:#0b0b0c;border-bottom:1px solid var(--line);padding:16px 20px;flex-direction:column;align-items:flex-start}.menu.open{display:flex}.hero{padding:42px 0 54px}.hero-grid,.about-grid,.feature-grid,.book-detail{grid-template-columns:1fr;gap:28px}.hero-grid{text-align:center}.hero h1{font-size:clamp(3.6rem,14vw,5.6rem)}.hero p{font-size:1.08rem;margin-left:auto;margin-right:auto}.hero-cover{width:min(100%,380px)}.actions{justify-content:center}.actions .btn{width:100%}.section{padding:54px 0}h2{font-size:clamp(3rem,12vw,4rem)}.about-copy{text-align:left}.feature-grid .feature-copy{order:1}.feature-grid .feature-image-wrap{order:2}.feature-card{padding:22px}.guide-shell{padding:24px 18px}.collections{grid-template-columns:1fr}.book-grid{grid-template-columns:1fr}.book-card{padding:16px}.book-card img{height:auto;max-height:560px}.portrait-pair{grid-template-columns:1fr}.footer-row{flex-direction:column;text-align:center}.page-hero{padding:54px 0 32px}.page-hero h1{font-size:clamp(3.4rem,13vw,5rem)}}
@media(max-width:420px){.wrap{width:calc(100% - 18px)}.brand{font-size:1.15rem}.hero h1{font-size:3.3rem}.hero p,.about-copy p,.feature-copy p,.book-copy p,.guide-copy p{font-size:1.03rem}.section{padding:46px 0}.guide-shell{padding:20px 14px}.btn{font-size:.96rem}}