@font-face{

    font-family:"Vatsal-logo";

    src:url("../../assets/data/vatsal-logo-font.ttf")
    format("truetype");

    font-display:swap;
}

.vatsal-related{

    width:min(1120px,calc(100% - 32px));

    margin:40px auto 20px;

    text-align:center;
}

.vatsal-related[hidden]{

    display:none !important;
}

.vatsal-related-title{

    font-family:"Vatsal-logo" !important;
    
    margin:0 0 18px;

    font-size:1.4rem;

    font-weight:700;
}

.vatsal-related-grid{

    display:grid;

    grid-template-columns:repeat(2,minmax(0,1fr));

    gap:16px;
}

.related-card{

    display:block;

    aspect-ratio:16/9;

    overflow:hidden;

    border-radius:16px;

    text-decoration:none;

    transition:transform .25s ease;
}

.related-card:hover{

    transform:translateY(-4px);
}

.related-card img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;
}

.vatsal-footer{

    margin:24px 0;
}

.vatsal-footer a{

    font-family:"Vatsal-logo" !important;

    text-decoration:none;

    color:inherit;
}

@media(max-width:768px){

    .vatsal-related-grid{

        grid-template-columns:1fr;
    }

}