@media(max-width:800px){
  .route-head{justify-content:space-between}
  .head-action{margin-left:0;padding:0 .55rem;white-space:nowrap}
  .film-hero{display:grid;grid-template-rows:minmax(0,1fr);align-content:start;min-height:max(42rem,100svh);max-height:none;padding:calc(68px + env(safe-area-inset-top)) 1.1rem 0}
  .hero-media video{object-position:78% center;transform:scale(1.035)}
  .media-wash{background:linear-gradient(180deg,#071017b8 0%,#07101738 28%,#0710172e 54%,#071017e8 100%),radial-gradient(ellipse at 12% 48%,#071017c7 0%,#07101752 58%,transparent 100%)}
  .hero-content{grid-row:1;align-self:end;max-width:22rem;padding:0 0 calc(6.4rem + env(safe-area-inset-bottom))}
  .hero-sector{margin-bottom:.55rem;font-size:.68rem;letter-spacing:.13em}
  .hero-content h1{max-width:10.5ch;font-size:clamp(2.25rem,10.3vw,2.85rem);line-height:.92;letter-spacing:-.055em}
  .hero-copy{max-width:28ch;margin:.75rem 0 .9rem;font-size:.88rem;line-height:1.4}
  .film-hero .hero-actions{display:flex;align-items:center;gap:.9rem}
  .film-hero .hero-actions .route-cta{flex:none;justify-content:center;min-height:43px;padding:0 .85rem;font-size:.78rem}
  .film-hero .hero-actions .route-cta-secondary{min-height:40px;padding:.3rem 0;border:0;background:transparent;color:#fff;text-decoration:underline;text-decoration-color:#ffffff80;text-underline-offset:.3rem}
  .hero-product{position:relative;right:auto;bottom:auto;grid-row:3;align-self:end;justify-self:center;width:min(60vw,250px);margin:0 auto 28px}
  .hero-product img{max-height:25svh}
  .hero-controls{display:none}
  .hero-mobile-nav{position:absolute;z-index:4;right:1rem;bottom:max(.75rem,env(safe-area-inset-bottom));left:1rem;display:grid;grid-template-columns:48px minmax(0,1fr) 48px;min-height:56px;border:1px solid #ffffff4a;background:#071017d9;box-shadow:0 12px 28px #0006;backdrop-filter:blur(12px)}
  .hero-mobile-nav button{display:grid;place-items:center;min-width:48px;border:0;background:transparent;color:#fff;cursor:pointer}
  .hero-mobile-nav button:first-child{border-inline-end:1px solid #ffffff2e}
  .hero-mobile-nav button:last-child{border-inline-start:1px solid #ffffff2e}
  .hero-mobile-nav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .hero-mobile-current{display:flex;min-width:0;align-items:center;justify-content:center;gap:.65rem;padding:.45rem .75rem;text-align:center}
  .hero-mobile-current span{flex:none;color:var(--orange);font-size:.61rem;font-weight:850;letter-spacing:.08em}
  .hero-mobile-current strong{min-width:0;overflow:hidden;font-size:.78rem;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
  [dir="rtl"] .hero-mobile-nav svg{transform:scaleX(-1)}
}