.how-we-work{color:#fff;gap:2rem;width:100%;max-width:1600px;height:100%;min-height:100vh;display:flex;position:relative}.how-we-work-header{will-change:transform;width:60%;height:100vh;position:absolute;top:0;left:0;overflow:hidden}.how-we-work-header-content{flex-direction:column;gap:2rem;width:70%;padding-top:2.5rem;display:flex}.how-we-work-header-content h3{color:var(--sapphire-lightest);margin-bottom:2rem}.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-card{background-color:#1a1a1d;border-radius:1rem;flex-direction:column;gap:1rem;padding:1rem;display:flex;position:relative}.how-we-work-card-img{border-radius:.75rem;width:auto;height:400px;position:relative;overflow:hidden}.how-we-work-card-img img{opacity:.75;object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.how-we-work-card-index-label{color:var(--sapphire-light);margin-bottom:.5rem}.how-we-work-card-index-label h3{letter-spacing:-.05rem;font-size:2rem}.how-we-work-card-copy{color:var(--sapphire-lightest);padding:1rem}.how-we-work-card-copy p{font-size:1.125rem;line-height:1.75rem}.how-we-work-steps{gap:1rem;display:flex}.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-step p{margin:0;font-size:1.125rem;font-weight:550;line-height:1}.how-we-work-step-label{opacity:0;will-change:transform;white-space:nowrap;transition:all .3s;position:absolute;top:50%;left:2rem;transform:translate(-20px,-50%)}.how-we-work-step-index{will-change:transform;transition:all .3s;position:relative;top:-1.5px}.how-we-work-step.active{width:8rem;color:var(--sapphire-lightest);background-color:var(--sapphire-medium);border-color:var(--sapphire-medium)}.how-we-work-step.active .how-we-work-step-index{transform:translate(24px)}.how-we-work-step.active .how-we-work-step-label{opacity:1;transform:translateY(-50%)}@media (max-width:640px){.how-we-work-card-img{height:200px}.how-we-work-card-copy{padding:.5rem}.how-we-work-card-copy p{font-size:1.1rem;line-height:1.3}.how-we-work-card-index-label h3{text-align:center;font-size:2rem}.how-we-work-card{padding:.8rem}}@media (max-width:940px){.how-we-work{flex-direction:column;max-width:718px;min-height:auto}.how-we-work-header{width:100%;height:auto;position:relative;overflow:visible}.how-we-work-steps{display:none}.how-we-work-header-content{width:100%;padding-top:2rem;padding-bottom:1rem}.how-we-work-header-content h3{margin-bottom:0;font-size:2.5rem}.how-we-work-cards{margin-left:0;padding:5rem 0}.how-we-work-card{padding:.9rem}.how-we-work-card-copy{padding-bottom:0}.how-we-work-card-copy p{font-size:1.1rem;line-height:1.55rem}.how-we-work-card-index-label h3{letter-spacing:-.05rem;font-size:1.8rem}}@media (max-width:1024px) and (min-width:941px){.how-we-work-card-img{height:220px}}@media (max-width:1024px) and (min-width:770px){.how-we-work-header{padding-left:25px}.how-we-work-card-copy{padding:.2rem}.how-we-work-card-copy p{font-size:1rem;line-height:1.55rem}.how-we-work-card-index-label h3{letter-spacing:-.05rem;font-size:1.6rem}}@media (max-width:1440px) and (min-width:1024px){.how-we-work{max-width:1200px}.how-we-work-header-content{padding-top:2rem}.how-we-work-card-img{height:250px}.how-we-work-card-copy{padding:.15rem}.how-we-work-card-index-label h3{letter-spacing:-.05rem;font-size:1.6rem}.how-we-work-card-copy p{font-size:1rem;line-height:1.4rem}}@media (max-width:1600px) and (min-width:1500px){.how-we-work{max-width:1400px}}