:root{
  --paper:#f3eee6;
  --paper-2:#e7e0d6;
  --ink:#2b241e;
  --muted:#5a5148;
  --gold:#ad7720;
  --line:#d1c5b3;
  --shadow:0 22px 45px rgba(45,30,15,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.book-about{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
.book-about a{color:inherit}
.book-about__top{background:#d9d4ca;border-bottom:1px solid rgba(70,55,40,.12);position:sticky;top:0;z-index:20}
.book-about__nav{width:min(1180px,calc(100% - 44px));margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:15px 0}
.book-about__brand{font:700 20px/1 Georgia,serif;text-decoration:none;letter-spacing:-.4px}
.book-about__brand span{color:var(--gold)}
.book-about__back{font-size:12px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:#6d5d4c}
.book-about__hero{padding:105px 0 80px;background:linear-gradient(180deg,#eae3d9 0%,var(--paper) 100%);border-bottom:1px solid var(--line)}
.book-about__hero-inner{width:min(1080px,calc(100% - 44px));margin:0 auto;text-align:center}
.book-about__eyebrow{font-size:11px;font-weight:700;letter-spacing:.22em;color:var(--gold);text-transform:uppercase}
.book-about h1,.book-about h2,.book-about h3{font-family:Georgia,"Times New Roman",serif;font-weight:400}
.book-about__hero h1{font-size:clamp(54px,7vw,88px);line-height:.98;margin:18px auto 24px;max-width:850px;letter-spacing:-.03em}
.book-about__hero h1 em{font-style:normal;color:#9b6c22}
.book-about__ornament{display:flex;align-items:center;gap:14px;width:220px;margin:30px auto 28px;color:var(--gold)}
.book-about__ornament span{flex:1;height:1px;background:#cdbb9f}
.book-about__lead{max-width:740px;margin:0 auto;color:#4d463f;font-family:Georgia,serif;font-size:22px;line-height:1.65}
.book-about__section{width:min(1080px,calc(100% - 44px));margin:0 auto;padding:90px 0;border-bottom:1px solid var(--line)}
.book-about__section--wide{width:min(1180px,calc(100% - 44px))}
.book-about__section h2{font-size:clamp(42px,5vw,66px);line-height:1;margin:0 0 18px}
.book-about__section .kicker{font-size:11px;font-weight:700;letter-spacing:.2em;color:var(--gold);text-transform:uppercase;margin-bottom:18px}
.book-about__foreword{max-width:820px}
.book-about__foreword p,.book-about__usage p,.book-about__spice-copy p{font-size:17px;line-height:1.82;color:#4b463f;margin:0 0 20px}
.book-about__foreword p:last-child{margin-bottom:0}
.chapter-card{display:grid;grid-template-columns:1.03fr .97fr;gap:54px;align-items:center;margin-top:55px}
.chapter-card:nth-of-type(even){grid-template-columns:.97fr 1.03fr}
.chapter-card:nth-of-type(even) .chapter-card__image{order:2}
.chapter-card__image{margin:0;box-shadow:var(--shadow);background:#ddd4c7;overflow:hidden}
.chapter-card__image img{display:block;width:100%;height:auto}
.chapter-card__copy .chapter-number{font-size:11px;font-weight:700;letter-spacing:.18em;color:var(--gold);text-transform:uppercase}
.chapter-card__copy h3{font-size:clamp(34px,4vw,52px);line-height:1.03;margin:12px 0 18px}
.chapter-card__copy p{color:#514a43;font-size:16px;line-height:1.75;margin:0}
.book-about__usage,.book-about__spice{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.book-about__usage-card{background:#eee7db;padding:34px 36px;border:1px solid #d5c8b5;box-shadow:0 14px 28px rgba(45,30,15,.08)}
.book-about__usage-card h3{font-size:30px;margin:0 0 18px}
.book-about__usage-card p{margin:0 0 15px;color:#514a43;line-height:1.75}
.book-about__usage-card p:last-child{margin-bottom:0}
.book-about__spice-media{background:#eee7db;padding:16px;border:1px solid #d5c8b5;box-shadow:var(--shadow)}
.book-about__spice-media img{display:block;width:100%;height:auto}
.book-about__note{font-family:Georgia,serif;font-size:21px;line-height:1.55;color:#342c25;margin:0 0 20px}
.book-about__closing{padding:75px 0 90px;text-align:center}
.book-about__closing p{font-family:Georgia,serif;font-size:25px;line-height:1.55;color:#342c25;max-width:760px;margin:0 auto}
.book-about__footer{background:#d9d4ca;border-top:1px solid rgba(70,55,40,.12)}
.book-about__footer-inner{width:min(1080px,calc(100% - 44px));margin:0 auto;padding:34px 0 40px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;color:#6f655a;font-size:12px}
.book-about__footer a{text-decoration:none}
@media (max-width:800px){
 .book-about__hero{padding:78px 0 60px}
 .book-about__section{padding:68px 0}
 .chapter-card,.chapter-card:nth-of-type(even),.book-about__usage,.book-about__spice{grid-template-columns:1fr;gap:28px}
 .chapter-card:nth-of-type(even) .chapter-card__image{order:0}
 .chapter-card__copy h3{font-size:40px}
 .book-about__usage-card{padding:28px}
}
@media (max-width:560px){
 .book-about__nav,.book-about__hero-inner,.book-about__section,.book-about__section--wide,.book-about__footer-inner{width:min(100% - 32px,1080px)}
 .book-about__hero h1{font-size:46px}
 .book-about__lead{font-size:19px}
 .book-about__section h2{font-size:42px}
}