/* Shared mobile ergonomics; decorative artwork stays out of the touch flow. */
@media(max-width:767px){
  html{scroll-padding-top:76px;-webkit-text-size-adjust:100%}
  a,button{touch-action:manipulation}
  body[data-template="home"] #site-header{position:sticky;top:0;z-index:1000;background:#242321}
  body[data-template="home"] #site-menu .main-nav-link{min-height:48px}
  body[data-template="home"] #intro{scroll-margin-top:56px}
  body[data-template="home"] #sponsors .section-content{background:#242321;border:1px solid #c8b6ff30;border-radius:14px;padding:20px;position:relative;z-index:2}
  body[data-template="home"] #sponsors .section-text{width:100%;max-width:100%}
  body[data-template="home"] #sponsors .section-sub-heading{font-size:16px;line-height:1.5}
  body[data-template="home"] .feature-section .section-text{top:72px;width:calc(100vw - 32px);max-width:calc(100vw - 32px)}
  body[data-template="home"] .feature-section .section-text-heading p{font-size:16px;line-height:1.4}
  body[data-template="home"] .feature-links{visibility:hidden;pointer-events:none}
  body[data-template="home"] .home-progress-card{padding-bottom:env(safe-area-inset-bottom,0px)}
  body[data-page] #site-menu ul{display:grid;grid-template-columns:1fr 1.6fr 1fr 1.35fr;width:100%;gap:2px}
  body[data-page] #site-menu .main-nav-link{font-size:11px;min-height:60px;padding:9px 2px;letter-spacing:0;text-align:center;justify-content:center;flex-direction:column}
  body[data-page] .replay,body[data-page] .ascii-toggle{min-height:44px;min-width:100px;font-size:12px;padding:10px 14px}
  body[data-page] .text-link{min-height:44px;align-items:center;font-size:16px}
  body[data-page] .eyebrow,body[data-page] .row-copy .row-meta,body[data-page] figcaption{font-size:12px;letter-spacing:.02em}
  body[data-page] .hero-visual figcaption{font-size:12px}
  body[data-page] .contact-button{min-height:48px;max-width:100%;gap:20px;align-items:center}
  .studio-footer-nav nav{width:100%;display:grid;grid-template-columns:1fr 1.5fr;gap:4px 16px}
  .studio-footer-nav nav a{min-height:44px;display:flex;align-items:center;font-size:14px}
  .studio-footer .studio-footer-bottom,.studio-footer .studio-footer-bottom small,.studio-footer-contact small{font-size:12px}
  .studio-footer-bottom a{display:inline-flex;min-height:44px;align-items:center}
  #site-footer.studio-footer{padding-bottom:max(24px,env(safe-area-inset-bottom))}
}
@media(max-width:350px){body[data-page] #site-menu .main-nav-link{font-size:10px}.studio-footer-contact{padding-left:14px}}