.mobile-menu-toggle{display:none}

@media(max-width:980px){
  .site-head{position:sticky;top:0}
  .head-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 14px;min-height:68px;padding:10px 0}
  .brand-lock{min-width:0;width:max-content}
  .brand-lock img{width:132px}
  .product-lock{flex:0 0 auto}
  .mobile-menu-toggle{align-items:center;background:#fff;border:1px solid #bcd0c7;border-radius:999px;color:var(--story-ink);cursor:pointer;display:flex;font:800 12px Manrope,Inter,ui-sans-serif,system-ui,sans-serif;gap:9px;justify-content:center;min-height:44px;padding:0 14px}
  .mobile-menu-icon{display:grid;gap:5px;width:16px}
  .mobile-menu-icon i{background:currentColor;border-radius:999px;display:block;height:2px;transition:transform .2s ease;width:16px}
  .mobile-menu-toggle[aria-expanded="true"] .mobile-menu-icon i:first-child{transform:translateY(3.5px) rotate(45deg)}
  .mobile-menu-toggle[aria-expanded="true"] .mobile-menu-icon i:last-child{transform:translateY(-3.5px) rotate(-45deg)}
  .nav{border-top:1px solid var(--story-line);display:grid;gap:0 10px;grid-column:1/-1;grid-template-columns:auto minmax(0,1fr) auto;margin-top:10px;padding:7px 0 4px;width:100%}
  .menu-ready .nav:not(.is-open){display:none}
  .nav .nav-primary,.nav>a:not(.nav-book){align-items:center;border-bottom:1px solid #e4ece8;display:flex;font-size:15px;font-weight:750;grid-column:1/-1;justify-content:space-between;min-height:48px;padding:0 2px}
  .nav .nav-primary:after{bottom:auto;color:#158464;content:'\2192';font-size:18px;height:auto;left:auto;position:static;transform:none;width:auto}
  .nav .language{align-self:center;grid-column:1;margin:12px 0 5px}
  .nav .language button{height:44px;width:42px}
  .site-head .nav>a.nav-book{align-items:center;border:1px solid #bcd0c7;border-radius:8px;display:inline-flex;font-size:12px;grid-column:2;justify-content:center;margin:12px 0 5px;min-height:44px;padding:0 13px;text-align:center}
  .nav .nav-book:after{display:none}
  .nav .login-trigger{align-self:center;font-size:12px;grid-column:3;justify-self:end;margin:12px 0 5px;min-height:44px;padding:0 15px}
}

@media(max-width:800px){
  .story-hero{padding-top:34px}
  .story-hero>.wrap{display:grid;gap:0;grid-template-columns:minmax(0,1fr)}
  .hero-intro{display:contents}
  .hero-intro h1{font-size:clamp(36px,10.5vw,48px);margin:0 0 24px;order:1;text-align:center}
  .film-frame{margin:0 auto;order:2;width:100%}
  .hero-intro p{font-size:16px;line-height:1.65;margin:25px auto 20px;max-width:680px;order:3;text-align:center}
  .hero-intro .cta-button{justify-self:center;order:4}
  .hero-points{margin-top:24px;order:5}

  .connection-grid,.feature-row,.feature-row.reverse,.collab-stage,.trace-lab{min-width:0}
  .feature-copy,.feature-media,.trace-controls,.trace-workspace,.team-map,.team-review{min-width:0}
}

@media(max-width:480px){
  .head-inner{min-height:64px}
  .brand-lock{gap:9px}
  .brand-lock img{width:112px}
  .product-lock{padding-left:9px}
  .product-lock strong{font-size:19px}
  .mobile-menu-toggle{padding:0 12px}
  .story-hero{padding-top:30px}
  .hero-intro h1{font-size:clamp(34px,10.2vw,42px);margin-bottom:20px}
  .film-launch{padding:8px}
  .film-play-icon{height:36px;width:36px}
  .film-launch-copy small{display:none}
  .hero-intro p{margin-top:22px}
}

@media(prefers-reduced-motion:reduce){.mobile-menu-icon i{transition:none}}