.how-we-work{position:relative;width:100%;height:100%;min-height:100vh;color:var(--base-500);display:flex;gap:2rem}.how-we-work .how-we-work-header{position:absolute;top:0;left:0;width:60%;height:100vh;overflow:hidden;will-change:transform}.how-we-work .how-we-work-header-content{padding-top:10rem;width:70%;display:flex;flex-direction:column;gap:2rem}.how-we-work .how-we-work-header-content .how-we-work-header-callout p{color:var(--brand-500)}.how-we-work .how-we-work-header-content h3{color:var(--base-500);margin-bottom:2rem}.how-we-work .how-we-work-steps{display:flex;gap:1rem}.how-we-work .how-we-work-step{position:relative;padding:1.25rem;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,113,106,.35);border-radius:1rem;transition:all .3s ease;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{position:absolute;left:2rem;opacity:0;transform:translateX(-20px);transition:all .3s ease;will-change:transform;white-space:nowrap}.how-we-work .how-we-work-step-index{position:relative;transition:all .3s ease;will-change:transform}.how-we-work .how-we-work-step.active{width:8rem;color:#fff;background-color:var(--brand-500);border-color:var(--brand-500)}.how-we-work .how-we-work-step.active .how-we-work-step-index{transform:translateX(24px)}.how-we-work .how-we-work-step.active .how-we-work-step-label{opacity:1;transform:translateX(0)}.how-we-work .how-we-work-cards{flex:2 1;position:relative;margin-left:60%;display:flex;flex-direction:column;gap:2rem;padding:8rem 0;will-change:transform}.how-we-work .how-we-work-card{position:relative;display:flex;flex-direction:column;gap:1rem;background-color:#000;padding:1rem;border-radius:1rem}.how-we-work .how-we-work-card-img{position:relative;aspect-ratio:1;overflow:hidden;border-radius:.75rem}.how-we-work .how-we-work-card-img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.75}.how-we-work .how-we-work-card-index-label{color:#fff;margin-bottom:.5rem}.how-we-work .how-we-work-card-index-label h3{font-size:2rem;letter-spacing:-.05rem}.how-we-work .how-we-work-card-copy{color:#fff;padding:1rem}@media (max-width:1000px){.how-we-work{flex-direction:column;min-height:auto}.how-we-work .how-we-work-header{position:relative;width:100%;height:auto;overflow:visible}.how-we-work .how-we-work-steps{display:none}.how-we-work .how-we-work-header-content{padding-top:2rem;width:100%;padding-bottom:1rem}.how-we-work .how-we-work-header-content h3{font-size:2rem;margin-bottom:0}.how-we-work .how-we-work-cards{margin-left:0;padding:1rem 0}}.spotlight{position:relative;width:100%;height:100svh;display:flex;justify-content:center;align-items:center;overflow:hidden}.spotlight-outline{position:absolute;top:0;left:0;width:100%;height:100%;border:1rem solid #eef5f5;border-radius:3rem;z-index:2}.spotlight-outline:after{content:"";position:absolute;top:-1rem;left:-1rem;width:100%;height:100%;border:1rem solid #eef5f5;z-index:1}.spotlight-inner{position:relative;width:calc(100% - 2rem);height:calc(100% - 2rem);overflow:hidden;border-radius:2rem;background-color:#0c4a5e}.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;will-change:transform;color:#fff}.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);will-change:transform;border-radius:2rem}.spotlight-bg-img img{transform:scale(1.5);will-change:transform}.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:#fff;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:5rem;transform:translateY(100%);z-index:2}.spotlight-titles h1{color:#fff;opacity:.35;transition:opacity .3s ease;font-size:4rem;font-weight:500;line-height:1}.spotlight-images{position:absolute;top:0;right:0;width:50%;min-width:300px;height:100%;z-index:1;pointer-events:none}.spotlight-img{position:absolute;width:200px;height:150px;will-change:transform;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:#fff;transition:opacity .3s ease;z-index:2;opacity:0}.spotlight-header p{font-size:1.25rem;font-weight:500;line-height:1;color:#fff}.spotlight-mobile-product{display:none}@media (max-width:1000px){.spotlight{min-height:100svh}.spotlight-outline{border-width:.5rem;border-radius:1.75rem}.spotlight-outline:after{top:-.5rem;left:-.5rem;border-width:.5rem}.spotlight-inner{width:calc(100% - 1rem);height:calc(100% - 1rem);border-radius:1.3rem}.spotlight-intro-text-wrapper{z-index:3;justify-content:center;align-items:center;gap:clamp(.7rem,4vw,1.25rem);padding:0 1.5rem}.spotlight-intro-text{flex:none}.spotlight-intro-text:first-child{display:block}.spotlight-intro-text p{font-size:clamp(1.8rem,9vw,2.45rem);line-height:1;letter-spacing:-.05em;white-space:nowrap}.spotlight-bg-img,.spotlight-bg-img img{border-radius:1.3rem}.spotlight-bg-img img{width:100%;height:100%;object-fit:cover}.spotlight-titles,.spotlight-titles-container:after,.spotlight-titles-container:before{display:none}.spotlight-images{right:-4rem}.spotlight-img{width:9rem;height:11rem;border-radius:.85rem;box-shadow:0 1rem 2.5rem rgba(0,0,0,.28)}.spotlight-header{top:2rem;left:2rem;transform:none}.spotlight-header p{font-family:DM Mono,monospace;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.spotlight-mobile-product{position:absolute;left:50%;bottom:clamp(6rem,12svh,8rem);z-index:3;display:block;width:calc(100% - 3rem);margin:0;transform:translateX(-50%);color:#fff;font-size:clamp(1.7rem,8vw,2.4rem);font-weight:500;line-height:1.05;letter-spacing:-.05em;text-align:center;text-wrap:balance;opacity:0;pointer-events:none}}