/* Use the actual browser viewport and measured header; never shrink type or hide content. */
:root {--site-header-height:118px;--screen-content-height:calc(100dvh - var(--site-header-height));}
@media(min-width:1200px){
 .about-landing .hero.section-shell {width:min(1560px,calc(100% - 48px));grid-template-columns:minmax(0,min(880px,75%)) minmax(0,1fr);gap:24px;min-height:var(--screen-content-height);padding-block:clamp(16px,4dvh,40px);}
 .about-landing .hero-copy {padding-bottom:0;}
 .about-landing .learner-visual img {width:100%;height:auto;max-height:max(180px,calc(var(--screen-content-height) - 80px));object-fit:contain;margin:0;}
 .about-landing .learner-visual figcaption {margin-top:12px;}
 .games-page .compact-games-intro {width:min(1560px,calc(100% - 48px));padding:12px 0!important;}
 .games-page .video-showcase {width:min(1440px,calc(100% - 48px));max-width:none;padding-bottom:12px;}
 .games-page .video-grid.compact-video-grid {max-width:none;}
 .games-page .video-open video {aspect-ratio:auto;height:var(--game-preview-height,180px);object-fit:contain;}
 .games-page .compact-video-grid .experience-summary :is(p,h2,h3) {white-space:normal;}
 .feedback-page .feedback-screen {min-height:var(--screen-content-height);height:auto;padding-block:20px;}
 .parent-feedback .feedback-opening-image {max-height:clamp(140px,25dvh,240px);object-fit:contain;}
 .parent-feedback .feedback-empty {min-height:80px;}
}
@media(max-width:1199px){
 .about-landing .hero {min-height:0;padding-block:24px;}
}