.spotlight{width:100%;padding:1rem}.spotlight,.spotlight-inner{position:relative;overflow:hidden}.spotlight-inner{min-height:16rem;background:var(--base-450);border-radius:2rem}.spotlight-intro-text-wrapper{position:relative;min-height:inherit;display:flex;align-items:center;justify-content:center;gap:.5rem;z-index:1}.spotlight-intro-text p{font-size:2.5rem;color:var(--base-100)}.spotlight-bg-img{position:absolute;inset:0;opacity:.35}.spotlight-titles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem;padding:2rem 1rem}.spotlight-titles h2{color:var(--base-200);font-size:1.5rem;letter-spacing:-.025em}.spotlight-images,.spotlight-outline{display:none}.spotlight-header{padding:1rem;color:var(--base-250)}.spotlight-animated{height:100svh;padding:1rem}.spotlight-animated .spotlight-inner{width:100%;height:100%}.spotlight-animated .spotlight-outline{display:block;position:absolute;inset:0;border:1rem solid var(--base-500);border-radius:3rem;pointer-events:none;z-index:3}.spotlight-animated .spotlight-intro-text-wrapper{position:absolute;width:100%;top:50%;min-height:0;transform:translateY(-50%)}.spotlight-animated .spotlight-intro-text{flex:1 1;will-change:transform}.spotlight-animated .spotlight-intro-text:first-child{display:flex;justify-content:flex-end}.spotlight-animated .spotlight-bg-img{transform:scale(0);opacity:.65;will-change:transform;border-radius:2rem;overflow:hidden}.spotlight-animated .spotlight-bg-img img{transform:scale(1.5)}.spotlight-animated .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-animated .spotlight-titles-container:after,.spotlight-animated .spotlight-titles-container:before{content:"";position:absolute;width:100svh;height:2px;background:var(--base-100);pointer-events:none;z-index:10}.spotlight-animated .spotlight-titles-container:before{top:0;left:0;transform:rotate(-45deg) translate(-7rem);opacity:var(--before-opacity)}.spotlight-animated .spotlight-titles-container:after{bottom:0;left:0;transform:rotate(45deg) translate(-7rem);opacity:var(--after-opacity)}.spotlight-animated .spotlight-titles{position:relative;left:15%;width:75%;height:100%;display:flex;flex-direction:column;gap:5rem;transform:translateY(100%);padding:0}.spotlight-animated .spotlight-titles h2{color:var(--base-100);opacity:.35;font-size:4rem;line-height:1.2}.spotlight-animated .spotlight-titles h2:first-child{opacity:1}.spotlight-animated .spotlight-images{display:block;position:absolute;inset-block-start:0;right:0;width:50%;height:100%;pointer-events:none}.spotlight-img{position:absolute;width:200px;height:150px;border-radius:1rem;overflow:hidden;will-change:transform}.spotlight-animated .spotlight-header{position:absolute;top:50%;left:4%;max-width:15ch;transform:translateY(-50%);z-index:2;opacity:0;color:var(--base-100)}