/* Rhythm for the enlarged type: deliberate pauses, consistent paragraph gaps. */
.hero h1{font-size:clamp(105px,15vw,235px)}
.hero h1 span{font-size:.37em;margin-top:30px}
.story-copy p,.jacket-story-copy p,.author-copy>p{margin:0 0 1.55em}
.story-copy p:last-of-type,.jacket-story-copy p:last-child,.author-copy>p:last-of-type{margin-bottom:0}
.story-copy .text-link,.author-copy .text-link{margin-top:26px;min-height:44px;padding-top:6px}
.product-info>.chapter{margin:0 0 24px}
.product-author{margin:0 0 18px}
.product h2{margin-bottom:28px}
.product-description{margin:0 0 26px}
.product-info>.button{min-height:54px}
.availability{margin-top:18px}
.book-help{margin:12px auto 20px;max-width:36rem}
.book-stage{transition:height .55s var(--ease)}
.book-stage.is-open{height:440px}
.book-controls{gap:10px 30px;margin-bottom:26px;align-items:stretch}
.book-controls button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px}
.book-controls button span{flex-shrink:0}
.product-caption{margin:0 auto;max-width:38rem}
.book-data{margin-top:34px}.book-data>div{padding-block:17px}
.jacket-story .chapter{margin:0 0 20px}.jacket-story h2{margin:0}
.author-copy .large-copy{margin:0 0 32px;line-height:1.45}
.inline-film-controls{padding-block:10px}
.footer-links a,.footer-links button{display:inline-flex;align-items:center;min-height:44px}
dialog h2{clear:both}
@media(min-width:651px) and (max-width:1000px){.hero h1{font-size:18vw}}
/* Tall tablets need the lake composition, rather than a center crop that
   removes the boat. Keep the real shot's aspect ratio and blend into mist. */
@media(min-width:651px) and (max-width:1000px) and (max-aspect-ratio:1/1){
 .hero-scene>img,#hero-video{top:auto;left:-20%;bottom:0;width:125%;height:auto;object-fit:contain;mask-image:linear-gradient(180deg,transparent,#000 24%,#000)}
 .hero-actions{bottom:32%}
}
@media(max-width:650px){
 .header{gap:18px}
 .hero-title{padding-inline:22px}
 .campaign-question{margin:0 0 28px;line-height:1.45}
 .hero-title .byline{margin-bottom:28px}
 .hero h1{font-size:28vw}.hero h1 span{font-size:.42em;margin-top:22px}
 .hero-actions{bottom:15%;gap:24px;padding-inline:24px}
 .hero-actions .button{min-height:52px;padding:15px 24px;max-width:100%}
 .descend{bottom:18px;padding-inline:20px}.descend span{margin-top:12px}
 .depth-content{padding:170px 26px 82px}
 .depth-content>.chapter{margin:0}
 .statement{margin:42px 0 64px;line-height:1.15}
 .story-columns{gap:36px}
 .story-question h3{margin:20px 0 0;line-height:1.25}
 .story-copy,.jacket-story-copy,.author-copy{line-height:1.9}
 .story-copy p,.jacket-story-copy p,.author-copy>p{margin-bottom:26px}
 .story-copy p:last-of-type,.jacket-story-copy p:last-child,.author-copy>p:last-of-type{margin-bottom:0}
 .story-copy .text-link,.author-copy .text-link{margin-top:24px;gap:20px}
 .inline-film{padding-bottom:42px}
 .inline-film-controls{margin-top:18px;padding:10px 24px 0}
 .inline-film-controls>span{margin-bottom:14px;line-height:1.8}
 .inline-film-controls button{min-height:48px}
 .pursuit{padding:88px 26px 155px}
 .pursuit .chapter{margin:0}
 .pursuit h2{margin-top:32px;line-height:1.35}
 .product{padding:44px 26px 48px;gap:44px}
 .book-help{margin:12px auto 20px;line-height:1.85}
 .book-stage.is-open{height:clamp(300px,78vw,400px)}
 .book-controls{gap:10px 24px;margin-bottom:26px}
 .book-controls button{min-height:56px;line-height:1.55;padding-block:12px}
 .product-caption{line-height:2;max-width:30em}
 .product-info>.chapter{margin-bottom:24px}
 .product-author{margin-bottom:18px}
 .product h2{margin-bottom:28px;line-height:1.1}
 .product-description{margin-bottom:26px;line-height:1.9}
 .product-info>.button,.closing>.button{width:100%;max-width:380px;min-height:54px}
 .availability{margin-top:18px;line-height:1.8}
 .book-data{margin-top:32px}.book-data>div{padding-block:17px;line-height:1.85}
 .jacket-story{padding:32px 26px 76px}
 .jacket-story h2{margin:0 0 34px;line-height:1.2}
 .author-section{padding:76px 26px 80px;gap:36px}
 .author-heading .chapter{margin:0}.author-heading h2{margin-top:20px}
 .author-copy .large-copy{margin:0 0 32px;line-height:1.45}
 .closing{padding:88px 26px 90px}
 .closing .overline{margin:0;line-height:1.9}
 .closing h2{margin:28px auto 34px;line-height:1.25}
 .footer{grid-template-columns:1fr;padding:38px 26px;gap:26px}
 .footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;justify-content:start}
 .footer>p{margin-top:8px}
 .trailer-dialog,.excerpt-dialog{padding:22px 18px}
 dialog .chapter{padding-right:68px;line-height:1.8}
 dialog h2{margin-top:20px}
 .excerpt-intro{line-height:1.7;margin-bottom:24px}
 .excerpt-text{margin-top:28px}
}
@media(prefers-reduced-motion:reduce){.book-stage{transition:none}}
@media(max-width:380px){
 .header{padding-inline:20px;gap:12px}.header nav{gap:12px}
 .header .nav-book{padding-inline:10px}.header .nav-book span{margin-left:5px}
 .campaign-question{font-size:21px}
 .depth-content,.product,.jacket-story,.author-section,.closing{padding-left:22px;padding-right:22px}
 .book-controls{column-gap:18px}
}