@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');

:root{--background:#f6f1e7;--foreground:#26291f;--paper:#fffcf5;--rust:#a74727;--line:#d9d1c2;--muted:#65665a;--dark:#252c23;--font-sans:'DM Sans',sans-serif;--font-heading:'Libre Caslon Display',Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--background);color:var(--foreground);font-family:var(--font-sans);font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #d8783e;outline-offset:5px}img{max-width:100%;height:auto;display:block}p{margin:0 0 1em}strong{font-weight:700}u{text-decoration:none}h1,h2{font-family:var(--font-heading);font-weight:400;line-height:1.02;margin:0;letter-spacing:-.025em}h1{font-size:clamp(42px,4.2vw,67px)}h2{font-size:clamp(35px,3.8vw,55px)}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.announcement{background:var(--dark);color:#f5ead8;text-align:center;padding:9px 16px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.announcement span{margin:0 14px;color:#c89164}.navigation{display:flex;align-items:center;justify-content:space-between;padding-block:24px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-size:22px;font-weight:700;letter-spacing:.08em}.brand img{border-radius:50%;width:38px;height:38px;object-fit:cover}.brand i{font-family:var(--font-heading);font-weight:400;letter-spacing:0}nav{display:flex;gap:30px;align-items:center;font-size:14px}nav>a:not(.buy):hover{text-decoration:underline}.buy{display:inline-flex;align-items:center;justify-content:center;gap:42px;min-height:58px;padding:14px 26px;background:var(--rust);color:#fff;font-size:16px;font-weight:700;box-shadow:0 3px 0 #733117;border:1px solid #873b20;transition:background .2s}.buy:hover{background:#84381e}.buy span{font-size:23px;line-height:1}.buy.small{min-height:44px;padding:8px 18px;gap:24px;font-size:14px}.hero{display:grid;grid-template-columns:1.02fr 1fr;gap:64px;align-items:center;padding-block:64px 70px}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:700;color:var(--rust);display:block;margin-bottom:20px}.hero h1{margin-bottom:26px}.hero-sub{font-size:17px;line-height:1.6;margin-bottom:16px}.hero-sub strong{font-weight:500}.hero-copy>.original-copy{color:var(--muted);font-size:16px}.hero-art{background:#e8dcc7;padding:20px;position:relative;border:1px solid #d2bfa1;box-shadow:20px 20px 0 #eae3d5;transform:rotate(1deg)}.edition-mark{letter-spacing:.15em;font-size:11px;padding:0 0 17px;color:#615039}.cover{width:100%;aspect-ratio:1663/945;object-fit:contain;box-shadow:0 14px 26px #452b1b20}.art-footer{display:flex;justify-content:space-between;gap:14px;margin-top:24px;align-items:center;font-size:11px;line-height:1.5;letter-spacing:.07em}.rating{text-align:right}.rating>span{color:#97431f;font-size:19px;letter-spacing:.12em}.rating small{display:block;font-size:12px;letter-spacing:0;color:#615039}.purchase{display:flex;gap:24px;align-items:center;margin-top:28px}.price{font-family:var(--font-heading);font-size:33px}.price small{font:12px var(--font-sans);color:var(--muted)}.assurance{font-size:12px;color:var(--muted);margin-top:18px}.facts{border-block:1px solid var(--line);background:#ece7db}.facts-inner{display:grid;grid-template-columns:repeat(4,1fr);padding-block:24px}.facts-inner>div{display:flex;gap:16px;align-items:center;justify-content:center;border-right:1px solid #cfc7b6}.facts-inner>div:last-child{border:0}.facts b{font:39px var(--font-heading)}.facts span{font-size:12px;text-transform:uppercase;letter-spacing:.09em}.section{padding:88px 0;border-bottom:1px solid var(--line)}.section-heading{max-width:760px;margin-bottom:42px}.section-copy{max-width:790px}.section-copy .original-copy{margin-bottom:16px}.story .section-inner{display:grid;grid-template-columns:.85fr 1fr;gap:88px;align-items:start}.story .section-heading{position:sticky;top:35px}.story img{margin-top:25px;filter:saturate(.85)}.story .section-copy{font-size:18px}.story .section-copy>.original-copy:nth-last-child(-n+2){color:var(--rust)}.maker-questions{background:var(--dark);color:#edece1}.maker-questions .eyebrow{color:#dfab80}.maker-questions .section-inner{display:grid;grid-template-columns:.8fr 1fr;gap:80px}.maker-questions .section-copy .original-copy:not(:first-child):not(:last-child){padding:13px 0;border-bottom:1px solid #ffffff20;margin:0}.maker-questions .original-copy p{margin:0}.maker-questions .original-copy:first-child,.maker-questions .original-copy:last-child{color:#bac0b2;margin-block:14px}.offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.offer-grid>.original-copy{padding:28px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);background:#fffcf550}.offer-grid strong{display:block;margin-bottom:12px;font-size:18px;color:var(--rust)}.offer-grid p{margin:0;color:#565a4f;font-size:15px}.section-purchase{display:flex;align-items:center;gap:26px;margin-top:36px}.section-purchase>span{color:var(--muted);font-size:14px}.inside{background:var(--paper)}.pair-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 60px}.pair{padding:26px 0;border-top:1px solid var(--line)}.pair-title{font-size:19px;line-height:1.5}.pair>.original-copy{color:var(--muted)}.pair p{margin-bottom:10px}.vision{text-align:center;background:#e8decc}.vision .section-heading,.vision .section-copy{margin-inline:auto}.vision .section-copy{max-width:770px}.vision h2{font-size:clamp(38px,4vw,61px)}.vision .section-copy>.original-copy:last-child{color:var(--rust);font-weight:500}.audience .section-inner{display:grid;grid-template-columns:.8fr 1fr;gap:80px}.audience .section-copy>.original-copy{border-bottom:1px solid var(--line);padding-bottom:10px}.faq{background:var(--paper)}.faq .pair-title{font-size:17px}.final{background:var(--dark);color:var(--paper);text-align:center}.final .eyebrow{color:#dda47f}.final .section-heading,.final .section-copy{margin-inline:auto}.final .section-purchase{justify-content:center}.final .section-purchase>span{color:#c1c8b9}.final .section-copy>.original-copy:last-child{font-size:18px}.footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:32px;font-size:13px;color:var(--muted)}.footer .brand{color:var(--foreground)}.mobile-buy{display:none}@media(prefers-reduced-motion:no-preference){.hero-copy,.hero-art{animation:arrive .6s both}.hero-art{animation-delay:.12s}@keyframes arrive{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}}@media(min-width:1500px){.hero{padding-block:80px 95px}}@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.hero{gap:36px}.hero-art{padding:14px;box-shadow:10px 10px 0 #eae3d5}.art-footer{flex-direction:column;align-items:flex-start}.rating{text-align:left}.story .section-inner,.maker-questions .section-inner,.audience .section-inner{gap:40px}.offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.facts-inner>div{gap:10px}.facts span{font-size:11px}}@media(max-width:700px){.wrap{width:calc(100% - 40px)}.announcement{font-size:10px;letter-spacing:.04em;padding:9px 4px}.announcement span{margin:0 6px}.navigation{padding-block:17px}.brand{font-size:19px;gap:9px}.brand img{width:32px;height:32px}nav{gap:12px}nav>a:not(.buy){display:none}.buy.small{padding:8px 13px;gap:14px}.hero{grid-template-columns:minmax(0,1fr);padding-block:34px 44px;gap:32px}.eyebrow{font-size:11px;margin-bottom:16px}h1{font-size:44px;line-height:1.04}.hero h1{margin-bottom:22px}.hero-sub{font-size:16px}.hero-art{transform:none;box-shadow:7px 7px 0 #eae3d5;margin-right:7px}.art-footer{flex-direction:row;align-items:center;margin-top:17px}.art-footer>span:first-child{font-size:9px}.rating{text-align:right}.rating small{font-size:11px}.edition-mark{font-size:10px;padding-bottom:12px}.purchase{gap:22px}.assurance{font-size:11px}.facts-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 0}.facts-inner>div:nth-child(2){border:0}.facts b{font-size:32px}.facts span{font-size:11px}.section{padding:50px 0}.section-heading{margin-bottom:28px}h2{font-size:37px}.story .section-inner,.maker-questions .section-inner,.audience .section-inner{grid-template-columns:minmax(0,1fr);gap:0}.story .section-heading{position:static}.story .section-heading img{display:none}.story .section-copy{font-size:16px}.offer-grid,.pair-grid{grid-template-columns:minmax(0,1fr)}.offer-grid>.original-copy{padding:24px}.offer-grid p{font-size:16px}.section-purchase{flex-direction:column;gap:16px}.section-purchase .buy{width:100%}.pair{padding:22px 0}.vision h2{font-size:38px}.footer{align-items:flex-start;flex-wrap:wrap;padding-bottom:118px}.footer>span{display:none}.mobile-buy{position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fffcf5f7;backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:12px 20px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -4px 25px #26291f0d}.mobile-buy>div{display:flex;flex-direction:column;font-size:12px;line-height:1.5}.mobile-buy b{font-size:12px}.mobile-buy span{color:var(--muted)}.mobile-buy .buy span{color:white}.mobile-buy .buy{white-space:nowrap}}@media(max-width:360px){h1{font-size:39px}.wrap{width:calc(100% - 32px)}.mobile-buy{padding-inline:12px}.art-footer{gap:7px}.rating>span{font-size:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.testimonials{background:var(--paper)}.reviews-heading{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:36px}.reviews-heading .section-heading{margin-bottom:0}.reviews-score{flex-shrink:0;text-align:right;display:flex;flex-direction:column;font-size:14px;color:var(--muted)}.reviews-score b{display:flex;align-items:center;gap:16px;font-family:var(--font-heading);font-size:45px;font-weight:400;color:var(--foreground)}.reviews-score b span{font:20px var(--font-sans);letter-spacing:.12em;color:var(--rust)}.reviews-score:hover{text-decoration:underline}.reviews-grid{columns:3;column-gap:22px}.review-card{break-inside:avoid;display:inline-block;width:100%;margin:0 0 22px;padding:28px;background:var(--background);border:1px solid var(--line);border-top:3px solid #be845f}.review-stars{font-size:18px;letter-spacing:.13em;color:var(--rust);margin-bottom:18px}.review-card blockquote{margin:0 0 26px;font-size:16px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.review-card figcaption{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:18px;font-size:13px}.review-avatar{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:50%;background:#e6dcc9;color:#766249;font-family:var(--font-heading);font-size:22px}.review-card figcaption strong{display:block;font-size:14px}.review-card time{display:block;color:var(--muted);font-size:12px}.review-source{margin-left:auto;font-size:11px;color:var(--muted)}.review-note{font-size:12px;color:var(--muted);max-width:760px;margin:5px 0 0}@media(max-width:1050px){.reviews-grid{columns:2}}@media(max-width:700px){.reviews-heading{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:26px}.reviews-score{text-align:left}.reviews-score b{font-size:38px}.reviews-grid{columns:1}.review-card{padding:24px;margin-bottom:16px}.review-note{font-size:12px;line-height:1.6}}

/* Responsive production layout: keep content readable without horizontal clipping. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.hero>*,.section-inner>*,.reviews-heading>*,.art-footer>*,.footer>*{min-width:0}
.original-copy{overflow-wrap:anywhere}
.buy{flex-shrink:0;touch-action:manipulation}
@media(max-width:900px){
 .hero{grid-template-columns:minmax(0,1fr);gap:32px;padding-block:36px 48px}
 .hero-copy{max-width:680px}
 .hero-art{width:100%;max-width:680px;transform:none;box-shadow:none;margin:0}
 .art-footer{flex-direction:row;align-items:center}
 .story .section-inner,.maker-questions .section-inner,.audience .section-inner{grid-template-columns:minmax(0,1fr);gap:0}
 .story .section-heading{position:static}
 .reviews-heading{flex-wrap:wrap}
}
@media(max-width:700px){
 body{font-size:16px;line-height:1.65;padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}
 .wrap{width:calc(100% - 36px)}
 .announcement{font-size:10px;line-height:1.5;letter-spacing:0;padding:10px 12px}
 .announcement span{margin:0 4px}
 .navigation{gap:12px;padding-block:14px}
 .brand{font-size:17px;gap:7px;letter-spacing:.04em;white-space:nowrap}
 .brand img{width:30px;height:30px;flex-shrink:0}
 nav{gap:0}
 nav .buy.small{font-size:13px;padding:10px 12px;gap:10px;min-height:44px}
 .hero{padding-block:28px 36px;gap:28px}
 h1{font-size:clamp(34px,9vw,48px);line-height:1.08;overflow-wrap:break-word}
 .hero h1{margin-bottom:18px}
 h2,.vision h2{font-size:clamp(30px,8vw,39px);line-height:1.12;overflow-wrap:break-word}
 .eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:12px}
 .hero-sub,.hero-copy>.original-copy{font-size:16px;line-height:1.65}
 .purchase{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:22px}
 .purchase .price{grid-row:1;font-size:32px;line-height:1.2}
 .purchase .buy{width:100%;min-height:54px;justify-content:space-between;padding-inline:20px}
 .assurance{font-size:12px;line-height:1.6;margin-top:14px}
 .hero-art{padding:12px}
 .edition-mark{font-size:9px;letter-spacing:.1em}
 .art-footer{gap:10px;flex-wrap:wrap;margin-top:14px}
 .rating{margin-left:auto}
 .rating small{font-size:10px}
 .rating>span{font-size:16px}
 .facts-inner{gap:18px 0;padding-block:20px}
 .facts-inner>div{flex-direction:column;gap:3px;text-align:center}
 .facts b{font-size:34px;line-height:1.1}
 .facts span{font-size:10px;letter-spacing:.06em}
 .section{padding-block:38px}
 .section-heading{margin-bottom:22px}
 .section-copy,.story .section-copy{font-size:16px;line-height:1.7}
 .offer-grid>.original-copy{padding:20px}
 .pair-grid{gap:0}
 .pair-title{font-size:18px}
 .section-purchase{align-items:stretch;gap:14px;margin-top:26px}
 .section-purchase>span{text-align:center;font-size:13px}
 .reviews-grid{columns:auto;display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
 .review-card{display:block;margin:0;padding:20px}
 .review-card blockquote{font-size:16px;line-height:1.7;margin-bottom:20px}
 .review-card figcaption{flex-wrap:wrap;gap:8px}
 .review-note{margin-top:18px}
 .reviews-score b{font-size:34px}
 .footer{padding-block:28px;gap:16px;flex-wrap:wrap}
 .mobile-buy{padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));gap:12px}
 .mobile-buy>div{min-width:0;flex:1}
 .mobile-buy b{font-size:12px;line-height:1.4}
 .mobile-buy .buy{min-height:46px;padding:10px 14px;gap:12px;font-size:14px}
}
@media(max-width:360px){
 .wrap{width:calc(100% - 28px)}
 .brand img{display:none}
 .mobile-buy{padding-inline:12px;gap:8px}
 .mobile-buy .buy{padding-inline:12px;gap:8px}
 .art-footer{flex-direction:column;align-items:flex-start}
 .rating{margin-left:0;text-align:left}
}

.book-visuals{background:#ece5d8}
.book-image-grid{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:22px;align-items:start}
.book-image-grid figure,.book-pages figure{margin:0;min-width:0}
.book-image-grid img{width:100%;height:320px;object-fit:contain;background:#e4dac9;border:1px solid var(--line)}
.book-image-grid figcaption,.book-pages figcaption{padding-top:14px;font-size:15px;line-height:1.5}
.book-image-grid figcaption strong,.book-pages figcaption strong{display:block}
.book-image-grid figcaption span,.book-pages figcaption span{display:block;font-size:12px;color:var(--muted);margin-top:4px}
.book-preview{margin-top:48px;padding:36px;background:#ede6d9;border:1px solid var(--line)}
.book-preview h3{font-family:var(--font-heading);font-size:36px;font-weight:400;line-height:1.15;margin:0 0 12px}
.book-preview .section-heading{margin-bottom:26px}
.book-preview .section-heading p{font-size:14px;color:var(--muted);margin:0}
.book-pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;max-width:840px;margin-inline:auto}
.book-pages a{display:block;background:var(--paper);box-shadow:0 8px 20px #35271915}
.book-pages img{width:100%;height:auto}
@media(max-width:900px){.book-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.book-image-grid figure:last-child{grid-column:1/-1}.book-image-grid figure:last-child img{height:auto;max-height:440px}.book-image-grid img{height:300px}}
@media(max-width:700px){.book-image-grid{gap:24px 14px}.book-image-grid img{height:auto;aspect-ratio:933/1400}.book-image-grid figure:last-child img{aspect-ratio:1400/933;max-height:none}.book-image-grid figcaption{font-size:14px;padding-top:10px}.book-image-grid figcaption span{font-size:11px}.book-preview{margin-top:30px;padding:20px 16px}.book-preview h3{font-size:30px}.book-pages{grid-template-columns:minmax(0,1fr);gap:28px}.book-pages figcaption{font-size:15px}}

.cover.book-mockup{aspect-ratio:1;object-fit:contain;box-shadow:none}
.mockup-note{text-align:center;font-size:11px;color:#615039;line-height:1.5;margin:12px 0 0}

.hero-book{width:100%;min-width:0;display:flex;align-items:center;justify-content:center}
.hero-book img{display:block;width:100%;height:auto;max-height:660px;object-fit:contain;mix-blend-mode:multiply}
@media(max-width:900px){.hero-book{max-width:600px;margin-inline:auto}.hero-book img{max-height:560px}}
@media(max-width:700px){.hero-book img{max-height:460px}}

/* Keep the desktop checkout link available throughout the page. */
@media(min-width:701px){
 html{scroll-padding-top:120px}
 .navigation{position:sticky;top:0;z-index:30;background:var(--background);box-shadow:0 0 0 100vmax var(--background);clip-path:inset(0 -100vmax -1px)}
}

@media(max-width:700px){
 .hero-book{grid-row:1}
 .hero-copy{grid-row:2}
}

/* A more compact hero with a clearly dimensional book mockup. */
.hero{padding-top:36px}
.hero-book img{width:90%;max-height:560px}
@media(max-width:900px){.hero{padding-top:24px}.hero-book img{max-height:490px}}
@media(max-width:700px){.hero{padding-top:16px;gap:20px}.hero-book img{max-height:400px}}

/* Editorial hierarchy: concise headline, readable measures, scannable answers. */
.hero-title{font-size:clamp(30px,4.8vw,42px);line-height:1.16;letter-spacing:-.02em}
.hero-sub{max-width:58ch;line-height:1.65}
.hero-copy>.original-copy{max-width:60ch;line-height:1.75}
.section-copy{max-width:68ch;line-height:1.8}
.section-heading{max-width:700px}
.section-heading h2{font-size:clamp(30px,3.1vw,44px);line-height:1.15}
.section-copy .original-copy{margin-bottom:22px}
.section-copy .original-copy:last-child{margin-bottom:0}
.pair-title{line-height:1.45;margin-bottom:10px}
.pair>.original-copy{line-height:1.75}
.offer-grid strong{line-height:1.4}
.review-card blockquote{line-height:1.75}
.faq .pair-grid{grid-template-columns:minmax(0,1fr);max-width:880px}
.faq-item{padding:0;border-top:1px solid var(--line)}
.faq-item:last-child{border-bottom:1px solid var(--line)}
.faq-item summary{position:relative;list-style:none;padding:20px 38px 20px 0;cursor:pointer;font-size:17px;font-weight:700;line-height:1.5}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'+';position:absolute;right:4px;top:20px;color:var(--rust);font-size:23px;line-height:1}
.faq-item[open] summary::after{content:'-'}
.faq-item summary p{display:inline;margin:0}
.faq-item summary:focus-visible{outline:2px solid var(--rust);outline-offset:3px}
.faq-item>.original-copy{padding:0 30px 20px 0;max-width:72ch}
@media(min-width:901px){
 .hero{align-items:start}
 .hero .hero-title{font-size:clamp(26px,2.5vw,38px);line-height:1.18;margin-bottom:22px}
 .hero-title>span{display:block;white-space:nowrap}
 .hero-book{padding-top:16px}
}
@media(max-width:900px){.hero-book{padding-top:0}}
@media(max-width:700px){
 .hero-title{font-size:clamp(30px,7.8vw,36px);line-height:1.15}
 .section-heading{margin-bottom:24px}
 .section-heading h2{font-size:32px}
 .section-copy{line-height:1.75}
 .faq-item summary{font-size:16px;padding-block:18px}
 .faq-item>.original-copy{padding-right:8px;font-size:15px}
}

/* Give the primary sales headline stronger contrast and weight. */
.hero .hero-title{font-weight:700;color:#17251b}

/* Keep the story image in normal document flow while scrolling. */
.story .section-heading{position:static;top:auto}