/* Reserve independent areas for the mobile hero copy, slide index and controls. */
@media(max-width:760px){
 .hero{height:calc(100svh - 57px - var(--safe-bottom));min-height:480px}
 .slide-copy{left:6%;right:6%;bottom:180px;max-width:none}
 .slide-copy .eyebrow{font-size:9px;letter-spacing:.16em;margin-bottom:20px}
 .slide-copy h1{font-size:clamp(44px,12vw,84px);line-height:1.02;letter-spacing:-.035em;white-space:nowrap}
 .slide-copy p{font-size:15px;line-height:1.6;margin-top:18px;max-width:100%}
 .slide-number{left:6%;right:auto;bottom:115px;font-size:16px;line-height:1.3}
 .slide-number small{font-size:9px}
 .hero-tools{left:6%;right:6%;bottom:24px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 16px;align-items:center}
 .hero-tools .explore{grid-column:1;grid-row:1;justify-self:start}
 .hero-tools .replay-intro{grid-column:2;grid-row:1;justify-self:end}
 .hero-tools .progress{grid-column:1/-1;grid-row:2;width:100%;min-width:0}
 .entry-bottom{align-items:center;grid-template-columns:minmax(0,1fr) auto}
 .entry-index{min-width:0;max-width:calc(100vw - 180px);line-height:1.25}
 .entry-index small{max-width:none;line-height:1.7;overflow-wrap:anywhere}
}
@media(max-width:760px) and (max-height:480px){
 .hero{min-height:0}
 .mast{height:60px}
 .mast-brand{font-size:22px}
 .slide-copy{right:30%;bottom:95px}
 .slide-copy .eyebrow{font-size:8px;margin-bottom:6px}
 .slide-copy h1{font-size:36px}
 .slide-copy p{font-size:12px;line-height:1.4;margin-top:6px}
 .slide-number{left:auto;right:6%;bottom:100px;font-size:14px}
 .hero-tools{bottom:16px;row-gap:10px}
 .entry-top{padding:16px 6%}
 .entry-brand{font-size:19px}
 .entry-brand small{font-size:6px;margin-top:6px}
 .entry-kicker,.entry-center>p.entry-sub{display:none}
 .entry-title{font-size:clamp(54px,13vw,90px)}
 .entry-chinese{font-size:16px;margin-top:12px}
 .entry-bottom{padding:16px 6%}
 .entry-index{font-size:15px}
 .entry-index small{font-size:6.5px;margin-top:6px}
 .enter-atelier{width:72px;height:72px;font-size:9px;gap:4px;padding:8px}
 .enter-atelier .ui-arrow{width:20px;height:20px}
}
@media(max-width:760px) and (min-height:481px) and (max-height:700px){
 .entry-top{padding-top:22px;padding-bottom:22px}
 .entry-center{min-height:0}
 .entry-kicker{margin-bottom:24px}
 .entry-chinese{margin-top:22px}
 .entry-center>p.entry-sub{margin-top:14px}
 .entry-bottom{padding-top:20px;padding-bottom:max(24px,env(safe-area-inset-bottom))}
 .entry-index{font-size:17px}
}