.three-d-zoom-page{position:relative;z-index:20}.three-d-zoom-page img{width:100%;height:100%;object-fit:contain}.three-d-zoom-page section{position:relative;width:100vw;height:100svh;overflow:hidden}.three-d-zoom-page .spotlight-intro-text-wrapper{position:absolute;width:100%;top:50%;transform:translateY(-50%);display:flex;gap:.5rem;z-index:10}.three-d-zoom-page .spotlight-intro-text{flex:1;position:relative;will-change:transform}.three-d-zoom-page .spotlight-intro-text:first-child{display:flex;justify-content:flex-end}.three-d-zoom-page .spotlight-intro-text p{margin:0;font-size:3rem;font-weight:700;color:#000}.three-d-zoom-page .spotlight-bg-img{position:absolute;width:100%;height:100%;overflow:hidden;transform:scale(0);will-change:transform}.three-d-zoom-page .spotlight-bg-img img{will-change:transform}.three-d-zoom-page .spotlight-titles-container{position:absolute;top:0;left:15vw;width:100%;height:100%;overflow:hidden;clip-path:polygon(50svh 0,0 50%,50svh 100%,100% calc(100% + 100svh),100% -100svh);--before-opacity:0;--after-opacity:0}.three-d-zoom-page .spotlight-titles-container:after,.three-d-zoom-page .spotlight-titles-container:before{content:"";position:absolute;width:100svh;height:2.5px;background-color:#fff;pointer-events:none;transition:opacity .3s ease;z-index:10}.three-d-zoom-page .spotlight-titles-container:before{top:0;left:0;transform:rotate(-45deg) translate(-7rem);opacity:var(--before-opacity)}.three-d-zoom-page .spotlight-titles-container:after{bottom:0;left:0;transform:rotate(45deg) translate(-7rem);opacity:var(--after-opacity)}.three-d-zoom-page .spotlight-titles{position:relative;left:15%;width:75%;height:100%;display:flex;flex-direction:column;gap:5rem;transform:translateY(100%);z-index:2}.three-d-zoom-page .spotlight-titles h1{color:#fff;opacity:.25;transition:opacity .3s ease;margin:0;font-size:3rem;font-weight:700}.three-d-zoom-page .spotlight-images{position:absolute;top:0;left:50%;width:50%;min-width:300px;z-index:1;pointer-events:none}.three-d-zoom-page .spotlight-img{position:absolute;width:200px;height:150px;will-change:transform;opacity:0}.three-d-zoom-page .spotlight-header{position:absolute;top:50%;left:10rem;transform:translate(-50%,-50%);color:#fff;transition:opacity .3s ease;z-index:3;opacity:0}.three-d-zoom-page .spotlight-header p{margin:0;font-size:2.5rem;font-weight:700}.three-d-zoom-page .spotlight-cluster-container{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center center;perspective:1200px;perspective-origin:50%;transform-style:preserve-3d;will-change:transform}.three-d-zoom-page .spotlight-cluster-img{position:absolute;width:300px;height:200px;top:50%;left:50%;transform:translate(-50%,-50%);transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,opacity;overflow:hidden;border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.3)}.three-d-zoom-page .spotlight-cluster-img img{width:100%;height:100%;object-fit:contain}.three-d-zoom-page .club-life-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.5);z-index:5;text-align:center;opacity:1;will-change:transform,opacity;pointer-events:none;color:#ffffff}.three-d-zoom-page .club-life-title h1{margin:0;color:#ffffff;-webkit-background-clip:text;background-clip:text}.three-d-zoom-page .club-life-title h2{font-size:6rem;font-weight:300;color:#ffffff;letter-spacing:.2em;line-height:.9;margin:-1rem 0 0;text-shadow:0 0 20px rgba(204,204,204,.3)}@keyframes shimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.three-d-zoom-page .three-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;overflow:hidden}.three-d-zoom-page .three-container canvas{width:100%!important;height:100%!important;display:block}@media (max-width:768px){.three-d-zoom-page .club-life-title h1{font-size:4rem}.three-d-zoom-page .club-life-title h2{font-size:3rem;margin-top:-.5rem}.three-d-zoom-page .spotlight-intro-text p{font-size:2rem}.three-d-zoom-page .spotlight-titles-container{display:none}}@media (max-width:480px){.three-d-zoom-page .club-life-title h1{font-size:3rem}.three-d-zoom-page .club-life-title h2{font-size:2.2rem;margin-top:-.3rem}.three-d-zoom-page .spotlight-intro-text p{font-size:1.5rem}}