/****************************
 * Key Figures 4 cols
****************************/
.vii-key-figures-4-cols__grid-inner,
.vii-key-figures-4-cols__content {
    max-width:calc(830px + var(--vii-gap-container) * 2);
    padding-left:var(--vii-gap-container); padding-right:var(--vii-gap-container);
}

/* grid */
.vii-key-figures-4-cols__grid {background:rgba(22, 22, 22, 0.5); mix-blend-mode:multiply;}
.vii-key-figures-4-cols__items {
    --grid-gap-x:24px;
    --grid-gap-y:30px;
    --grid-col:4;
}

/* text */
.vii-key-figures-4-cols__item-text {border-bottom:1px solid rgba(255, 255, 255, 0.5);}

/* number */
.vii-key-figures-4-cols__item-number {font-size:var(--vii-size-48); letter-spacing:0.01em;}

/* note */
.vii-key-figures-4-cols__note {left:100%; width:14vw;}

/****************************
 * Key Figures Responsive
****************************/
@media only screen and (max-width:1280px) {
    /* Reset position */
    .vii-key-figures-4-cols__note {position:initial; width:auto;}
}
@media only screen and (max-width:1024px) {
    .vii-key-figures-4-cols__items {
        --grid-gap-x:20px;
        --grid-col:2;
    }
}
@media only screen and (max-width:480px) {
    .vii-key-figures-4-cols__items {
        --grid-gap-y:24px;
    }
    .vii-key-figures-4-cols__item-text {font-size:14px; --vii-spacing-32:10px; padding-bottom:10px;}
}