@media (min-width:700px){
  .page{padding-left:32px;padding-right:32px}
  .rail{margin:0 -32px;padding:0 32px 4px}
  .hero{margin-left:-32px;margin-right:-32px}
  .hero-top{left:32px;right:32px}
  .hs-body{padding:0 32px 60px}
  .hero-dots{left:32px}
  .rail .tile{width:168px}
  .rail.big .tile{width:210px}
  .grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:28px 18px}
  .d-poster{width:200px}
}
@media (orientation:landscape) and (max-height:520px){
  body[data-page="watch"] .nav{display:none}
  body[data-page="watch"] .page{padding-bottom:40px}
}