@media (max-width: 899px) {
  .hero-360:has(> .hero-360__video) {
    flex-direction: column; align-items: stretch; justify-content: flex-end;
    padding-top: clamp(200px, 56vw, 300px);
  }
  .hero-360:has(> .hero-360__video) > .container { width: 100%; }
}

@media (max-width: 899px) {
  .hero-360:has(> .hero-360__video)::after { background: none; }
}