.block-collage{background-color:var(--color-bg-bluedark);padding:var(--spacing-outside) 0}.block-collage__inner{margin:0 auto;max-width:var(--page-width-mobile)}@media screen and (min-width: 48em){.block-collage__inner{max-width:var(--page-width)}}.block-collage__list{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--grid-mobile-vertical-spacing)}@media screen and (min-width: 48em){.block-collage__list{grid-template-columns:repeat(3,1fr);grid-gap:var(--grid-mobile-horizontal-spacing)}}@media screen and (min-width: 60em){.block-collage__list{grid-gap:var(--grid-desktop-horizontal-spacing)}}.block-collage__item{display:flex}.block-collage__item:nth-child(1),.block-collage__item:nth-child(1) .block-collage__title{background-color:var(--color-base-green)}@media screen and (min-width: 48em){.block-collage__item:nth-child(1){grid-column:1 / 3;grid-row:1 / 3}.block-collage__item:nth-child(1) img,.block-collage__item:nth-child(1) svg{position:absolute;top:1rem;left:1rem;height:calc(100% - 2rem);width:calc(100% - 2rem);object-fit:cover}}.block-collage__item:nth-child(2),.block-collage__item:nth-child(2) .block-collage__title{background-color:var(--color-base-blue)}@media screen and (min-width: 48em){.block-collage__item:nth-child(2){grid-column:3;grid-row:1}}.block-collage__item:nth-child(3),.block-collage__item:nth-child(3) .block-collage__title{background-color:var(--color-base-burgandy)}@media screen and (min-width: 48em){.block-collage__item:nth-child(3){grid-column:3;grid-row:2}}.block-collage__link{padding:1rem;display:flex;position:relative;text-decoration:none;align-self:stretch;width:100%;transition:.2s ease background-color}.block-collage__link:hover .block-collage__title{background-color:var(--color-base-green-darkened)}.block-collage__item:nth-child(2) .block-collage__link:hover .block-collage__title{background-color:var(--color-base-blue-darkened)}.block-collage__item:nth-child(3) .block-collage__link:hover .block-collage__title{background-color:var(--color-base-burgandy-darkened)}.block-collage__img img,.block-collage__img svg{aspect-ratio:4 / 3;display:block;object-fit:cover;height:auto;width:100%}.block-collage__title{margin:0;font-size:1.8rem;color:#fff;position:absolute;padding:1.5rem 2rem;bottom:0;left:0;transition:.2s ease background-color}@media screen and (min-width: 24em){.block-collage__title{font-size:2.1rem}}@media screen and (min-width: 48em){.block-collage__title{font-size:1.8rem}}@media screen and (min-width: 60em){.block-collage__title{font-size:2.1rem}}@media screen and (min-width: 72em){.block-collage__title{font-size:2.4rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-collage-ncol.css.map */