/*********************************************
 * Project slider
**********************************************/
.vii-project-slider {container:project-slider / inline-size;}
.vii-project-slider__slider {margin:0 -12px;}
.vii-project-slider-item {width:50%; padding:0 12px;}

.vii-project-slider-item__thumbnail {aspect-ratio:667/447;}
.vii-project-slider-item__excerpt {max-width:600px;}

/* missing title */
.vii-project-slider:not(:has(.vii-project-slider__title)) .flickity-button {--flkt-position:-7px; top:40%;}

@container project-slider (max-width:768px) {
    .vii-project-slider__header {margin-bottom:var(--vii-spacing-32);}

    .vii-project-slider__slider {margin:0 -20px;}
    .vii-project-slider-item {--w:clamp(250px, 80vw, 400px); width:var(--w); padding:0 0 0 20px;}
    .vii-project-slider-item:last-child {padding-right:20px; width:calc(var(--w) + 20px);}
}