:root{
  /* layout: editorial single column with wide bands; wine accent, sage support, ink on soft violet-grey */
  --bg:#F4F2F4; --paper:#FFFFFF; --ink:#1F1A22; --muted:#5F5866; --line:#DCD6DE;
  --accent:#7A1F3D; --accent-soft:#F3E3E9; --sage:#4E6656; --sage-soft:#E3ECE5; --deep:#2A1F2C; --on-deep:#F4EEF3;
  --display:"Bodoni Moda", Georgia, "Times New Roman", serif;
  --body:"Karla", "Helvetica Neue", Arial, sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#17141A; --paper:#211D25; --ink:#EEEAF0; --muted:#ABA3B1; --line:#3A3440;
    --accent:#E58AA8; --accent-soft:#3B2230; --sage:#9EC2A9; --sage-soft:#22302A; --deep:#0F0C11; --on-deep:#EEEAF0; color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#17141A; --paper:#211D25; --ink:#EEEAF0; --muted:#ABA3B1; --line:#3A3440;
  --accent:#E58AA8; --accent-soft:#3B2230; --sage:#9EC2A9; --sage-soft:#22302A; --deep:#0F0C11; --on-deep:#EEEAF0; color-scheme:dark;
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:18px;line-height:1.7}
img{max-width:100%}
a{color:var(--accent)}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
.narrow{max-width:680px}
header.site{border-bottom:1px solid var(--line)}
header.site .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-top:18px;padding-bottom:18px}
.logo{font-family:var(--display);font-size:24px;font-weight:600;color:var(--ink);text-decoration:none;letter-spacing:.01em}
nav.main{display:flex;gap:4px;flex-wrap:wrap}
nav.main a{font-size:15px;color:var(--muted);text-decoration:none;padding:6px 12px;border-radius:999px}
nav.main a:hover,nav.main a[aria-current="page"]{background:var(--accent-soft);color:var(--accent)}
h1,h2,h3{font-family:var(--display);font-weight:500;line-height:1.15;text-wrap:balance;margin:0}
h1{font-size:clamp(40px,6vw,68px)}
h2{font-size:clamp(30px,4vw,42px)}
h3{font-size:24px}
p{margin:0 0 16px}
.eyebrow{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-weight:600;margin:0 0 12px}
.lede{font-family:var(--display);font-style:italic;font-size:clamp(20px,2.4vw,26px);color:var(--muted);line-height:1.45}
.muted{color:var(--muted)}
.small{font-size:15px}
section{padding:72px 0}
section + section{border-top:1px solid var(--line)}
.hero{padding:88px 0 72px}
.hero .lede{max-width:640px;margin-top:20px}
.btn{display:inline-block;font-family:var(--body);font-size:16px;font-weight:600;text-decoration:none;border-radius:999px;padding:12px 24px;border:1px solid var(--ink);color:var(--ink);background:transparent;line-height:1.3;cursor:pointer}
.btn:hover{background:var(--accent-soft)}
.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--paper)}
.btn.primary:hover{opacity:.9;background:var(--accent)}
.btn.todo{outline:2px dashed #C58A00;outline-offset:3px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
a:focus-visible,.btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.split{display:grid;gap:48px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
@media (max-width:760px){.split{grid-template-columns:1fr;gap:32px}}
.cover{aspect-ratio:2/3;max-width:340px;width:100%;margin:0 auto;background:var(--deep);color:var(--on-deep);border-radius:4px 10px 10px 4px;padding:36px 28px;display:flex;flex-direction:column;justify-content:space-between;border-left:10px solid var(--accent)}
.cover .t{font-family:var(--display);font-size:34px;line-height:1.05;text-transform:uppercase;letter-spacing:.02em}
.cover .s{font-family:var(--display);font-style:italic;font-size:15px;opacity:.85;margin-top:14px}
.cover .a{font-size:13px;letter-spacing:.14em;text-transform:uppercase}
.quote{font-family:var(--display);font-size:clamp(26px,3.4vw,38px);line-height:1.3;max-width:820px}
.quote cite{display:block;font-family:var(--body);font-style:normal;font-size:15px;color:var(--muted);margin-top:16px}
.band{background:var(--deep);color:var(--on-deep)}
.band .muted,.band .lede{color:var(--on-deep);opacity:.8}
.band .eyebrow{color:var(--on-deep);opacity:.75}
.band .btn{border-color:var(--on-deep);color:var(--on-deep)}
.band .btn:hover{background:rgba(255,255,255,.08)}
.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:26px;display:flex;flex-direction:column}
.card h3{margin-bottom:8px}
.card ul{margin:8px 0 16px;padding-left:18px;color:var(--muted)}
.card .foot{margin-top:auto;padding-top:12px}
.tag{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:3px 10px;border-radius:999px;background:var(--sage-soft);color:var(--sage);margin-bottom:12px;align-self:flex-start}
.tag.live{background:var(--accent-soft);color:var(--accent)}
.card.feature{border:2px solid var(--accent)}
.list{display:grid;gap:14px;margin:24px 0}
.list div{padding-left:18px;border-left:2px solid var(--accent)}
.list strong{font-family:var(--display);font-weight:500;font-size:21px;display:block}
.offer{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:32px}
.offer.feature{border:2px solid var(--accent)}
.price{font-family:var(--display);font-size:36px;margin:8px 0 4px}
.price.todo{color:#9A6A00}
.offers{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start}
.offer ul{padding-left:20px;margin:12px 0 20px}
.offer li{margin-bottom:8px}
.contents{columns:2 260px;column-gap:40px;padding-left:0;list-style:none;margin:24px 0}
.contents li{break-inside:avoid;padding:6px 0;border-bottom:1px solid var(--line);font-size:16px}
.contents .num{display:inline-block;width:44px;color:var(--accent);font-family:var(--display)}
.notfor{background:var(--sage-soft);border-radius:14px;padding:24px 28px}
.notfor h3{color:var(--sage);margin-bottom:8px}
footer.site{border-top:1px solid var(--line);padding:40px 0 56px;font-size:15px;color:var(--muted)}
footer.site .wrap{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
footer.site a{color:var(--muted)}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.bookimg{display:block;width:100%;max-width:360px;height:auto;margin:0 auto;border-radius:6px;box-shadow:0 18px 40px rgba(31,26,34,.25)}
.offerimg{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top;border-radius:10px;margin-bottom:18px;background:var(--deep)}
.cardimg{display:block;width:calc(100% + 52px);margin:-26px -26px 18px;aspect-ratio:4/5;object-fit:cover;object-position:top;border-radius:13px 13px 0 0;background:var(--deep)}
.portrait{display:block;width:160px;height:160px;border-radius:50%;object-fit:cover;margin-bottom:24px;border:3px solid var(--accent-soft)}
.pairs{display:grid;gap:6px;margin:28px 0;padding-left:18px;border-left:2px solid var(--accent)}
.pairs p{margin:0;font-family:var(--display);font-size:21px}
.band .pairs{border-left-color:var(--on-deep)}
.signoff{margin-top:40px;font-family:var(--display);font-size:22px}
.signoff span{font-family:var(--body);font-size:15px;opacity:.75}
.band .quote{color:var(--on-deep)}