.how-we-work{width:100%;height:100%;min-height:100vh;color:var(--base-100);gap:2rem;display:flex;position:relative}.how-we-work .how-we-work-header{will-change:transform;width:60%;height:100vh;position:absolute;top:0;left:0;overflow:hidden}.how-we-work .how-we-work-header-content{flex-direction:column;gap:2rem;width:70%;padding-top:10rem;display:flex}.how-we-work .how-we-work-header-content .how-we-work-header-callout p{color:var(--base-350)}.how-we-work .how-we-work-header-content h3{color:var(--base-100);margin-bottom:2rem}.how-we-work .how-we-work-steps{gap:1rem;display:flex}.how-we-work .how-we-work-step{border:1px solid #665f56a6;border-radius:1rem;justify-content:center;align-items:center;width:4rem;height:4rem;padding:1.25rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.how-we-work .how-we-work-step p{font-size:1.125rem;font-weight:550}.how-we-work .how-we-work-step-label{opacity:0;will-change:transform;white-space:nowrap;transition:all .3s;position:absolute;left:2rem;transform:translate(-20px)}.how-we-work .how-we-work-step-index{will-change:transform;transition:all .3s;position:relative}.how-we-work .how-we-work-step.active{width:8rem;color:var(--base-500);background-color:var(--base-100);border-color:var(--base-100)}.how-we-work .how-we-work-step.active .how-we-work-step-index{transform:translate(24px)}.how-we-work .how-we-work-step.active .how-we-work-step-label{opacity:1;transform:translate(0)}.how-we-work .how-we-work-cards{will-change:transform;flex-direction:column;flex:2;gap:2rem;margin-left:60%;padding:8rem 0;display:flex;position:relative}.how-we-work .how-we-work-card{background-color:var(--base-450);border-radius:1rem;flex-direction:column;gap:1rem;padding:1rem;display:flex;position:relative}.how-we-work .how-we-work-card-img{aspect-ratio:1;border-radius:.75rem;position:relative;overflow:hidden}.how-we-work .how-we-work-card-img img{opacity:.75;width:100%;height:100%;position:absolute;top:0;left:0}.how-we-work .how-we-work-card-index-label{color:var(--base-100);margin-bottom:.5rem}.how-we-work .how-we-work-card-index-label h3{letter-spacing:-.05rem;font-size:2rem}.how-we-work .how-we-work-card-copy{color:var(--base-350);padding:1rem}@media (max-width:1000px){.how-we-work{flex-direction:column;min-height:auto}.how-we-work .how-we-work-header{width:100%;height:auto;position:relative;overflow:visible}.how-we-work .how-we-work-steps{display:none}.how-we-work .how-we-work-header-content{width:100%;padding-top:2rem;padding-bottom:1rem}.how-we-work .how-we-work-header-content h3{margin-bottom:0;font-size:2rem}.how-we-work .how-we-work-cards{margin-left:0;padding:1rem 0}}
.spotlight{justify-content:center;align-items:center;width:100vw;height:100svh;display:flex;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);border-radius:2rem;width:calc(100% - 2rem);height:calc(100% - 2rem);position:relative;overflow:hidden}.spotlight-intro-text-wrapper{gap:.5rem;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;border-radius:2rem;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;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:75%;height:100%;display:flex;position:relative;left:15%;transform:translateY(100%)}.spotlight-titles h1{color:var(--base-100);opacity:.35;font-size:4rem;font-weight:500;line-height:1;transition:opacity .3s}.spotlight-images{z-index:1;pointer-events:none;width:50%;min-width:300px;height:100%;position:absolute;top:0;right:0}.spotlight-img{will-change:transform;border-radius:1rem;width:200px;height:150px;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:10%;transform:translateY(-50%)}.spotlight-header p{color:var(--base-100);font-size:1.25rem;font-weight:500;line-height:1}@media (max-width:1000px){.spotlight-titles,.spotlight-titles-container:before,.spotlight-titles-container:after{display:none}.spotlight-images{right:-4rem}}