.splash-video video {
    height: 60vh;
    width: 100%;
    object-fit: cover;
}

.splash-video img {
    height: 60vh;
    width: 100%;
    object-fit: cover;
}

.brand-preview .brand-logo {
    height: var(--brand-logo-height-l);
}

.brand-preview {
    --products-overlap: var(--space-sm);
    --info-padding: var(--space-md);
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 8em 1fr;
    width: 100%;
    justify-content: stretch;
    position: relative;
}

.brand-preview:not(:last-child) {
    margin-bottom: var(--space-md);
}

@media (min-width:1000px) {
    .brand-preview:not(:last-child) {
        margin-bottom: var(--space-lg);
    }
}

.brand-preview .brand-info {
    grid-column-start: 1;
    grid-column-end: span 1;
    grid-row-start: span 1;
    grid-row-end: -1;
    padding: var(--info-padding);
    padding-bottom: calc(var(--products-overlap) + var(--info-padding));
    display: flex;
    gap: var(--space-md);
    flex-direction: column;
    align-items: start;
    position: relative;
}

.brand-preview .brand-info p {
    font-size: var(--fs-sm);
}

.brand-preview .splash-image {
    width: 100%;
    object-fit: cover;
    position: absolute;
    z-index: -2;
}

.brand-preview .splash-image,
.brand-preview .blur {
    grid-column-start: 1;
    grid-column-end: -1;
    grid-row-start: 1;
    grid-row-end: span 2;
    height: 100%;
}

.brand-preview .blur {
    position: relative;
    overflow: hidden;
    z-index: -1;
}

.brand-preview .blur::after {
    display: block;
    content: "";
    width: 36em;
    aspect-ratio: 1;
    border-radius: 50%;
    position: absolute;
    bottom: -14em;
    left: -8em;
    background-color: rgba(224, 235, 235, 0.9);
    filter: blur(4em);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

@media (min-width:650px) {
    .brand-preview {
        --products-overlap: var(--space-xl);
        --info-padding: var(--space-lg);
        grid-template-columns: var(--grid-12);
        grid-template-rows: auto;
    }
    .brand-preview .brand-info {
        grid-column-end: span 4;
    }
    .brand-preview .splash-image,
    .brand-preview .blur {
        grid-column-start: 1;
        grid-column-end: -1;
        grid-row-start: 1;
        grid-row-end: span 1;
    }
    .brand-preview .blur::after {
        top: -14em;
        left: -18em;
        bottom: auto;
    }
    .brand-preview .brand-info {
        padding-right: 0;
    }
}


/* ambassadors on home */

.home-ambassadors-heading h2 {
    font-size: var(--fs-xxl);
    margin-bottom: var(--space-sm);
}

.home-ambassadors-heading p {
    font-size: var(--fs-lg);
}

.home-ambassadors-heading {
    padding: var(--space-xl) 0 var(--space-lg);
}


/* socials on home */

.socials-promo {
    display: grid;
    gap: var(--space-md);
    justify-content: stretch;
    padding: var(--space-xl) 0;
}

@media (min-width: 1000px) {
    .socials-promo {
        grid-template-columns: var(--grid-12);
    }
    .socials-promo .socials-text {
        min-width: 0px;
        grid-column: span 5;
    }
    .socials-promo .insta-feed {
        min-width: 0px;
        grid-column: span 7;
    }
}

.socials-promo .full-logo {
    height: var(--space-lg);
}

.socials-promo .socials-text {
    padding: var(--space-xl) 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
    text-align: center;
    justify-content: center;
}

.socials-promo .social-links ul {
    display: flex;
    gap: var(--space-sm);
    justify-content: center;
}

.socials-promo .insta-feed {
    display: grid;
    align-content: center;
    text-align: center;
    aspect-ratio: 1/1;
}


.melding{border: 1px solid #FFF; background-color: #24404F; color: #FFFfff; margin-bottom:10px; padding: 10px; border-radius: .4rem; font-size:13px;}