.spotlight{justify-content:center;align-items:center;width:100%;height:100svh;display:flex;position:relative;overflow:hidden}.spotlight-inner{isolation:isolate;border-radius:var(--radius-xl);background-color:var(--base-450);width:calc(100% - 2rem);height:calc(100% - 2rem);position:relative;overflow:hidden}.spotlight-intro{gap:var(--space-xs);width:100%;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.spotlight-intro-text{font-size:var(--text-h3);color:var(--base-300);will-change:transform;flex:1}.spotlight-intro-text:first-child{text-align:right}.spotlight-bg{border-radius:var(--radius-xl);opacity:.55;will-change:transform;position:absolute;inset:0;overflow:hidden;transform:scale(0)}.spotlight-bg-media{will-change:transform;position:absolute;inset:0;transform:scale(1.5)}.spotlight-bg-img{opacity:0;transition:opacity .6s;position:absolute;inset:0}.spotlight-bg-img.is-active{opacity:1}.spotlight-titles-container{clip-path:polygon(50svh 0,0 50%,50svh 100%,100% calc(100% + 100svh),100% -100svh);width:100%;height:100%;position:absolute;top:0;left:15%;overflow:hidden}.spotlight-titles-container:before,.spotlight-titles-container:after{content:"";z-index:10;background:var(--base-100);opacity:0;pointer-events:none;width:100svh;height:2px;transition:opacity var(--duration-fast) ease;position:absolute;left:0}.spotlight-titles-container:before{top:0;transform:rotate(-45deg)translate(-7rem)}.spotlight-titles-container:after{bottom:0;transform:rotate(45deg)translate(-7rem)}.spotlight-titles{z-index:2;flex-direction:column;gap:5rem;width:75%;display:flex;position:relative;left:15%;transform:translateY(100svh)}.spotlight-title{letter-spacing:-.04em;color:var(--base-100);opacity:.35;transition:opacity var(--duration-fast) ease;font-size:clamp(2.5rem,1.6rem + 2.4vw,4rem);font-weight:500;line-height:1}.spotlight-title.is-active{opacity:1}.spotlight-images{z-index:1;pointer-events:none;width:50%;min-width:300px;height:100%;position:absolute;top:0;right:0}.spotlight-img{border-radius:var(--radius-md);will-change:transform;width:200px;height:150px;position:absolute;overflow:hidden}.spotlight-header{z-index:2;opacity:0;transition:opacity var(--duration-fast) ease;position:absolute;top:50%;left:10%;transform:translateY(-50%)}.spotlight-header p{font-size:var(--text-body-lg);color:var(--base-100);line-height:1}.spotlight[data-phase=list] .spotlight-header,.spotlight[data-phase=list] .spotlight-titles-container:before,.spotlight[data-phase=list] .spotlight-titles-container:after{opacity:1}.spotlight[data-phase=list] .spotlight-intro,.spotlight[data-phase=outro] .spotlight-intro{visibility:hidden}.spotlight[data-phase=static] .spotlight-bg,.spotlight[data-phase=static] .spotlight-bg-media{transform:none}.spotlight[data-phase=static] .spotlight-titles{justify-content:center;gap:var(--space-lg);height:100%;transform:none}.spotlight[data-phase=static] .spotlight-intro,.spotlight[data-phase=static] .spotlight-images{display:none}@media (max-width:1000px){.spotlight-titles,.spotlight-titles-container:before,.spotlight-titles-container:after{display:none}.spotlight-images{right:-4rem}}