@property --translate-z{syntax: "<length>"; inherits: false; initial-value: -3000px;}.gallery3d-hero{position:relative;width:100%;height:100svh;background-color:#000;display:flex;justify-content:center;align-items:center;overflow:hidden}.gallery3d-hero__images{position:absolute;width:100%;height:100svh;display:flex;justify-content:center;align-items:center;perspective:1000px;transform-style:preserve-3d;overflow:hidden}.gallery3d-hero__title-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;text-align:center;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:90%;max-width:900px}.gallery3d-hero__title{font-size:clamp(2rem,8vw,5.5rem);font-weight:700;color:#fff;text-align:center;text-shadow:0 0 2rem rgba(0,0,0,.7),0 0 4rem rgba(0,0,0,.4),0 0 8rem rgba(0,0,0,.2);letter-spacing:-.02em;line-height:.9;text-transform:uppercase}.gallery3d-hero__description{font-size:clamp(.875rem,2vw,1.25rem);color:#fff9;max-width:600px;line-height:1.6;text-shadow:0 0 1rem rgba(0,0,0,.8)}.gallery3d-hero__cta{pointer-events:all;margin-top:.5rem;padding:1rem 3rem;border-radius:9999px;font-size:1rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;border:none;cursor:pointer;color:#000;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 10px 40px #0006}.gallery3d-hero__cta:hover{transform:scale(1.08);box-shadow:0 15px 50px #00000080}.gallery3d-hero__cta:active{transform:scale(.96)}.gallery3d-hero__img{position:absolute;inset-inline:0;margin:auto;width:22rem;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:12px;will-change:transform;cursor:pointer;opacity:0}@media(min-width:768px){.gallery3d-hero__img{width:28rem}}.gallery3d-hero__img:nth-of-type(odd){left:var(--left);transform:translateZ(var(--translate-z)) translate(-30rem,calc((var(--i) - (var(--count) + 1) / 2) * 10rem));animation:gallery3d-move var(--duration) linear infinite,gallery3d-opacity var(--duration) linear infinite;animation-delay:calc(var(--duration) / var(--count) * (var(--i) - 1) - var(--duration)),calc(var(--duration) / var(--count) * (var(--i) - 1) - var(--duration))}.gallery3d-hero__img:nth-of-type(2n){right:var(--right);transform:translateZ(var(--translate-z)) translate(30rem,calc((var(--i) - (var(--count) + 1) / 2) * -10rem));animation:gallery3d-move var(--duration) linear infinite,gallery3d-opacity var(--duration) linear infinite;animation-delay:calc(var(--duration) / var(--count) * (var(--i) - 1) - var(--duration)),calc(var(--duration) / var(--count) * (var(--i) - 1) - var(--duration))}.gallery3d-hero__img:hover{animation-play-state:paused}@keyframes gallery3d-opacity{0%{opacity:0}20%,80%{opacity:1}90%,to{opacity:0}}@keyframes gallery3d-move{0%{opacity:0;--translate-z: -5000px}to{--translate-z: 2000px}}