.spotlight{background-color:var(--base-450);--base-100:#e3e4d8;--base-300:#a1a1aa;justify-content:center;align-items:center;width:100%;height:100svh;display:flex;position:relative;overflow:hidden}.spotlight-desktop-view{width:100%;height:100%;position:relative;overflow:hidden}.spotlight-outline{border:1rem solid var(--base-500);z-index:2;border-radius:3rem;width:100%;height:100%;position:absolute;top:0;left:0}.spotlight-outline:after{content:"";border:1rem solid var(--base-500);z-index:1;width:100%;height:100%;position:absolute;top:-1rem;left:-1rem}.spotlight-inner{background-color:var(--base-450);width:100%;height:100%;position:relative;overflow:hidden}.spotlight-intro-text-wrapper{gap:2rem;width:100%;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.spotlight-intro-text{will-change:transform;color:var(--base-300);flex:1;position:relative}.spotlight-intro-text p{font-size:2.5rem}.spotlight-intro-text:first-child{justify-content:flex-end;display:flex}.spotlight-bg-img{will-change:transform;opacity:.65;width:100%;height:100%;position:absolute;overflow:hidden;transform:scale(0)}.spotlight-bg-img img{will-change:transform;transform:scale(1.5)}.spotlight-titles-container{clip-path:polygon(50svh 0,0 50%,50svh 100%,100% calc(100% + 100svh),100% -100svh);--before-opacity:0;--after-opacity:0;z-index:10;width:100%;height:100%;position:absolute;top:0;left:15vw;overflow:hidden}.spotlight-titles-container:before,.spotlight-titles-container:after{content:"";background:var(--base-100);pointer-events:none;z-index:10;width:100svh;height:2px;transition:opacity .3s;position:absolute}.spotlight-titles-container:before{opacity:var(--before-opacity);top:0;left:0;transform:rotate(-45deg)translate(-7rem)}.spotlight-titles-container:after{opacity:var(--after-opacity);bottom:0;left:0;transform:rotate(45deg)translate(-7rem)}.spotlight-titles{z-index:2;flex-direction:column;gap:5rem;width:65%;height:auto;min-height:100%;display:flex;position:relative;left:15%}.spotlight-titles h1{color:var(--base-100);opacity:.35;pointer-events:auto;margin:0;font-size:6.5rem;font-weight:500;line-height:1;transition:opacity .3s}.spotlight-link{color:inherit;cursor:pointer;font-size:5rem;font-weight:inherit;line-height:inherit;font-family:inherit;text-decoration:none}.spotlight-images{z-index:20;pointer-events:none;width:50%;min-width:300px;height:100%;position:absolute;top:0;right:0}.spotlight-img{will-change:transform;pointer-events:auto;border-radius:1rem;width:200px;height:200px;position:absolute;overflow:hidden}.spotlight-img img{object-fit:cover;width:100%;height:100%}.spotlight-header{color:var(--base-100);z-index:2;opacity:0;transition:opacity .3s;position:absolute;top:50%;left:5%;transform:translateY(-50%)}.spotlight-header p{color:var(--base-100);font-size:1.25rem;font-weight:500;line-height:1}.spotlight-mobile-view{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:4rem 1.5rem;display:none}.spotlight-mobile-title{color:var(--base-100);font-size:4rem;font-family:var(--font-anton);text-transform:uppercase;text-align:center;margin-bottom:1rem}.spotlight-mobile-carousel{flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:400px;display:flex}.spotlight-mobile-arrow{color:var(--base-100);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:transform .2s,opacity .2s;display:flex}.spotlight-mobile-arrow svg{width:3rem;height:3rem}.spotlight-mobile-arrow:active{transform:scale(.9)}.spotlight-mobile-card{text-align:center;opacity:1;flex-direction:column;align-items:center;gap:1rem;width:100%;text-decoration:none;display:flex}.spotlight-mobile-img-container{aspect-ratio:1;border-radius:1rem;width:100%;position:relative;overflow:hidden}.spotlight-mobile-card-title{color:var(--base-100);font-size:2rem;font-family:var(--font-anton);text-transform:uppercase}@media (max-width:1000px){.spotlight-desktop-view{display:none}.spotlight-mobile-view{display:flex}.spotlight{min-height:100svh;height:auto!important;overflow:visible!important}}
.loader{--base-100:#e3e4d8;--base-300:#a1a1aa;--base-350:#71717a;--base-400:#e3e4d8;--base-500:#1d1d1d;z-index:9999999;pointer-events:all;width:100vw;height:100svh;position:fixed;top:0;left:0;overflow:hidden}.loader .overlay{width:100%;height:100%;color:var(--base-100);display:flex;position:absolute;top:0;left:0}.loader .loader-block{background:#0a0a0a;flex:1;width:100%;height:100%}.loader .intro-logo{display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loader #word-1{color:var(--base-100);padding-right:.5rem;position:relative;left:0}.loader #word-2{color:var(--base-100);padding-right:4.2rem;position:relative;left:.5rem}.loader .word h1{color:var(--base-400);letter-spacing:-.05rem;font-size:8rem;font-family:var(--font-anton);text-transform:uppercase}.loader .divider{transform-origin:top;background-color:#f2ede620;width:1px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.loader .spinner-container{position:absolute;bottom:10%;left:50%;transform:translate(-50%)}.loader .spinner{border:1.4px solid var(--base-350);border-top-color:#f2ede60d;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loader .counter{z-index:2;justify-content:center;width:100%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loader .count{justify-content:center;width:100%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loader .digit{flex:1;padding-top:1rem}.loader .count .digit h1{color:var(--base-400);font-size:5rem;font-weight:400;font-family:var(--font-anton);text-align:center;text-transform:uppercase}.loader .line,.loader .word,.loader .count .digit{clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}.loader .line h1,.loader .line p,.loader .count .digit h1{will-change:transform;position:relative;transform:translateY(120%)}.loader #word-1 h1{transform:translateY(-120%)}.loader #word-2 h1{transform:translateY(120%)}.loader .loader-block{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.loader .divider{will-change:transform;transform:scaleY(0%)}@media (max-width:1000px){.loader .counter .count .digit h1{font-size:2rem}.loader .counter .count .digit{padding-top:.25rem}}@media (max-width:600px){.loader .word h1{font-size:3.5rem}.loader #word-2{padding-right:2rem}}