/* Mobile keeps every scroll scene; only its available space changes. */
@media(max-width:760px){
 html,body{max-width:100%;overflow-x:clip}
 .motion-chapter{touch-action:pan-y pinch-zoom;height:310svh}
 .chapter-viewport{height:100svh;min-height:0}
 .chapter-top{top:94px}
 .chapter-layout{top:122px;bottom:65px;gap:10px}
 .with-people .chapter-copy{height:clamp(165px,23svh,190px)}
 .with-people .motion-board{height:min(355px,calc(100svh - 197px - clamp(165px,23svh,190px)));min-height:0;flex-shrink:0}
 .with-people .copy-step h2{font-size:clamp(25px,7.4vw,30px);margin-top:14px;margin-bottom:12px}
 .with-people .copy-step p{font-size:11px;line-height:1.75}
 .human-actor,.loose-word,.property-cutout{backface-visibility:hidden}
 header{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
 .chapter-bottom{bottom:18px}
 .family-caption{bottom:-25px}
 .human-cast{bottom:0}
 .motion-hero{min-height:100svh}
 .hero-float{max-width:43%}
 .hero-center h1{font-size:clamp(34px,10.2vw,40px)}
}
@media(max-width:760px) and (max-height:720px){
 .chapter-layout{top:113px;bottom:56px;gap:6px}
 .chapter-top{top:89px}
 .with-people .chapter-copy{height:156px}
 .with-people .motion-board{height:calc(100svh - 331px)}
 .with-people .copy-step h2{font-size:26px;margin:12px 0 10px}
 .with-people .copy-step p{font-size:10px;line-height:1.65}
 .human-cast{height:135px}
 .human-actor{width:101px;height:129px}
 .cast-matching .human-actor{width:106px;height:137px}
 .with-people .motion-board>.free-scene{bottom:119px}
 .human-speech{font-size:7px;top:-5px}
 .cast-demands .human-speech{top:-12px}
 .cast-demands .actor-0{height:116px;width:87px}
 .cast-demands .actor-1{height:122px;width:90px}
 .cast-demands .actor-2{height:76px;width:60px}
 .cast-demands .actor-3{height:130px;width:101px}
 .family-caption{bottom:-20px}
 .hero-kicker{top:94px}
 .hero-center{padding-top:35px}
 .hf-1,.hf-2{top:22%}
 .hf-3,.hf-4{bottom:12%}
}
@media(max-width:360px){.login{font-size:8px;padding:9px}.chapter-layout{left:6%;right:6%}.cast-demands .actor-label{font-size:4px}.with-people .contact-field .loose-word.name{font-size:11px}}
/* Names remain readable on both the light and dark scenes. */
.actor-label{font-size:10px!important;font-weight:600;color:#46623c;letter-spacing:.1px;line-height:1.4;bottom:-17px;text-wrap:balance}.chapter-privacy .actor-label{color:#e1edce}.human-speech{font-size:11px;font-weight:500}.family-caption{font-size:8px}.motion-preference{font-size:10px;padding:7px 10px;color:#5a734b;border:1px solid #d7e1cb;background:#f4f7ee;border-radius:20px;white-space:nowrap}.motion-preference:focus-visible{outline:2px solid #78975b;outline-offset:3px}html[data-motion-preference="full"] .copy-step.active{animation:copyIn .5s ease-out both}
@supports not (height:100svh){.motion-hero{height:100vh}.motion-chapter{height:300vh}.chapter-viewport{height:100vh}}
@media(max-width:760px){.actor-label{font-size:8px!important;bottom:-13px}.cast-projects .actor-label{font-size:6px!important}.cast-demands .actor-label{font-size:6px!important}.human-speech{font-size:8px}.family-caption{font-size:6px}.cast-demands .family-caption{bottom:-32px}.motion-preference{font-size:12px;padding:10px 15px;align-self:start}.chapter-privacy .actor-label{font-size:9px!important}}
@media(max-width:760px) and (max-height:720px){.family-caption{bottom:-25px!important}.actor-label{font-size:7px!important}.cast-demands .actor-label{font-size:5.5px!important}.cast-projects .actor-label{font-size:5.5px!important}}