/* Sterkere visuele dashboardheader in de Nordlane-stijl. */
.nl-wrap .nl-hero {
    position: relative;
    isolation: isolate;
    min-height: 340px;
    overflow: hidden;
    align-items: flex-end;
    background-color: #111111;
    background-image:
        linear-gradient(90deg,
            rgba(0, 0, 0, .97) 0%,
            rgba(0, 0, 0, .89) 38%,
            rgba(0, 0, 0, .72) 68%,
            rgba(0, 0, 0, .48) 100%),
        url('ferrari-portal.jpg');
    background-position: center center;
    background-size: cover;
    color: #ffffff;
}

.nl-wrap .nl-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(0deg, rgba(0, 0, 0, .28), transparent 55%);
    pointer-events: none;
}

.nl-wrap .nl-hero > * {
    position: relative;
    z-index: 1;
}

.nl-wrap .nl-hero h1,
.nl-wrap .nl-hero p,
.nl-wrap .nl-hero .nl-kicker,
.nl-wrap .nl-hero-count strong,
.nl-wrap .nl-hero-count span {
    color: #ffffff;
    text-shadow: 0 2px 16px rgba(0, 0, 0, .95);
}

.nl-wrap .nl-hero h1 {
    font-weight: 500;
    max-width: 750px;
}

.nl-wrap .nl-hero p {
    font-weight: 500;
    max-width: 650px;
}

.nl-wrap .nl-hero-count {
    min-width: 180px;
    padding: 20px;
    border: 0;
    background: rgba(0, 0, 0, .86);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.nl-wrap .nl-car {
    transition: transform .2s ease, box-shadow .2s ease;
}

.nl-wrap .nl-car:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 35px rgba(17, 17, 17, .08);
}

.nl-wrap .nl-status {
    background: #111111;
    color: #ffffff;
}

@media (max-width: 850px) {
    .nl-wrap .nl-hero {
        min-height: 430px;
        background-position: 62% center;
        background-image:
            linear-gradient(90deg,
                rgba(0, 0, 0, .96) 0%,
                rgba(0, 0, 0, .84) 58%,
                rgba(0, 0, 0, .55) 100%),
            url('ferrari-portal.jpg');
    }

    .nl-wrap .nl-hero-count {
        border-top: 0;
        padding: 15px 18px;
    }
}
