.image-shapes{overflow:hidden;box-sizing:border-box;height:calc(100vh - var(--image-shapes-nav-height, 0px))}.image-shapes__inner{display:flex;align-items:center;height:100%;gap:clamp(1.6rem,3vw,4rem)}.image-shapes .page-width{height:100%}.image-shapes__inner--reversed{flex-direction:row-reverse}.image-shapes__content{flex:0 0 22%;max-width:260px}.image-shapes__heading{margin-bottom:1.6rem;line-height:1.2}.image-shapes__text{margin-bottom:2.4rem}.image-shapes__btn{display:inline-block}.image-shapes__grid{flex:1;min-width:0;position:relative;align-self:stretch}.image-shapes__item{position:absolute;overflow:hidden;transition:transform .45s cubic-bezier(.25,.46,.45,.94);will-change:transform}.image-shapes__item:hover{transform:scale(1.05);z-index:10}.image-shapes__item--1{width:31%;aspect-ratio:1;top:4%;left:0;z-index:2}.image-shapes__item--2{width:45%;aspect-ratio:1;top:0;left:36%;z-index:3}.image-shapes__item--3{width:31%;aspect-ratio:1;bottom:0;left:50%;z-index:2}.image-shapes__item--4{width:30%;aspect-ratio:.82;top:35%;right:-7%;z-index:1}.image-shapes__item--5{width:28%;aspect-ratio:1;bottom:3%;left:3%;z-index:1}.image-shapes__img{display:block;width:100%;height:100%;object-fit:cover}.image-shapes__item .placeholder-svg{width:100%;height:100%;background:rgba(var(--color-foreground),.06)}.image-shapes--hexagon .image-shapes__item{clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%)}.image-shapes--circle .image-shapes__item{clip-path:circle(50% at 50% 50%)}.image-shapes--diamond .image-shapes__item{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.image-shapes--rounded .image-shapes__item{border-radius:28%}.image-shapes--arch .image-shapes__item{border-radius:50% 50% 8% 8%/40% 40% 8% 8%}@media screen and (max-width:749px){.image-shapes,.image-shapes .page-width,.image-shapes__inner{height:auto}.image-shapes__inner,.image-shapes__inner--reversed{flex-direction:column;gap:3rem}.image-shapes__content{flex:none;width:100%;max-width:none}.image-shapes__grid{position:static;align-self:auto;display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%}.image-shapes__item,.image-shapes__item--1,.image-shapes__item--2,.image-shapes__item--3,.image-shapes__item--4,.image-shapes__item--5{position:static;width:100%;aspect-ratio:1;top:auto;right:auto;bottom:auto;left:auto}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-image-shapes.css.map */