.section--mosaic-banner{padding:0}.mosaic{display:block;position:relative;height:var(--mosaic-height, 85vh);min-height:48rem;overflow:hidden;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));--mosaic-tile: max(var(--mosaic-tile-base, 22rem), calc(var(--mosaic-height, 85vh) * 1.15 / var(--mosaic-rows, 4)))}@media screen and (max-width:749px){.mosaic{height:var(--mosaic-height-mobile, 80vh);--mosaic-tile: max(14rem, calc(var(--mosaic-height-mobile, 80vh) * 1.15 / var(--mosaic-rows, 4)))}}.mosaic__field{position:absolute;top:-25%;right:-25%;bottom:-25%;left:-25%;display:flex;flex-direction:column;justify-content:center;gap:1.6rem;transform:rotate(var(--mosaic-tilt, -8deg)) translate(var(--mosaic-dx, 0px),var(--mosaic-dy, 0px));will-change:transform}.mosaic--parallax.mosaic--still .mosaic__field{transition:transform .6s cubic-bezier(.2,.7,.2,1)}.mosaic__row{background:none;background-color:transparent;overflow:visible}.mosaic__row .promotion{gap:1.6rem;padding-inline-end:1.6rem}.mosaic--still .promotion--animated,.mosaic--hover-pause:hover .promotion--animated{animation-play-state:paused}@media screen and (hover:hover){.mosaic:not(.mosaic--hover-pause) .scrolling-promotion:hover .promotion--animated{animation-play-state:running}}.mosaic__tile{flex:0 0 auto;position:relative;height:var(--mosaic-tile, 22rem);width:var(--mosaic-tile, 22rem);border-radius:var(--card-radius, 0);overflow:hidden;background-color:rgba(var(--color-foreground),.06)}.mosaic__tile--portrait{width:calc(var(--mosaic-tile, 22rem) * .8)}.mosaic__tile--landscape{width:calc(var(--mosaic-tile, 22rem) * 1.5)}.mosaic__tile--wide{width:calc(var(--mosaic-tile, 22rem) * 2)}.mosaic__link{display:block;height:100%;color:inherit;text-decoration:none}.mosaic__image,.mosaic__tile svg.placeholder{display:block;width:100%;height:100%;object-fit:cover}.mosaic__tile--highlight,.mosaic__tile--ink,.mosaic__tile--soft{display:flex;flex-direction:column;justify-content:space-between;padding:1.6rem 1.8rem}.mosaic__tile--highlight>.mosaic__link,.mosaic__tile--ink>.mosaic__link,.mosaic__tile--soft>.mosaic__link{display:flex;flex-direction:column;justify-content:space-between}.mosaic__tile--highlight{background-color:rgb(var(--color-highlight));color:rgb(var(--color-foreground))}.mosaic__tile--ink{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.mosaic__tile--soft{color:rgb(var(--color-foreground))}.mosaic__big{margin:0;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:clamp(2.8rem,calc(var(--mosaic-tile, 22rem) * .22),6rem);line-height:.9;letter-spacing:-.02em;text-transform:uppercase;text-wrap:balance}.mosaic__caption{margin:0;color:inherit;opacity:.8}.mosaic__tile--product{width:calc(var(--mosaic-tile, 22rem) * .8);height:auto;overflow:visible;background:none}.mosaic__tile{transition:opacity var(--duration-long) ease,transform var(--duration-long) cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i, 0) * 60ms)}use-animate.mosaic__field:not([animate]) .mosaic__tile{opacity:0;transform:translateY(2.4rem)}.mosaic__wash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 60% 70% at 50% 50%,rgba(var(--color-background),var(--mosaic-wash, .55)),rgba(var(--color-background),calc(var(--mosaic-wash, .55) * .7)) 40%,rgba(var(--color-background),0) 75%)}.mosaic--left .mosaic__wash{background:radial-gradient(ellipse 50% 80% at 22% 50%,rgba(var(--color-background),var(--mosaic-wash, .55)),rgba(var(--color-background),calc(var(--mosaic-wash, .55) * .7)) 40%,rgba(var(--color-background),0) 75%)}.mosaic--right .mosaic__wash{background:radial-gradient(ellipse 50% 80% at 78% 50%,rgba(var(--color-background),var(--mosaic-wash, .55)),rgba(var(--color-background),calc(var(--mosaic-wash, .55) * .7)) 40%,rgba(var(--color-background),0) 75%)}.mosaic__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:2.4rem;pointer-events:none}.mosaic--left .mosaic__content{justify-content:flex-start;padding-inline-start:7vw}.mosaic--right .mosaic__content{justify-content:flex-end;padding-inline-end:7vw}.mosaic__card{display:flex;flex-direction:column;align-items:center;gap:1.6rem;max-width:56rem;text-align:center;pointer-events:auto}.mosaic--left .mosaic__card{align-items:flex-start;text-align:start}.mosaic--right .mosaic__card{align-items:flex-end;text-align:end}.mosaic--card .mosaic__card{padding:4.4rem 4.8rem 4rem;background-color:rgb(var(--color-background));border-radius:calc(var(--card-radius, 0) * 1.6);box-shadow:0 3rem 8rem #00000024}.mosaic__subheading,.mosaic__heading{margin:0}.mosaic__heading{line-height:1}.mosaic__text{color:rgb(var(--color-foreground))}.mosaic__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.8rem}.mosaic--left .mosaic__actions{justify-content:flex-start}.mosaic--right .mosaic__actions{justify-content:flex-end}.mosaic--center .mosaic__actions{justify-content:center}@media screen and (max-width:749px){.mosaic--card .mosaic__card{padding:3.2rem 2.4rem 2.8rem}.mosaic--left .mosaic__content,.mosaic--right .mosaic__content{justify-content:center;padding:2.4rem}}@media(prefers-reduced-motion:reduce){.mosaic .promotion--animated{animation-play-state:paused}.mosaic__tile,.mosaic__field{transition:none}use-animate.mosaic__field:not([animate]) .mosaic__tile{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/80/assets/section-mosaic-banner.css.map */