.section-3d-gallery-showcase{--gallery-light: #8BC34A;--gallery-dark: #0f0f0f}.section-3d-gallery-showcase .spotlight{position:relative;width:100vw;height:100vh;padding:2rem;overflow:hidden;background-color:var(--gallery-dark);color:var(--gallery-light)}.section-3d-gallery-showcase .spotlight-images,.section-3d-gallery-showcase .spotlight-cover-img{position:absolute;top:0;left:0;width:100%;height:100%;transform-style:preserve-3d;perspective:2000px}.section-3d-gallery-showcase .img{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,-1000px);width:500px;height:350px;will-change:transform}.section-3d-gallery-showcase .img img{width:100%;height:100%;object-fit:contain;border-radius:8px;box-shadow:0 10px 30px #0000004d}.section-3d-gallery-showcase .placeholder-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f3f3f3;border-radius:8px;border:2px dashed #ccc}.section-3d-gallery-showcase .spotlight-cover-img{will-change:transform}.section-3d-gallery-showcase .spotlight-cover-img img{width:100%;height:100%;object-fit:contain;border-radius:12px;box-shadow:0 20px 60px #0006}.section-3d-gallery-showcase .spotlight-intro-header,.section-3d-gallery-showcase .spotlight-outro-header{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:50%}.section-3d-gallery-showcase .spotlight-intro-header{z-index:1}.section-3d-gallery-showcase .spotlight-outro-header{z-index:2}.section-3d-gallery-showcase .spotlight-intro-header h1,.section-3d-gallery-showcase .spotlight-outro-header h1{font-size:clamp(2.5rem,5vw,5rem);font-weight:500;letter-spacing:-.1rem;line-height:.9;margin:0;font-family:var(--font-heading-family, inherit)}@media(max-width:1000px){.section-3d-gallery-showcase .spotlight{padding:1rem}.section-3d-gallery-showcase .spotlight-intro-header,.section-3d-gallery-showcase .spotlight-outro-header{width:100%;padding:2rem}.section-3d-gallery-showcase .img{width:300px;height:200px}.section-3d-gallery-showcase .spotlight-intro-header h1,.section-3d-gallery-showcase .spotlight-outro-header h1{font-size:clamp(1.8rem,4vw,3rem)}}@media(max-width:768px){.section-3d-gallery-showcase .img{width:250px;height:175px}.section-3d-gallery-showcase .spotlight-intro-header,.section-3d-gallery-showcase .spotlight-outro-header{padding:1rem}}@media(prefers-reduced-motion:reduce){.section-3d-gallery-showcase .img,.section-3d-gallery-showcase .spotlight-cover-img{will-change:auto}}.section-3d-gallery-showcase .img img[loading=lazy]{opacity:0;transition:opacity .3s ease}.section-3d-gallery-showcase .img img[loading=lazy].loaded{opacity:1}.section-3d-gallery-showcase{margin:0;padding:0}.section-3d-gallery-showcase .spotlight{min-height:100vh;position:relative}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-3d-gallery-showcase.css.map */