.gallery-3d-container{position:relative;width:100%}.gallery-3d-intro,.gallery-3d-outro{position:relative;width:100%;height:100svh;display:flex;justify-content:center;align-items:center;background-color:var(--base-100);color:var(--base-700);padding:2rem;overflow:hidden}.gallery-3d-intro h1,.gallery-3d-outro h1{width:70%;text-align:center;color:var(--base-700)}.gallery-3d-spotlight{position:relative;width:100%;height:100svh;background-color:var(--base-700);color:var(--base-100);overflow:hidden}.gallery-3d-cover-img,.gallery-3d-images{position:absolute;top:0;left:0;width:100%;height:100%;transform-style:preserve-3d;perspective:2000px}.gallery-3d-img{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,-1000px);width:500px;height:350px;will-change:transform;overflow:hidden;border-radius:.5rem}.gallery-3d-img img{width:100%;height:100%;object-fit:cover}.gallery-3d-cover-img{will-change:transform;display:flex;align-items:center;justify-content:center}.gallery-3d-cover-img img{width:100%;height:100%;object-fit:cover}.gallery-3d-intro-header,.gallery-3d-outro-header{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:70%;pointer-events:none}.gallery-3d-intro-header{z-index:1}.gallery-3d-outro-header{z-index:2;opacity:0}.gallery-3d-intro-header h1,.gallery-3d-outro-header h1{color:var(--base-100)}@media (max-width:1024px){.gallery-3d-intro,.gallery-3d-outro{height:80svh;padding:1.5rem}.gallery-3d-intro h1,.gallery-3d-outro h1{width:90%;font-size:clamp(2rem,5vw,3rem)}.gallery-3d-img{width:350px;height:250px}}@media (max-width:768px){.gallery-3d-intro,.gallery-3d-outro{height:70svh;padding:1rem}.gallery-3d-intro h1,.gallery-3d-intro-header,.gallery-3d-outro h1,.gallery-3d-outro-header{width:100%;padding:0 1.5rem}.gallery-3d-intro h1,.gallery-3d-outro h1{font-size:clamp(1.5rem,4vw,2.5rem);letter-spacing:.15em}.gallery-3d-img{width:250px;height:180px}.gallery-3d-intro-header,.gallery-3d-outro-header{padding:1.5rem;width:100%}.gallery-3d-intro-header h1,.gallery-3d-outro-header h1{font-size:clamp(1.25rem,4vw,2rem);letter-spacing:.15em}}@media (max-width:480px){.gallery-3d-intro,.gallery-3d-outro{height:60svh;padding:.75rem}.gallery-3d-intro h1,.gallery-3d-outro h1{font-size:clamp(1.25rem,3.5vw,2rem);padding:0 1rem;letter-spacing:.2em}.gallery-3d-img{width:200px;height:150px}.gallery-3d-intro-header,.gallery-3d-outro-header{padding:1rem}.gallery-3d-intro-header h1,.gallery-3d-outro-header h1{font-size:clamp(1rem,3.5vw,1.75rem);letter-spacing:.2em}}