@font-face{font-family:BookNoto;src:url('../../fonts/book/noto-400.woff2?v=20261027a') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:BookNoto;src:url('../../fonts/book/noto-700.woff2?v=20261027a') format('woff2');font-weight:600 700;font-display:swap}
@font-face{font-family:BookNoto;src:url('../../fonts/book/noto-800.woff2?v=20261027a') format('woff2');font-weight:800 900;font-display:swap}
@font-face{font-family:BookHand;src:url('../../fonts/book/nanum-pen.woff2?v=20261027a') format('woff2');font-weight:400;font-display:swap}
:root{--bk-orange:#ff6b00;--bk-plum:#432a56;--bk-ink:#24201d;--bk-muted:#776c65;--bk-ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--site-header-height,76px) + 20px)}
.bk-page{margin:0;background:#fffaf7;color:var(--bk-ink);font:400 16px/1.7 BookNoto,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;word-break:keep-all;-webkit-font-smoothing:antialiased}
.bk-page .zt-header,.bk-page .zt-menu,.bk-page .zt-safety,.bk-page .zt-policy{font-family:BookNoto,'Apple SD Gothic Neo','Malgun Gothic',sans-serif}
.bk-page h1,.bk-page h2,.bk-page h3,.bk-page p,.bk-page ul,.bk-page ol,.bk-page dl,.bk-page dd,.bk-page blockquote{margin:0}
.bk-page h1,.bk-page h2,.bk-page h3{line-height:1.25;letter-spacing:-.06em;font-weight:800}.bk-page h2{font-size:clamp(28px,3.35vw,42px)}
.bk-page em{font-style:normal;color:var(--bk-orange)}.bk-page a{color:inherit;text-decoration:none}.bk-page button{color:inherit;font:inherit;border:0;background:none;cursor:pointer}.bk-page button,.bk-page a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.bk-page img{display:block;max-width:100%;height:auto}.bk-page button:focus-visible,.bk-page a:focus-visible,.bk-page [tabindex]:focus-visible{outline:3px solid #785193;outline-offset:5px}.bk-page [hidden]{display:none!important}
.bk-container{width:min(1240px,calc(100% - 64px));margin-inline:auto}.bk-symbols,.bk-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.bk-icon{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.bk-skip{position:fixed;top:10px;left:10px;z-index:300;background:white;padding:10px 18px;transform:translateY(-160%)}.bk-skip:focus{transform:none}
.bk-kicker{font:700 10px/1.5 Arial,sans-serif;letter-spacing:.16em;color:#b98a6a;margin-bottom:12px!important}
.bk-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:12px 27px;border-radius:50px;font-size:15px;font-weight:700;transition:transform .25s,box-shadow .25s;white-space:nowrap}
.bk-page .bk-button-orange{background:linear-gradient(135deg,#4a3360,#2b1840);color:white;box-shadow:0 10px 22px #2b184033}.bk-page .bk-button-white{background:#ffffffed;color:#ed6c22;box-shadow:0 5px 20px #9a5c1110}
.bk-button-white .bk-icon{width:18px}.bk-button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #b8733826}

/* Hero: a real CSS volume, six surfaces, no 3D runtime or continuous JS render loop. */
.bk-hero{position:relative;isolation:isolate;overflow:clip;background:#fcf0e3}
.bk-room{position:absolute;inset:0;z-index:-2}.bk-room img{width:100%;height:100%;object-fit:cover;object-position:center 64%}.bk-room:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fffaf5ed 2%,#fffaf5e8 34%,#fff6e6a3 51%,#fff2df0a 78%)}
.bk-hero-inner{display:grid;grid-template-columns:51% 49%;align-items:center;min-height:650px;padding-block:40px 30px}
.bk-hero-copy{position:relative;z-index:2;padding-bottom:20px}.bk-eyebrow{font-size:18px;font-weight:700;color:#7a7066;letter-spacing:-.035em;margin-bottom:12px!important}
.bk-hero h1{font-size:clamp(36px,4.5vw,61px);letter-spacing:-.065em;white-space:nowrap}.bk-title-dot{font-weight:500;color:#42372f}
.bk-hero-lead{font-size:20px;line-height:1.65;color:#675c54;margin-top:20px!important;letter-spacing:-.035em}
.bk-benefits{padding:0;list-style:none;display:flex;justify-content:space-between;max-width:460px;gap:10px;margin-top:34px!important}
.bk-benefits li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;font-size:13px;font-weight:700;letter-spacing:-.05em;white-space:nowrap}
.bk-benefits .bk-icon{width:32px;height:32px;color:var(--bk-orange);stroke-width:1.85}.bk-benefits li:nth-child(2) .bk-icon{animation:bkHeart 6s ease-in-out infinite}
.bk-hero-actions{display:flex;gap:12px;margin-top:38px}
.bk-viewer{position:relative;min-width:0;--book-w:310px;--book-h:440px;--book-d:24px;text-align:center}
.bk-scene{position:relative;height:485px;perspective:1500px;perspective-origin:50% 44%;cursor:grab;touch-action:pan-y;outline-offset:-8px!important;user-select:none;-webkit-user-select:none}
.bk-scene.is-dragging{cursor:grabbing}.bk-closed{position:absolute;left:50%;top:48%;width:var(--book-w);height:var(--book-h);transform:translate(-50%,-50%);transform-style:preserve-3d}
.bk-book-float{width:100%;height:100%;transform-style:preserve-3d;animation:bkBookFloat 7s ease-in-out infinite}
.bk-volume{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(4deg) rotateY(var(--book-yaw,-24deg)) rotateZ(-2deg);transition:transform 1.15s cubic-bezier(.34,.82,.24,1)}
.is-dragging .bk-volume{transition:none}.is-dragging .bk-book-float{animation-play-state:paused}
.bk-face{position:absolute;backface-visibility:hidden;-webkit-backface-visibility:hidden}.bk-front,.bk-back{inset:0;background:#e6c6c3;box-shadow:inset 0 0 0 1px #6b49432b;border-radius:2px 4px 4px 2px}
.bk-front{transform:translateZ(calc(var(--book-d)/2))}.bk-front:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#40201d26,transparent 3%,#fff3 4%,transparent 7%,transparent 90%,#fff1);pointer-events:none}
.bk-front img,.bk-back img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.bk-back{transform:rotateY(180deg) translateZ(calc(var(--book-d)/2));border-radius:4px 2px 2px 4px}
.bk-spine{width:var(--book-d);height:100%;left:0;top:0;transform:translateX(-50%) rotateY(-90deg);background:linear-gradient(90deg,#d3aaa9,#f3d4cf 34%,#eac5c2 80%,#cba3a2);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:24px 1px;color:#493938;box-shadow:inset 1px 0 #fff5}
.bk-spine strong{writing-mode:vertical-rl;font-size:12px;letter-spacing:.07em}.bk-spine small{writing-mode:vertical-rl;font-size:8px;margin-top:auto;margin-bottom:24px}.bk-spine>span{font:5px Arial,sans-serif}
.bk-pages{width:calc(var(--book-d) - 3px);height:calc(100% - 5px);left:100%;top:2px;transform:translateX(-50%) rotateY(90deg);background:repeating-linear-gradient(90deg,#f7eee0 0 1px,#d9cdbd 1px 1.5px,#fff7eb 1.5px 3px);border-block:1px solid #cba89b}
.bk-top,.bk-bottom{width:100%;height:calc(var(--book-d) - 2px);left:0;background:repeating-linear-gradient(#eee6d8 0 1px,#d4c6b2 1px 1.6px,#fff6e7 1.6px 3px)}
.bk-top{top:1px;transform:translateY(-50%) rotateX(90deg)}.bk-bottom{top:calc(100% - 1px);transform:translateY(-50%) rotateX(-90deg)}
.bk-floor-shadow{position:absolute;left:calc(50% - 178px);width:360px;height:55px;bottom:20px;border-radius:50%;background:radial-gradient(ellipse,#61432345,transparent 69%);transform:rotate(-3deg);pointer-events:none}


.bk-gesture{display:flex;justify-content:center;align-items:center;gap:7px;font-size:11px;color:#826e60;letter-spacing:-.02em;margin-top:2px!important}
.bk-gesture .bk-icon{width:17px;height:17px;animation:bkSwipe 3.5s ease-in-out infinite}
.bk-viewer-tools{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px}
.bk-view-tabs{display:flex;background:#fffdf8e8;box-shadow:0 4px 18px #70562c12;padding:4px;border-radius:25px;border:1px solid #ffffffb3}
.bk-view-tabs button{min-height:36px;padding:4px 17px;font-size:12px;border-radius:22px;color:#8a7a6c;transition:background .25s,color .25s}
.bk-view-tabs button[aria-pressed=true]{background:var(--bk-plum);color:white;box-shadow:0 3px 8px #4a315326}
.bk-auto{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fffdf8e8!important;color:#674e6f!important}.bk-auto .bk-icon{width:18px;height:18px}.bk-auto:disabled{opacity:.45;cursor:default}
.bk-original-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:10px!important;color:#907b69!important;min-height:32px;margin-top:5px}.bk-original-link .bk-icon{width:12px;height:12px}
.bk-open-book{position:absolute;top:50%;left:50%;width:min(96%,510px);aspect-ratio:4/3;padding:0!important;overflow:hidden;border:6px solid #fff;border-radius:8px;background:#e6d8d0;transform:translate(-50%,-50%) rotateX(6deg) rotateY(-7deg) rotateZ(-4deg);box-shadow:8px 18px 26px #49332233;animation:bkOpenIn .7s var(--bk-ease) both}
.bk-page .bk-open-book>img{position:absolute;inset:0;max-width:none;width:100%;height:100%;object-fit:cover;pointer-events:none}

.bk-open-caption{position:absolute;z-index:2;bottom:10px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;padding:7px 13px;border-radius:20px;font-size:10px;white-space:nowrap;background:#fffdf3ec;color:#765a4b}.bk-open-caption .bk-icon{width:12px;height:12px}

/* Story and introduction. */
.bk-stories{padding-top:60px}.bk-story-heading{display:grid;grid-template-columns:49% 51%;align-items:center;min-height:260px;gap:15px}
.bk-story-heading>div:first-child>p:last-child{font-size:18px;line-height:1.7;color:var(--bk-muted);margin-top:17px}
.bk-illustration{position:relative;height:270px}.bk-illustration>img{position:absolute;bottom:-5px;left:16%;width:73%;height:230px;object-fit:contain}
.bk-bubble{position:absolute;z-index:2;display:grid;place-items:center;text-align:center;padding:18px 22px;min-height:85px;border-radius:48% 52% 45% 53%;background:#fffdfb;border:1px solid #f8c9b4;color:#795242;font:25px/1.15 BookHand,BookNoto,sans-serif;box-shadow:0 3px 0 #fff,0 7px 20px #e3ad8320;animation:bkBubbleFloat 6s ease-in-out infinite}
.bk-bubble:after{content:'';position:absolute;bottom:-7px;width:17px;height:17px;background:#fffdfb;border-right:1px solid #f8c9b4;border-bottom:1px solid #f8c9b4;transform:rotate(35deg);left:65%}
.bubble-one{left:0;top:20px;rotate:-6deg}.bubble-two{right:1%;top:0;rotate:5deg;animation-delay:-3s}.bubble-two:after{left:25%;transform:rotate(60deg)}
.bk-doodle-heart{position:absolute;right:3%;bottom:50px;rotate:15deg;color:#ffae80;animation:bkHeart 6s ease-in-out infinite}.bk-doodle-heart .bk-icon{width:26px;height:26px}
.bk-intro-grid{display:grid;grid-template-columns:56% 44%;align-items:center;padding-top:20px}.bk-intro-photo{position:relative;padding:0!important;border-radius:22px;overflow:hidden;aspect-ratio:1.16;box-shadow:0 12px 30px #ac714c12;isolation:isolate}
.bk-intro-photo>img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--bk-ease)}.bk-intro-photo:hover>img{transform:scale(1.025)}
.bk-intro-photo>span{position:absolute;bottom:16px;left:18px;right:60px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;border:1px solid #ffffff75;background:#fffaf3ed;border-radius:12px;font-size:11px;color:#88664d;text-align:left}
.bk-intro-photo .bk-icon{width:17px;height:17px}
.bk-intro-card{position:relative;z-index:2;background:#fff;border-radius:24px;padding:34px;margin-left:-35px;box-shadow:0 8px 32px #b5795320;border:1px solid #fff8f2}
.bk-intro-card h3{font-size:28px;color:var(--bk-orange);margin-bottom:16px}.bk-intro-card>p:not(.bk-kicker):not(.bk-edition){font-size:15px;line-height:1.9;color:#77716b;letter-spacing:-.035em}.bk-intro-card>p+p{margin-top:18px}
.bk-intro-more{margin-top:20px;font-size:12px}.bk-intro-more summary,.bk-full-bio summary,.bk-readable summary{display:flex;justify-content:space-between;align-items:center;gap:14px;list-style:none;cursor:pointer;min-height:44px;color:#8d7463}
.bk-intro-more summary::-webkit-details-marker,.bk-full-bio summary::-webkit-details-marker,.bk-readable summary::-webkit-details-marker{display:none}
.bk-intro-more summary>span,.bk-full-bio summary>span,.bk-readable summary>span{font-size:19px;font-weight:400;transition:transform .2s}
.bk-intro-more[open]>summary>span:last-child,.bk-full-bio[open]>summary>span:last-child,.bk-readable[open]>summary>span:last-child{transform:rotate(45deg)}
.bk-intro-more>div{font-size:13px;line-height:1.9;color:#786c64;padding-block:8px 18px;border-bottom:1px solid #f3e9e2}
.bk-book-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px!important}.bk-book-facts>div{display:grid;grid-template-columns:34px 1fr;gap:1px 9px;background:#fcf9f6;border-radius:12px;padding:13px 12px;align-items:center}
.bk-book-facts svg{grid-row:1/3;color:#ff7a12;width:30px;height:30px}.bk-book-facts dt{font-size:11px;color:#988b80;line-height:1.3}.bk-book-facts dd{font-size:13px;color:#5a4a40;font-weight:700}
.bk-edition{font-size:10px;color:#a5998e;text-align:center;margin-top:14px!important}.bk-source{display:block;text-align:center;font-size:9px;color:#b1a598!important;padding:4px}
.bk-excerpt{display:flex;align-items:center;gap:20px;background:#fff4eb;border-radius:18px;padding:22px 28px;margin-top:25px;border:1px solid #f9eadd}
.bk-excerpt>span{font:70px/.7 Georgia,serif;color:#ffba8a;align-self:flex-start;padding-top:8px}.bk-excerpt p{font-size:22px;font-family:BookHand,BookNoto,sans-serif;color:#795744}.bk-excerpt small{font-size:10px;color:#a08e7f}
.bk-excerpt button{display:flex;gap:8px;align-items:center;min-height:44px;margin-left:auto;font-size:12px!important;color:#bd7540!important;white-space:nowrap}.bk-excerpt button .bk-icon{width:17px}

/* An infinite composited strip; drag adjusts the existing animation timeline. */
.bk-reviews{padding-top:62px;overflow:hidden}.bk-section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.bk-carousel-controls{display:flex;gap:7px}
.bk-carousel-controls button{display:grid;place-items:center;width:42px;height:42px;background:#fff!important;border:1px solid #f0e5dc!important;border-radius:50%;transition:background .2s,transform .2s;color:#8c7765}.bk-carousel-controls .bk-icon{width:17px;height:17px}.bk-carousel-controls button:hover{background:#fff0e3!important;transform:translateY(-2px)}
.bk-review-disclosure{font-size:11px;color:#a09388;margin-top:14px!important;display:flex;align-items:center;gap:8px}.bk-review-disclosure>span{padding:1px 7px;border:1px solid #e9dbcf;border-radius:5px;white-space:nowrap}
.bk-review-window{overflow:hidden;margin:24px -6px 0;padding:4px 6px 15px;touch-action:pan-y;cursor:grab}.bk-review-window.is-dragging{cursor:grabbing}.bk-review-track{display:flex;width:max-content;gap:22px;user-select:none;-webkit-user-select:none}
.bk-review-group{display:flex;gap:22px;flex-shrink:0}.bk-review{width:calc((min(1240px,100vw - 64px) - 44px)/3);flex-shrink:0;background:#fff;border:1px solid #f6eee9;border-radius:20px;padding:14px 14px 19px;box-shadow:0 5px 12px #b38a7010;display:flex;flex-direction:column}
.bk-review-photo{height:145px;position:relative;border-radius:12px;overflow:hidden;background:#f1e5d7}.bk-review-photo img{width:100%;height:100%;object-fit:cover;pointer-events:none}.bk-review-photo.photo-2 img{object-position:50% 35%;transform:scale(1.06)}.bk-review-photo.photo-3 img{object-position:50% 70%;transform:scale(1.28)}.bk-review-photo.photo-4 img{object-position:right 70%;transform:scale(1.15)}
.bk-review-photo>span{position:absolute;right:8px;bottom:8px;padding:3px 6px;border-radius:4px;font:8px/1.4 Arial;letter-spacing:.08em;color:#fff;background:#745b4675}
.bk-review blockquote{font-size:15px;line-height:1.7;letter-spacing:-.04em;color:#5f5751;padding:19px 11px 17px;flex:1;min-height:138px}
.bk-stars{display:flex;gap:3px;padding-inline:11px}.bk-stars .bk-icon{width:17px;height:17px;stroke-width:1}.bk-stars .filled{fill:#ff7a12;stroke:#ff7a12}.bk-stars .empty{fill:#eee4dc;stroke:#eee4dc}
.bk-review>p{padding-inline:11px;margin-top:7px;display:flex;align-items:baseline;gap:8px;font-size:11px;color:#97897d}.bk-review strong{font-weight:600;color:#716259}

/* Author, original biography, and the four existing retailer destinations. */
.bk-author{padding-top:55px}.bk-author-grid{display:grid;grid-template-columns:36% 64%;gap:25px;margin-top:28px;padding-right:25px;align-items:stretch}
.bk-author-card{position:relative;overflow:hidden;padding:35px;background:linear-gradient(125deg,#fff1df,#fff6ef 60%,#ffeddc);border:1px solid #f8ede3;border-radius:24px;min-height:560px;display:flex;flex-direction:column}
.bk-author-brand{display:flex;align-items:center;gap:17px}.bk-author-brand>img{width:65px;height:auto}.bk-author-brand h3{font-size:30px;line-height:1.3}.bk-author-brand span{font-size:12px;color:#8d7967}
.bk-author-card>p{font-size:17px;line-height:1.7;color:#81705f;margin-top:25px;letter-spacing:-.04em;position:relative;z-index:2}.bk-author-card>p+p{font-size:15px;color:#a18a75;margin-top:15px}
.bk-author-art{height:250px;position:relative;margin-top:auto;margin-bottom:-35px}.bk-author-art>img{position:absolute;width:300px;max-width:none;top:15px;left:10px;transform:rotate(9deg);border:1px solid #e3bbae;box-shadow:0 7px 18px #8c5c3722;object-fit:cover}.bk-author-art:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 65%,#fff1e3)}
.bk-timeline-card{padding:30px 32px 14px;border-radius:24px;background:#fff;box-shadow:0 8px 24px #b99a8110;border:1px solid #f6eee8}
.bk-timeline{list-style:none;padding:0;position:relative}.bk-timeline:before{content:'';position:absolute;left:4px;top:13px;bottom:22px;width:1px;background:#ffd4b0}
.bk-timeline li{position:relative;display:grid;grid-template-columns:112px 1fr;gap:13px;font-size:13px;padding:9px 0 9px 25px;line-height:1.6}.bk-timeline li:before{content:'';position:absolute;top:15px;left:0;width:9px;height:9px;border:2px solid #ff973d;background:white;border-radius:50%}
.bk-timeline li>span{color:#a09185;font-family:Arial,sans-serif;font-size:12px;padding-top:2px;white-space:nowrap}.bk-timeline li p{color:#70665e;letter-spacing:-.025em}.bk-timeline li:last-child p{color:#e87224;font-weight:700}.bk-timeline li:last-child:before{background:#ff973d;box-shadow:0 0 0 4px #fff2e5}
.bk-full-bio{margin-top:10px;border-top:1px solid #f0e7df}.bk-full-bio summary{font-size:11px;color:#aa8e77}.bk-full-bio ul{padding:10px 0 15px 15px;font-size:12px;line-height:1.9;color:#867568}.bk-full-bio li{margin-bottom:12px;list-style:none}
.bk-buy{padding:65px 7% 45px;text-align:center}.bk-buy h2{font-size:clamp(28px,3vw,39px)}.bk-buy>div>p:not(.bk-kicker){font-size:14px;color:#9b8979;margin-top:14px}
.bk-shops{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px;margin-top:29px;text-align:left}.bk-shop{display:flex;align-items:center;gap:21px;min-height:113px;border-radius:23px;padding:13px 23px;border:1px solid transparent;box-shadow:0 6px 14px #735a4210;transition:transform .3s,box-shadow .3s;color:white!important}
.bk-shop>img{width:76px;height:76px;object-fit:contain;border-radius:17px}.bk-shop>div{flex:1;min-width:0}.bk-shop strong{display:block;font-size:25px;line-height:1.3;letter-spacing:-.04em}.bk-shop span{display:block;font-size:11px;margin-top:6px;opacity:.88}.bk-shop>.bk-icon{width:20px;height:20px}
.shop-yes24{background:#2d76bb}.shop-kyobo{background:#fff;border-color:#e2e5e8;color:#203e73!important}.shop-yp{background:#d91f18}.shop-aladin{background:linear-gradient(110deg,#ed2ca3,#ff7837)}
.bk-shop:hover{transform:translateY(-4px);box-shadow:0 12px 25px #a06f4524}.bk-buy>small{display:block;margin-top:19px;color:#a99a8d;font-size:10px}
.bk-safety-wrap{margin-bottom:35px}.bk-safety-wrap>.zt-safety{width:100%;max-width:none;margin:0}
.bk-footer{padding:29px 0 35px;border-top:1px solid #efe7df;background:#f9f8f7;color:#93877c}.bk-footer nav{display:flex;flex-wrap:wrap;align-items:center;gap:10px 28px;font-size:12px;line-height:1.5}.bk-footer nav a,.bk-footer nav button{padding-block:8px}.bk-footer nav button{font-size:inherit;padding-inline:0}.bk-footer nav a:hover,.bk-footer nav button:hover{color:#e37d30}
.bk-footer-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:24px;gap:20px}.bk-footer-bottom>div>strong{font:700 20px/1.5 Arial;color:#f67b28}.bk-footer-bottom p{font-size:11px;line-height:1.9;margin-top:7px;letter-spacing:-.02em}.bk-footer-bottom small{display:block;font-size:10px;margin-top:9px}.bk-footer-bottom> a{flex-shrink:0;width:62px}
.bk-mobile-buy{display:none}

/* Actual supplied photographs, with zoom and a readable text excerpt on phones. */
.bk-preview{border:0;padding:0;border-radius:26px;background:#fffdf9;color:#4e4137;width:min(1020px,calc(100% - 36px));max-width:none;max-height:94dvh;overflow:hidden;box-shadow:0 25px 100px #2a19254d;font-family:BookNoto,sans-serif}
.bk-preview[open]{display:flex;flex-direction:column;animation:bkDialogIn .28s var(--bk-ease)}.bk-preview::backdrop{background:#251b26b3;backdrop-filter:blur(5px)}
.bk-preview-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 25px 14px}.bk-preview-head p{font:700 9px/1.3 Arial;letter-spacing:.15em;color:#a78d77;margin-bottom:5px}.bk-preview-head h2{font-size:22px}.bk-preview-close{width:44px;height:44px;background:#f8f0e9!important;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.bk-preview-close .bk-icon{width:19px}
.bk-preview-toolbar{display:flex;justify-content:center;align-items:center;gap:10px;padding:5px 18px 15px;border-bottom:1px solid #f2e7dc}.bk-preview-toolbar>button{width:40px;height:40px;display:grid;place-items:center;color:#ad8a70}.bk-preview-toolbar>button .bk-icon{width:18px}.bk-preview-toolbar>div{display:flex;gap:5px}.bk-preview-toolbar>div button{min-height:38px;padding:4px 20px;border-radius:22px;background:#f8f2eb;font-size:12px;color:#a28b77}.bk-preview-toolbar>div button[aria-pressed=true]{background:#49335d;color:#fff}
.bk-photo-scroll{overflow:auto;flex:1;min-height:160px;background:#f0ebe4;overscroll-behavior:contain;text-align:center;padding:14px;display:flex;align-items:flex-start;justify-content:center;touch-action:pan-x pan-y pinch-zoom;scrollbar-width:thin}
.bk-photo-scroll>img{display:block;max-height:56dvh;max-width:100%;width:auto;height:auto;object-fit:contain;border-radius:5px;box-shadow:0 6px 22px #5746341a}
.bk-photo-scroll.is-zoomed{display:block}.bk-photo-scroll.is-zoomed>img{max-width:none;max-height:none;width:1400px;height:auto;margin:auto}
.bk-preview-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 23px;font-size:11px;color:#958373}.bk-preview-foot button{display:flex;align-items:center;gap:7px;min-height:38px;white-space:nowrap;color:#694b79}.bk-preview-foot .bk-icon{width:15px;height:15px}
.bk-readable{padding:0 25px 8px;border-top:1px solid #efe5db;overflow:auto;max-height:30dvh;font-size:14px;line-height:1.9}.bk-readable summary{font-size:12px;min-height:42px}.bk-readable p{padding-bottom:12px;max-width:700px;margin-inline:auto!important}.bk-readable small{display:block;color:#a49180;font-size:11px;padding-bottom:12px;max-width:700px;margin:auto}
.bk-ready [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .65s var(--bk-ease),transform .65s var(--bk-ease)}.bk-ready [data-reveal].is-visible{opacity:1;transform:none}
.bk-page [data-motion-scene]:not(.is-inview) *,.bk-hidden .bk-page *{animation-play-state:paused!important}
@keyframes bkBookFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes bkBubbleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes bkHeart{0%,55%,100%{transform:scale(1) rotate(0)}68%{transform:scale(1.1) rotate(-7deg)}80%{transform:scale(1) rotate(3deg)}}
@keyframes bkSwipe{0%,45%,100%{transform:translateX(0) rotate(0)}60%{transform:translateX(-4px) rotate(-7deg)}78%{transform:translateX(4px) rotate(7deg)}}
@keyframes bkOpenIn{from{opacity:0;transform:translate(-50%,-50%) rotateX(6deg) rotateY(-20deg) rotateZ(-4deg) scale(.88)}to{opacity:1;transform:translate(-50%,-50%) rotateX(6deg) rotateY(-7deg) rotateZ(-4deg) scale(1)}}
@keyframes bkDialogIn{from{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:none}}
@media(min-width:1300px){.bk-hero-inner{min-height:710px}.bk-viewer{--book-w:350px;--book-h:496px;--book-d:27px}.bk-scene{height:540px}.bk-hero-lead{font-size:22px}.bk-benefits{margin-top:40px!important}.bk-benefits li{font-size:14px}.bk-benefits .bk-icon{width:34px;height:34px}.bk-hero-actions{margin-top:40px}.bk-button{min-height:60px;font-size:16px;padding-inline:32px}.bk-room:after{background:linear-gradient(90deg,#fffaf5f2 2%,#fffaf5e8 33%,#fff6e6a3 50%,#fff2df0a 78%)}}
@media(min-width:800px) and (max-width:1099px){.bk-container{width:calc(100% - 44px)}.bk-viewer{--book-w:265px;--book-h:376px;--book-d:21px}.bk-scene{height:430px}.bk-hero-inner{min-height:600px}.bk-hero h1{font-size:39px}.bk-hero-lead{font-size:17px}.bk-benefits{gap:8px;margin-top:27px!important}.bk-benefits li{font-size:10px}.bk-button{font-size:12px;min-height:51px;padding-inline:20px}.bk-hero-actions{gap:9px;margin-top:30px}.bk-intro-card{padding:25px}.bk-intro-card>p:not(.bk-kicker):not(.bk-edition){font-size:13px}.bk-review{width:calc((100vw - 88px)/3)}.bk-review blockquote{font-size:13px}.bk-author-card{padding:25px}.bk-author-card>p{font-size:14px}.bk-author-brand{gap:12px}.bk-author-brand h3{font-size:26px}.bk-timeline-card{padding:24px}.bk-timeline li{grid-template-columns:91px 1fr;font-size:12px;gap:6px}.bk-timeline li>span{font-size:11px}.bk-shop{padding:12px 16px;gap:14px}.bk-shop>img{width:62px;height:62px}.bk-shop strong{font-size:22px}}
@media(max-width:799px){
 .bk-container{width:calc(100% - 36px)}.bk-page h2{font-size:29px}.bk-kicker{font-size:9px;margin-bottom:10px!important}
 .bk-room img{object-position:65% 50%}.bk-room:after{background:linear-gradient(#fff9f0f5 3%,#fff9f0ec 19%,#fff6eb22 49%,#fff5e8b8 80%,#fffaf4 100%)}
 .bk-hero-inner{display:flex;flex-direction:column;align-items:stretch;padding:25px 0 27px;min-height:0}.bk-hero-copy{display:contents}
 .bk-eyebrow{order:1;font-size:12px;margin-bottom:7px!important}.bk-hero h1{order:2;font-size:clamp(32px,8.75vw,53px);letter-spacing:-.065em}.bk-hero-lead{order:3;font-size:14px;line-height:1.6;margin-top:12px!important}
 .bk-viewer{order:4;width:100%;margin-top:15px;--book-w:205px;--book-h:291px;--book-d:17px}.bk-scene{height:316px;perspective:1000px}.bk-floor-shadow{width:260px;height:45px;left:calc(50% - 130px);bottom:4px}
 
 .bk-gesture{font-size:10px;margin-top:0!important}.bk-gesture .bk-icon{width:15px;height:15px}.bk-viewer-tools{margin-top:8px;gap:7px}.bk-view-tabs button{min-height:37px;padding:4px 18px;font-size:11px}.bk-auto{width:42px;height:42px}.bk-original-link{min-height:30px;margin-top:2px;font-size:9px!important}
 .bk-hero-actions{order:5;margin-top:13px;gap:9px}.bk-hero-actions>.bk-button{flex:1;padding:10px 13px;min-height:51px;font-size:12px;gap:7px}.bk-hero-actions .bk-icon{width:19px;height:19px}.bk-hero-actions .bk-button-white .bk-icon{width:15px}
 .bk-benefits{order:6;margin-top:23px!important;max-width:none;justify-content:space-around;gap:7px}.bk-benefits li{font-size:10px;gap:7px}.bk-benefits .bk-icon{width:25px;height:25px}
 .bk-open-book{width:94%;max-width:410px;aspect-ratio:4/3}.bk-spine strong{font-size:9px}.bk-spine small{font-size:7px}.bk-spine>span{font-size:4px}
 .bk-stories{padding-top:38px}.bk-story-heading{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0}.bk-story-heading>div:first-child>p:last-child{font-size:14px;margin-top:13px;line-height:1.7}.bk-illustration{height:210px;margin-top:15px;max-width:450px;width:100%;align-self:center}
 .bk-illustration>img{width:75%;height:185px;left:13%;bottom:-15px}.bk-bubble{font-size:21px;min-height:65px;padding:12px 16px;max-width:51%}.bubble-one{top:12px;left:0}.bubble-two{right:0;top:0}.bk-doodle-heart{bottom:30px;right:2%}
 .bk-intro-grid{grid-template-columns:1fr;padding-top:0}.bk-intro-photo{aspect-ratio:1.2;border-radius:19px}.bk-intro-photo>span{font-size:10px;left:12px;right:12px;bottom:35px;padding:10px 12px}
 .bk-intro-card{margin:-24px 5px 0;padding:24px 22px;border-radius:20px}.bk-intro-card h3{font-size:24px}.bk-intro-card>p:not(.bk-kicker):not(.bk-edition){font-size:13px;line-height:1.85}.bk-intro-card>p+p{margin-top:14px}.bk-intro-more{margin-top:13px}.bk-intro-more>div{font-size:12px}.bk-book-facts{gap:8px;margin-top:12px!important}.bk-book-facts>div{padding:12px 9px;grid-template-columns:26px 1fr;gap:2px 7px}.bk-book-facts svg{width:25px;height:25px}.bk-book-facts dt{font-size:10px}.bk-book-facts dd{font-size:11px}.bk-edition{font-size:8px}
 .bk-excerpt{padding:19px 18px;gap:10px;flex-wrap:wrap;margin-top:20px;border-radius:17px}.bk-excerpt>span{font-size:50px}.bk-excerpt p{font-size:20px}.bk-excerpt small{font-size:9px}.bk-excerpt button{font-size:10px!important;min-height:31px;margin-left:auto;padding:0}
 .bk-reviews{padding-top:39px}.bk-section-top{position:relative;display:block}.bk-section-top h2{font-size:27px}.bk-section-top .bk-kicker{margin-bottom:18px!important;min-height:17px}.bk-carousel-controls{gap:3px;position:absolute;right:0;top:-8px}.bk-carousel-controls button{width:39px;height:39px;border-radius:50%}.bk-carousel-controls .bk-icon{width:14px;height:14px}
 .bk-review-disclosure{font-size:9px;line-height:1.6;margin-top:12px!important;gap:6px}.bk-review-window{margin-top:17px;margin-right:-18px;padding-right:18px}.bk-review-track,.bk-review-group{gap:13px}.bk-review{width:275px;padding:11px 11px 17px;border-radius:18px}.bk-review-photo{height:133px}.bk-review blockquote{font-size:13px;padding:15px 7px;min-height:126px}.bk-stars{padding-inline:7px}.bk-stars .bk-icon{width:15px;height:15px}.bk-review>p{padding-inline:7px;font-size:10px}
 .bk-author{padding-top:32px}.bk-author-grid{grid-template-columns:1fr;gap:15px;padding:0;margin-top:20px}.bk-author-card{min-height:325px;padding:26px;display:block;border-radius:20px}.bk-author-brand>img{width:54px}.bk-author-brand h3{font-size:27px}.bk-author-brand span{font-size:10px}.bk-author-brand{gap:13px}.bk-author-card>p{font-size:13px;max-width:62%;margin-top:20px}.bk-author-card>p+p{font-size:12px;margin-top:15px}.bk-author-art{position:absolute;width:46%;height:220px;bottom:0;right:-10px;margin:0}.bk-author-art>img{width:190px;left:0;top:13px;transform:rotate(11deg)}.bk-author-art:after{display:none}
 .bk-timeline-card{padding:23px 20px 12px;border-radius:20px}.bk-timeline li{grid-template-columns:85px 1fr;gap:6px;padding:8px 0 8px 20px;font-size:12px;line-height:1.6}.bk-timeline li>span{font-size:10px}.bk-timeline li:before{top:13px;width:8px;height:8px}.bk-timeline:before{left:3.5px}.bk-full-bio summary{font-size:10px}
 .bk-buy{padding:43px 0 29px}.bk-buy h2{font-size:26px;text-wrap:balance}.bk-buy>div>p:not(.bk-kicker){font-size:12px;max-width:290px;margin:12px auto 0}.bk-shops{gap:12px;margin-top:22px;grid-template-columns:1fr}.bk-shop{min-height:91px;padding:12px 21px;gap:20px;border-radius:18px}.bk-shop>img{width:63px;height:63px;border-radius:13px}.bk-shop strong{font-size:23px}.bk-shop span{font-size:10px;margin-top:3px}.bk-shop>.bk-icon{width:19px}.bk-buy>small{font-size:9px;margin-top:16px}
 .bk-safety-wrap{margin-bottom:26px}.bk-footer{padding:21px 0 100px}.bk-footer nav{gap:2px 17px;font-size:10px}.bk-footer-bottom{margin-top:18px;align-items:flex-start}.bk-footer-bottom>div>strong{font-size:17px}.bk-footer-bottom p{font-size:9px;line-height:1.9}.bk-footer-bottom small{font-size:9px}.bk-footer-bottom> a{width:43px}
 .bk-mobile-buy{position:fixed;z-index:80;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fffcf8f5;border-top:1px solid #eddfd3;padding:10px 18px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -6px 22px #6637180b;transform:translateY(110%);transition:transform .35s var(--bk-ease);pointer-events:none}
 .bk-mobile-buy.is-visible{transform:none;pointer-events:auto}.bk-mobile-buy b{font-size:12px;display:block}.bk-mobile-buy small{display:block;font-size:8px;color:#a59180;margin-top:2px}.bk-mobile-buy a{display:flex;align-items:center;gap:12px;background:var(--bk-plum);color:#fff;font-size:12px;font-weight:700;border-radius:24px;min-height:44px;padding:6px 20px;white-space:nowrap}.bk-mobile-buy .bk-icon{width:16px;height:16px}.bk-page:has(dialog[open]) .bk-mobile-buy{transform:translateY(110%);pointer-events:none}
 .bk-preview{width:100%;max-height:94dvh;height:94dvh;margin:auto 0 0;border-radius:24px 24px 0 0}.bk-preview-head{padding:17px 19px 10px}.bk-preview-head h2{font-size:20px}.bk-preview-head p{font-size:8px}.bk-preview-toolbar{gap:4px;padding:3px 9px 12px}.bk-preview-toolbar>div{gap:4px}.bk-preview-toolbar>div button{padding:4px 16px;font-size:11px;min-height:40px}.bk-preview-toolbar>button{width:34px}.bk-photo-scroll{padding:10px;align-items:center}.bk-photo-scroll>img{max-height:53dvh}.bk-photo-scroll.is-zoomed>img{width:1100px}.bk-preview-foot{padding:8px 17px;font-size:10px}.bk-preview-foot button{font-size:10px}.bk-readable{padding-inline:20px;font-size:13px}
}
@media(min-width:540px) and (max-width:799px){.bk-container{width:calc(100% - 64px)}.bk-hero-inner{max-width:600px}.bk-viewer{--book-w:250px;--book-h:355px;--book-d:20px}.bk-scene{height:385px}.bk-hero-lead{font-size:17px}.bk-benefits li{font-size:12px}.bk-hero-actions>.bk-button{font-size:14px}.bk-story-heading{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bk-story-heading h2{font-size:30px}.bk-illustration{height:220px;margin-top:0}.bk-bubble{font-size:17px;padding:11px}.bk-intro-photo{aspect-ratio:1.4}.bk-intro-card{margin-inline:20px;padding:30px}.bk-intro-card>p:not(.bk-kicker):not(.bk-edition){font-size:15px}.bk-book-facts dd{font-size:14px}.bk-review{width:305px}.bk-author-card>p{font-size:16px}.bk-author-card>p+p{font-size:14px}.bk-author-art{right:3%}.bk-timeline li{font-size:14px;grid-template-columns:110px 1fr}.bk-timeline li>span{font-size:12px}.bk-shops{grid-template-columns:1fr 1fr}.bk-shop{padding:13px;gap:12px}.bk-shop>img{width:48px;height:48px}.bk-shop strong{font-size:19px}.bk-shop span{font-size:9px}.bk-shop>.bk-icon{width:16px}.bk-footer nav{font-size:11px}}
@media(max-width:359px){.bk-container{width:calc(100% - 30px)}.bk-hero h1{font-size:30px}.bk-hero-lead{font-size:12px}.bk-viewer{--book-w:190px;--book-h:270px;--book-d:16px}.bk-scene{height:294px}.bk-hero-actions>.bk-button{font-size:11px;padding-inline:9px}.bk-benefits li{font-size:9px}.bk-page h2{font-size:25px}.bk-section-top h2{font-size:23px}.bk-carousel-controls button{width:29px}.bk-review{width:250px}.bk-review-disclosure{font-size:8px}.bk-intro-card{padding:22px 17px}.bk-bubble{font-size:19px;padding:12px}.bk-excerpt p{font-size:18px}.bk-timeline li{grid-template-columns:76px 1fr;font-size:11px}.bk-timeline-card{padding-inline:17px}.bk-author-card{padding:23px}.bk-author-card>p{font-size:12px}.bk-author-card>p+p{font-size:11px}.bk-author-art{right:-15px;width:44%}.bk-author-art>img{width:165px}.bk-view-tabs button{padding-inline:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.bk-page *,.bk-page *:before,.bk-page *:after{animation:none!important;transition:none!important}.bk-ready [data-reveal]{opacity:1;transform:none}.bk-review-window{scroll-behavior:auto}.bk-volume{transition:none!important}}

/* Story notes have no rating row, so the quote does not need a tall box. */
.bk-page .bk-review blockquote{min-height:0}

.bk-page .bk-review-photo{height:auto;aspect-ratio:3/2}
.bk-page .bk-review-photo img{transform:none;object-position:50% 50%}

/* Hero: full-bleed photo slideshow, dark side for the copy (the header stays as it is). */
.bk-page .bk-hero{position:relative;isolation:isolate;overflow:clip;background:#1d1310;color:#fff}
.bk-slides{position:absolute;inset:0;z-index:-2}
.bk-slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity 1.1s ease;background:radial-gradient(circle at 78% 40%,#5a3a2c,#1d1310 70%)}
.bk-slide.is-active{opacity:1}
.bk-slide picture{position:absolute;inset:0}
.bk-page .bk-slide img{width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;user-select:none}
.bk-page .bk-slide.is-panel img{position:absolute;right:0;width:min(56%,860px);object-position:50% 30%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 32%);mask-image:linear-gradient(90deg,transparent,#000 32%)}
.bk-slide.is-active img{animation:bkSlideZoom 7s ease-out both}
.bk-hero-shade{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#140c09f0 0%,#140c09d9 30%,#140c0970 55%,#140c0900 78%),linear-gradient(0deg,#140c0966,transparent 30%)}
.bk-page .bk-hero-inner{display:flex;align-items:center;min-height:clamp(560px,calc(100svh - 90px),760px);padding-block:56px 70px}
.bk-page .bk-hero-copy{max-width:720px;padding:0}
.bk-page .bk-eyebrow{font:400 30px/1.2 BookHand,cursive;color:#ffe6d2;letter-spacing:0;transform:rotate(-2deg);transform-origin:left;margin-bottom:10px!important}
.bk-page .bk-hero h1{color:#fff;font-size:clamp(48px,6vw,84px);letter-spacing:-.07em;line-height:1.08;text-shadow:0 6px 30px #0006}
.bk-page .bk-hero h1 em{font-style:normal;color:#ff8a2b}
.bk-page .bk-hero h1 .bk-title-dot{color:#ffffff80}
.bk-page .bk-hero-lead{margin-top:22px!important;color:#ffffffd9;font-size:clamp(17px,1.6vw,22px);line-height:1.6}
.bk-page .bk-hero-lead strong{color:#fff;font-weight:800}
.bk-page .bk-hero .bk-benefits{margin-top:20px!important}
.bk-page .bk-hero .bk-benefits li{color:#ffffffcc}
.bk-page .bk-hero .bk-benefits .bk-icon{color:#ffb27a}
.bk-page .bk-hero-actions{margin-top:30px}
.bk-page .bk-hero .bk-button-white{background:#ffffff14!important;color:#fff!important;border:1.5px solid #ffffffb3!important;box-shadow:none!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.bk-page .bk-hero .bk-button-white:hover{background:#ffffff2b!important}
.bk-slide-dots{display:flex;gap:4px;margin-top:26px}
.bk-slide-dots button{padding:12px 3px;background:none!important}
.bk-slide-dots i{position:relative;display:block;width:22px;height:4px;overflow:hidden;border-radius:4px;background:#ffffff4d;transition:width .3s var(--bk-ease)}
.bk-slide-dots [aria-pressed=true] i{width:44px}
.bk-slide-dots [aria-pressed=true] i:after{content:'';position:absolute;inset:0;background:#fff;transform-origin:left;animation:bkSlideProgress 5s linear both}
.bk-hero:has(.bk-slides.is-paused) .bk-slide-dots [aria-pressed=true] i:after{animation:none}
.bk-slide-dots button:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:6px}
@keyframes bkSlideZoom{from{transform:scale(1.06)}to{transform:scale(1)}}
@keyframes bkSlideProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* 3D book section, right above the shops: the room photo is its stage. */
.bk-look{position:relative;isolation:isolate;overflow:clip;margin-top:70px;background:#fcf0e3;scroll-margin-top:70px}
.bk-look .bk-room:after{background:linear-gradient(180deg,#fffaf5f2 0%,#fffaf5c4 26%,#fff6e633 58%,#fffaf5d9 100%)}
.bk-look-inner{display:flex;flex-direction:column;align-items:center;padding-block:60px 44px;text-align:center}
.bk-look-head>p:not(.bk-kicker){margin-top:12px!important;color:#6f6259;font-size:15px;line-height:1.7;letter-spacing:-.03em}
.bk-look .bk-viewer{width:min(100%,640px);margin-top:44px}

/* Opening: a book made of real pages, sized like the 3D book; cover and leaves turn on the spine. */
.bk-flip{position:absolute;left:50%;top:48%;z-index:4;width:calc(var(--book-w)*2);height:var(--book-h);transform:translate(-50%,-50%);perspective:1600px;pointer-events:none}
.bk-flip-book{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(16deg);transition:transform .75s cubic-bezier(.45,.05,.3,1)}
.bk-flip.is-closed .bk-flip-book{transform:rotateX(4deg) rotateZ(-2deg) translateX(-25%);transition:none}
.bk-flip-block,.bk-flip-page,.bk-flip-endpaper,.bk-flip-leaf,.bk-flip-cover{position:absolute;top:0;width:50%;height:100%}
.bk-flip-block{background:#f3e7de;border-radius:2px;transform:translateZ(calc((var(--leaves) + 4)*-.6px))}
.bk-flip-block.is-right{left:50%;box-shadow:1px 1px 0 #fffaf6,2px 2px 0 #e4d2c6,3px 3px 0 #fffaf6,4px 4px 0 #e4d2c6,5px 5px 0 #fffaf6,7px 7px 0 #e7b8b3,10px 16px 26px #3b231940}
.bk-flip-block.is-left{left:0;opacity:0;box-shadow:-1px 1px 0 #fffaf6,-2px 2px 0 #e4d2c6,-3px 3px 0 #fffaf6,-4px 4px 0 #e4d2c6,-6px 6px 0 #e7b8b3,-10px 16px 26px #3b231940;transition:opacity .3s .35s}
.bk-flip.is-open .bk-flip-block.is-left{opacity:1}
.bk-flip-endpaper{left:0;opacity:0;transform:translateZ(calc((var(--leaves) + 3)*-.6px));background:linear-gradient(90deg,#00000008,#00000022),#f2c9c4;transition:opacity .3s .35s}
.bk-flip.is-open .bk-flip-endpaper{opacity:1}
.bk-flip-page,.bk-flip-face{background:#fbeff0 center/cover no-repeat}
.bk-flip-page.is-right{left:50%}
.bk-flip-leaf,.bk-flip-cover{left:50%;transform-origin:left center;transform-style:preserve-3d;transform:rotateY(0) translateZ(calc(var(--z,0)*.6px))}
.bk-flip-cover{--z:calc(var(--leaves) + 2);transition:transform .75s cubic-bezier(.45,.05,.3,1)}
.bk-flip.is-open .bk-flip-cover{transform:rotateY(-180deg) translateZ(calc(var(--z)*.6px))}
.bk-flip-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:0 3px 3px 0;overflow:hidden}
.bk-flip-face.is-back{transform:rotateY(180deg);border-radius:3px 0 0 3px}
.bk-flip-face img{width:100%;height:100%;object-fit:cover}
.bk-flip-cover .bk-flip-face.is-back{background:linear-gradient(90deg,#00000022,#00000008),#f2c9c4}
.bk-flip-face:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#3b231938,transparent 14%)}
.bk-flip-face.is-back:after{background:linear-gradient(270deg,#3b231938,transparent 14%)}
.bk-flip.is-flipping .bk-flip-leaf{animation:bkLeafTurn .64s cubic-bezier(.4,.1,.3,1) both;animation-delay:calc(var(--i)*170ms)}
.bk-flip-leaf .bk-flip-face:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#0000,#0000003d);opacity:0}
.bk-flip.is-flipping .bk-flip-leaf .bk-flip-face:before{animation:bkLeafShade .64s ease-in-out both;animation-delay:calc(var(--i)*170ms)}
.bk-flip-book:after{content:'';position:absolute;z-index:2;top:0;bottom:0;left:calc(50% - 22px);width:44px;background:linear-gradient(90deg,transparent,#3b23190f 35%,#3b231933 50%,#3b23190f 65%,transparent);opacity:0;transform:translateZ(calc((var(--leaves) + 4)*.6px));pointer-events:none;transition:opacity .3s .4s}
.bk-flip.is-open .bk-flip-book:after{opacity:1}
.bk-flip-count{position:absolute;left:50%;bottom:-46px;transform:translateX(-50%);padding:6px 14px;border-radius:20px;background:#2b1840;color:#fff;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;opacity:0;transition:opacity .25s}
.bk-flip.is-flipping .bk-flip-count{opacity:1}
@keyframes bkLeafTurn{from{transform:rotateY(0) translateZ(calc(var(--z)*.6px))}to{transform:rotateY(-180deg) translateZ(calc(var(--z)*.6px))}}
@keyframes bkLeafShade{0%,100%{opacity:0}50%{opacity:1}}

@media(max-width:799px){
  .bk-page .bk-hero-inner{flex-direction:column;justify-content:flex-end;align-items:stretch;min-height:min(640px,calc(100svh - 70px));padding-block:220px 30px}
  .bk-page .bk-hero-copy{display:block;max-width:none}
  .bk-hero-shade{background:linear-gradient(180deg,#140c0940 0%,#140c0900 22%,#140c0999 52%,#140c09f2 82%)}
  .bk-page .bk-slide.is-panel img{position:static;width:100%;-webkit-mask-image:none;mask-image:none}
  .bk-page .bk-eyebrow{font-size:22px}
  .bk-page .bk-hero h1{font-size:clamp(34px,10vw,48px);white-space:normal}
  .bk-page .bk-hero-lead{font-size:15px;margin-top:12px!important}
  .bk-page .bk-hero .bk-benefits{display:none}
  .bk-page .bk-hero-actions{margin-top:20px}
  .bk-slide-dots{margin-top:14px}
  .bk-look{margin-top:48px}
  .bk-look-inner{padding-block:44px 30px}
  .bk-look-head>p:not(.bk-kicker){font-size:13px}
  .bk-look .bk-viewer{margin-top:26px}
  .bk-flip-count{bottom:-40px}
}
@media(prefers-reduced-motion:reduce){.bk-slide{transition:none}.bk-slide.is-active img,.bk-slide-dots [aria-pressed=true] i:after{animation:none}}

/* Book made from the print files: true spine thickness (15.9 mm on a 148 mm cover). */
.bk-viewer{--book-d:calc(var(--book-w)*.107)}
.bk-page .bk-spine{background:url('../book/pdf/cover-spine.webp') center/100% 100% no-repeat}
.bk-flip-cover .bk-flip-face.is-front{background-image:url('../book/pdf/cover-front.webp')}
.bk-flip.is-done .bk-flip-leaf{animation:none;transform:rotateY(-180deg) translateZ(calc(var(--z)*.6px))}
.bk-flip.is-done .bk-flip-count{opacity:0}
.bk-flip.is-done .bk-flip-book{transition:transform .5s ease}

/* After opening, the open book itself is the result: a clear layer on top opens the big photo. */
.bk-page .bk-open-book{width:calc(var(--book-w)*2);height:var(--book-h);aspect-ratio:auto;overflow:visible;top:48%;border:0;border-radius:0;background:none;box-shadow:none;transform:translate(-50%,-50%);animation:none;z-index:5;cursor:zoom-in}
.bk-page .bk-open-book .bk-open-caption{bottom:-46px;animation:bkCaptionIn .4s ease both}
@keyframes bkCaptionIn{from{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%,0)}}

/* Hero: the girls' photos get a blurred copy of themselves behind, so the left side is not empty. */
.bk-slide.is-panel:before{content:'';position:absolute;inset:-60px;background:var(--bg) center/cover no-repeat;filter:blur(34px) brightness(.62) saturate(1.2);transform:scale(1.08)}
.bk-page .bk-slide.is-panel img{width:min(60%,900px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 38%);mask-image:linear-gradient(90deg,transparent,#000 38%)}

/* Buy button under the 3D book. */
.bk-page .bk-look-buy{margin-top:18px;min-width:240px;justify-content:center}
@media(max-width:799px){
  .bk-slide.is-panel:before{display:none}
  .bk-page .bk-slide.is-panel img{width:100%;-webkit-mask-image:none;mask-image:none}
  .bk-page .bk-open-book .bk-open-caption{bottom:-40px}
  .bk-page .bk-look-buy{width:100%;min-height:52px}
}
/* Open book: the caption replaces the gesture hint; phones get a slightly smaller spread. */
.bk-viewer:has(.bk-scene[data-view=inside]) .bk-gesture{visibility:hidden}
@media(max-width:799px){.bk-flip,.bk-page .bk-open-book{transform:translate(-50%,-50%) scale(.86)}}
@media(max-width:359px){.bk-flip,.bk-page .bk-open-book{transform:translate(-50%,-50%) scale(.8)}}

/* Hero, whole photos: the girls stand full height on the right; on phones the photo comes first, the copy under it. */
.bk-page .bk-slide.is-panel img{right:4%;width:auto;height:100%;max-width:64%;object-fit:cover;object-position:50% 18%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 24%,#000 84%,transparent);mask-image:linear-gradient(90deg,transparent,#000 24%,#000 84%,transparent)}
.bk-page .bk-slide:nth-child(3) img{object-position:62% 50%}
@media(max-width:799px){
  .bk-slides{inset:0 0 auto 0;height:125vw}
  .bk-hero-shade{background:linear-gradient(180deg,#140c0933 0,#140c0900 22%,#140c0900 calc(125vw - 200px),#1d1310f2 calc(125vw - 20px),#1d1310 125vw)}
  .bk-page .bk-hero-inner{justify-content:flex-start;min-height:0;padding-top:calc(125vw - 90px);padding-bottom:30px}
  .bk-page .bk-slide.is-panel img{position:static;width:100%;height:100%;max-width:none;object-position:50% 50%;-webkit-mask-image:none;mask-image:none}
  .bk-page .bk-slide:nth-child(3) img{object-position:50% 50%}
}

/* Hero, PC: the girls fill the right side (face and book), fading into the dark side with the copy. */
.bk-slide.is-panel:before{display:none}
.bk-page .bk-slide.is-panel{background:radial-gradient(circle at 70% 45%,#4a3127,#1d1310 72%)}
.bk-page .bk-slide.is-panel img{right:0;width:min(64%,1180px);height:100%;max-width:none;object-fit:cover;object-position:50% 28%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 34%);mask-image:linear-gradient(90deg,transparent 0,#000 34%)}
@media(max-width:799px){.bk-page .bk-slide.is-panel img{position:static;width:100%;height:100%;object-position:50% 50%;-webkit-mask-image:none;mask-image:none}}
