.hero .hero-welcome-photo .hero-welcome-video,
.hero .hero-welcome-photo .hero-welcome-video-fallback {
  display: block;
  width: 100%;
  max-height: 340px;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: center;
  border-radius: 24px;
  border: 1px solid var(--line);
  box-shadow: 0 24px 70px rgba(0, 0, 0, .48);
  background: #090705;
}
.hero .hero-welcome-photo .hero-welcome-video-fallback { display: none; }
@media (max-width: 1100px) {
  .hero .hero-welcome-photo .hero-welcome-video,
  .hero .hero-welcome-photo .hero-welcome-video-fallback { max-height: 320px; }
}
@media (max-width: 720px) {
  .hero .hero-welcome-photo .hero-welcome-video,
  .hero .hero-welcome-photo .hero-welcome-video-fallback {
    max-height: 220px;
    border-radius: 18px;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .40);
  }
}
@media (max-width: 460px) {
  .hero .hero-welcome-photo .hero-welcome-video,
  .hero .hero-welcome-photo .hero-welcome-video-fallback { max-height: 190px; }
}
@media (prefers-reduced-motion: reduce) {
  .hero .hero-welcome-photo .hero-welcome-video { display: none; }
  .hero .hero-welcome-photo .hero-welcome-video-fallback { display: block; }
}