/* Book-first feedback pass. Loaded after the existing mobile hero rules. */
.site-header.book-brand-header{justify-content:flex-start;border-bottom:0;padding-block:14px 8px}
.book-brand{display:inline-flex;align-items:center;gap:10px;width:max-content;line-height:1;text-decoration:none;color:var(--ink)}
.book-brand-mark{display:grid;place-items:center;position:relative;width:37px;height:45px;background:var(--yellow);border:1.5px solid var(--ink);border-radius:2px 4px 4px 2px;box-shadow:3px 2px 0 var(--ink);transform:rotate(-7deg);font:29px/.9 var(--display)}
.book-brand-mark:after{content:"";position:absolute;left:4px;top:0;bottom:0;border-left:1px solid #18191444}
.book-brand-copy{display:flex;flex-direction:column;gap:4px}
.book-brand-copy strong{font:25px/.95 var(--display);letter-spacing:-.025em}
.book-brand-copy small{font-size:10px;line-height:1.2;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.book-brand-copy em{background:var(--yellow);padding:1px 3px}
.hero-book-arrow{display:none}
.hero-book-first .hero-support-badge{display:none}
.hero-book-first .hero-route{display:none}
.hero-video-secondary.hero-story{max-width:none;margin-top:30px;padding-top:22px}
.hero-story .secondary-video-label{font-size:10px;line-height:1.5;margin:0 0 10px;letter-spacing:.075em}
.hero-story h2{font-size:clamp(25px,2.3vw,34px);line-height:1.1;margin:0 0 16px}
.hero-story h2>span{display:block;font-family:var(--body);font-weight:500;font-size:15px;line-height:1.55;letter-spacing:0;margin-top:8px;color:var(--muted)}
.hero-inline-video{position:relative;aspect-ratio:16/9;overflow:hidden;background:#181914;border-radius:10px;border:1px solid var(--ink);box-shadow:5px 5px 0 var(--yellow);isolation:isolate}
.hero-video-mount{position:absolute;inset:0;background:#181914}
.hero-video-mount>video,.hero-video-mount>iframe,.hero-video-mount>wistia-player{width:100%;height:100%;display:block;border:0;object-fit:contain}
.hero-video-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-end;color:white;background:#181914}
.hero-video-placeholder img{position:absolute;inset:0;width:57%;height:100%;object-fit:cover;object-position:50% 26%}
.hero-video-placeholder:after{position:absolute;content:"";inset:0;background:linear-gradient(90deg,transparent 20%,#18191466 43%,#181914 57%)}
.hero-video-placeholder>span{position:relative;z-index:1;width:48%;padding:14px 15px 14px 0;font:clamp(25px,3vw,39px)/1.09 var(--display)}
.hero-video-placeholder em{color:var(--yellow)}
.hero-video-placeholder small{display:block;font:11px/1.5 var(--body);color:#d0d2c6;margin-top:14px;letter-spacing:.03em}
.hero-inline-video[data-state="ready"] .hero-video-placeholder{display:none}
.hero-video-sound{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;max-width:90%;padding:13px 18px;color:var(--ink);background:var(--yellow);border:2px solid white;border-radius:100px;box-shadow:0 3px 20px #0005;font-size:15px;line-height:1.2;font-weight:800;white-space:nowrap}
.hero-video-sound[hidden]{display:none}
.hero-video-sound svg{width:22px;height:22px;flex-shrink:0}
.hero-video-note{font-size:11px;line-height:1.5;color:var(--muted);margin:12px 0 0}
.sticky-order{min-height:96px;padding:16px 32px;gap:32px;background:#fffdf6f7}
.sticky-order>div.sticky-book-price{display:flex;flex-direction:row;gap:20px;align-items:center;line-height:1.4;font-size:14px}
.sticky-book-price>img{display:block;width:39px;height:58px;object-fit:contain;transform:rotate(-7deg);filter:drop-shadow(3px 3px 0 #e6debd)}
.sticky-book-price>p{display:flex;flex-direction:column;gap:4px;margin:0;font-size:14px}
.sticky-book-price strong{font-size:22px;line-height:1.1;letter-spacing:-.02em}
.sticky-book-price>p>span{font-size:13px;color:var(--muted)}
.sticky-book-price .sticky-delivery{font-size:14px;line-height:1.35;color:var(--ink);border-left:1px solid var(--line);padding-left:20px}
.sticky-delivery b{display:block}
.sticky-order .button{min-height:60px;padding:17px 28px;font-size:18px;gap:15px;box-shadow:4px 4px 0 var(--orange)}
.sticky-order .button span{font-size:25px;line-height:1}
@media(min-width:801px){
 .offer-bar{font-size:11px;padding-block:7px}
 .hero-book-first{padding-top:20px;column-gap:55px;grid-template-columns:.98fr 1.02fr}
 .hero-book-first .hero-copy>.eyebrow{margin-bottom:12px;font-size:10px}
 .hero-book-first h1{font-size:clamp(43px,4.15vw,61px)}
 .hero-book-first .lead{font-size:20px;line-height:1.45;margin-top:21px;margin-bottom:12px;max-width:520px}
 .hero-book-first .hero-intro{font-size:15px;line-height:1.55;margin-bottom:22px;max-width:520px}
 .hero-book-first .button-main{font-size:17px;min-height:62px;padding:18px 24px;gap:16px;width:100%;max-width:460px}
 .hero-book-first .price-note{font-size:13px;margin-top:12px}
 .hero-book-showcase .hero-main-book{top:50px;width:300px;left:calc(50% - 150px)}
 .hero-book-showcase .book-showcase-note{top:-3px;left:50%;transform:translateX(-50%) rotate(-5deg);font-size:24px}
 .hero-book-showcase .book-showcase-halo{top:39px;height:482px}
 .hero-book-showcase .seal{top:12px;right:0}
 .hero-book-showcase .hero-reader-woman{top:208px;left:-1px;width:128px}
 .hero-book-showcase .hero-reader-man{top:260px;right:-4px;width:128px}
 .hero-book-showcase .hero-reader-photo{height:126px}
 .hero-book-showcase .hero-reader blockquote{font-size:11px;line-height:1.4}
 .hero-proof-pair{padding-top:540px;gap:14px}
 .hero-book-arrow{display:block;position:absolute;top:318px;left:-116px;width:139px;height:132px;z-index:5;pointer-events:none;overflow:visible}
 .hero-book-arrow path{fill:none;stroke:var(--ink);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
 .hero-book-arrow .arrow-echo{stroke:#18191438;stroke-width:1.1}
}
@media(min-width:801px) and (max-width:1100px){
 .hero-book-first{column-gap:34px}
 .hero-book-first .button-main{font-size:15px}
 .hero-book-first .lead{font-size:18px}
 .hero-book-first .hero-intro{font-size:14px}
 .hero-book-showcase .hero-main-book{width:260px;left:calc(50% - 130px);top:66px}
 .hero-book-showcase .hero-reader-woman,.hero-book-showcase .hero-reader-man{width:108px}
 .hero-book-showcase .hero-reader-photo{height:108px}
 .hero-book-arrow{top:340px;left:-80px;width:103px}
}
@media(max-width:800px){
 .sticky-order{gap:16px;padding:13px 20px;min-height:86px}
 .sticky-order>div.sticky-book-price{gap:12px}
 .sticky-book-price .sticky-delivery{display:none}
 .sticky-order .button{font-size:15px;min-height:55px;padding:14px 17px}
}
@media(max-width:600px){
 .site-header.book-brand-header{padding-block:11px 7px;min-height:59px}
 .book-brand-mark{width:30px;height:37px;font-size:25px}
 .book-brand-copy strong{font-size:22px}
 .book-brand-copy small{font-size:9px}
 .hero-story h2{font-size:29px}
 .hero-story h2>span{font-size:15px}
 .hero-story .hero-video-placeholder>span{font-size:30px}
 .hero-book-first .hero-video-secondary.hero-story{margin-top:20px;padding-top:20px;order:11}
 .hero-book-first .button-main{font-size:14px;gap:9px}
 .hero-book-first .button-main>span{font-size:21px}
 .hero-video-sound{font-size:14px;padding:11px 14px}
 .sticky-order{padding:12px 16px max(13px,env(safe-area-inset-bottom));gap:12px;min-height:84px}
 .sticky-book-price>img{display:none}
 .sticky-order>div.sticky-book-price{flex:0 0 auto;gap:0}
 .sticky-book-price strong{font-size:17px;white-space:nowrap}
 .sticky-book-price>p>span{font-size:10px;white-space:nowrap}
 .sticky-order .button{flex:1;min-height:51px;font-size:13px;padding:12px;gap:6px;max-width:260px}
 .sticky-order .button span{font-size:20px}
}
@media(prefers-reduced-motion:no-preference){
 .sticky-order.show .button{animation:book-button-pulse 3.2s ease-in-out infinite}
 .hero-video-sound:not([hidden]){animation:video-sound-pulse 2.5s ease-in-out infinite}
}
@keyframes book-button-pulse{0%,68%,100%{box-shadow:4px 4px 0 var(--orange),0 0 0 0 #ff8b2c00}80%{box-shadow:4px 4px 0 var(--orange),0 0 0 8px #ff8b2c25}}
@keyframes video-sound-pulse{0%,100%{box-shadow:0 3px 20px #0005,0 0 0 0 #ffdb3250}55%{box-shadow:0 3px 20px #0005,0 0 0 10px #ffdb3200}}
