@media (max-width: 1024px){

    .pass-facts-inner{
        grid-template-columns:repeat(2,1fr);
    }

    .nav-container{
        width:90%;
    }

    .hero-inner h1,
    .manifesto h2,
    .hotel-intro h2,
    .restaurant-content h2,
    .experience-head h2,
    .gallery-title h2,
    .contact-content h2{
        font-size:clamp(46px, 10vw, 82px);
    }

    .room-grid{
        grid-template-columns:1fr;
    }

    .room-card,
    .room-card.large{
        height:520px;
    }

    .experience-item{
        grid-template-columns:1fr;
        gap:20px;
    }

    .experience-item img{
        height:360px;
    }

    .footer-inner{
        grid-template-columns:1fr;
        gap:42px;
    }
}

@media (max-width: 640px){

    .hotel-intro .section-kicker{
        margin-bottom:20px;
    }

    .hotel-intro h2{
        line-height:1.06;
    }

    .pass-facts-inner{
        width:88%;
        grid-template-columns:1fr 1fr;
    }

    .pass-facts-inner div{
        padding:24px 14px;
        border-bottom:1px solid rgba(255,255,255,.1);
    }

    .pass-facts strong{
        font-size:22px;
    }

    .pass-facts span{
        font-size:10px;
    }

    .section-link-row{
        width:88%;
        align-items:flex-start;
        flex-direction:column;
    }

    .mobile-menu nav{
        gap:22px;
    }

    .mobile-menu nav a{
        font-size:clamp(30px, 10vw, 42px);
    }

    .site-header{
        height:74px;
    }

    .brand-logo{
        font-size:11px;
    }

    .book-btn{
        padding:11px 18px;
        font-size:11px;
    }

    .hero-premium{
        min-height:100vh;
    }

    .hero-inner{
        width:88%;
        padding-top:90px;
    }

    .hero-inner p,
    .manifesto p,
    .hotel-intro p,
    .restaurant-content p,
    .contact-content p{
        font-size:17px;
        line-height:1.8;
    }

    .hero-actions,
    .contact-actions{
        flex-direction:column;
        align-items:flex-start;
    }

    .manifesto{
        padding:120px 0 95px;
    }

    .full-bleed-image{
        height:70vh;
        min-height:480px;
    }

    .hotel-showcase,
    .restaurant-experience,
    .experience-section,
    .gallery-section{
        padding:110px 0;
    }

    .room-card,
    .room-card.large{
        height:500px;
    }

    .room-card-content h3{
        font-size:34px;
    }

    .experience-item{
        padding:42px 0;
    }

    .experience-item img{
        height:280px;
    }

    .contact-hero{
        min-height:85vh;
    }

    .footer-bottom{
        flex-direction:column;
    }

    .footer-logo{
        font-size:19px;
        letter-spacing:.2em;
        overflow-wrap:anywhere;
    }

    .footer-inner{
        width:88%;
        gap:34px;
        padding-bottom:48px;
    }

    .footer-bottom{
        width:88%;
    }
}