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