.how-we-work{gap:4rem;width:100%;max-width:2000px;margin:0 auto;padding:4rem 2rem;display:flex;position:relative}.how-we-work .how-we-work-header{will-change:transform;z-index:10;background-color:var(--black);align-items:flex-start;width:45%;height:100vh;display:flex;position:relative}.how-we-work .how-we-work-header-content{flex-direction:column;gap:2.5rem;width:100%;padding-top:8rem;display:flex}.how-we-work .how-we-work-header-content .how-we-work-header-callout p{color:var(--base-400);text-transform:uppercase;letter-spacing:.1em;font-size:.85rem;font-weight:700}.how-we-work .how-we-work-header-content h3{color:var(--base-50);letter-spacing:-.04em;margin-bottom:1.5rem;font-size:3rem;line-height:1.1}.how-we-work .how-we-work-steps{gap:1.25rem;margin-top:1rem;display:flex}.how-we-work .how-we-work-step{cursor:pointer;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:1rem;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;padding:1rem;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.how-we-work .how-we-work-step p{color:var(--base-200);font-size:1.125rem;font-weight:600}.how-we-work .how-we-work-step-label{opacity:0;white-space:nowrap;transition:all .5s cubic-bezier(.16,1,.3,1);position:absolute;left:1.5rem;transform:translate(-10px)}.how-we-work .how-we-work-step-index{transition:all .5s cubic-bezier(.16,1,.3,1);position:relative}.how-we-work .how-we-work-step.active{width:8.5rem;color:var(--base-50);background:var(--base-500);border-color:var(--base-400);box-shadow:0 10px 30px rgba(225,14,7,.3)}.how-we-work .how-we-work-step.active p{color:#fff}.how-we-work .how-we-work-step.active .how-we-work-step-index{transform:translate(20px)}.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{flex-direction:column;flex:1;gap:4rem;padding:8rem 0;display:flex}.how-we-work .how-we-work-card{-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.02) 100%);border:1px solid rgba(255,255,255,.08);border-radius:2rem;flex-direction:column;gap:2rem;padding:2.5rem;transition:transform .4s,border-color .4s;display:flex;position:relative}.how-we-work .how-we-work-card:hover{border-color:rgba(254,59,57,.3);transform:translateY(-5px)}.how-we-work .how-we-work-card-img{aspect-ratio:16/10;border-radius:1.5rem;width:100%;position:relative;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.4)}.how-we-work .how-we-work-card-img img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.how-we-work .how-we-work-card:hover .how-we-work-card-img img{transform:scale(1.05)}.how-we-work .how-we-work-card-copy{flex-direction:column;gap:1rem;display:flex}.how-we-work .how-we-work-card-index-label h3{color:var(--base-50);letter-spacing:-.03em;font-size:2.25rem}.how-we-work .how-we-work-card-copy .md{color:var(--base-200);opacity:.8;font-size:1.1rem;line-height:1.6}@media (max-width:1100px){.how-we-work{flex-direction:column;gap:2rem;padding:2rem 0}.how-we-work .how-we-work-header{width:100%;height:auto;position:relative!important}.how-we-work .how-we-work-header-content{gap:1.5rem;padding-top:2rem}.how-we-work .how-we-work-header-content h3{font-size:2.25rem}.how-we-work .how-we-work-steps{display:none}.how-we-work .how-we-work-cards{gap:2rem;padding:0}.how-we-work .how-we-work-card{padding:1.5rem}}