.tl-track{will-change:transform}
.tx.bg-off .tl-track,.ts:not(.on) .tl-track{animation-play-state:paused}

@media (max-width:860px),(pointer:coarse){
  
  .hd,html.hd-scrolled .hd{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(20,20,20,.97)}
  .hd.light,html.hd-scrolled .hd.light{background:rgba(255,255,255,.97)}
  .hd{will-change:auto}
  .mm,.gal,.sx-scrim,.sx-panel,.st-badge,.st-city,.sp figcaption,.hd .nav .sub,.nav .sub,.rt-bg{-webkit-backdrop-filter:none;backdrop-filter:none}
  .gal{background:rgba(0,0,0,.72)}
  .sx-scrim{background:rgba(10,10,10,.6)}
  .sx-panel{background:#fff}
  .st-badge{background:#fff}
  .st-city{background:rgba(0,0,0,.62)}
  .sp figcaption{background:rgba(255,255,255,.95)}
  .rt-bg{background:rgba(6,6,9,.97)}
  .rt-bg::before,.rt-bg::after{filter:none;will-change:auto;animation:none;opacity:.35}
  
  .lg-ic::before{filter:blur(5px);animation:none;opacity:.7}
  
  .nv-pre .tag,.nv-pre .lead,.nv-pre .hero-cta>*,.nv-pre .stage-card,.brands.anim .brand b,.mm nav a,.mm-grp p{filter:none}
  
  .ph img{filter:drop-shadow(0 14px 10px rgba(0,0,0,.16))}
  .ts.presenta.on{animation:none}
  .ts.presenta{transition:none}
}
@media (max-width:760px){
  
  .tl-view{-webkit-mask-image:none;mask-image:none;position:relative}
  .tl-view::before,.tl-view::after{content:"";position:absolute;top:0;bottom:0;width:8%;z-index:1;pointer-events:none}
  .tl-view::before{left:0;background:linear-gradient(90deg,#fff,rgba(255,255,255,0))}
  .tl-view::after{right:0;background:linear-gradient(270deg,#fff,rgba(255,255,255,0))}
}