/* Prevent legacy Elementor Theme Builder locations from wrapping redesigned routes. */
.grantbank-redesign-page .elementor-location-header,
.grantbank-redesign-page .elementor-location-footer,
.grantbank-redesign-page .hfe-site-header,
.grantbank-redesign-page .hfe-site-footer {
    display: none !important;
}

/* Content must never disappear if another WordPress plugin interrupts JavaScript. */
.grantbank-redesign-page .reveal {
    opacity: 1;
    transform: none;
}

html,
body.grantbank-redesign-page {
    max-width: 100%;
    overflow-x: hidden;
}

.grantbank-redesign-page .button {
    color: #fff;
}

.grantbank-redesign-page .button.white {
    color: #234e9b;
}

@media (max-width: 900px) {
    .grantbank-redesign-page .hero-panel {
        height: 520px;
    }

    .grantbank-redesign-page .funding-card {
        top: 48px;
    }

    .grantbank-redesign-page .sector-card {
        left: 72px;
        right: 28px;
        bottom: 38px;
    }
}

@media (max-width: 600px) {
    /* Phone-only type scale. Tablet and desktop heading sizes are unchanged. */
    .grantbank-redesign-page .hero h1,
    .grantbank-redesign-page .playbook-copy h1 {
        max-width: 100%;
        font-size: 40px;
        line-height: 1.08;
        letter-spacing: -0.035em;
        overflow-wrap: normal;
        word-break: normal;
    }

    .grantbank-redesign-page .problem h2,
    .grantbank-redesign-page .section-heading h2,
    .grantbank-redesign-page .founder h2,
    .grantbank-redesign-page .cta-section h2,
    .grantbank-redesign-page .playbook-problem h2 {
        max-width: 100%;
        font-size: 32px;
        line-height: 1.14;
        letter-spacing: -0.03em;
        overflow-wrap: normal;
        word-break: normal;
    }

    .grantbank-redesign-page .playbook-quote blockquote {
        font-size: 28px;
        line-height: 1.3;
    }

    .grantbank-redesign-page .playbook-copy {
        min-width: 0;
        max-width: 100%;
    }

    .grantbank-redesign-page .playbook-copy h1 {
        font-size: 36px;
    }

    .grantbank-redesign-page .playbook-copy .eyebrow {
        max-width: 100%;
        gap: 8px;
        font-size: 11px;
        letter-spacing: 0.1em;
    }

    .grantbank-redesign-page .playbook-copy .eyebrow > span {
        width: 20px;
        flex: 0 0 20px;
    }

    .grantbank-redesign-page .hero-panel {
        height: 440px;
    }

    .grantbank-redesign-page .funding-card {
        top: 26px;
        left: 18px;
        right: 18px;
        padding: 20px;
    }

    .grantbank-redesign-page .funding-card strong {
        font-size: 52px;
    }

    .grantbank-redesign-page .sector-card {
        left: 34px;
        right: 18px;
        bottom: 22px;
        padding: 16px 18px;
    }

    .grantbank-redesign-page .sector-card small {
        display: block;
        line-height: 1.5;
    }

    .grantbank-redesign-page .trust-strip {
        overflow: visible;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .grantbank-redesign-page .trust-strip div {
        width: auto;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 10px 20px;
    }
}