/* Layout refinements for content without optional eyebrow labels or hero media. */
.hero--no-media {
    align-items: center;
    grid-template-columns: minmax(0, 1fr);
    height: auto;
    min-height: clamp(36rem, 68svh, 46rem);
    background:
        radial-gradient(circle at 82% 28%, rgba(6, 99, 139, 0.24), transparent 30rem),
        var(--ink);
}

.hero--no-media .hero__content {
    min-width: 0;
    padding-top: clamp(6rem, 12vh, 8rem);
    padding-bottom: clamp(6rem, 12vh, 8rem);
}

.hero--no-media .hero__scrim {
    background: linear-gradient(90deg, rgba(0, 21, 29, 0.92) 0%, rgba(0, 21, 29, 0.62) 58%, rgba(0, 21, 29, 0.18) 100%);
}

@media (max-width: 780px) {
    .hero--no-media {
        align-items: end;
        min-height: 34rem;
    }

    .hero--no-media .hero__content {
        width: calc(100% - 2.4rem);
        max-width: var(--container);
        margin-inline: auto;
        padding-top: 7rem;
        padding-bottom: 5rem;
    }

    .hero--no-media h1,
    .hero--no-media .hero__lead,
    .hero--no-media .button-row {
        max-width: 100%;
    }

    .hero--no-media h1 {
        overflow-wrap: break-word;
        font-size: clamp(2.55rem, 11.2vw, 3.35rem);
        text-wrap: wrap;
    }

    .hero--no-media .button {
        white-space: normal;
    }
}