:root{
  --bg:#0b0b0f;
  --bg-soft:#121219;
  --fg:#e9e5da;
  --muted:#b8b3a8;
  --accent:#b41a23;
  --accent-2:#a98b56;
  --card:#0f0f14;
  --border:#26262f;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";}
a{color:var(--fg);text-decoration:none}
a:hover{color:var(--accent)}
.container{width:min(1100px, 92%);margin-inline:auto}
.site-header{position:sticky;top:0;background:rgba(11,11,15,.8);backdrop-filter: blur(6px);border-bottom:1px solid var(--border);z-index:40}
.site-header .brand{font-family:"Playfair Display", serif;font-weight:900;letter-spacing:.5px;font-size:1.4rem}
.site-header .container{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.nav a{margin-left:18px;font-weight:600}
.page{padding:42px 0}
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:center}
.hero h1{font-family:"Playfair Display", serif;font-size:3rem;line-height:1.05;margin:0 0 12px}
.kicker{font-weight:800;color:var(--accent-2);letter-spacing:.15em;text-transform:uppercase}
.cta-row{display:flex;gap:12px;margin-top:18px}
.button{background:var(--fg);color:var(--bg);font-weight:800;padding:12px 18px;border-radius:8px;border: none;cursor:pointer}
.button.secondary{background:var(--bg-soft);color:var(--fg);border:1px solid var(--border)}
.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:22px}
.grid{display:grid;gap:18px}
.grid.cols-3{grid-template-columns: repeat(3, 1fr)}
.grid.cols-2{grid-template-columns: repeat(2, 1fr)}
h2.section{font-family:"Playfair Display", serif;font-size:2rem;margin-top:8px}
.book-item img{width:100%;border-radius:10px;border:1px solid var(--border)}
.book-meta{margin-top:10px}
.badge{display:inline-block;padding:6px 10px;border:1px solid var(--border);border-radius:999px;font-size:.8rem;color:var(--muted)}
.section-muted{color:var(--muted)}
.section-title{display:flex;align-items:baseline;justify-content:space-between}
.site-footer{border-top:1px solid var(--border);padding:32px 0;background:var(--bg-soft)}
.footer-grid{display:grid;gap:22px;grid-template-columns:2fr 1fr 1fr}
.newsletter{display:flex;gap:8px;margin-top:10px}
.newsletter input{flex:1;padding:10px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--fg)}
.newsletter button{padding:10px 12px;border-radius:8px;border:0;background:var(--fg);color:var(--bg);font-weight:800}
hr{border:0;border-top:1px solid var(--border);margin:24px 0}
.note{font-size:.95rem;color:var(--muted)}
/* Responsive */
@media (max-width: 900px){
  .hero{grid-template-columns:1fr;gap:20px}
  .grid.cols-3{grid-template-columns: 1fr}
  .footer-grid{grid-template-columns:1fr}
}
/* Age Gate */
.age-gate{position:fixed;inset:0;background:rgba(11,11,15,.95);display:flex;align-items:center;justify-content:center;z-index:100}
.age-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:24px;max-width:520px;margin:12px}
.age-card h3{margin-top:0;font-family:"Playfair Display", serif}

/* === Books page: consistent cover sizing === */
.card img.cover {
  display: block;
  width: 100%;
  max-width: 280px;
  height: auto;
  aspect-ratio: 2 / 3;
  object-fit: cover;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .card img.cover { max-width: 320px; }
}

/* === Books page: consistent cover sizing === */
.card img.cover {
  display: block;
  width: 100%;
  max-width: 280px;
  height: auto;
  aspect-ratio: 2 / 3;
  object-fit: cover;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .card img.cover { max-width: 320px; }
}

/* === Cover hover === */
img.cover { transition: transform .25s ease, box-shadow .25s ease; }
img.cover:hover { transform: scale(1.02); box-shadow: 0 10px 28px rgba(0,0,0,.35); }

/* === Buttons === */
.button {
  display:inline-block; padding:10px 16px; border-radius:12px;
  background:#e9e5da; color:#0b0b0f; font-weight:800; text-decoration:none;
  border:1px solid rgba(233,229,218,.1);
}
.button:hover { transform: translateY(-1px); box-shadow: 0 8px 20px rgba(0,0,0,.25); }
.button.preorder { letter-spacing:.2px; }

/* MailerLite placeholder styling */
.ml-embed-placeholder { padding:14px; border:1px dashed rgba(233,229,218,.35); border-radius:12px; background:rgba(255,255,255,0.02); margin-top:10px;}
.ml-embed-placeholder .fake-inputs { display:flex; gap:8px; margin-top:8px; }
.ml-embed-placeholder input, .ml-embed-placeholder button { opacity:.6; cursor:not-allowed; }

:root{--accent-rose:#E3B8B3;}

.accent-rose{color:var(--accent-rose);}
.site-footer .copyright{margin-top:22px;font-size:12px;opacity:.7;display:block;}

.site-footer .ml-embedded, .site-footer .ml-form-embed{margin-bottom:28px;}