.how-we-work{width:100%;height:100%;min-height:100vh;color:var(--base-50);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-300)}.how-we-work .how-we-work-header-content h3{color:var(--base-50);margin-bottom:2rem}.how-we-work .how-we-work-steps{gap:1rem;display:flex}.how-we-work .how-we-work-step{border:1px solid rgba(102,95,86,.65);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-50);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-800);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:.9;width:100%;height:100%;position:absolute;top:0;left:0}.how-we-work .how-we-work-card-index-label{color:var(--base-50);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-100);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}}