
:root{--paper:#f5f1e8;--sheet:#fdfaf4;--ink:#1b1d19;--quiet:#5e625a;--line:#dbd6ca;--terracotta:#bc4a30;--sage:#66786b;--deep:#333f37;--page:1160px;scroll-behavior:smooth}
*{box-sizing:border-box}html{scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;z-index:15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.81' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.12' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}a:hover{color:var(--terracotta)}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #bb6e4a;outline-offset:3px}img{display:block;max-width:100%}[hidden]{display:none!important}
.container{max-width:var(--page);padding-inline:30px;margin-inline:auto}
.header{height:76px;position:sticky;top:0;background:rgba(245,241,232,.96);z-index:10;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.head-inner{height:100%;display:flex;justify-content:space-between;align-items:center;gap:20px}
.brand{font-size:14px;font-weight:800;letter-spacing:-.025em;display:flex;align-items:center;gap:12px;white-space:nowrap}.brand-mark{display:inline-block;width:29px;height:34px;border-left:5px solid var(--terracotta);border-bottom:5px solid var(--ink);position:relative;flex-shrink:0}.brand-mark:after{content:"";position:absolute;left:7px;top:5px;width:12px;height:17px;border:2px solid var(--ink)}
.nav{display:flex;align-items:center;gap:26px;font-size:13px;font-weight:700}.nav a.current{color:var(--terracotta)}.nav .nav-shop{padding:10px 16px;border-radius:3px;color:#fff;background:var(--ink)}.nav .nav-shop:hover{background:var(--deep);color:white}.menu{display:none;border:0;background:transparent;padding:10px;cursor:pointer}
.eyebrow{display:flex;align-items:center;gap:10px;color:var(--sage);font-size:11px;letter-spacing:.17em;text-transform:uppercase;font-weight:800}.eyebrow:before{content:"";display:block;width:19px;height:1px;background:currentColor}
.shop-intro{padding-top:52px;padding-bottom:29px;border-bottom:1px solid var(--line)}.shop-intro h1{font-size:clamp(2.55rem,5vw,4.6rem);line-height:1.02;letter-spacing:-.068em;max-width:820px;margin:17px 0 16px}.shop-intro h1 em{font-style:normal;color:var(--terracotta)}.shop-intro p{color:var(--quiet);font-size:15px;max-width:640px;line-height:1.75;margin:0}.shop-note{display:flex;flex-wrap:wrap;gap:14px 26px;margin-top:21px;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--quiet);font-weight:750}.shop-note span:before{content:"◦";font-size:18px;color:var(--terracotta);margin-right:8px;vertical-align:-1px}
.book-feature{display:grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap:clamp(34px,6vw,86px);align-items:center;padding-block:77px 81px;border-bottom:1px solid var(--line)}
.book-feature.second .feature-cover{order:2}.book-feature.second .feature-copy{order:1}.feature-cover{min-height:535px;background:#dbe2d9;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:38px 30px}.second .feature-cover{background:#f1e2d8}.feature-cover:before{content:"";position:absolute;border:1px solid rgba(26,33,29,.18);width:83%;aspect-ratio:1;border-radius:50%;top:3%;right:-19%}.feature-cover:after{content:"";position:absolute;width:48%;height:34%;background:#bccbbd;border-radius:50% 50% 0 0;bottom:0;left:-12%;opacity:.43}.second .feature-cover:after{background:#d3a99b}.feature-cover img{height:min(445px,82vw);width:auto;object-fit:contain;position:relative;z-index:1;box-shadow:15px 22px 23px rgba(28,30,24,.22)}.feature-index{position:absolute;top:22px;left:24px;font-size:10px;text-transform:uppercase;letter-spacing:.17em;font-weight:800;color:#465248;z-index:2}.second .feature-index{color:#76564c}
.feature-copy{padding-block:15px}.feature-copy h2{font-size:clamp(2.6rem,4.4vw,4.25rem);font-weight:780;letter-spacing:-.07em;line-height:1.07;margin:18px 0 21px}.feature-lede{font-size:16px;line-height:1.78;color:var(--quiet);margin:0 0 25px;max-width:480px}.feature-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:22px}.feature-meta span{padding:6px 10px;border:1px solid var(--line);color:var(--quiet);font-size:11px;background:#ffffff55}
.inside-title{font-size:11px;color:var(--sage);font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin:0 0 11px}.inside{list-style:none;margin:0 0 29px;padding:0;display:grid;gap:9px}.inside li{padding-left:22px;position:relative;font-size:14px;color:#444a41}.inside li:before{content:"↗";position:absolute;left:0;color:var(--terracotta);font-weight:800}
.buyline{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;align-items:end;gap:16px}.buyline .tiny{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--quiet);font-weight:800}.buyline .amount{font-size:19px;line-height:1.3;letter-spacing:-.03em;font-weight:800;margin-top:3px}.buy-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:15px}.btn{border:1px solid var(--ink);background:transparent;color:var(--ink);display:inline-flex;justify-content:center;align-items:center;gap:9px;text-align:center;min-height:48px;border-radius:3px;padding:14px 18px;cursor:pointer;font-size:13px;line-height:1.35;letter-spacing:.01em;font-weight:750;transition:transform .15s,background .15s}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover:not(:disabled){background:var(--deep);color:#fff}.btn-outline:hover{background:#ebe7dc;color:var(--ink)}.btn:disabled{opacity:.65;cursor:not-allowed}.buy-actions .btn-dark{flex:1;min-width:180px}.purchase-status{font-size:12px;line-height:1.6;margin:12px 0 0;color:var(--quiet)}
.bundle-section{padding-block:78px 93px}.bundle{display:grid;grid-template-columns:1fr .9fr;gap:22px;align-items:center;color:var(--sheet);background:var(--ink);padding:57px 60px;position:relative;overflow:hidden}.bundle:before{content:"";position:absolute;top:-210px;right:-120px;width:470px;height:470px;border:1px solid rgba(255,255,255,.11);border-radius:50%}.bundle .eyebrow{color:#e1a58f}.bundle h2{font-size:clamp(2.6rem,4vw,4rem);letter-spacing:-.065em;line-height:1.05;margin:18px 0}.bundle p{color:#c8c8c0;font-size:15px;line-height:1.75;max-width:480px}.bundle .bundle-price{font-size:19px;font-weight:800;color:#fff;letter-spacing:-.03em;margin-top:22px}.bundle .btn{color:var(--ink);border-color:var(--sheet);background:var(--sheet);margin-top:7px}.bundle small{color:#babeb5;display:block;margin-top:14px;font-size:11px}.bundle-art{position:relative;display:flex;gap:27px;align-items:center;justify-content:center;z-index:1}.bundle-art img{width:43%;max-width:206px;box-shadow:15px 19px 27px #0005}.bundle-art img:nth-child(1){transform:rotate(-5deg)}.bundle-art img:nth-child(2){transform:rotate(6deg) translateY(12px)}
.section{padding-block:85px}.faq{background:#eae6dc}.faq-inner{display:grid;grid-template-columns:.75fr 1.25fr;gap:45px}.section h2,.faq h2,.story-section h2{font-size:clamp(2.25rem,4vw,3.5rem);line-height:1.1;letter-spacing:-.06em;margin:15px 0}.faqs details{border-top:1px solid #c9c4b9}.faqs details:last-child{border-bottom:1px solid #c9c4b9}.faqs summary{list-style:none;cursor:pointer;font-size:15px;font-weight:750;padding:21px 29px 21px 0;position:relative}.faqs summary::-webkit-details-marker{display:none}.faqs summary:after{content:"+";position:absolute;right:0;top:18px;color:var(--terracotta);font-size:20px}.faqs details[open] summary:after{content:"−"}.faqs details p{font-size:14px;line-height:1.7;color:var(--quiet);padding:0 22px 20px 0;margin:0}
/* Author page: the story-led design of the original prototype */
.story-hero{display:grid;grid-template-columns:1.07fr .93fr;gap:35px;align-items:center;min-height:635px;padding-block:70px 80px}.story-hero h1{font-size:clamp(3rem,6vw,5.55rem);line-height:1.025;letter-spacing:-.07em;margin:23px 0 25px}.story-hero h1 em{font-style:normal;color:var(--terracotta)}.story-hero .lead{font-size:16px;line-height:1.8;color:var(--quiet);max-width:530px}.story-hero .btn{margin-top:20px}.story-foot{margin-top:18px;color:var(--quiet);font-size:12px}.story-art{min-height:490px;position:relative}.story-art:before{content:"";position:absolute;width:77%;aspect-ratio:1;border:1px solid #bdb8ab;border-radius:50%;left:12%;top:8%}.story-art:after{content:"";position:absolute;width:57%;height:51%;right:0;bottom:0;background:#b5bdad;opacity:.35;border-radius:50% 50% 0 0}.story-book{position:absolute;width:49%;aspect-ratio:600/850;left:9%;top:14%;transform:rotate(-7deg);z-index:1;box-shadow:13px 20px 20px #0003}.story-book img{width:100%;height:100%;object-fit:cover}.story-book.b{left:auto;right:5%;top:8%;transform:rotate(7deg);z-index:2}.story-stamp{position:absolute;z-index:3;bottom:10px;left:16px;background:var(--ink);color:white;padding:12px 16px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}
.strap{border-block:1px solid var(--line);background:#edeade}.strap-in{display:flex;min-height:77px;align-items:center;justify-content:space-around;gap:22px;font-size:12px;color:var(--quiet);font-weight:750}.strap-in span{display:flex;gap:10px;align-items:center}.strap-in b{font-size:20px;font-weight:550;color:var(--terracotta)}
.story-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;padding-block:95px;border-bottom:1px solid var(--line)}.story-section p{font-size:17px;line-height:1.85;color:var(--quiet);margin-top:0}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px}.story-grid>div{border-top:1px solid var(--line);padding-top:15px}.story-grid b{font-size:12px;color:var(--terracotta);letter-spacing:.04em}.story-grid h3{font-size:20px;letter-spacing:-.035em;margin:10px 0 6px}.story-grid p{font-size:13px;margin:0}
.about-author{display:grid;grid-template-columns:1fr .94fr;align-items:center;gap:58px;padding-block:93px}.about-quote{background:#d9ddd3;min-height:325px;display:flex;align-items:center;justify-content:center;padding:32px;position:relative;overflow:hidden}.about-quote:before{content:"";width:270px;height:270px;border:1px solid #aab3a6;position:absolute;border-radius:50%}.about-quote blockquote{font-size:clamp(1.8rem,3vw,2.65rem);letter-spacing:-.06em;line-height:1.24;font-weight:770;max-width:350px;z-index:1;margin:0}.about-author h2{font-size:clamp(2.2rem,3.8vw,3.4rem);letter-spacing:-.06em;line-height:1.1;margin:13px 0}.about-author p{font-size:15px;color:var(--quiet);line-height:1.8}.about-author .name{font-size:13px;font-weight:800;color:var(--ink)}
.return-books{background:var(--ink);color:var(--sheet);padding:60px 0}.return-inner{display:flex;justify-content:space-between;align-items:center;gap:35px}.return-books h2{font-size:clamp(2.1rem,4vw,3.5rem);letter-spacing:-.06em;line-height:1.1;margin:14px 0}.return-books p{color:#bec1b8;font-size:14px;max-width:490px}.return-books .btn{background:var(--sheet);color:var(--ink);white-space:nowrap}
footer{background:var(--ink);color:#f4f0e7;padding-block:36px}.footer{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer p{font-size:12px;color:#aeb4aa;margin:9px 0 0}.footlinks{display:flex;gap:22px;flex-wrap:wrap;font-size:12px}.footer .brand-mark{border-bottom-color:#e9e9e0}.footer .brand-mark:after{border-color:#f4f0e7}
dialog{border:1px solid var(--line);padding:0;width:min(800px,calc(100% - 24px));max-height:90dvh;box-shadow:0 20px 70px #0005;background:var(--sheet);color:var(--ink)}dialog::backdrop{background:#151a17bb;backdrop-filter:blur(4px)}.modal-grid{display:grid;grid-template-columns:.6fr 1fr}.modal-art{display:grid;place-items:center;background:#dbe2da;padding:32px}.modal-art img{max-height:360px;box-shadow:10px 17px 20px #0003}.modal-copy{padding:33px}.modal-copy h3{font-size:clamp(1.85rem,3vw,2.4rem);letter-spacing:-.06em;line-height:1.13;margin:12px 0}.modal-copy p,.modal-copy li{font-size:14px;line-height:1.7;color:var(--quiet)}.modal-copy ul{padding-left:20px}.modal-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.close{border:0;background:#eae6dc;padding:8px 12px;font-size:22px;line-height:1;cursor:pointer}.prototype-flag{background:#f4e6db;color:#894c30;font-size:12px;display:inline-block;padding:9px 10px;border:1px solid #eacdbb}
@media(max-width:850px){.container{padding-inline:22px}.book-feature{gap:35px}.feature-cover{min-height:445px}.feature-cover img{max-height:365px}.bundle{padding:40px}.story-hero{grid-template-columns:1fr;min-height:auto;gap:10px}.story-art{min-height:440px;max-width:570px;width:100%;margin-inline:auto}.story-section,.about-author{gap:34px}}
@media(max-width:640px){.header{height:66px}.brand{font-size:13px}.brand-mark{width:26px;height:31px}.menu{display:block}.nav{display:none;position:absolute;top:65px;left:0;right:0;padding:17px 22px 22px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:12px}.nav.open{display:flex}.nav a{padding:10px 0}.nav .nav-shop{text-align:center;padding:13px}.container{padding-inline:19px}.shop-intro{padding-top:35px;padding-bottom:23px}.shop-intro h1{font-size:clamp(2.55rem,10vw,4rem);margin:14px 0}.shop-intro p{font-size:14px}.shop-note{font-size:10px;gap:4px 18px;margin-top:15px}.book-feature,.book-feature.second{grid-template-columns:1fr;gap:17px;padding-block:32px 52px}.book-feature.second .feature-cover,.book-feature.second .feature-copy{order:unset}.feature-cover{min-height:365px;padding:25px}.feature-cover img{max-height:315px;max-width:83%}.feature-index{top:16px;left:17px}.feature-copy{padding-top:10px}.feature-copy h2{font-size:clamp(2.4rem,10vw,3.5rem);margin:13px 0 16px}.feature-lede{font-size:14px;margin-bottom:17px}.feature-meta{margin-bottom:20px}.inside{margin-bottom:20px}.inside li{font-size:13px}.buyline .amount{font-size:18px}.buy-actions .btn{min-height:49px}.buy-actions .btn-dark{flex:1}.bundle-section{padding-block:44px 60px}.bundle{grid-template-columns:1fr;padding:33px 26px 40px;gap:17px}.bundle h2{font-size:clamp(2.6rem,10vw,3.5rem)}.bundle-art{padding:11px 0 6px}.bundle-art img{width:37%}.faq-inner{grid-template-columns:1fr;gap:23px}.section{padding-block:56px}.faq h2{font-size:2.6rem}.story-hero{padding-top:50px;padding-bottom:58px}.story-hero h1{font-size:clamp(3rem,11.7vw,4.5rem);margin:20px 0}.story-hero .lead{font-size:15px}.story-art{min-height:355px;max-width:400px}.story-stamp{left:5px;bottom:4px;font-size:9px;padding:10px}.strap-in{display:grid;grid-template-columns:1fr 1fr;gap:5px 14px;padding-block:18px;font-size:11px}.strap-in span{gap:7px}.story-section,.about-author{grid-template-columns:1fr;padding-block:66px}.story-section p{font-size:15px}.story-grid{gap:14px}.about-quote{min-height:240px}.return-inner{display:block}.return-books .btn{margin-top:14px}.footer{align-items:start;flex-direction:column}.modal-grid{grid-template-columns:1fr}.modal-art{padding:20px}.modal-art img{max-height:180px}.modal-copy{padding:22px}.modal-copy h3{font-size:27px}}
@media(max-width:360px){.brand{gap:7px}.shop-intro h1{font-size:2.5rem}.feature-cover{min-height:310px}.feature-cover img{max-height:260px}.buy-actions{display:grid}.buy-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.btn{transition:none}}

/* V3: selection cards and strict image sizing to avoid mobile height distortion */
img{height:auto}
html{scroll-padding-top:88px}
#choose,#book-one,#book-two,#bundle{scroll-margin-top:88px}
.shop-intro{padding-bottom:20px}
.shop-intro h1{font-size:clamp(2.5rem,5vw,4.25rem);margin-bottom:12px}
.edition-section{padding-block:35px 47px;border-bottom:1px solid var(--line)}
.edition-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}
.edition-head h2{font-size:clamp(1.8rem,3vw,2.65rem);letter-spacing:-.055em;line-height:1.12;margin:10px 0 0}
.edition-format{font-size:11px;color:var(--quiet);text-align:right;max-width:230px}
.edition-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:18px}
.edition-option{min-width:0;border:1px solid #c7c6bd;background:#fdfcf8;border-radius:7px;min-height:176px;padding:14px 13px 13px;color:var(--ink);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;text-align:left;gap:2px;cursor:pointer;position:relative;transition:border-color .14s,box-shadow .14s,background .14s}
.edition-option:hover{border-color:var(--sage)}
.edition-option.is-selected{border:2px solid #557365;box-shadow:inset 0 0 0 1px #557365;background:#eaf0e9;padding:13px 12px 12px}
.edition-option.is-selected:after{content:'✓';position:absolute;right:11px;top:10px;border-radius:50%;width:20px;height:20px;background:#557365;color:white;font-size:12px;font-weight:800;display:grid;place-items:center}
.option-image{width:100%;height:87px;display:flex;align-items:center;justify-content:flex-start;gap:5px;margin-bottom:7px}
.option-image img{height:82px!important;max-height:82px!important;width:auto!important;max-width:calc(100% - 8px);aspect-ratio:600/850;object-fit:contain;box-shadow:3px 4px 5px #0002}
.option-image.option-pair img{height:75px!important;max-width:44%}
.option-name{font-size:14px;font-weight:800;letter-spacing:-.025em;line-height:1.2}
.option-subtitle{color:var(--quiet);font-size:11px;line-height:1.3}
.edition-detail{border:1px solid var(--line);background:var(--sheet);padding:25px;display:grid;grid-template-columns:minmax(0,.73fr) minmax(0,1.27fr);align-items:center;gap:clamp(18px,3vw,48px)}
.edition-display{background:#dce5dc;min-height:330px;display:grid;place-items:center;padding:25px;overflow:hidden;position:relative}
.edition-display:before{content:'';position:absolute;inset:auto -35% -70% auto;width:100%;aspect-ratio:1;border:1px solid #aab8aa;border-radius:50%}
.edition-image{max-width:100%;position:relative;display:flex;align-items:center;justify-content:center;gap:12px}
.edition-image.single-cover img{display:block;height:auto!important;width:min(180px,85%)!important;max-height:275px!important;object-fit:contain;box-shadow:9px 14px 18px #0003}
.edition-image.paired-covers img{height:auto!important;width:43%!important;max-width:145px!important;max-height:240px!important;object-fit:contain;box-shadow:7px 11px 14px #0003}
.edition-copy h3{font-size:clamp(2rem,3.4vw,3.2rem);line-height:1.08;letter-spacing:-.06em;margin:12px 0 13px}
.edition-copy>p:not(.purchase-status){font-size:15px;line-height:1.65;color:var(--quiet);max-width:480px;margin:0 0 14px}
.selected-meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}
.selected-meta span{font-size:11px;color:var(--quiet);padding:5px 9px;border:1px solid var(--line)}
.edition-purchase{border-top:1px solid var(--line);padding-top:17px;display:flex;gap:18px;align-items:center;justify-content:space-between}
.edition-purchase .tiny{font-size:10px;color:var(--quiet);text-transform:uppercase;letter-spacing:.07em;display:block}
.edition-purchase strong{display:block;font-size:17px;margin-top:4px;letter-spacing:-.025em}
.edition-purchase .btn{max-width:250px}
.details-link{font-weight:800;font-size:13px;text-decoration:underline;text-underline-offset:4px;display:inline-block;margin-top:15px}
/* Override the original bundle image rules; no forced HTML height or squashed covers. */
.bundle-art{width:100%;min-width:0;max-width:100%;gap:clamp(8px,2vw,20px);align-items:center}
.bundle-art img,.bundle-art img:nth-child(1),.bundle-art img:nth-child(2){display:block;flex:0 1 44%;min-width:0;width:44%!important;height:auto!important;max-width:185px!important;max-height:280px!important;aspect-ratio:600/850;object-fit:contain;transform:none!important;box-shadow:7px 10px 15px #0005}
@media(max-width:640px){
 .shop-intro{padding-top:26px;padding-bottom:19px}.shop-intro h1{font-size:clamp(2.45rem,10vw,3.6rem);margin:11px 0}.shop-intro p{font-size:13px;line-height:1.6}.shop-note{margin-top:12px}
 .edition-section{padding-block:25px 37px}.edition-head{align-items:flex-start;gap:10px}.edition-head h2{font-size:26px}.edition-format{font-size:10px;max-width:120px;padding-top:18px}
 .edition-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:13px}
 .edition-option{border-radius:6px;min-height:149px;padding:10px 7px 10px}
 .edition-option.is-selected{padding:9px 6px 9px}
 .edition-option.is-selected:after{right:6px;top:6px;width:17px;height:17px;font-size:10px}
 .option-image{height:75px;gap:3px;margin-bottom:7px}
 .option-image img{height:71px!important;max-height:71px!important;max-width:100%}
 .option-image.option-pair img{height:59px!important;max-height:59px!important;max-width:46%}
 .option-name{font-size:12px}.option-subtitle{font-size:10px}
 .edition-detail{display:grid;grid-template-columns:1fr;padding:15px;gap:14px}
 .edition-display{min-height:190px;padding:14px}
 .edition-image.single-cover img{width:auto!important;height:158px!important;max-height:158px!important;max-width:100%}
 .edition-image.paired-covers img{height:152px!important;width:auto!important;max-width:43%!important;max-height:152px!important}
 .edition-copy h3{font-size:29px;margin:10px 0}
 .edition-copy>p:not(.purchase-status){font-size:13px;line-height:1.6}
 .edition-purchase{display:grid;grid-template-columns:1fr;gap:11px}
 .edition-purchase .btn{max-width:none;width:100%;min-height:44px}
 .bundle{padding:28px 20px 27px;gap:18px}
 .bundle-art{display:flex;gap:12px;justify-content:center;padding:8px 0 0;max-height:230px}
 .bundle-art img,.bundle-art img:nth-child(1),.bundle-art img:nth-child(2){width:auto!important;height:auto!important;max-width:41%!important;max-height:210px!important;object-fit:contain}
}
@media(max-width:370px){.option-name{font-size:11px}.edition-format{display:none}.edition-choices{gap:5px}.edition-option{padding-inline:6px}.edition-option.is-selected{padding-inline:5px}}
@media(max-width:640px){
 /* Amazon-like swipeable option cards instead of microscopic three-across cards. */
 .edition-choices{display:flex;overflow-x:auto;gap:10px;scroll-snap-type:x proximity;scroll-padding-left:3px;overscroll-behavior-x:contain;scrollbar-width:thin;padding:4px 3px 13px;}
 .edition-option{flex:0 0 150px;width:150px;min-width:150px;min-height:185px;padding:12px 11px 11px;scroll-snap-align:start}
 .edition-option.is-selected{padding:11px 10px 10px}
 .edition-option.is-selected:after{right:10px;top:10px;width:20px;height:20px;font-size:12px}
 .option-image{height:104px;margin-bottom:8px}
 .option-image img{height:99px!important;max-height:99px!important}
 .option-image.option-pair img{height:91px!important;max-height:91px!important}
 .option-name{font-size:14px}.option-subtitle{font-size:11px}
}

/* V4: cleaner top area and show only the selected product section */
.header{border-bottom:none}
.shop-intro{padding-top:24px!important;padding-bottom:14px!important;border-bottom:none!important}
.edition-section{padding-top:22px!important}
[data-product-panel][hidden]{display:none!important}
@media(max-width:640px){
  .shop-intro{padding-top:18px!important;padding-bottom:10px!important}
  .edition-section{padding-top:18px!important}
}

/* V5: direct-to-product homepage, hero section removed. */
#choose{padding-top:clamp(20px,3vw,35px)!important}
@media(max-width:640px){#choose{padding-top:18px!important}}

/* V6: remove redundant navigation entirely; integrate compact masthead with content. */
.edition-section{padding-top:0!important}
.mini-masthead{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:65px;padding:11px 0 8px;margin-bottom:16px}
.mini-masthead .brand{font-size:14px}
.about-shortcut{font-size:13px;font-weight:750;text-decoration:underline;text-underline-offset:4px;white-space:nowrap;padding:8px 1px}
.edition-head{margin-top:0}
.edition-head h2{margin-top:8px}
.edition-section .edition-head{margin-bottom:15px}
#choose{scroll-margin-top:8px}
#book-one,#book-two,#bundle{scroll-margin-top:16px}
/* Fix product popup: always keep the book cover's 600:850 portrait proportions. */
.modal-grid{grid-template-columns:minmax(180px,.66fr) minmax(0,1fr)}
.modal-art{min-width:0;min-height:295px;display:flex;align-items:center;justify-content:center;padding:26px}
.modal-art img,#modal-cover{display:block!important;width:auto!important;height:auto!important;max-width:min(100%,210px)!important;max-height:290px!important;aspect-ratio:600/850!important;object-fit:contain!important;flex:0 0 auto!important}
/* About Me: start with the introduction, then the story and projects. */
.author-opening{padding-bottom:54px}
.author-intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(24px,5vw,65px);align-items:center;padding-top:14px}
.author-intro-copy h1{font-size:clamp(3.1rem,6vw,5.6rem);line-height:1.01;letter-spacing:-.072em;margin:19px 0 22px}
.author-intro-copy h1 em,.author-story h2 em{color:var(--terracotta);font-style:normal}
.author-intro-copy p{color:var(--quiet);line-height:1.85;font-size:15px;max-width:620px}
.author-intro-copy .lead{font-size:17px}
.author-contact{margin-top:27px;display:flex;flex-wrap:wrap;align-items:center;gap:7px 15px}
.author-contact span{color:var(--quiet);font-size:13px}
.author-contact a{font-weight:800;font-size:14px;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.author-intro-books{background:#e4e9dd;min-height:390px;padding:35px 15px;display:flex;align-items:center;justify-content:center;gap:12px;position:relative;overflow:hidden}
.author-intro-books::before{content:"";position:absolute;width:88%;aspect-ratio:1;top:12%;right:-38%;border:1px solid #bdc9b8;border-radius:50%}
.author-intro-books img{display:block;width:42%;max-width:185px;height:auto!important;max-height:290px;aspect-ratio:600/850;object-fit:contain;position:relative;box-shadow:9px 13px 20px #1c251f3f}
.author-story{padding-block:62px 69px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.author-story h2{font-size:clamp(2.5rem,4.6vw,4.6rem);line-height:1.06;letter-spacing:-.068em;margin:16px 0 20px}
.author-story p{font-size:16px;line-height:1.8;color:var(--quiet);max-width:740px;margin:0}
.author-journey{padding-block:65px!important}
.author-projects{padding-block:70px 82px}
.author-projects h2{font-size:clamp(2.4rem,4vw,3.8rem);line-height:1.1;letter-spacing:-.06em;margin:16px 0 27px}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.project-card{border:1px solid var(--line);padding:30px;background:var(--sheet);display:flex;flex-direction:column;align-items:start;transition:border-color .16s}
.project-card:hover{border-color:var(--sage);color:var(--ink)}
.project-number{font-size:10px;color:var(--sage);font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px}
.project-card strong{font-size:clamp(1.5rem,2.6vw,2.2rem);letter-spacing:-.055em;line-height:1.15}
.project-card p{font-size:14px;color:var(--quiet);line-height:1.7;flex:1;max-width:390px}
.project-url{font-weight:800;font-size:13px;color:var(--terracotta);margin-top:12px}
.project-note{font-size:13px;color:var(--quiet);line-height:1.7;margin:18px 0 0}
.author-cta{background:var(--ink);color:var(--sheet);padding-block:60px}
.author-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:34px}
.author-cta .eyebrow{color:#e1a58f}
.author-cta h2{font-size:clamp(2.3rem,4vw,3.6rem);line-height:1.08;letter-spacing:-.06em;margin:14px 0}
.author-cta p{color:#c1c3ba;line-height:1.7;font-size:14px}
.author-cta .btn{background:var(--sheet);white-space:nowrap;color:var(--ink)}
.footlinks{row-gap:10px}
@media(max-width:850px){.author-intro-grid{grid-template-columns:1fr}.author-intro-books{min-height:310px;max-width:520px;width:100%}.author-intro-books img{max-height:240px}}
@media(max-width:640px){
  .mini-masthead{min-height:54px;margin-bottom:5px;padding:9px 0 5px}
  .mini-masthead .brand{font-size:12px;gap:9px}
  .about-shortcut{font-size:12px}
  .edition-section{padding-top:0!important}
  .edition-head{margin-top:11px}
  .modal-grid{grid-template-columns:1fr}
  .modal-art{min-height:205px;padding:20px 24px}
  .modal-art img,#modal-cover{width:auto!important;height:auto!important;max-width:145px!important;max-height:205px!important;object-fit:contain!important}
  .author-opening{padding-bottom:34px}
  .author-intro-grid{padding-top:16px;gap:24px}
  .author-intro-copy h1{font-size:clamp(2.8rem,12vw,4rem);margin:13px 0 18px}
  .author-intro-copy .lead{font-size:15px;line-height:1.75}
  .author-intro-copy p{font-size:14px;line-height:1.8}
  .author-intro-books{min-height:225px;padding:22px 14px}
  .author-intro-books img{max-height:210px;width:41%}
  .author-story{padding-block:43px 52px}
  .author-story h2{font-size:clamp(2.5rem,10vw,3.4rem)}
  .author-story p{font-size:14px}
  .author-journey{padding-block:48px!important}
  .author-projects{padding-block:50px 60px}
  .project-grid{grid-template-columns:1fr;gap:12px}
  .project-card{padding:22px}
  .author-cta{padding-block:44px}
  .author-cta-inner{display:block}
  .author-cta .btn{margin-top:12px;white-space:normal}
}

/* V7: The full-size, selected book detail is the ONLY product summary. */
.edition-section{border-bottom:0!important;padding-bottom:0!important}
.edition-choices{margin-bottom:0!important}
.book-feature{border-top:0!important;padding-top:clamp(15px,2vw,24px)!important}
.bundle-section{padding-top:clamp(15px,2vw,24px)!important}
@media(max-width:640px){
  .edition-section{padding-bottom:0!important}
  .edition-choices{padding-bottom:8px!important;margin-bottom:0!important}
  .book-feature{padding-top:13px!important}
  .bundle-section{padding-top:13px!important}
}

/* V8: no site masthead on homepage. Book purchase choices are the first screen. */
.edition-section{padding-top:clamp(17px,2.3vw,32px)!important}
.storefront-heading{align-items:center;margin:0 0 20px!important;gap:18px}
.storefront-heading h1{font-size:clamp(2rem,3.6vw,3.25rem);line-height:1.08;letter-spacing:-.058em;margin:0;font-weight:800}
.storefront-heading .about-shortcut{flex-shrink:0;align-self:center;padding:6px 0}
.about-topline{padding:19px 0 0}
.about-topline a{font-size:13px;font-weight:750;text-decoration:underline;text-underline-offset:4px}
.footer>div:first-child{min-width:0}
.footer>div:first-child p{margin-top:0}
@media(max-width:640px){
  .edition-section{padding-top:17px!important}
  .storefront-heading{margin:0 0 17px!important;align-items:center}
  .storefront-heading h1{font-size:clamp(1.84rem,8vw,2.45rem)}
  .storefront-heading .about-shortcut{font-size:12px;white-space:nowrap}
  .author-opening{padding-top:0}
  .about-topline{padding:19px 0 0}
}


/* V9 — interactive, zero-payment checkout preview */
.demo-price-note{display:block;font-size:11px;font-weight:500;color:var(--quiet);margin-top:4px;letter-spacing:0}
.demo-buy-caption{font-size:11px;line-height:1.55;color:var(--quiet);margin:10px 0 0}
.bundle .demo-price-note,.bundle .demo-buy-caption{color:#bfc6bc}
.checkout-dialog{width:min(920px,calc(100% - 28px));max-height:min(94dvh,940px);border:none!important;border-radius:9px;background:var(--sheet);padding:0!important;overflow:auto;box-shadow:0 24px 110px rgba(0,0,0,.40);overscroll-behavior:contain}
.checkout-dialog::backdrop{background:rgba(16,21,17,.72);backdrop-filter:blur(3px)}
body.checkout-open{overflow:hidden}
.checkout-shell{color:var(--ink);background:var(--sheet)}
.checkout-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:23px 31px 14px;border-bottom:1px solid var(--line)}
.checkout-kicker{font-size:10px;color:var(--sage);font-weight:800;letter-spacing:.16em}
.checkout-top h2{font-size:clamp(25px,3vw,35px);letter-spacing:-.065em;line-height:1.1;margin:6px 0 2px}
.checkout-close{border:1px solid var(--line);background:transparent;color:var(--ink);font-size:26px;line-height:1;height:39px;width:39px;display:grid;place-items:center;border-radius:4px;cursor:pointer;flex-shrink:0}
.checkout-close:hover{background:#efeae0}
.checkout-notice{margin:19px 31px 15px;border:1px solid #e0cabc;background:#f4e9e2;color:#6f4637;padding:11px 13px;display:flex;gap:11px;font-size:12px;line-height:1.6}
.checkout-notice strong{font-weight:800}.notice-dot{width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:var(--terracotta);margin-top:6px}
.checkout-progress{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:8px 31px 18px;border-bottom:1px solid var(--line)}
.checkout-progress span{color:#8b9088;font-size:11px;display:flex;align-items:center;gap:8px;white-space:nowrap;border-top:2px solid var(--line);padding-top:11px}
.checkout-progress span b{font-size:11px;font-weight:700}
.checkout-progress span.is-current{color:var(--ink);border-top-color:var(--terracotta)}
.checkout-progress span.is-done{color:var(--sage);border-top-color:var(--sage)}
.checkout-body{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(245px,.88fr);min-height:395px}
.checkout-panel{padding:28px 31px 32px}
.checkout-step-head>span{display:block;color:var(--sage);font-size:11px;letter-spacing:.14em;font-weight:800}
.checkout-step-head h3{font-size:clamp(23px,2.7vw,32px);line-height:1.15;letter-spacing:-.055em;margin:8px 0}
.checkout-step-head p{font-size:13px;color:var(--quiet);line-height:1.65;margin:0 0 25px}
.checkout-label{font-size:12px;font-weight:800;display:block;margin:17px 0 7px}.checkout-label span{color:var(--terracotta)}
.checkout-input{width:100%;border:1px solid #ccc8bd;border-radius:3px;background:#fffdfa;color:var(--ink);font:inherit;font-size:15px;height:47px;padding:11px 13px;outline:0}
.checkout-input:focus{border-color:var(--sage);box-shadow:0 0 0 3px rgba(102,120,107,.13)}
.checkout-privacy{font-size:11px;line-height:1.65;color:var(--quiet);margin:14px 0 18px}
.checkout-primary{width:100%;justify-content:space-between;font-weight:750;min-height:52px;max-width:none!important}
.checkout-summary{background:#ecefe8;padding:28px 27px;border-left:1px solid #d6dccc}
.checkout-summary-title{display:flex;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:.12em;font-weight:800;color:var(--sage)}
.checkout-summary-title span{font-weight:700;color:var(--quiet);font-size:9px}
.checkout-item{display:flex;align-items:center;gap:15px;padding:19px 0;border-bottom:1px solid #d0d5ca}
.checkout-item strong{display:block;font-size:16px;line-height:1.32;letter-spacing:-.03em;margin-bottom:7px}
.checkout-item small{display:block;color:var(--quiet);font-size:11px;line-height:1.55}
.checkout-art{display:flex;align-items:center;justify-content:center;gap:5px;flex-shrink:0;width:98px;height:117px}
.checkout-art img{display:block!important;width:auto!important;height:auto!important;max-height:106px!important;max-width:86px!important;aspect-ratio:600/850;object-fit:contain;box-shadow:4px 5px 8px #18221e24}
.checkout-art.is-bundle img{max-height:91px!important;max-width:48px!important}
.checkout-art img[hidden]{display:none!important}
.checkout-sums{padding-top:18px}.checkout-sums>div{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--quiet);margin:0 0 12px}
.checkout-sums .checkout-saving{color:#3b7351;font-weight:800}
.checkout-sums>div.checkout-total{border-top:1px solid #c4cec1;padding-top:16px;margin-top:16px;align-items:center;color:var(--ink);font-weight:800;font-size:15px}
.checkout-total strong{font-size:25px;letter-spacing:-.045em}
.checkout-price-note{font-size:11px;line-height:1.65;color:var(--quiet);margin-top:22px}
.checkout-methods{display:grid;gap:11px;margin-top:12px}
.checkout-method{display:flex;align-items:center;gap:12px;border:1px solid #cecbbf;background:#fffdfa;border-radius:5px;padding:14px 11px;cursor:pointer}
.checkout-method:has(input:checked){border:2px solid var(--sage);background:#edf1ec;padding:13px 10px}
.checkout-method input{accent-color:var(--sage);width:17px;height:17px;margin:0;flex-shrink:0}
.method-icon{font-size:21px;font-weight:bold;width:28px;text-align:center;color:var(--deep)}
.checkout-method strong{display:block;font-size:14px}.checkout-method small{display:block;color:var(--quiet);font-size:11px;margin-top:3px;line-height:1.3}
.checkout-payment-caption{font-size:11px;line-height:1.5;margin:19px 0;color:var(--quiet)}
.checkout-button-row{display:flex;align-items:center;gap:9px;margin-top:21px}.checkout-button-row .checkout-primary{width:auto;flex:1}.checkout-button-row>.btn-outline{flex:none;min-height:52px}
.checkout-complete{padding:31px clamp(20px,6vw,65px) 43px;text-align:center}
.complete-mark{background:#dce9de;color:#42624b;border-radius:50%;font-size:29px;font-weight:800;display:grid;place-items:center;width:62px;height:62px;margin:6px auto 21px}
.checkout-complete h3{font-size:clamp(26px,4vw,39px);letter-spacing:-.06em;line-height:1.12;margin:10px auto 14px;max-width:510px}
.checkout-complete>p{font-size:13px;max-width:550px;margin:10px auto 24px;line-height:1.8;color:var(--quiet)}
.complete-recap{margin:23px auto;display:grid;grid-template-columns:1fr 1fr;text-align:left;gap:15px 8px;border-block:1px solid var(--line);padding:19px 0;max-width:510px}
.complete-recap span{font-size:12px;color:var(--quiet)}.complete-recap strong{text-align:right;font-size:13px}
.checkout-complete .btn{max-width:510px!important;margin:auto}
@media(max-width:700px){
 .checkout-dialog{width:100%;max-width:none;height:100dvh;max-height:100dvh;margin:0;border-radius:0;padding:0!important}
 .checkout-top{padding:19px 19px 13px}.checkout-notice{margin:12px 19px}.checkout-progress{padding:6px 19px 17px;gap:7px}
 .checkout-progress span{font-size:10px;gap:4px}.checkout-progress span b{font-size:10px}
 .checkout-body{grid-template-columns:1fr;min-height:0}.checkout-panel{padding:23px 19px 25px}.checkout-summary{border-left:none;border-top:1px solid #d6dccc;padding:24px 19px 27px}
 .checkout-step-head p{margin-bottom:18px}
 .checkout-art{height:100px}.checkout-art img{max-height:97px!important}
 .checkout-item{padding:12px 0}
 .checkout-complete{padding:28px 23px 36px}
}
@media(max-width:365px){.checkout-progress span b{font-size:9px}.checkout-top h2{font-size:25px}.checkout-method{padding-inline:9px}}


/* V10 – compact title-labelled editions, less visual clutter */
.edition-option{min-height:178px;padding:12px 12px 11px}
.edition-option.is-selected{padding:11px 11px 10px}
.option-name{font-size:13px;line-height:1.25;max-width:100%;overflow-wrap:break-word}
.option-subtitle{font-size:10.5px}
.option-image{height:79px;margin-bottom:7px}
.option-image img{height:77px!important;max-height:77px!important}
.option-image.option-pair img{height:70px!important;max-height:70px!important}
.book-feature .feature-copy h2{margin-top:0}
.book-feature .feature-lede{margin-bottom:23px}
.feature-meta{display:none}
/* Real controls in the checkout stepper */
.checkout-progress button{appearance:none;border:0;border-top:2px solid var(--line);border-radius:0;background:transparent;color:#858981;padding:11px 3px 5px 0;font:inherit;font-size:11px;display:flex;align-items:center;gap:7px;text-align:left;white-space:normal;min-width:0;cursor:pointer;transition:color .15s,border-color .15s}
.checkout-progress button b{font-size:11px;font-weight:750}
.checkout-progress button.is-current{color:var(--ink);border-top-color:var(--terracotta)}
.checkout-progress button.is-done{color:var(--sage);border-top-color:var(--sage)}
.checkout-progress button:disabled{cursor:not-allowed;opacity:.5}
.checkout-progress button:not(:disabled):not(.is-current):not(.is-done):hover{color:var(--terracotta)}
.checkout-progress button:focus-visible{outline:2px solid var(--terracotta);outline-offset:4px}
@media(max-width:640px){
  .edition-option{flex:0 0 139px;width:139px;min-width:139px;min-height:172px;padding:11px 9px 10px}
  .edition-option.is-selected{padding:10px 8px 9px}
  .option-image{height:87px;margin-bottom:7px}
  .option-image img{height:85px!important;max-height:85px!important}
  .option-image.option-pair img{height:77px!important;max-height:77px!important}
  .option-name{font-size:12px;line-height:1.18;min-height:28px;letter-spacing:-.025em}
  .option-subtitle{font-size:10px}
  .edition-choices{gap:9px;padding-bottom:8px}
  .checkout-progress button{font-size:10px;gap:4px;line-height:1.35}
  .checkout-progress button b{font-size:10px}
  .book-feature .feature-copy h2{margin-top:10px}
  .book-feature .feature-lede{margin-bottom:18px}
}
@media(max-width:365px){.edition-option{flex-basis:135px;width:135px;min-width:135px}}
