.spotlight{position:relative;width:100vw;height:100svh;display:flex;justify-content:center;align-items:center;overflow:hidden;padding-right:1rem}.spotlight-outline{position:absolute;top:0;left:0;width:100%;height:100%;border:1rem solid var(--base-500);border-radius:3rem;z-index:2}.spotlight-outline:after{content:"";position:absolute;top:-1rem;left:-1rem;width:100%;height:100%;border:1rem solid var(--base-500);z-index:1}.spotlight-inner{position:relative;width:calc(100% - 2rem);height:calc(100% - 2rem);overflow:hidden;border-radius:2rem;background-color:var(--base-450)}.spotlight-intro-text-wrapper{position:absolute;width:100%;top:50%;transform:translateY(-50%);display:flex;gap:.5rem}.spotlight-intro-text{flex:1 1;position:relative;color:var(--base-300)}.spotlight-intro-text p{font-size:2.5rem}.spotlight-intro-text:first-child{display:flex;justify-content:flex-end}.spotlight-bg-img{position:absolute;width:100%;height:100%;overflow:hidden;transform:scale(0);border-radius:2rem;opacity:.65}.spotlight-bg-img img{transform:scale(1.5)}.spotlight-titles-container{position:absolute;top:0;left:15vw;width:100%;height:100%;overflow:hidden;-webkit-clip-path:polygon(50svh 0,0 50%,50svh 100%,100% calc(100% + 100svh),100% -100svh);clip-path:polygon(50svh 0,0 50%,50svh 100%,100% calc(100% + 100svh),100% -100svh);--before-opacity:0;--after-opacity:0}.spotlight-titles-container:after,.spotlight-titles-container:before{content:"";position:absolute;width:100svh;height:2px;background:var(--base-100);pointer-events:none;transition:opacity .3s ease;z-index:10}.spotlight-titles-container:before{top:0;left:0;transform:rotate(-45deg) translate(-7rem);opacity:var(--before-opacity)}.spotlight-titles-container:after{bottom:0;left:0;transform:rotate(45deg) translate(-7rem);opacity:var(--after-opacity)}.spotlight-titles{position:relative;left:15%;width:75%;height:100%;display:flex;flex-direction:column;gap:8rem;transform:translateY(100%);z-index:2}.spotlight-title-item{color:var(--base-100);opacity:.35;transition:opacity .3s ease;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:2rem;border-radius:1rem}.spotlight-quarter{display:block;font-size:1rem;font-weight:600;color:var(--color-primary-gold);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.spotlight-title-item h1{font-size:3.5rem;font-weight:500;line-height:1;margin:0 0 1rem}.spotlight-description{font-size:1.25rem;font-weight:400;color:var(--base-200);line-height:1.4;margin:0}.spotlight-images{position:absolute;top:0;right:0;width:50%;min-width:300px;height:100%;z-index:1;pointer-events:none;display:none}.spotlight-img{position:absolute;width:200px;height:150px;border-radius:1rem;overflow:hidden}.spotlight-img img{width:100%;height:100%;object-fit:cover}.spotlight-header{position:absolute;top:50%;left:10%;transform:translateY(-50%);color:var(--base-100);transition:opacity .3s ease;z-index:2;opacity:0}.spotlight-header p{font-size:1.25rem;font-weight:500;line-height:1;color:var(--base-100)}@media (max-width:1200px) and (min-width:1001px){.spotlight-titles{left:10%;width:70%;gap:6rem}.spotlight-title-item h1{font-size:3rem}.spotlight-description{font-size:1.1rem}.spotlight-img{width:180px;height:135px}}@media(max-width:1024px){.spotlight{padding-left:1rem!important}}@media (max-width:1000px){.spotlight-outline{border-width:.5rem;border-radius:1.5rem}.spotlight-outline:after{border-width:.5rem;top:-.5rem;left:-.5rem}.spotlight-inner{width:calc(100% - 1rem);height:calc(100% - 1rem);border-radius:1rem}.spotlight-intro-text p{font-size:1.75rem}.spotlight-titles-container{left:0;width:100%;-webkit-clip-path:none;clip-path:none;display:flex;align-items:center;justify-content:center;padding:0 2rem}.spotlight-titles-container:after,.spotlight-titles-container:before{display:none}.spotlight-titles{left:0;width:100%;max-width:500px;gap:6rem;text-align:center}.spotlight-quarter{font-size:.875rem}.spotlight-title-item h1{font-size:2.5rem}.spotlight-description{font-size:1rem}.spotlight-header{left:50%;top:2rem;transform:translateX(-50%)}.spotlight-header p{font-size:1rem}.spotlight-images{display:none}.spotlight-bg-img{opacity:.4}}@media (max-width:600px){.spotlight-intro-text p{font-size:1.25rem}.spotlight-titles{gap:5rem;padding:0 1rem}.spotlight-quarter{font-size:.75rem}.spotlight-title-item h1{font-size:2rem}.spotlight-description{font-size:.9rem}.spotlight-header p{font-size:.875rem}.spotlight{padding-left:.75rem!important;padding-right:.75rem!important}}