@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;800&display=swap";
.how-we-work{width:100%;height:100%;min-height:100vh;color:var(--base-100);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-350)}.how-we-work .how-we-work-header-content h3{color:var(--base-100);margin-bottom:2rem}.how-we-work .how-we-work-steps{gap:1rem;display:flex}.how-we-work .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 .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-home{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-100);border-color:var(--base-100)}.how-we-work .how-we-work-step.active .how-we-work-step-home{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-450);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:.75;width:100%;height:100%;position:absolute;top:0;left:0}.how-we-work .how-we-work-card-home-label{color:var(--base-100);margin-bottom:.5rem}.how-we-work .how-we-work-card-home-label h3{letter-spacing:-.05rem;font-size:2rem}.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{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}}
.team-spotlight-container{color:var(--base-200);background-color:var(--base-500);max-width:1440px;margin:0 auto;padding:2rem;font-family:Manrope,sans-serif}.arch{justify-content:space-between;gap:60px;max-width:1100px;margin-inline:auto;display:flex}.arch__left{flex-direction:column;flex:0 0 50%;width:50%;display:flex}.arch__info{place-items:center;width:100%;height:100vh;display:grid}.arch__info h2.header{letter-spacing:-.84px;color:var(--base-200);margin-bottom:0;font-family:Manrope,sans-serif;font-size:42px;font-weight:500}.arch__info p.desc{color:var(--base-200);letter-spacing:-.54px;margin-block:6px 28px;font-size:24px;line-height:normal}.animated-button-wrapper{align-items:center;width:fit-content;display:flex}.arch__right{flex-direction:column;flex-shrink:1;width:100%;max-width:540px;height:100vh;display:flex;position:relative}.arch__right .img-wrapper{border-radius:16px;width:80%;height:400px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.arch__right .img-wrapper img{object-fit:cover;object-position:center;width:100%;height:100%}@media (max-width:900px){.arch{gap:30px}}@media (max-width:768px){.team-spotlight-container{padding:100px 10px 10px}.arch{flex-direction:column;gap:20px}.arch__left,.arch__right{display:contents}.arch__right{max-width:100%;height:auto}.arch__right .img-wrapper{width:80%;height:360px;margin:0 auto 20px;position:static;transform:none}.arch__left .arch__info{height:auto;padding:0 20px 20px}.arch__info p.desc{letter-spacing:-.48px;font-size:20px}}@media (max-width:560px){.arch{gap:12px}.arch__right .img-wrapper{border-radius:10px;width:90%;height:280px}.arch__info h2.header{letter-spacing:-.64px;font-size:32px}}