/* =================================================================== AC25 HERO section css =================================================================== */
.ac25-hero {
    & .ac25-hero__copy h1 { max-width: 640px; }

    & .ac25-hero__board {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: var(--sp15);
    }

    & .ac25-hero__big {
        grid-column: 1 / -1;
        display: flex; flex-direction: column;
        gap: var(--sp8);
        padding: var(--sp40);
        background: var(--white);
        border: 1px solid var(--line);
        border-top: 4px solid var(--primary);
        border-radius: var(--r-md);
        box-shadow: var(--shadow-sm);
    }

    & .ac25-hero__big-num {
        font-size: var(--f96);
        font-weight: 600;
        line-height: 1;
        letter-spacing: -.05em;
        color: var(--primary);
    }

    & .ac25-hero__big-label { font-size: var(--f18); font-weight: 500; color: var(--body); }

    & .ac25-hero__word {
        grid-column: 1 / -1;
        display: flex; align-items: center; justify-content: space-between;
        gap: var(--sp20);
        padding: var(--sp25) var(--sp30);
        background: var(--white);
        border-radius: var(--r-md);
        box-shadow: var(--shadow-sm);
    }

    & .ac25-hero__word-label {
        font-size: var(--f13);
        font-weight: 600;
        letter-spacing: .06em;
        text-transform: uppercase;
        color: var(--muted);
    }

    & .ac25-hero__word-value {
        font-size: var(--f32);
        font-weight: 600;
        letter-spacing: -.02em;
        background: var(--gradient-warm);
        -webkit-background-clip: text;
                background-clip: text;
        color: transparent;
    }

    & .ac25-hero__mini {
        display: flex; flex-direction: column;
        gap: var(--sp8);
        padding: var(--sp25);
        background: var(--white);
        border-radius: var(--r-md);
        box-shadow: var(--shadow-sm);
    }

    & .ac25-hero__mini-num {
        font-size: var(--f40);
        font-weight: 600;
        line-height: 1;
        letter-spacing: -.03em;
        color: var(--primary);
    }

    & .ac25-hero__mini-label { font-size: var(--f14); line-height: 1.45; color: var(--body); }

    & .ac25-hero__mini--accent .ac25-hero__mini-num { color: var(--accent); }
}

/* =================================================================== RESPONSIVE =================================================================== */
@media (max-width: 575.98px) {
    .ac25-hero {
        & .ac25-hero__board { grid-template-columns: 1fr; }
        & .ac25-hero__big { padding: var(--sp30) var(--sp25); }
        & .ac25-hero__word { flex-direction: column; align-items: flex-start; gap: var(--sp4); padding: var(--sp20); }
    }
}
