@import "../components/pillar_card.css";

.pillar-strip {
    background: var(--off-white);
    padding: 88px 50px;
}

.pillar-strip--white {
    background: var(--white);
}

.pillar-strip__inner {
    max-width: var(--content-max-width);;
    margin: 0 auto;
}

.pillar-strip__header {
    text-align: center;
    margin-bottom: 52px;
}

.pillar-strip__title {
    margin: 0;
    font-size: var(--font-size-4xl);
    font-weight: var(--font-lightbold);
    color: var(--color-black);
    letter-spacing: var(--letter-spacing-tight);
    line-height: 1.2;
}

.pillar-strip__grid {
    display: flex;
    align-items: stretch;
}

.pillar-strip__grid .pillar-card + .pillar-card {
    border-left: 1px solid var(--color-border);
}

@media (max-width: 1024px) {
    .pillar-strip {
        padding: 60px 48px;
    }
}

@media (max-width: 700px) {
    .pillar-strip {
        padding: 50px 24px;
    }

    .pillar-strip__header {
        margin-bottom: 36px;
    }

    .pillar-strip__grid {
        flex-direction: column;
        gap: 0;
    }

    .pillar-strip__grid .pillar-card + .pillar-card {
        border-left: none;
        border-top: 1px solid var(--color-border);
    }
}