/* One viewport per chapter. Only the deck consumes vertical navigation. */
.screen-short{display:none}
html.js:has(body.chapter-pages),html.js body.chapter-pages{height:100%;overflow:hidden;overscroll-behavior:none}
html.js body.chapter-pages .panel-inner{height:100dvh!important;max-height:100dvh!important;overflow:clip!important;overscroll-behavior:none;touch-action:pinch-zoom;padding:40px max(40px,calc((100vw - 1200px)/2)) 100px!important;justify-content:center!important}
html.js body.chapter-pages .panel-inner>*{order:0!important}
html.js body.chapter-pages .panel-inner>h1,html.js body.chapter-pages .panel-inner>h2{font-size:clamp(30px,5.2vh,48px);line-height:1.06;max-width:800px!important}
html.js body.chapter-pages .hero-top{margin-bottom:20px!important}
html.js body.chapter-pages .brand-reading{margin-top:16px;max-width:640px}
html.js body.chapter-pages .brand-reading p{font-size:18px;line-height:1.35;max-width:640px}
html.js body.chapter-pages .brand-reading .brand-subtitle{font-size:26px;line-height:1.15;margin-bottom:16px}
html.js body.chapter-pages .brand-reading p+p{margin-top:12px}
html.js body.chapter-pages .brand-reading .brand-actions{margin-top:16px;gap:8px 20px}
html.js body.chapter-pages .brand-actions .btn{padding:10px 16px}
html.js body.chapter-pages .brand-reading .brand-note{margin-top:8px}
html.js body.chapter-pages .brand-reading .brand-proof{margin-top:20px;padding-top:16px}
html.js body.chapter-pages .kicker{margin-bottom:16px}
html.js body.chapter-pages #services .brand-subtitle,html.js body.chapter-pages #services .screen-detail{display:none}
html.js body.chapter-pages .brand-delivery{margin:12px 0}
html.js body.chapter-pages .brand-delivery>div{padding:10px 0}
html.js body.chapter-pages .brand-delivery dt{font-size:24px;margin-bottom:6px}
html.js body.chapter-pages .brand-delivery dd{font-size:18px;line-height:1.3}
html.js body.chapter-pages .brand-reading .brand-price{margin-top:12px;padding-top:12px}
html.js body.chapter-pages .brand-reading .site-foot{margin-top:16px;padding-top:12px;font-size:14px;line-height:1.4}
html.js body.chapter-pages #services .brand-actions:last-child{margin-top:4px}
@media(max-width:700px){
 html.js body.chapter-pages .panel-inner{padding:60px 24px 76px!important;justify-content:center!important}
 html.js body.chapter-pages .panel-inner>h1,html.js body.chapter-pages .panel-inner>h2{font-size:32px}
 html.js body.chapter-pages .hero-top{margin-bottom:16px!important}
 html.js body.chapter-pages .brand-reading{margin-left:0;max-width:100%;margin-top:14px}
 html.js body.chapter-pages .brand-reading .brand-subtitle{font-size:22px;margin-bottom:14px}
 html.js body.chapter-pages .screen-long,html.js body.chapter-pages #intro .brand-proof{display:none}
 html.js body.chapter-pages .screen-short{display:block}
 html.js body.chapter-pages .brand-delivery dt{font-size:22px}
 html.js body.chapter-pages .brand-delivery dd{display:none}
 html.js body.chapter-pages .brand-delivery>div{padding:10px 0}
 html.js body.chapter-pages #proof .brand-subtitle,html.js body.chapter-pages #contact .brand-subtitle{display:none}
 html.js body.chapter-pages #contact .screen-detail{display:none}
 html.js body.chapter-pages #contact .brand-actions:nth-last-child(2){display:none}
 html.js body.chapter-pages #services .brand-actions>a[href^="mailto:"]{display:none}
}
@media(max-height:700px){
 html.js body.chapter-pages .panel-inner{padding-top:48px!important;padding-bottom:68px!important}
 html.js body.chapter-pages .panel-inner>h1,html.js body.chapter-pages .panel-inner>h2{font-size:30px}
 html.js body.chapter-pages .hero-top{margin-bottom:12px!important}
 html.js body.chapter-pages .hero-top .portrait{display:none}
 html.js body.chapter-pages .brand-lockup .name{font-size:24px}
 html.js body.chapter-pages .brand-lockup .practice{display:none}
 html.js body.chapter-pages .brand-reading{margin-top:12px}
 html.js body.chapter-pages .brand-reading .brand-subtitle{font-size:22px;margin-bottom:12px}
 html.js body.chapter-pages .brand-reading .brand-proof{display:none}
 html.js body.chapter-pages .brand-delivery dd{display:none}
 html.js body.chapter-pages .brand-delivery>div{padding:8px 0}
 html.js body.chapter-pages .brand-delivery dt{font-size:20px;margin-bottom:0}
 html.js body.chapter-pages #proof .brand-reading>p:nth-of-type(3){display:none}
}
@media(max-height:600px){
 html.js body.chapter-pages .panel-inner>h1,html.js body.chapter-pages .panel-inner>h2{font-size:27px}
 html.js body.chapter-pages .brand-reading p,html.js body.chapter-pages .brand-actions a{font-size:16px;line-height:1.3}
 html.js body.chapter-pages .hero-top{display:none!important}
 html.js body.chapter-pages .brand-reading .brand-subtitle{font-size:20px;margin-bottom:10px}
 html.js body.chapter-pages .brand-reading .brand-actions{margin-top:10px;gap:4px 16px}
 html.js body.chapter-pages .brand-actions .btn{padding:8px 12px}
 html.js body.chapter-pages .kicker{margin-bottom:10px}
 html.js body.chapter-pages .brand-reading .site-foot{font-size:12px}
 html.js body.chapter-pages .screen-long{display:none}
 html.js body.chapter-pages .screen-short{display:block}
}
@media(max-height:500px) and (min-width:600px){
 html.js body.chapter-pages .panel-inner{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);align-content:center;align-items:start;column-gap:32px;padding:52px 28px 84px!important}
 html.js body.chapter-pages .kicker{grid-column:1;grid-row:1}
 html.js body.chapter-pages .panel-inner>h1,html.js body.chapter-pages .panel-inner>h2{grid-column:1;grid-row:2;font-size:28px}
 html.js body.chapter-pages .brand-reading{grid-column:2;grid-row:1 / span 2;margin:0;max-width:100%}
 html.js body.chapter-pages .brand-reading .brand-subtitle{display:none}
 html.js body.chapter-pages .brand-delivery{margin-top:0}
 html.js body.chapter-pages .brand-delivery>div{padding:5px 0}
 html.js body.chapter-pages #services .brand-actions:last-child{display:none}
 html.js body.chapter-pages .brand-reading .site-foot{display:none}
 html.js body.chapter-pages #contact .brand-actions:nth-last-child(2){display:none}
 html.js body.chapter-pages #contact .screen-detail{display:none}
}