.references .reference{margin-bottom:2rem}@media (min-width:768px){.references .reference{margin-bottom:3rem}}.references .reference__content{display:flex;height:100%;background-color:var(--clr-grey);padding:1rem;flex-direction:column;gap:2rem}@media (min-width:768px){.references .reference__content{padding:2rem}}.references .reference__image{height:100%;width:100%;object-fit:cover}.reference .infobox{display:flex;gap:1rem;flex-direction:column;background-color:var(--clr-grey-dark);padding:1.5rem}@media (max-width:767.98px){.reference .infobox{padding:2rem;gap:2rem}}.reference .infobox a{--font-clr: var(--clr-grey-light);transition:var(--transition)}.reference .infobox a:hover{--font-clr: var(--clr-white)}