.collage{--card-height:224px;display:grid;gap:var(--spacing-4)}@media screen and (min-width:481px){.collage{gap:var(--spacing-6)}}@media screen and (min-width:835px){.collage{gap:var(--spacing-8)}}@media screen and (min-width:1025px){.collage{--card-height:338px}}.collage__card{background-color:var(--color-black);border-radius:var(--border-radius);box-shadow:var(--shadow-1);display:flex;flex-direction:column;overflow:hidden;position:relative;width:100%}.collage__card:hover{box-shadow:var(--shadow-4)}.collage__card:hover .collage__card__image{transform:scale(1.03)}.collage__card__title{bottom:0;color:var(--color-white);display:flex;padding:var(--spacing-4);position:absolute;width:100%;z-index:1}@media screen and (min-width:1025px){.collage__card__title{padding:var(--spacing-6)}}.collage__card h3{word-wrap:break-word;position:relative;white-space:normal;z-index:2}.collage__card__image{border-radius:var(--border-radius);height:100%;object-fit:cover;transition-duration:var(--transition-time);transition-property:transform;transition-timing-function:var(--transition-easing);width:100%}.collage__card a{height:100%}.collage__grid{display:inherit;gap:inherit}.collage__grid--columns-3{gap:inherit;grid-template-columns:repeat(2,1fr)}.collage__grid--columns-3.collage__grid--variant-stack{grid-template-columns:repeat(1,1fr)}.collage__grid--columns-3.collage__grid--variant-stack>div{height:var(--card-height)}@media screen and (min-width:481px){.collage__grid--columns-3,.collage__grid--columns-3.collage__grid--variant-stack{grid-template-columns:repeat(3,1fr)}}.collage__grid--columns-2{gap:inherit;grid-template-columns:repeat(2,1fr)}.collage__grid--columns-2>div{grid-column:span 2;height:var(--card-height)}@media screen and (min-width:481px){.collage__grid--columns-2>div{grid-column:span 1}}.collage__maybe-link{height:100%}.collage__maybe-link:after{background:var(--collage-gradient,linear-gradient(0deg,#232933bf 25.21%,#23293300 51.8%));content:"";inset:0;position:absolute}.collage__grid--columns-3.collage__grid--variant-bottom>div:last-child,.collage__grid--columns-3.collage__grid--variant-top>div:first-child{grid-column:span 2;height:var(--card-height)}@media screen and (min-width:481px){.collage__grid--columns-3.collage__grid--variant-bottom>div:last-child,.collage__grid--columns-3.collage__grid--variant-top>div:first-child{grid-column:span 1}}.collage__grid--columns-3.collage__grid--variant-bottom>div:not(:last-child),.collage__grid--columns-3.collage__grid--variant-top>div:not(:first-child){height:157px}@media screen and (min-width:481px){.collage__grid--columns-3.collage__grid--variant-bottom>div:not(:last-child),.collage__grid--columns-3.collage__grid--variant-top>div:not(:first-child){height:var(--card-height)}}