/* =================================================================== HOME 2027 section css =================================================================== */
/* "What's next" strip right after HOME FINDINGS (2026 results → 2027 survey), promoting
   agency-core-2027.html. Continues the white findings section: no top padding, and a negative
   top margin halves the findings section's bottom gap so the strip reads as its follow-on.
   The section itself has no background, so the overlap never hides findings content. */
.home-2027 {
    position: relative;   /* paint above .home-findings (positioned) where the negative margin overlaps it */
    z-index: 1;
    margin-top: calc(var(--sectionGap) / -2);
    padding-bottom: var(--sectionGap);

    & .home-2027__strip {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: center;
        gap: var(--sp40);
        padding: var(--sp30) var(--sp40);
        background: var(--white);
        border: 1px solid var(--line);
        border-left: 4px solid var(--primary);
        border-radius: var(--r-md);
        box-shadow: var(--shadow-sm);
    }

    & .home-2027__badge {
        display: flex; flex-direction: column; align-items: center; justify-content: center;
        width: 110px; height: 110px;
        background-image: var(--gradient1);
        border-radius: var(--r-md);
        color: var(--white);
        text-align: center;
    }
    & .home-2027__badge-label { font-size: var(--f13); font-weight: 600; letter-spacing: .08em; text-transform: uppercase; opacity: .85; }
    & .home-2027__badge-year { font-size: var(--f32); font-weight: 700; line-height: 1.1; letter-spacing: -.02em; }

    & .home-2027__title { margin-top: var(--sp10); font-size: var(--f28); }
    & .home-2027__text { margin-top: var(--sp4); }

    & .home-2027__actions { flex-wrap: nowrap; }
}

/* =================================================================== RESPONSIVE =================================================================== */
@media (max-width: 1199.98px) {
    .home-2027 {
        & .home-2027__strip { grid-template-columns: auto minmax(0, 1fr); gap: var(--sp25) var(--sp30); }
        & .home-2027__actions { grid-column: 2; }
    }
}

@media (max-width: 767.98px) {
    .home-2027 {
        & .home-2027__strip { grid-template-columns: 1fr; padding: var(--sp25) var(--sp20); }
        & .home-2027__badge { flex-direction: row; gap: var(--sp8); width: auto; height: auto; padding: var(--sp8) var(--sp15); justify-self: start; }
        & .home-2027__badge-year { font-size: var(--f20); }
        & .home-2027__actions { grid-column: auto; flex-wrap: wrap; }
    }
}