/*********************************************
 * Page grid
**********************************************/
.vii-page-grid {--grid-gap-x:12px;--grid-gap-y:12px;}
.vii-page-grid__item-inner {
    aspect-ratio:440 / 205;
    padding:20px;
}
.vii-page-grid__item-thumbnail::before {
    content:"";display:block;
    position:absolute;
    inset:0;z-index:1;background-color:rgba(0, 0, 0, .4);
}
.vii-page-grid__item-title {
    max-width:310px;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
    text-overflow:ellipsis;
}
.vii-page-grid__item-inner:focus {border-radius:8px;}


/*********************************************
 * Responsive page grid
**********************************************/