.collage__stage{position:relative;display:grid;place-items:center;min-height:clamp(760px,108vh,1120px)}.collage__copy{position:relative;z-index:2;display:grid;justify-items:center;pointer-events:none}.collage__copy .intro{justify-items:center;max-width:820px;text-align:center;pointer-events:auto}.collage__copy .intro__text{margin-inline:auto}.collage__copy .btn-row{justify-content:center}.cphoto{--w-k: 1;position:absolute;top:var(--y);left:var(--x);z-index:1;display:block;width:calc(var(--w) * var(--w-k));color:var(--c-ink);text-decoration:none;transform:translate(-50%,-50%)}.motion .cphoto{translate:calc(var(--mx) * -22px * var(--depth)) calc((var(--sp) - .5) * var(--depth) * -210px + var(--my) * -16px * var(--depth))}.cphoto__media{position:relative;aspect-ratio:var(--ar);overflow:hidden;border-radius:var(--rad);background:var(--c-fog);box-shadow:var(--shadow);clip-path:inset(0 0 0 0 round var(--rad));transition:clip-path 1.4s var(--ease-wipe) calc(.18s + var(--i) * .12s)}.cphoto__media img,.cphoto__media svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.cphoto__media img{scale:1.04;transition:scale 2s var(--ease-slow) calc(.18s + var(--i) * .12s)}.motion .collage[data-reveal]:not(.is-on) .cphoto__media{clip-path:inset(100% 0 0 0 round var(--rad))}.motion .collage[data-reveal]:not(.is-on) .cphoto__media img{scale:1.35}.cphoto--circle .cphoto__media{aspect-ratio:1}.cphoto__tag{position:absolute;bottom:-16px;left:50%;display:inline-flex;align-items:center;gap:10px;max-width:120%;padding:6px 6px 6px 14px;border-radius:var(--r-pill);background:var(--c-cloud);box-shadow:var(--shadow-sm);font-size:13px;white-space:nowrap;opacity:0;translate:-50% 10px;transition:opacity .35s var(--ease-out),translate .5s var(--ease-out)}.cphoto__name{overflow:hidden;text-overflow:ellipsis}.cphoto__price{color:var(--mut);font-family:var(--font-label);font-size:12px}.cphoto__chip{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--c-brass);color:var(--c-on-brass)}.cphoto__chip .icon{width:14px;height:14px;rotate:-45deg;transition:rotate .5s var(--ease-out)}@media(hover:hover){a.cphoto:hover .cphoto__media img{scale:1.08;transition-delay:0s;transition-duration:.9s}a.cphoto:hover .cphoto__tag{opacity:1;translate:-50% 0}a.cphoto:hover .cphoto__chip .icon{rotate:0deg}}a.cphoto:focus-visible .cphoto__tag{opacity:1;translate:-50% 0}@media(hover:none){.cphoto__tag{opacity:1;translate:-50% 0}}.usp{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(24px,3vw,48px);border-radius:var(--r-lg);background:var(--c-cloud);color:var(--fg);box-shadow:var(--shadow-sm)}.usp__item{display:grid;align-content:start;gap:8px;padding:clamp(20px,2.2vw,32px)}.usp__item+.usp__item{border-left:1px solid var(--line)}.usp__icon{width:30px;height:30px;margin-bottom:8px}.usp__icon :is(path,circle,rect){stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset 1.8s var(--ease-out) calc(var(--d, 0ms) + .2s)}.motion .collage[data-reveal]:not(.is-on) .usp__icon :is(path,circle,rect){stroke-dashoffset:1}.usp__title{font-family:var(--font-display);font-weight:var(--font-display-weight);font-size:20px;line-height:1.15}.usp__text{color:var(--mut);font-size:14.5px;line-height:1.5}@media(max-width:1099px){.cphoto{--w-k: 1.25}.usp{grid-template-columns:repeat(2,minmax(0,1fr))}.usp__item:nth-child(3){border-left:0}.usp__item:nth-child(n+3){border-top:1px solid var(--line)}}@media(max-width:809px){.collage__stage{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;min-height:0;padding-inline:var(--pad);place-items:stretch}.collage__copy{grid-column:1 / -1;order:2;padding-block:20px;padding-inline:0}.cphoto{position:relative;top:auto;left:auto;grid-column:span 3;width:auto;transform:none;order:3}.cphoto--n1,.cphoto--n2{order:1}.cphoto--n5,.cphoto--n6{display:none}.cphoto--n2,.cphoto--n4{margin-top:34px}.motion .cphoto{translate:0 calc((var(--sp) - .5) * var(--depth) * -70px)}.cphoto__tag{opacity:1;translate:-50% 0}.cphoto__price{display:none}}@media(max-width:559px){.usp{grid-template-columns:1fr}.usp__item+.usp__item{border-top:1px solid var(--line);border-left:0}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-collage-intro.css.map */