@keyframes rotating{100%{transform:rotate(360deg)}}.reference-container{display:grid;grid-gap:4rem;grid-template-columns:repeat(1, 1fr)}@media(min-width: 575px){.reference-container{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 992px){.reference-container{grid-template-columns:repeat(3, 1fr)}}.reference-item{color:var(--text-color, #000);text-decoration:none;transition:color 300ms ease-in-out,background-color 300ms ease-in-out;border-radius:.4rem;overflow:hidden}.reference-item .reference-item-image{position:relative;overflow:hidden;aspect-ratio:16/9}.reference-item .reference-item-image::before{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-color:var(--main-color, #3883c4);opacity:.2;z-index:100}.reference-item .reference-item-image img{width:100%;height:100%;object-fit:cover;transition:300ms;aspect-ratio:16/9}.reference-item .reference-item-labels{position:absolute;top:1rem;right:1rem;display:flex;flex-wrap:wrap;z-index:1000}.reference-item .label-item{background:rgba(var(--main-color, #3883c4), 0.8);color:var(--base-white, #fff);display:inline-block;padding:.5rem 1rem;border-radius:.4rem}.reference-item .reference-item-content{padding:2rem}.reference-item .reference-item-perex{overflow:hidden;-webkit-line-clamp:4;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box}.reference-item .blog-item-date{color:var(--base-grey-dark, #939393);font-size:1.4rem;padding:0 0 .5rem 0}.reference-item h2{margin:0 0 clamp(0.4rem, 0.5095541401vw, 0.8rem) 0;transition:300ms}.reference-item .link{padding-top:clamp(0.8rem, 1.0191082803vw, 1.6rem);color:var(--main-color, #3883c4);font-weight:700}.reference-item:focus,.reference-item:hover{text-decoration:none;color:var(--text-color, #000);background-color:var(--base-grey, #f7f7f7)}.reference-item:focus img,.reference-item:hover img{transform:scale(1.05)}