.collection-mosaic{--mosaic-pink: rgb(var(--color-mosaic-surface));--mosaic-pink-deep: rgb(var(--color-mosaic-surface-hover));--mosaic-pink-soft: rgb(var(--color-mosaic-surface-soft));--mosaic-ink: rgb(var(--color-brand-text));--mosaic-featured: var(--mosaic-pink);--mosaic-featured-hover: var(--mosaic-pink-deep);--mosaic-card-b: var(--mosaic-pink);--mosaic-card-b-hover: var(--mosaic-pink-deep);--mosaic-card-c: var(--mosaic-pink);--mosaic-card-c-hover: var(--mosaic-pink-deep)}.collection-mosaic--pastel-treats{--mosaic-featured: rgb(var(--mosaic-treats-featured));--mosaic-featured-hover: rgb(var(--mosaic-treats-featured-hover));--mosaic-card-b: rgb(var(--mosaic-treats-b));--mosaic-card-b-hover: rgb(var(--mosaic-treats-b-hover));--mosaic-card-c: rgb(var(--mosaic-treats-c));--mosaic-card-c-hover: rgb(var(--mosaic-treats-c-hover))}.collection-mosaic--pastel-garden{--mosaic-featured: rgb(var(--mosaic-garden-featured));--mosaic-featured-hover: rgb(var(--mosaic-garden-featured-hover));--mosaic-card-b: rgb(var(--mosaic-garden-b));--mosaic-card-b-hover: rgb(var(--mosaic-garden-b-hover));--mosaic-card-c: rgb(var(--mosaic-garden-c));--mosaic-card-c-hover: rgb(var(--mosaic-garden-c-hover))}.collection-mosaic--pastel-mint{--mosaic-featured: rgb(var(--mosaic-mint-featured));--mosaic-featured-hover: rgb(var(--mosaic-mint-featured-hover));--mosaic-card-b: rgb(var(--mosaic-mint-b));--mosaic-card-b-hover: rgb(var(--mosaic-mint-b-hover));--mosaic-card-c: rgb(var(--mosaic-mint-c));--mosaic-card-c-hover: rgb(var(--mosaic-mint-c-hover))}.collection-mosaic--pastel-butter{--mosaic-featured: rgb(var(--mosaic-butter-featured));--mosaic-featured-hover: rgb(var(--mosaic-butter-featured-hover));--mosaic-card-b: rgb(var(--mosaic-butter-b));--mosaic-card-b-hover: rgb(var(--mosaic-butter-b-hover));--mosaic-card-c: rgb(var(--mosaic-butter-c));--mosaic-card-c-hover: rgb(var(--mosaic-butter-c-hover))}.collection-mosaic{overflow-x:clip;overflow-y:visible}.collection-mosaic__inner{display:grid;grid-template-columns:1fr;gap:18px}.collection-mosaic__head{display:flex;flex-direction:column;justify-content:flex-start;gap:2.8rem;padding:18px 0 26px}.collection-mosaic__heading{margin:0;max-width:72rem;color:rgb(var(--color-heading));font-family:var(--font-display-family);font-size:clamp(4.4rem,8vw,9.6rem);font-weight:400;line-height:.9;letter-spacing:0;text-transform:uppercase;text-wrap:balance}.collection-mosaic__sub{margin:0;max-width:32rem;color:rgb(var(--color-brand-text));font-family:var(--font-body-family);font-size:1.5rem;font-weight:400;line-height:1.8;letter-spacing:0;text-wrap:pretty}.mosaic-card{--card-lift: 0px;position:relative;display:flex;flex-direction:column;justify-content:space-between;background:var(--mosaic-featured);color:var(--mosaic-ink);border-radius:2rem;overflow:hidden;text-decoration:none;isolation:isolate;transform:translateY(var(--card-lift));transition:transform .4s ease,background .4s ease;min-height:220px}.mosaic-card:hover{transform:translateY(calc(var(--card-lift) - 4px));background:var(--mosaic-featured-hover)}.mosaic-card--a:hover{transform:translateY(var(--card-lift))}.mosaic-card--alt{background:var(--mosaic-card-b)}.mosaic-card--alt:hover{background:var(--mosaic-card-b-hover)}.mosaic-card--c{background:var(--mosaic-card-c)}.mosaic-card--c:hover{background:var(--mosaic-card-c-hover)}.mosaic-card__media{flex:1;min-height:0;width:100%;display:grid;place-items:center;padding:22px}.mosaic-card__media img,.mosaic-card__media svg{width:100%;height:100%;max-height:100%;object-fit:contain}.mosaic-card--a .mosaic-card__media{position:absolute;top:0;right:0;bottom:0;left:0;padding:0}.mosaic-card--a .mosaic-card__media img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-height:none;object-fit:cover}.mosaic-card__label{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:16px 24px 20px;font-family:var(--font-display-family);font-size:clamp(2.6rem,calc(1.6vw + .6rem),3.2rem);font-weight:400;line-height:1;letter-spacing:0;text-transform:uppercase}.mosaic-card__arrow{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;margin-bottom:.12em;transition:transform .25s ease}.mosaic-card__arrow .icon-arrow{width:1em;height:auto}.mosaic-card__arrow .icon-arrow path{stroke:currentColor;stroke-width:.4;stroke-linejoin:round}.mosaic-card:hover .mosaic-card__arrow{transform:translate(.5rem)}@media(max-width:749px){.collection-mosaic__inner{gap:12px}.mosaic-card{aspect-ratio:1 / 1;border-radius:1.6rem}.mosaic-card--featured{aspect-ratio:4 / 5;overflow:visible}.mosaic-card--featured .mosaic-card__media img{width:190%;height:auto;max-width:none;max-height:none}}@media(min-width:750px){.mosaic-card__label{font-size:clamp(2rem,1.6vw,2.6rem)}.collection-mosaic__inner{grid-template-columns:minmax(0,1.86fr) minmax(0,1.86fr) minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(300px,.95fr) minmax(260px,.82fr);gap:28px}.collection-mosaic__head{grid-column:1 / span 2;grid-row:1 / span 1;padding:4px 20px 18px 0}.mosaic-card--featured{--card-lift: -46px;grid-column:1 / span 2;grid-row:2 / span 1;border-radius:2rem;height:calc(100% + 46px);overflow:visible;clip-path:inset(-100vh -100vw -100vh 0);min-height:0}.mosaic-card--featured .mosaic-card__label{position:absolute;z-index:2;bottom:2.4rem;right:2.8rem;left:2.8rem;padding:0}.mosaic-card--featured .mosaic-card__media,.mosaic-card--a .mosaic-card__media,.mosaic-card--b .mosaic-card__media,.mosaic-card--c .mosaic-card__media{position:relative;padding:0}.mosaic-card--a .mosaic-card__media{position:absolute;top:0;right:0;bottom:0;left:0}.mosaic-card--a .mosaic-card__media img{width:100%;height:100%;max-height:none;object-fit:cover}.mosaic-card--featured .mosaic-card__media img{position:absolute;top:-44%;right:-19%;width:130%;height:auto;max-width:none;max-height:none}.mosaic-card--b .mosaic-card__media img{position:absolute;top:8%;right:-13%;width:110%;height:auto;max-width:none;max-height:none}.mosaic-card--c .mosaic-card__media img{position:absolute;top:8%;right:-31%;width:140%;height:auto;max-width:none;max-height:none}.mosaic-card--a{grid-column:3 / span 2;grid-row:1 / span 1;border-radius:2rem;min-height:0}.mosaic-card--b{grid-column:3 / span 1;grid-row:2 / span 1;border-radius:2rem;min-height:0}.mosaic-card--c{grid-column:4 / span 1;grid-row:2 / span 1;border-radius:2rem;overflow:visible;clip-path:inset(0 -100vw 0 0 round 2rem);min-height:0}.mosaic-card__media{padding:24px}}@media(min-width:1100px){.collection-mosaic__inner{grid-template-rows:350px 300px}.mosaic-card--featured{--card-lift: -56px;height:calc(100% + 56px)}}@media(min-width:1400px){.collection-mosaic__inner{grid-template-rows:390px 330px}.mosaic-card--featured{--card-lift: -64px;height:calc(100% + 64px)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-collection-mosaic.css.map */