.collage{--collage-ease: cubic-bezier(.16, 1, .3, 1);--collage-move: 1.15s;--card-h: min(54svh, 29rem);--card-w: calc(var(--card-h) * .8);display:block;position:relative;overflow:hidden;padding-block:clamp(6rem,3rem + 7vw,10.5rem) clamp(5rem,3rem + 5vw,8.5rem);background:var(--collage-bg);color:var(--collage-fg)}.collage--blend{--collage-blend: clamp(12rem, 30svh, 22rem);background:linear-gradient(to bottom,var(--collage-from) calc(var(--collage-blend) * 0),color-mix(in oklab,var(--collage-bg) 1.5%,var(--collage-from)) calc(var(--collage-blend) * .0714),color-mix(in oklab,var(--collage-bg) 5.5%,var(--collage-from)) calc(var(--collage-blend) * .1429),color-mix(in oklab,var(--collage-bg) 11.8%,var(--collage-from)) calc(var(--collage-blend) * .2143),color-mix(in oklab,var(--collage-bg) 19.8%,var(--collage-from)) calc(var(--collage-blend) * .2857),color-mix(in oklab,var(--collage-bg) 29.2%,var(--collage-from)) calc(var(--collage-blend) * .3571),color-mix(in oklab,var(--collage-bg) 39.4%,var(--collage-from)) calc(var(--collage-blend) * .4286),color-mix(in oklab,var(--collage-bg) 50%,var(--collage-from)) calc(var(--collage-blend) * .5),color-mix(in oklab,var(--collage-bg) 60.6%,var(--collage-from)) calc(var(--collage-blend) * .5714),color-mix(in oklab,var(--collage-bg) 70.8%,var(--collage-from)) calc(var(--collage-blend) * .6429),color-mix(in oklab,var(--collage-bg) 80.2%,var(--collage-from)) calc(var(--collage-blend) * .7143),color-mix(in oklab,var(--collage-bg) 88.2%,var(--collage-from)) calc(var(--collage-blend) * .7857),color-mix(in oklab,var(--collage-bg) 94.5%,var(--collage-from)) calc(var(--collage-blend) * .8571),color-mix(in oklab,var(--collage-bg) 98.5%,var(--collage-from)) calc(var(--collage-blend) * .9286),var(--collage-bg) calc(var(--collage-blend) * 1)) top / 100% var(--collage-blend) no-repeat,var(--collage-bg)}.collage__header{max-width:46rem;margin:0 auto clamp(2.75rem,1.5rem + 3.5vw,5rem);text-align:center}.collage__eyebrow{margin:0;font-size:clamp(.8125rem,.76rem + .25vw,1rem);letter-spacing:.2em;text-transform:uppercase;opacity:.7}.collage__heading{margin:clamp(1.25rem,.8rem + 1vw,2rem) 0 0;font-family:var(--font-heading);font-size:clamp(2.5rem,1.4rem + 2.6vw,4rem);font-weight:700;line-height:1.04;text-wrap:balance}.collage__intro{max-width:34rem;margin:clamp(1.25rem,.9rem + 1vw,2rem) auto 0;font-size:clamp(1.0625rem,.9rem + .4vw,1.25rem);line-height:1.5;color:color-mix(in srgb,var(--collage-fg) 86%,transparent);text-wrap:pretty}.js .collage .collage-in{opacity:0;transform:translateY(1rem)}.collage.is-header-in .collage-in{opacity:1;transform:none;transition:opacity 1s ease calc(var(--d, 0) * .12s),transform 1.1s cubic-bezier(.22,1,.36,1) calc(var(--d, 0) * .12s)}@media(prefers-reduced-motion:reduce){.js .collage .collage-in{opacity:1;transform:none}}.collage__stage{position:relative;height:calc(var(--card-h) * 1.26);touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.collage__ring{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;margin:0;padding:0;list-style:none}.collage__item{position:absolute;top:50%;left:50%;width:var(--card-w);height:var(--card-h);margin:calc(var(--card-h) / -2) 0 0 calc(var(--card-w) / -2);opacity:0;transition:transform var(--collage-move) var(--collage-ease),opacity .6s ease;will-change:transform}.collage__item.is-shown{opacity:1}.collage.is-auto-step{--collage-move: 1.9s;--collage-ease: cubic-bezier(.45, 0, .2, 1)}.collage__item.is-jumping{transition:none}.collage__card{position:relative;display:block;width:100%;height:100%;padding:0;overflow:hidden;border:0;border-radius:.35rem;background:#3b312814;box-shadow:0 1.4rem 2.6rem -1.4rem #1e161173;cursor:pointer}.collage__img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--fx, 50%) var(--fy, 50%);transform:scale(var(--zoom, 1));transform-origin:var(--fx, 50%) var(--fy, 50%);transition:transform 1.2s var(--collage-ease)}.collage__item.is-active .collage__card{cursor:zoom-in}@media(hover:hover){.collage__card:hover .collage__img{transform:scale(calc(var(--zoom, 1) * 1.035))}}.collage__card:focus-visible{outline:2px solid var(--collage-fg);outline-offset:4px}.collage__arrow{position:absolute;top:50%;z-index:3;display:grid;place-items:center;width:3.25rem;height:3.25rem;padding:0;border:1px solid color-mix(in srgb,var(--collage-fg) 35%,transparent);border-radius:var(--radius-full);background:color-mix(in srgb,var(--collage-bg) 70%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--collage-fg);cursor:pointer;transform:translateY(-50%);transition:background-color .3s ease,border-color .3s ease,color .3s ease}.collage__arrow svg{width:1.2rem;height:1.2rem}.collage__arrow--prev{left:var(--page-gutter)}.collage__arrow--next{right:var(--page-gutter)}@media(hover:hover){.collage__arrow:hover{border-color:var(--collage-fg);background:var(--collage-fg);color:var(--collage-bg)}}.collage__trail{display:flex;align-items:center;justify-content:center;gap:.5em;margin:var(--space-m) 0 0;padding-inline:var(--page-gutter);color:color-mix(in srgb,var(--collage-fg) 70%,transparent);font-family:var(--font-heading);font-size:clamp(1.1rem,.95rem + .4vw,1.3rem);font-weight:400;line-height:1.1;white-space:nowrap}.collage__trail-icon{flex:none;height:1.4em;width:auto}.collage__trail-text{margin:0}.collage-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal, 300)}.collage-lightbox[hidden]{display:none}.collage-lightbox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#1e1611d1;opacity:0;transition:opacity .5s ease;cursor:zoom-out}.collage-lightbox.is-open .collage-lightbox__backdrop{opacity:1}.collage-lightbox__img{position:absolute;top:0;left:0;border-radius:.35rem;box-shadow:0 2rem 4rem -1rem #00000080;transform-origin:0 0;cursor:zoom-out;will-change:transform}.collage-lightbox__close{position:absolute;top:max(1rem,env(safe-area-inset-top));right:1rem;display:grid;place-items:center;width:3rem;height:3rem;padding:0;border:1px solid rgb(255 255 255 / .4);border-radius:var(--radius-full);background:#ffffff14;color:#fff;cursor:pointer;opacity:0;transition:opacity .4s ease .2s}.collage-lightbox.is-open .collage-lightbox__close{opacity:1}.collage-lightbox__close span{grid-area:1 / 1;width:1.2rem;height:1.5px;background:currentColor;rotate:45deg}.collage-lightbox__close span:last-child{rotate:-45deg}html.is-collage-locked{overflow:hidden}@media(max-width:749px){.collage{--card-w: min(70vw, 22rem);--card-h: min(calc(var(--card-w) * 1.28), 58svh)}.collage__stage{height:calc(var(--card-h) * 1.18)}.collage__arrow{top:auto;bottom:calc(var(--space-m) * -1 - 3rem);width:2.75rem;height:2.75rem;transform:none}.collage__trail{margin-top:var(--space-m);min-height:2.75rem;font-size:1.05rem}}@media(prefers-reduced-motion:reduce){.collage{--collage-move: .01s}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-photo-collage.css.map */