/* Mobile artwork has a real layout slot, not desktop viewport coordinates. */
.mobile-mark { display:none; }
@media(max-width:860px) {
 html,body { overflow-x:clip; width:100%; }
 html { scroll-padding-top:0; }
 /* Retain the original scroll holds when content fits; tall content flows. */
 .scroll-chapter:not(.chapter-flow) { height:calc(var(--chapter-height,100svh) + 45svh); }
 .scroll-chapter:not(.chapter-flow)>section { position:sticky; top:0; }
 #hero,#manifest,#services,#proof,#contact-home {
   display:block; height:auto; min-height:0;
   padding:calc(var(--menu-height,80px) + 20px) 20px 64px;
 }
 .mobile-mark { display:block; width:min(100%,400px); aspect-ratio:1; margin:0 auto 28px; }
 #hero .hero-copy,#manifest .section-copy,#services .section-copy,#proof .proof-copy,#contact-home .download-copy {
   position:relative; top:auto; width:100%; max-width:none; margin:0;
   transform:none; min-width:0;
 }
 #proof .proof-copy { padding:0; }
 #manifest .glass-copy::before,#services .glass-copy::before,#proof .glass-copy::before { display:none; }
 #studio-home .release-poster { display:block; padding:0; min-height:0; }
 #studio-home .release-model { position:relative; inset:auto; transform:none; width:min(100%,400px); aspect-ratio:1; margin:0 auto 28px; }
 #studio-home .release-copy { margin:0; width:100%; min-width:0; }
 #contact-home .download-copy:focus-within { transform:none; }
 #contact-home .intro,#contact-home h2 { white-space:normal; max-width:none; }
 .ending { overflow:clip; }
 #works,.tamer-experience { overflow:clip; }
 .release-download,.button { max-width:100%; }
 footer,footer nav { min-width:0; flex-wrap:wrap; }
}