
:root{--ink:#26354A;--cream:#FFF9F0;--terra:#C9674C;--btn:#B65A40;--sage:#A8BDAA;--gold:#EBCB83;--paper:#FFFFFF;--muted:#56616F;--line:#E7E4DC;--accent:#995A43;
--shadow-card:0 6px 24px rgba(38,53,74,.07)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:'Nunito Sans',system-ui,sans-serif;background:var(--cream);color:var(--ink);line-height:1.6;font-size:16px}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,.brand{font-family:Fraunces,Georgia,serif;font-weight:600;letter-spacing:-.025em;color:var(--ink)}
h1{font-size:clamp(32px,8.2vw,52px);line-height:1.13;margin:0 0 .3em}h2{font-size:clamp(26px,6.4vw,38px);line-height:1.2;margin:0 0 .5em}h3{font-size:21px;line-height:1.3;margin:0 0 .3em}
a{color:var(--btn)}a:focus-visible,.btn:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.wrap{width:min(100% - 40px,1120px);margin-inline:auto}
header.top{background:var(--paper);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;gap:8px 18px;flex-wrap:wrap;padding:12px 0 10px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:20px;line-height:1.1;margin-right:auto}
.brand small{display:block;font-family:'Nunito Sans',sans-serif;font-size:10px;font-weight:600;color:var(--muted);letter-spacing:.01em;margin-top:2px}
.mark{width:44px;height:44px;object-fit:contain;flex-shrink:0}
nav.main{display:flex;gap:16px;flex-wrap:nowrap;align-items:center;min-height:44px}
nav.main a{color:var(--ink);text-decoration:none;font-weight:600;font-size:14px;white-space:nowrap}
nav.main a.on{text-decoration:underline;text-decoration-color:var(--terra);text-underline-offset:5px}
nav.main a.lang{border:1px solid var(--ink);border-radius:999px;padding:4px 9px;font-size:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:13px 24px;border-radius:999px;background:var(--btn);color:#fff;
font:700 15px/1.3 'Nunito Sans',sans-serif;text-decoration:none;text-align:center;margin:6px 10px 6px 0;border:1.5px solid var(--btn);transition:background-color .15s}
.btn:hover{background:#97472F;border-color:#97472F}.btn.ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
section{padding-block:56px}section.alt{background:var(--paper)}section.sage{background:#eef3ee}
.hero{padding-block:44px 36px}.eyebrow{font-weight:800;color:var(--accent);letter-spacing:.085em;text-transform:uppercase;font-size:12px;margin:0 0 14px}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.hero h1{max-width:650px}.hero .lead{margin-top:18px;max-width:560px}
.covers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:12px;max-width:480px}
.covers img{width:100%;aspect-ratio:8.5/11;object-fit:contain;filter:drop-shadow(0 7px 7px rgba(38,53,74,.14))}
.lead{font-size:17px;color:var(--muted);max-width:720px}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:var(--shadow-card)}
.bookcard{background:var(--paper);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-card);display:flex;flex-direction:column;text-decoration:none;color:var(--ink)}
.bookcard .cv{background:#F6F0E5;padding:20px 15px}
.bookcard .cv img{width:100%;height:260px;object-fit:contain;filter:drop-shadow(0 6px 7px rgba(38,53,74,.12))}
.bookcard .bd{padding:18px;flex:1}.bookcard .bd h3{font-size:19px}.bookcard .meta{color:var(--muted);font-size:14px;line-height:1.5;margin:0}
.bookcard .script{color:var(--accent);font-size:12px;font-weight:700;margin:0 0 8px}
.bookcard:hover{transform:translateY(-3px);transition:.2s}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.steps .card h3{color:var(--accent)}
blockquote{font-family:Fraunces,Georgia,serif;font-size:clamp(1.3rem,3vw,1.8rem);margin:0 0 12px;color:var(--ink)}
.book{display:grid;grid-template-columns:minmax(160px,260px) 1fr;gap:28px;align-items:start}
.sample{padding:14px}.sample img{border:1px solid #EDEDED;border-radius:8px;width:100%}
section.fullbook{background:#F2F4ED}.fullbook h2{font-size:28px}.btn.amz{background:var(--ink);border-color:var(--ink)}.btn.amz:hover{background:#1A2536;border-color:#1A2536}
.fullbook .book>a img{max-width:260px;margin-inline:auto;filter:drop-shadow(0 10px 12px rgba(38,53,74,.18))}
.thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
.thumbs img{border:1px solid var(--line);border-radius:8px;background:#fff}
.facts{color:var(--muted);font-weight:700;font-size:14px}
.prose{max-width:760px}.prose h2{margin-top:1.4em}
footer{background:var(--ink);color:#fff;padding:44px 0 24px;margin-top:40px}
footer a{color:#fff;text-decoration:underline;text-underline-offset:3px}footer .brand{color:#fff;text-decoration:none}footer .brand small{color:#E1E7EB}
footer p{color:#E1E7EB;font-size:14px}
.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}footer ul{list-style:none;padding:0;margin:0;line-height:2}
footer .copy{border-top:1px solid rgba(255,255,255,.2);margin-top:30px;padding-top:18px;font-size:12px;color:#E1E7EB}
@media(min-width:768px){section{padding-block:80px}.hero{padding-block:80px}header.top{position:sticky;top:0;z-index:5}}
@media(min-width:900px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.bookcard .cv img{height:280px}}
@media(max-width:767px){.hero-grid,.book,.fgrid{grid-template-columns:1fr}.hero .lead{display:none}.hero-grid{gap:28px}
.hero .btn{display:flex;width:max-content}.covers{gap:9px}.book>a{max-width:260px;margin-inline:auto}}
@media(max-width:390px){.grid{grid-template-columns:1fr}nav.main{gap:12px}nav.main a{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.bookcard:hover{transition:none;transform:none}}
