@media (max-width: 920px) {
    .hero { min-height: 360px; }
    .header-logo { width: min(420px, 76vw); }
    .nav-inner { width: calc(100% - 38px); overflow-x: auto; justify-content: flex-start; }
    .nav a { min-width: max-content; padding: 0 20px; }
}

@media (max-width: 560px) {
    .hero { min-height: 300px; }
    .hero-inner { padding: 24px 14px 30px; }
    .header-logo { width: min(315px, 88vw); margin-bottom: 10px; }
    .subtitle { gap: 9px; font-size: 16px; }
    .subtitle::before,
    .subtitle::after { width: 32px; }
    .nav-frame::before,
    .nav-frame::after { display: none; }
    .nav-inner { width: 100%; }
    .fel-lightning { display: none; }
    .fel-particles i:nth-child(even) { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}