.how-we-work{position:relative;width:100%;height:100%;min-height:100vh;color:var(--base-100);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:#ecf1f4;font-size:2.475rem}.how-we-work .how-we-work-header-content h3{color:var(--base-100);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(102,95,86,.65);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: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: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;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:var(--base-450);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%;opacity:.75}.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{font-size:2rem;letter-spacing:-.05rem}.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{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}}