@media (max-width: 1180px) {
    .site-header.is-menu-open .mobile-nav-panel,
    .site-header.is-menu-open .mobile-nav-panel a,
    .site-header.is-menu-open .mobile-nav-panel button {
        pointer-events: auto !important;
    }
}

@media (max-width: 620px) {
    .hero-grid.hero-grid-showcase .hero-copy {
        min-width: 0;
    }

    .hero-grid.hero-grid-showcase .hero-title {
        max-width: 9ch;
        font-size: clamp(1.92rem, 11.8vw, 3rem);
        line-height: 0.96;
        letter-spacing: -0.05em;
    }

    .hero-grid.hero-grid-showcase .hero-title .text-gradient {
        display: block;
    }
}