.collage{display:grid;grid-auto-flow:dense;grid-template-columns:repeat(4,1fr);grid-auto-rows:clamp(23px,3.1vw,28px);column-gap:clamp(12px,2vw,18px);row-gap:clamp(4px,.6vw,5px)}.collage-item{position:relative;border-radius:20px;overflow:hidden;background:var(--bone-hi)}.collage-item.size-lg,.collage-item.size-md{grid-column:span 2;grid-row:span 7}.collage-item.size-sm{grid-column:span 1;grid-row:span 7}@media(max-width:700px){.collage{grid-template-columns:repeat(2,1fr)}.collage-item.size-lg,.collage-item.size-md{grid-column:span 2;grid-row:span 7}.collage-item.size-sm{grid-column:span 1;grid-row:span 7}}#how-it-works{color:var(--ink)}.collage-media,.collage-media .ph{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0}.collage-caption{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:16px 18px;background:linear-gradient(180deg,transparent 0%,rgba(23,19,15,.8) 100%);color:#fff}.collage-caption h3{font-size:calc(15px * var(--body-scale, 1) * var(--caption-scale, 1));font-weight:600;margin-bottom:3px}.collage-caption p{font-size:calc(13px * var(--body-scale, 1) * var(--caption-scale, 1));line-height:1.4;color:#fffc}.collage-item.size-sm .collage-caption p{display:none}
/*# sourceMappingURL=/cdn/shop/t/2/assets/how-it-works.css.map */