@media (max-width:720px){
  /* Hero orbit: use a true mobile-sized stage instead of scaling a 500px desktop stage. This keeps JS positioning and visual centering in the same coordinate system. */
  .hero-visual.orbit-system{min-height:360px!important;width:100%!important;overflow:visible!important;place-items:center!important}
  .orbit-stage{width:min(92vw,420px)!important;max-width:92vw!important;transform:none!important;left:auto!important;right:auto!important;margin:0 auto!important}
  .strategy-planet{width:150px!important}
  .strategy-planet span{font-size:6px!important;margin-bottom:13px!important}
  .strategy-planet strong{font-size:19px!important}
  .strategy-planet b{font-size:23px!important;margin:2px 0!important}
  .moving-skill,.star-skill{width:105px!important}
  .moving-skill span,.star-skill span{font-size:7.5px!important;padding:4px 7px 3px!important}
  .moving-skill i,.star-skill i{width:13px!important;height:13px!important}

  /* Featured work: mobile should read as a tight continuous stack, not six separate sections. */
  .work-section{padding-top:72px!important;padding-bottom:82px!important}
  .home-project-grid{gap:12px!important}
  .home-project-grid .project-card,.home-feature-grid .home-card,.home-feature-grid .home-feature,.home-feature-grid .home-closer{min-height:0!important;padding:18px!important}
  .home-project-grid .project-art,.home-feature-grid .home-logo-art,.home-feature-grid .feature-logo-art,.home-feature-grid .closer-logo-art{min-height:205px!important;padding:18px!important;flex:none!important}
  .home-project-grid .project-feature .project-art{min-height:225px!important;padding:12px!important}
  .home-project-grid .project-feature .project-art img{height:215px!important;max-height:215px!important}
  .home-project-grid .project-art img,.home-feature-grid .home-logo,.home-feature-grid .feature-logo-art .home-logo,.home-feature-grid .closer-logo-art .home-logo{max-height:205px!important}
  .home-project-grid .project-copy,.home-feature-grid .project-copy{padding-top:12px!important}
  .home-project-grid .project-copy h3,.home-feature-grid .project-copy h3{font-size:30px!important}

  /* Marketing discipline ticker: show the idea, not one giant word. */
  .marketing-track{font-size:31px!important;gap:18px!important;padding:15px 0!important;letter-spacing:-.045em!important;transform:rotate(-1deg)!important}

  /* Workflow: one deliberate bordered vertical system on mobile. */
  .workflow{grid-template-columns:1fr!important;border:1px solid #3b3b3b!important;margin-bottom:48px!important}
  .workflow div{padding:18px 16px!important;border-right:0!important;border-bottom:1px solid #3b3b3b!important;display:grid!important;grid-template-columns:44px 1fr!important;align-items:center!important}
  .workflow div:last-child{border-bottom:0!important}
  .workflow strong{margin:0!important}

  /* Contact: keep the address intentional and on one line. */
  .contact-row{min-width:0!important}
  .contact-row a{font-size:clamp(14px,4.1vw,18px)!important;letter-spacing:-.025em!important;white-space:nowrap!important;max-width:100%!important}
}
@media (max-width:390px){
  .orbit-stage{width:90vw!important;max-width:90vw!important}
  .hero-visual.orbit-system{min-height:335px!important}
  .strategy-planet{width:138px!important}
  .moving-skill,.star-skill{width:96px!important}
  .marketing-track{font-size:28px!important;gap:15px!important}
  .contact-row a{font-size:13.5px!important}
}