@media(min-width:1200px) {
    body p {
        font-size: 16px
    }

    .eyebrow {
        font-size: 11px
    }

    .planning-hero__copy>p:not(.eyebrow),
    .destination-hero-copy>p:not(.eyebrow),
    .services-hero__copy>p:not(.eyebrow),
    .journal-hero-copy>p:last-child,
    .about-hero-copy>p:last-child,
    .hero-copy>p:last-child {
        font-size: 18px;
        line-height: 1.65
    }
}

.planning-hero__wash,
.destination-hero-overlay,
.services-hero__overlay,
.journal-hero-overlay,
.about-hero-overlay,
.connect-hero .hero-overlay {
    background: linear-gradient(90deg, rgba(10, 24, 20, .68) 0%, rgba(10, 24, 20, .52) 28%, rgba(10, 24, 20, .28) 56%, rgba(10, 24, 20, .08) 76%, transparent 100%)
}

@media(min-width:1200px) {
    body[data-page="planning"] .planning-hero__copy {
        max-width: 820px
    }

    body[data-page="planning"] .how-it-works h2,
    body[data-page="planning"] .planning-options h2,
    body[data-page="planning"] .split-band h2,
    body[data-page="planning"] .faq-preview h2 {
        font-size: clamp(44px, 3.8vw, 64px)
    }

    body[data-page="planning"] .service-panel__body,
    body[data-page="planning"] .how-step p,
    body[data-page="planning"] .split-band__copy>p:not(.eyebrow):not(.accent-italic) {
        font-size: 15px
    }

    body[data-page="planning"] .decision-support .split-band,
    body[data-page="planning"] .begin-planning .split-band {
        min-height: 250px
    }

    body[data-page="planning"] .decision-support .split-band__media,
    body[data-page="planning"] .begin-planning .split-band__media {
        min-height: 250px
    }

    body[data-page="planning"] .decision-support .split-band__copy,
    body[data-page="planning"] .begin-planning .split-band__copy {
        padding: 38px 48px
    }

    body[data-page="destinations"] .planning-cta {
        min-height: 410px
    }

    body[data-page="destinations"] .planning-cta h2 {
        font-size: clamp(48px, 4.5vw, 72px)
    }

    body[data-page="about"] .point-of-view {
        min-height: 370px
    }

    body[data-page="about"] .point-copy h2 {
        font-size: clamp(46px, 4.2vw, 68px)
    }

    body[data-page="about"] .point-lines {
        font-size: clamp(29px, 2.7vw, 43px)
    }

    body[data-page="about"] .guides {
        min-height: 500px;
        padding-block: 54px
    }

    body[data-page="about"] .guides-heading {
        margin-bottom: 50px
    }

    body[data-page="about"] .guides-grid h3 {
        font-size: 35px
    }

    body[data-page="about"] .guides-grid p {
        font-size: 15px
    }

    body[data-page="about"] .planning-bridge {
        min-height: 440px;
        grid-template-columns: 66% 34%
    }

    body[data-page="about"] .planning-copy-inner {
        width: min(840px, 86%);
        padding: 42px 0
    }

    body[data-page="about"] .planning-copy h2 {
        font-size: clamp(46px, 4.2vw, 68px)
    }

    body[data-page="journal"] .planning-bridge {
        min-height: 390px;
        grid-template-columns: 42% 58%
    }

    body[data-page="journal"] .planning-copy-inner {
        padding: 40px 0
    }

    body[data-page="journal"] .planning-copy h2 {
        font-size: clamp(45px, 4vw, 66px)
    }

    body[data-page="connect"] .hero-copy {
        max-width: 930px
    }

    body[data-page="connect"] .decision-grid {
        max-width: 1480px;
        gap: 46px
    }

    body[data-page="connect"] .decision-heading h2 {
        max-width: 1120px
    }

    body[data-page="connect"] .next-grid {
        max-width: 1500px;
        margin-inline: auto;
        gap: 54px
    }

    body[data-page="connect"] .contact-note {
        width: min(1720px, 94vw);
        margin: 0 auto;
        min-height: 300px;
        grid-template-columns: 34% 66%
    }

    body[data-page="connect"] .contact-note-copy {
        padding-inline: clamp(52px, 6vw, 110px)
    }

    body[data-page="connect"] .contact-note-copy h2 {
        font-size: clamp(43px, 3.7vw, 60px)
    }

    body[data-page="home"] .hero-copy {
        max-width: 900px
    }
}



@media(min-width:761px) and (max-width:1199px) {
    :root {
        --bmk-page: min(1120px, 92vw);
        --page: min(1120px, 92vw);
        --shell: min(1120px, 92vw)
    }
}