@media (max-width: 768px) {
    #hero-section .hero-content h1 {
        font-size: 2.4rem;
    }

    #about .about-content {
        flex-direction: column;
        gap: 30px;
    }
}

/* Reduced Motion: fallback image */
@media (prefers-reduced-motion: reduce) {
  #hero-section .yt-bg-wrapper { display: none; }
  #hero-section {
    background: url("assets/images/hero-fallback.jpg") center/cover no-repeat;
  }
}

@media (max-width: 469px) {
    #hero-section .btn-primary {
        margin-bottom: 15px;
    }
}

@media (min-aspect-ratio: 16/9) {
  #hero-section .yt-bg {
    width: 100vw;
    height: 56.25vw;
  }
}


@media (min-width: 992px) {
  .navbar .dropdown:hover > .dropdown-menu {
    display: block;
    margin-top: 0;
  }
  .navbar .dropdown-menu.show {
    display: block;
  }
}