.hero-collage__grid{display:grid;grid-template-columns:1fr;gap:.75rem}.hero-collage__cats{display:flex;overflow-x:auto;gap:.75rem;padding-bottom:.25rem;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.hero-collage__cats::-webkit-scrollbar{display:none}.hero-collage__cats .hero-collage__tile{flex:0 0 72%;max-width:280px;min-height:170px;scroll-snap-align:start}@media screen and (min-width:750px){.hero-collage__grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,minmax(220px,1fr));gap:1rem}.hero-collage__tile--main{grid-column:1;grid-row:1 / span 2}.hero-collage__cats{display:contents}.hero-collage__cats .hero-collage__tile{flex:initial;max-width:none;min-height:0}.hero-collage__tile--cat1{grid-column:2;grid-row:1 / span 2}.hero-collage__tile--cat2{grid-column:3;grid-row:1}.hero-collage__tile--cat3{grid-column:3;grid-row:2}}.hero-collage__tile{position:relative;display:block;border-radius:12px;overflow:hidden;min-height:260px;text-decoration:none;color:inherit}@media screen and (min-width:750px){.hero-collage__tile{min-height:0}}.hero-collage__tile--main{min-height:300px}@media screen and (min-width:750px){.hero-collage__tile--main{min-height:0}}.hero-collage__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.hero-collage__tile--main .hero-collage__image{z-index:0}.hero-collage__tile--main:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000d9,#0009 32%,#00000038 58%,#0000 82%);z-index:1}.hero-collage__tile--main .hero-collage__content{position:relative;z-index:2;margin-top:auto;padding:1.75rem;color:#fff;display:flex;flex-direction:column;text-shadow:0 1px 6px rgba(0,0,0,.35)}.hero-collage__tile--main{display:flex;flex-direction:column;justify-content:flex-end}.hero-collage__tile--medium,.hero-collage__tile--small{padding:1.5rem;display:flex;flex-direction:column}.hero-collage__tile--medium .hero-collage__content,.hero-collage__tile--small .hero-collage__content{position:relative;z-index:2}.hero-collage__tile--medium .hero-collage__image--product,.hero-collage__tile--small .hero-collage__image--product{position:absolute;left:10%;right:10%;bottom:0;top:auto;height:60%;width:80%;object-fit:contain;object-position:bottom;z-index:1;pointer-events:none;mix-blend-mode:multiply}.hero-collage__eyebrow{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem;opacity:.9}.hero-collage__heading{margin:0 0 1.25rem;font-size:1.75rem;line-height:1.25}@media screen and (min-width:750px){.hero-collage__heading{font-size:2.25rem}}.hero-collage__heading--small{font-size:1.3rem;margin-bottom:.75rem;line-height:1.25}.hero-collage__button{display:inline-block;align-self:flex-start;padding:.65rem 1.4rem;border-radius:999px;background:#fff;color:#121212;font-weight:600;font-size:.9rem}.hero-collage__tile--main .hero-collage__button{background:#fffffff2}
/*# sourceMappingURL=/cdn/shop/t/7/assets/home-hero-collage.css.map */