.zoom{--e: 1;--v: 1;padding:0}.zoom__stage{position:relative;min-height:100svh;overflow:hidden;background:var(--c-bone)}.zoom__grid{position:absolute;top:0;right:0;bottom:0;left:0}.zoom__tile{display:none;overflow:hidden}.zoom__tile--center{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.zoom__tile img,.zoom__tile svg{width:100%;height:100%;object-fit:cover;background:var(--c-fog)}.zoom__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,color-mix(in srgb,var(--c-night) 18%,transparent) 30%,color-mix(in srgb,var(--c-night) 74%,transparent));opacity:var(--v)}.zoom__copy{position:absolute;right:0;bottom:clamp(36px,7vh,88px);left:0;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);align-items:end;gap:24px 48px;color:var(--c-cloud);opacity:var(--v);translate:0 calc((1 - var(--v)) * 40px)}.zoom__title{display:grid;justify-items:start;gap:18px}.zoom__body{display:grid;gap:18px}.zoom__body .intro__text{color:var(--c-cloud);opacity:.9}.zoom__chips{display:flex;flex-wrap:wrap;gap:8px}.zoom__chip{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 14px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--c-night) 40%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-family:var(--font-label);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.zoom__chip:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--c-brass)}.can-pin .zoom{--u: clamp(0, (var(--pp) - .04) / .6, 1);--e: calc(var(--u) * var(--u) * (3 - 2 * var(--u)));--v: clamp(0, (var(--pp) - .66) / .18, 1)}.can-pin .zoom__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:1.2vw;padding:1.2vw;scale:calc(.84 + var(--e) * 2.34)}.can-pin .zoom__tile{position:relative;display:block;border-radius:calc((1 - var(--e)) * 20px + 2px);translate:calc(var(--k) * var(--e) * 6vw) calc(var(--j) * var(--e) * 5vh)}.can-pin .zoom__tile--center{inset:auto;border-radius:calc((1 - var(--e)) * 20px)}.can-pin .zoom__tile img{scale:calc(1.18 - var(--e) * .18)}@media(max-width:899px){.can-pin .zoom{height:var(--len-m, var(--len))}.can-pin .zoom__grid{gap:2vw;padding:2vw}.zoom__copy{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-zoom-gallery.css.map */