@media (max-width: 1199.98px) {
    .hero-copy {
        padding-top: 190px;
    }

    .hero-copy h1,
    .hero-copy h2 {
        font-size: clamp(3rem, 6vw, 5.6rem);
    }

    .overview-grid,
    .service-grid,
    .blog-grid,
    .hero-floating-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .destination-card,
    .destination-card-large {
        grid-column: span 6;
    }

    .about-grid,
    .golf-layout,
    .cta-shell {
        grid-template-columns: 1fr;
    }

    .hotel-card {
        grid-column: span 6;
    }

    .hotel-card-wide {
        grid-column: span 12;
    }
}

@media (max-width: 991.98px) {
    .header-fluid {
        padding-left: 24px;
        padding-right: 24px;
    }

    .header-topbar {
        display: none;
    }

    .site-navbar {
        padding: 14px 0;
    }

    .site-cta {
        width: 100%;
        margin-top: 12px;
        margin-left: 0;
    }

    .site-nav {
        padding: 20px 0 12px;
    }

    .hero-slide,
    .hero-slide .min-vh-100 {
        min-height: auto !important;
    }

    .hero-copy {
        padding: 170px 0 34px;
    }

    .hero-panel {
        margin-bottom: 86px;
    }

    .hero-control {
        display: none;
    }

    .hero-floating-strip {
        margin-top: -30px;
        padding-bottom: 18px;
    }

    .destination-grid,
    .hotel-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .destination-card,
    .destination-card-large,
    .hotel-card,
    .hotel-card-wide {
        grid-column: span 1;
    }

    .destination-card-large .destination-media img,
    .destination-media img,
    .hotel-card-wide .hotel-media img,
    .hotel-media img {
        height: 320px;
    }

    .about-copy,
    .golf-copy {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (max-width: 767.98px) {
    .section-space {
        padding: 82px 0;
    }

    .section-title {
        font-size: clamp(2rem, 9vw, 3.2rem);
    }

    .brand-logo-image {
        max-height: 58px;
    }

    .hero-copy {
        padding-top: 150px;
    }

    .hero-copy p {
        font-size: 16px;
    }

    .hero-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .hero-btn-primary,
    .hero-btn-secondary {
        width: 100%;
    }

    .hero-panel {
        padding: 28px;
        margin-bottom: 28px;
    }

    .hero-panel h2 {
        font-size: 34px;
    }

    .hero-panel-metrics,
    .cta-mini-grid,
    .golf-card-grid,
    .about-media-grid,
    .overview-grid,
    .service-grid,
    .blog-grid,
    .hero-floating-grid {
        grid-template-columns: 1fr;
    }

    .hero-feature-card,
    .metric-card,
    .service-card,
    .blog-card,
    .hotel-body,
    .destination-body,
    .about-card,
    .cta-box {
        padding: 24px;
    }

    .hero-floating-strip {
        margin-top: 0;
        padding-bottom: 8px;
    }

    .destination-grid,
    .hotel-grid {
        grid-template-columns: 1fr;
    }

    .golf-visual img {
        height: 420px;
    }

    .cta-shell {
        padding: 32px 24px;
    }

    .cta-line {
        flex-direction: column;
        align-items: flex-start;
    }

    .cta-line a,
    .cta-line p {
        text-align: left;
    }

    .footer-bottom {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 575.98px) {
    .header-fluid {
        padding-left: 18px;
        padding-right: 18px;
    }

    .site-navbar {
        padding: 12px 0;
    }

    .site-brand {
        gap: 12px;
        align-items: flex-start;
    }

    .brand-mark {
        width: 46px;
        height: 46px;
        font-size: 28px;
    }

    .hero-badge,
    .section-label,
    .metric-label,
    .destination-tag,
    .hotel-region,
    .blog-meta {
        letter-spacing: 0.1em;
    }

    .hero-copy h1,
    .hero-copy h2 {
        font-size: clamp(2.4rem, 12vw, 3.6rem);
    }

    .hero-panel,
    .hero-feature-card,
    .metric-card,
    .service-card,
    .blog-card,
    .hotel-body,
    .destination-body,
    .about-card,
    .cta-shell,
    .cta-box {
        padding: 22px;
    }

    .destination-card-large .destination-media img,
    .destination-media img,
    .hotel-card-wide .hotel-media img,
    .hotel-media img,
    .about-media-tall img {
        height: 260px;
        min-height: 260px;
    }
}