@media (max-width: 900px) {
    .site-header {
        padding: 16px 20px;
    }

    .btn-discord {
        right: 16px;
    }

    .hero-frame {
        padding: 48px 20px 64px;
    }

    .feature-grid {
        grid-template-columns: 1fr;
        padding: 0 16px;
    }

    .book-bar-track .book {
        width: clamp(100px, 26vw, 180px);
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    .book-bar-track {
        animation: none;
    }

    .btn-discord:hover {
        transform: translateY(-50%);
    }

    .glass-button:hover {
        transform: none;
    }
}