/* Desktop is unchanged; smaller displays scale a single 1440px composition. */
.whhp-scene{display:contents}
@media(max-width:1100px){
.whhp .whhp-hero.whhp-hero{height:calc(var(--whhp-scene-height, 240px) + 104px);min-height:0;overflow:hidden}
.whhp .whhp-scene{--whhp-design-vw:14.4px;display:block;position:absolute;top:0;left:0;width:1440px;height:740px;transform-origin:top left;transform:scale(var(--whhp-scene-scale,.25));isolation:isolate}
.whhp .whhp-scene .whhp-slide{inset:0;grid-template-columns:1fr 1fr;grid-template-rows:none;padding:45px 72px 10px;align-items:center}
.whhp .whhp-hero .whhp-controls{height:88px;bottom:8px;left:16px;right:16px;padding-top:8px;gap:12px;flex-wrap:nowrap}
.whhp .whhp-hero .whhp-dots{gap:10px;flex:1;min-width:0}
.whhp .whhp-hero .whhp-dots button{min-width:0;min-height:44px;flex:1;font-size:9px;line-height:1.25}
.whhp .whhp-hero .whhp-dots button small{display:block;margin:0 0 3px}
.whhp .whhp-hero .whhp-arrows{gap:4px}
.whhp .whhp-hero .whhp-arrows button{width:44px;height:44px;flex-shrink:0}
}
@media(max-width:480px){.whhp .whhp-hero .whhp-controls{height:96px;align-content:center;flex-wrap:wrap;gap:4px}.whhp .whhp-hero .whhp-dots{flex-basis:100%}.whhp .whhp-hero .whhp-arrows{margin-left:auto}.whhp .whhp-hero .whhp-dots button{padding:4px 0}.whhp .whhp-hero .whhp-dots i{bottom:0}}
/* The scale is structural, so it also applies when reduced motion is requested. */
@media(max-width:1100px) and (prefers-reduced-motion:reduce){.whhp .whhp-scene{transform:scale(var(--whhp-scene-scale,.25))!important}}