/* Shared compact layout. Builder also enables it for portrait tablets <=1100px. */
@media (max-width:760px), (min-width:761px) and (max-width:1100px) and (orientation:portrait){
 #home>.mobile-intro{min-height:0;padding:26px var(--inset) 12px}
 #home>.mobile-intro h1{font-size:clamp(28px,7.3vw,38px);line-height:1.12;letter-spacing:-.035em;margin:0 0 16px}
 #home>.mobile-intro p{font-size:16px;line-height:1.5;color:#b2babc;margin:0 0 10px}
 #home>.mobile-intro a{font-size:14px;min-height:44px;margin-right:14px}
 #home>.hero-window{min-height:0;margin-bottom:12px}
 #home>.hero-window .hero-crop{aspect-ratio:1.5;height:auto;width:100%}
 /* Show only the artwork on the right: the baked-in desktop headline/CTAs
    remain outside this viewport. The native phone heading is above it. */
 #home>.hero-window .scene{width:260%;left:-160%;height:auto;transform:translateY(-14.617%)}
 #home .section-shell{min-height:0;height:auto;padding-block:24px;gap:18px}
 #home .overview-body{display:flex;flex-direction:column;align-items:stretch;gap:16px}
 #home .overview-body>.overview-copy{display:contents}
 #home .overview-body>.overview-copy>.eyebrow{order:0}
 #home .overview-body>.overview-copy>h2{order:1;margin:0;font-size:clamp(36px,10vw,48px)}
 #home .overview-body>.overview-photo,#home .overview-body>figure{order:2;flex:none;margin:0}
 #home .overview-body>.overview-copy>p{order:3;margin:0}
 #home .overview-body>.overview-copy>.overview-actions,
 #home .overview-body>.overview-copy>button,
 #home .overview-body>.overview-copy>a{order:4;margin-top:0}
 #home .section-bottom{margin-top:8px}
 #home #contact .contact-intro{min-height:0;padding:16px 0;gap:12px}
 #home #contact .contact-body{gap:24px}
}
@media(min-width:761px) and (max-width:1100px) and (orientation:portrait){
 /* Preserve the product photo's intrinsic ratio rather than stretching it
    independently along both axes. Crop only the unused right-hand backdrop. */
 html[data-blend="on"] #gym-towel .overview-photo{background-size:auto 100%}
 #home>.mobile-intro h1{font-size:38px}
 #home>.hero-window .hero-crop{max-height:none}
}