.hero-v26-desc {
    max-width: 28rem;
}

@keyframes heroTitlePulse {
    0%, 100% { letter-spacing: -0.04em; }
    50% { letter-spacing: 0.01em; }
}

.hero-display-title {
    animation: heroTitlePulse 6s ease-in-out infinite;
}

/* -- Button hover states -- */
.hero-btn-primary {
    transition: filter 0.2s ease, transform 0.15s ease;
}
.hero-btn-primary:hover,
.hero-btn-primary:focus {
    filter: brightness(1.12);
    transform: translateY(-1px);
}

.hero-btn-outline-secondary {
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}
.hero-btn-outline-secondary:hover,
.hero-btn-outline-secondary:focus {
    background-color: var(--bs-secondary) !important;
    color: #fff !important;
    border-color: var(--bs-secondary) !important;
    transform: translateY(-1px);
}

.hero-btn-outline-primary-light {
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}
.hero-btn-outline-primary-light:hover,
.hero-btn-outline-primary-light:focus {
    background-color: var(--bs-primary) !important;
    color: #fff !important;
    border-color: var(--bs-primary) !important;
    transform: translateY(-1px);
}
.digest-sq-6  { width: 1.5rem;  height: 1.5rem;  flex-shrink: 0; }
.digest-sq-10 { width: 2.5rem;  height: 2.5rem;  flex-shrink: 0; }

/* subscribe v20 — split-screen editorial: geometry shared by both CSS frameworks, no colors */
.mxw-md {
    max-width: 28rem !important;
}

.mailing-split-collage__media {
    width: 100%;
    height: 18rem;
}

.mailing-split-collage__panel {
    width: 100%;
    padding: 2rem;
}

.mailing-split-collage__row {
    flex-direction: column;
    gap: 0.75rem;
}

.mailing-split-collage__input {
    padding: 0.75rem 1rem;
}

.mailing-split-collage__cta {
    padding: 0.75rem 1.5rem;
}

.mailing-split-collage__thanks-title {
    font-size: 1.125rem;
}

.mailing-split-collage__heading {
    writing-mode: horizontal-tb;
    font-size: 1.5rem;
}

@media (min-width: 640px) {
    .mailing-split-collage__row {
        flex-direction: row;
    }
}

/* vertical headline only from md+, where the panel becomes a side column */
@media (min-width: 768px) {
    .mailing-split-collage__grid {
        min-height: 36rem;
    }

    .mailing-split-collage__media,
    .mailing-split-collage__panel {
        width: 50%;
    }

    .mailing-split-collage__media {
        height: auto;
    }

    .mailing-split-collage__panel {
        padding: 3rem;
    }

    .mailing-split-collage__heading {
        writing-mode: vertical-rl;
        font-size: 1.875rem;
    }
}