/* Featured book introduction: responsive, click-to-play, and scoped. */
.book-promo{background:#211811;color:#f5e6cc;scroll-margin-top:110px}
.book-promo-inner{max-width:1240px;margin:auto;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.55fr);gap:42px;align-items:center}
.book-promo .eyebrow{color:#e6c98f}
.book-promo h2{color:#fff4e1;font-size:clamp(2rem,3.2vw,3rem);line-height:1.15}
.book-promo-copy>p:not(.eyebrow){color:#f5e6cc;line-height:1.75}
.book-promo .actions{gap:18px;margin-top:24px}
.book-promo .text-link{color:#e6c98f}
.book-promo .button-gold{color:#21160d}
.book-video-frame{margin:0;min-width:0}
.book-video-frame video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#101a19;border:1px solid #806645;border-radius:8px;box-shadow:0 16px 36px #0004}
.book-video-frame figcaption{font-size:.83rem;margin-top:12px;color:#ead5b2;line-height:1.5}
.book-promo .promo-themes{font-size:.85rem;letter-spacing:.015em;color:#e6c98f}
.book-promo a:focus-visible,.becoming-page a:focus-visible,.becoming-page summary:focus-visible{outline:3px solid #e6c98f;outline-offset:5px}
.becoming-hero{max-width:1200px;margin:auto;padding:78px 32px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.6fr);gap:70px;align-items:center;color:#f5e6cc}
.becoming-hero h1{font:700 clamp(2.8rem,5vw,4.7rem)/1.1 "Playfair Display",serif;color:#fff4e1;margin:0 0 24px}
.becoming-hero .eyebrow{color:#e6c98f}
.becoming-subtitle{font:600 clamp(1.2rem,2vw,1.5rem)/1.5 "Playfair Display",serif;color:#e6c98f}
.becoming-hero .text-link{color:#e6c98f}
.becoming-cover{display:block;width:100%;max-width:300px;height:auto;margin:auto;box-shadow:12px 14px 0 #785a35;border-radius:2px}
.becoming-hero .actions{margin-top:28px}
.becoming-benefits{background:#d9c39e}
.becoming-benefits .section-intro{max-width:780px}
.becoming-theme-grid{max-width:1240px;margin:36px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.becoming-theme-grid article{background:#eadcc4;border-top:3px solid #8a6435;padding:26px}
.becoming-theme-grid h3{font:700 1.4rem/1.25 "Playfair Display",serif;color:#23170f;margin:0 0 12px}
.becoming-theme-grid p{color:#493629;margin:0}
.becoming-invitation{background:#211811;color:#f5e6cc;text-align:center}
.becoming-invitation h2{color:#fff4e1;max-width:780px;margin:auto}
.becoming-invitation>p{max-width:720px;margin:24px auto;color:#f5e6cc}
.becoming-invitation .eyebrow{color:#e6c98f}
.becoming-invitation .actions{justify-content:center}
.becoming-invitation .text-link{color:#e6c98f}
.video-transcript{max-width:900px;margin:36px auto 0;border:1px solid #806645;border-radius:6px;padding:18px 24px;text-align:left}
.video-transcript summary{cursor:pointer;font-weight:700;color:#e6c98f}
.video-transcript p{line-height:1.8;color:#f5e6cc}
.bookshelf-copy .book-preview-link{margin:0 0 14px!important}
@media(min-width:851px) and (max-width:1100px){.site-header{flex-wrap:wrap;gap:16px}.site-header nav{width:100%;justify-content:center;gap:20px}}
@media(max-width:850px){.book-promo-inner{grid-template-columns:1fr;gap:28px}.book-promo{padding:54px 24px}.becoming-hero{grid-template-columns:1fr;padding:54px 24px;gap:40px}.becoming-cover{max-width:240px}.becoming-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.becoming-theme-grid{grid-template-columns:1fr}.book-promo .actions,.becoming-hero .actions{align-items:flex-start;flex-direction:column}.book-promo h2{font-size:2rem}.becoming-hero h1{font-size:2.8rem}.video-transcript{padding:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}