.collage-wrapper-title{margin-top:0;margin-bottom:3rem}.collage{display:grid}.collage__item>*{width:100%}.collage__item .card__content{flex-grow:initial}@media screen and (max-width:749px){.collage{grid-template-columns:[left_margin] 1.5rem [left_panel_start] 1fr [mid_gutter_start] 1.5rem [right_panel_start] 1fr [right_mid_gutter_start] 1.5rem [right_margin];grid-template-rows:[row1_margin] 0 [row1-start] auto [row2_gutter_start] 1.5rem [row2-start] auto [row3_gutter_start] 1.5rem [row3-start] auto [row4_gutter_start] 1.5rem [row4-start] 1fr [row5_gutter_start] 1.5rem [bottom_margin]}.collage__item--left:nth-child(1){grid-column:left_margin / right_margin;grid-row:row1_margin / row2_gutter_start}.collage__item--left:nth-child(2){grid-column:left_panel_start / mid_gutter_start;grid-row:row2-start / row3_gutter_start}.collage__item--left:nth-child(3){grid-column:right_panel_start / right_mid_gutter_start;grid-row:row2-start / row3_gutter_start}.collage__item--left:nth-child(4){grid-column:left_panel_start / mid_gutter_start;grid-row:row3-start / row4_gutter_start}.collage__item--left:nth-child(5){grid-column:right_panel_start / right_mid_gutter_start;grid-row:row3-start / row4_gutter_start}}@media screen and (min-width:750px){.collage{grid-template-columns:[left_margin] 0rem [left_panel_start] 58% [mid_gutter_start] 3rem [right_panel_start] 1fr [right_mid_gutter_start] 3rem [far_right_panel_start] 1fr [right_gutter_start] 3rem [right_margin];grid-template-rows:[row1_margin] 3rem [row1-start] auto [row2_gutter_start] 3rem [row2-start] auto [row3_gutter_start] 3rem [row3-start] auto [row3-end] 3rem [bottom_margin]}.collage__item--left:nth-child(1){grid-column:left_panel_start / mid_gutter_start;grid-row:row1_margin / bottom_margin}.collage__item--left:nth-child(1) img{position:relative}.collage__item--left:nth-child(2){grid-column:right_panel_start / right_mid_gutter_start;grid-row:row1-start / row2_gutter_start}.collage__item--left:nth-child(3){grid-column:far_right_panel_start / right_gutter_start;grid-row:row1-start / row2_gutter_start}.collage__item--left:nth-child(4){grid-column:right_panel_start / right_mid_gutter_start;grid-row:row2-start / row3-end}.collage__item--left:nth-child(5){grid-column:far_right_panel_start / right_gutter_start;grid-row:row2-start / row3-end}}.collage-card{background:transparent;border-radius:var(--card-corner-radius);border:var(--card-border-width) solid rgba(var(--color-foreground),var(--card-border-opacity));height:100%;padding:var(--card-image-padding);position:relative}.collage-card:after{border-radius:var(--card-corner-radius);box-shadow:var(--card-shadow-horizontal-offset) var(--card-shadow-vertical-offset) var(--card-shadow-blur-radius) rgba(var(--color-shadow),var(--card-shadow-opacity));content:"";position:absolute;width:calc(var(--card-border-width) * 2 + 100%);height:calc(var(--card-border-width) * 2 + 100%);top:calc(var(--card-border-width) * -1);left:calc(var(--card-border-width) * -1);z-index:-1}.collage-card .media{border-radius:calc(var(--card-corner-radius) - var(--card-border-width) - var(--card-image-padding));height:100%;overflow:hidden}.collage-card .deferred-media{height:100%;overflow:visible}.collage-card__link{display:block;height:100%}.collage-card .deferred-media__poster{background-color:transparent;border:0}.collage-card .deferred-media__poster:after{content:"";position:absolute;z-index:1;bottom:calc(var(--card-border-width) * -1);left:calc(var(--card-border-width) * -1);right:calc(var(--card-border-width) * -1);top:calc(var(--card-border-width) * -1);outline-offset:.3rem}.collage-card .deferred-media__poster:focus:after{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3);outline:.2rem solid rgba(var(--color-foreground),.5)}.collage-card .deferred-media__poster:focus-visible:after{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3);outline:.2rem solid rgba(var(--color-foreground),.5)}.collage-card .deferred-media__poster:focus:not(:focus-visible),.collage-card .deferred-media__poster:focus:not(:focus-visible):after{outline:none;box-shadow:none}.collage-card .deferred-media__poster:focus{outline:none;box-shadow:none}.collage .collage-card-spacing img{object-fit:contain}.collage .card .media{background-color:#fff}.collage__item--left:nth-child(1) .collage-card__label{position:absolute;bottom:3rem;top:initial;left:3rem;color:#fff;font-size:30px;text-transform:uppercase}@media screen and (max-width:749px){.collage__item--left:nth-child(1) .collage-card__label{font-size:20px}}
/*# sourceMappingURL=/cdn/shop/t/278/assets/collage.css.map */
