/* Exact implementation of Figma node 7:157 (transport). */
@media (min-width: 781px) {
    .transport.section--blue {
        padding: 64px 0;
        background: #dde8f8;
        border-radius: 64px;
    }

    .transport .container {
        width: min(calc(100% - 256px), 1440px);
        max-width: 1440px;
    }

    .transport__heading {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
        width: 100%;
        text-align: center;
    }

    .transport .section-title {
        margin: 0;
        font-family: 'Aeroport', Arial, sans-serif;
        font-size: 64px;
        font-weight: 500;
        line-height: 64px;
        letter-spacing: -4px;
    }

    .transport .section-lead {
        width: 100%;
        margin: 0;
        font-family: 'Aeroport', Arial, sans-serif;
        font-size: 20px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: -.25px;
        color: #212124;
    }

    .transport-grid {
        display: flex;
        align-items: center;
        width: 100%;
        max-width: none;
        margin-top: 48px;
        gap: 24px;
    }

    .transport-card {
        position: relative;
        display: flex;
        flex: 1 0 0;
        flex-direction: column;
        align-items: center;
        min-width: 1px;
        min-height: 0;
        padding: 0;
        overflow: visible;
        isolation: isolate;
        border-radius: 0;
        background: transparent;
    }

    .transport-card__visual {
        position: relative;
        z-index: 2;
        width: 100%;
        aspect-ratio: 475 / 293;
        margin-bottom: -140px;
        overflow: hidden;
        filter: drop-shadow(10px 10px 30px rgba(0, 0, 0, .07));
    }

    .transport-card__visual img {
        position: absolute;
        display: block;
        max-width: none;
        height: auto;
        object-fit: initial;
    }

    .transport-card:nth-child(1) .transport-card__visual img { top: -23.53%; left: 3.07%; width: 100%; height: 147.06%; }
    .transport-card:nth-child(2) .transport-card__visual img { top: -19.87%; left: 2.67%; width: 93.93%; height: 152.28%; }
    .transport-card:nth-child(3) .transport-card__visual img { top: -18.75%; left: 7.8%; width: 84.82%; height: 137.5%; }
    .transport-card:nth-child(4) .transport-card__visual img { top: -14.16%; left: 8.62%; width: 83.01%; height: 134.58%; }

    .transport-card__body {
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        height: 404px;
        padding: 172px 24px 24px;
        border-radius: 48px;
        background: #fff;
        text-align: center;
    }

    .transport-card__copy {
        display: flex;
        flex-direction: column;
        gap: 16px;
        width: 100%;
    }

    .transport-card h3,
    .transport-card p,
    .transport-card strong {
        width: 100%;
        margin: 0;
        font-family: 'Aeroport', Arial, sans-serif;
    }

    .transport-card h3,
    .transport-card strong {
        font-size: 32px;
        font-weight: 700;
        line-height: 32px;
        letter-spacing: 0;
        color: #212124;
    }

    .transport-card p {
        min-height: 48px;
        font-size: 20px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0;
        color: rgba(33, 33, 36, .72);
    }

    .transport-card strong {
        margin-top: 16px;
    }
}
