.reference-layout{--cols: repeat(3, 1fr);--cols-gap: var(--gap-xl);display:grid;grid-template-columns:repeat(3,1fr);grid-template-columns:var(--cols);grid-gap:var(--cols-gap);gap:var(--cols-gap);padding-top:var(--gap-2xl);padding-bottom:var(--gap-2xl)}@media only screen and (max-width: 820px){.reference-layout{--cols-gap: var(--gap-l)}}@media only screen and (max-width: 560px){.reference-layout{--cols: repeat(2, 1fr)}}@media only screen and (max-width: 375px){.reference-layout{--cols: repeat(1, 1fr)}}.reference-card{--reference-card-title-color: #617DF7;container-type:inline-size;container-name:referenceCardContainer;position:relative;display:block;-webkit-text-decoration:none;text-decoration:none}@media (hover: hover){.reference-card:hover{--reference-card-title-color: #39E58E}.reference-card:hover .reference-card__media:after{position:absolute;top:0;left:0;content:"";width:100%;height:100%;background-color:#00000080}.reference-card:hover .button{opacity:1;z-index:1}}.reference-card .button{position:absolute;top:50%;left:50%;opacity:0;transform:translate(-50%,-50%) translateY(20px);transition:opacity .3s ease,transform .3s ease}.reference-card__media{position:relative;aspect-ratio:1/1;overflow:hidden}.reference-card__media>img{display:block;width:auto;height:100%}.reference-card h2{font-size:clamp(1.5rem,1.3409rem + .4545vw,1.75rem);color:var(--reference-card-title-color);transition:var(--trans-time) var(--trans-fnc)}.reference-card span{display:block;padding-top:var(--gap);padding-bottom:var(--gap-s)}