:root {
  --night:#0e1a24; --steel:#1b2a36; --plate:#26384a; --chrome:#e9eef2; --dust:#a9b6c2;
  --amber:#f2a93b; --teal:#4fc3c8; --line:#34495c;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--night); color:var(--chrome); font-family:"Source Serif 4", Georgia, serif; font-size:18px; line-height:1.65; }
a { color:var(--teal); }
a:focus-visible, button:focus-visible, input:focus-visible { outline:3px solid var(--amber); outline-offset:3px; }
.wrap { max-width:1080px; margin:0 auto; padding:0 24px; }
h1,h2,h3 { font-family:Bitter, Georgia, serif; line-height:1.15; margin:0; }
img { max-width:100%; }

header { position:sticky; top:0; background:rgba(14,26,36,.92); backdrop-filter:blur(6px); border-bottom:1px solid var(--line); z-index:5; }
header .wrap { display:flex; align-items:center; justify-content:space-between; height:64px; }
.brand { font-family:Bitter, serif; font-weight:700; font-size:17px; color:var(--chrome); text-decoration:none; }
nav a { color:var(--dust); text-decoration:none; margin-left:22px; font-size:16px; }
nav a:hover { color:var(--chrome); }

/* HERO */
.hero { position:relative; overflow:hidden; padding:72px 0 64px; }
.hero::before { content:""; position:absolute; inset:-20% 0 auto 0; height:120%;
  background:radial-gradient(60% 50% at 70% 10%, rgba(242,169,59,.22), transparent 60%),
             radial-gradient(40% 40% at 20% 100%, rgba(79,195,200,.10), transparent 70%);
  pointer-events:none; }
.hero .wrap { position:relative; display:grid; grid-template-columns:1.2fr .8fr; gap:48px; align-items:center; }
.hero h1 { font-size:clamp(34px,5vw,58px); font-weight:700; letter-spacing:-.01em; }
.hero .sub { margin:18px 0 0; font-size:20px; color:var(--dust); max-width:34em; }
.hero .tag { margin:28px 0 0; font-family:Bitter, serif; font-weight:600; color:var(--teal); font-size:18px; }
.hero .cta { margin-top:34px; display:flex; gap:14px; flex-wrap:wrap; }
.btn { display:inline-block; padding:13px 20px; border-radius:6px; text-decoration:none; font-family:Bitter, serif; font-weight:600; font-size:16px; border:0; cursor:pointer; }
.btn.primary { background:var(--amber); color:#1a1200; }
.btn.ghost { border:1px solid var(--line); color:var(--chrome); }
.btn[disabled] { opacity:.5; cursor:not-allowed; }
.coverwrap { justify-self:center; position:relative; }
.coverwrap::after { content:""; position:absolute; inset:auto 10% -18px 10%; height:26px; background:rgba(242,169,59,.28); filter:blur(18px); }
.cover { width:min(340px,80vw); height:auto; display:block; border-radius:4px; box-shadow:0 30px 60px rgba(0,0,0,.6); position:relative; }

section { padding:64px 0; border-top:1px solid var(--line); }
section h2 { font-size:clamp(26px,3.4vw,36px); margin-bottom:22px; }
.lede { max-width:40em; color:var(--chrome); }
.lede p { margin:0 0 1.1em; }

/* BOOKS */
.books { display:grid; gap:36px; }
.book { display:grid; grid-template-columns:180px 1fr; gap:28px; align-items:start; padding:28px; background:var(--steel); border:1px solid var(--line); border-radius:8px; }
.book img { width:180px; height:auto; border-radius:3px; display:block; box-shadow:0 14px 30px rgba(0,0,0,.5); }
.book h3 { font-size:26px; }
.book .kicker { color:var(--dust); margin:4px 0 14px; font-style:italic; }
.book p { margin:0 0 14px; }
.book .q { font-family:Bitter, serif; color:var(--amber); font-weight:600; }
.book .ku { margin:14px 0 0; color:var(--teal); font-size:16px; }
.links { display:flex; gap:12px; flex-wrap:wrap; margin-top:8px; }

/* ABOUT */
.about { display:grid; grid-template-columns:1fr 1fr; gap:48px; }
.about p { margin:0 0 1em; }

/* CONTACT */
.contact { background:var(--steel); }
.contact .wrap { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:start; }
.email { margin:0; }
.email a { font-family:Bitter, serif; font-size:clamp(20px,3vw,28px); font-weight:600; color:var(--amber); text-decoration:none; word-break:break-all; }
.contact small { color:var(--dust); display:block; margin-top:10px; }
form { display:grid; gap:10px; max-width:420px; }
input { background:var(--night); border:1px solid var(--line); color:var(--chrome); padding:12px 14px; border-radius:6px; font-size:16px; font-family:inherit; }
input[disabled] { opacity:.6; }
.hp { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.form-status { margin:4px 0 0; min-height:1.65em; color:var(--dust); font-size:16px; }
.form-status.ok { color:var(--teal); }
.form-status.err { color:var(--amber); }
.consent { margin:0; color:var(--dust); font-size:14px; line-height:1.5; }

/* PROSE PAGES (privacy, 404) */
.page { padding:56px 0 72px; }
.page h1 { font-size:clamp(30px,4.4vw,46px); margin-bottom:22px; }
.page h2 { font-size:24px; margin:34px 0 10px; }
.page p, .page li { max-width:40em; }
.page .meta { color:var(--dust); }

footer { padding:28px 0 40px; color:var(--dust); font-size:15px; border-top:1px solid var(--line); }
footer .wrap { display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; }

@media (max-width:820px) {
  .hero .wrap, .about, .contact .wrap { grid-template-columns:1fr; }
  .hero { padding:48px 0 40px; }
  .coverwrap { order:-1; }
  .book { grid-template-columns:1fr; }
  .book img { width:160px; }
  nav a { margin-left:14px; font-size:15px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }