.featured-projects{position:relative;width:100vw;background-color:var(--base-500);color:var(--base-100);padding:1rem}.featured-projects .featured-project-card{position:-webkit-sticky;position:sticky;width:100%;height:100svh;display:flex;justify-content:center;align-items:center;transform-style:preserve-3d;perspective:1000px;will-change:transform}.featured-projects .featured-project-card-inner{position:relative;width:calc(100%);height:calc(100% - 2rem);padding:1rem;display:flex;gap:1rem;border-radius:2rem;background-color:var(--base-450);transform-origin:50% 100%;will-change:transform;overflow:hidden}.featured-projects .featured-project-card-content{display:flex;flex-direction:column;justify-content:space-between;flex:1 1}.featured-projects .featured-project-card-content-main{padding:2rem;display:flex;flex-direction:column;align-items:flex-start}.featured-projects .featured-project-card-info{width:40%;padding:2rem;text-align:left;color:var(--base-350)}.featured-projects .featured-project-card-title h2{padding:2rem 0 1rem}.featured-projects .featured-project-card-description{width:75%;text-align:left;color:var(--base-250)}.featured-projects .featured-project-card-img{flex:1 1;width:100%;height:100%;border-radius:1.5rem;overflow:hidden}.featured-projects .featured-project-card-inner:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--base-500);opacity:var(--after-opacity,0);will-change:opacity;pointer-events:none;z-index:2}@media (max-width:1000px){.featured-projects .featured-project-card-inner{flex-direction:column}.featured-projects .featured-project-card-content,.featured-projects .featured-project-card-img{flex:1 1}.featured-projects .featured-project-card-info{width:75%;margin:0 auto;text-align:center}.featured-projects .featured-project-card-title{width:100%;text-align:center}.featured-projects .featured-project-card-description{display:none}}.client-reviews,.client-reviews .container{width:100%;height:100%;display:flex;justify-content:center}.client-reviews .container{position:relative}.client-reviews .client-reviews-wrapper{position:relative;width:35%;height:100%;margin:0 auto;color:var(--base-200)}.client-reviews .client-review-content{position:absolute;top:0;display:flex;flex-direction:column;justify-content:center;gap:2rem;width:100%}.client-reviews .client-review-img{position:relative;width:100%;aspect-ratio:16/9;border-radius:1rem;overflow:hidden;padding:1rem;background-color:var(--base-400);will-change:opacity}.client-reviews .client-review-img img{position:absolute;top:.5rem;left:.5rem;width:calc(100% - 1rem);height:calc(100% - 1rem);border-radius:.75rem;object-fit:cover;will-change:opacity}.client-reviews .client-review-copy h3{text-align:center;font-size:1.75rem;color:var(--base-300);line-height:1.25}.client-reviews .client-review-copy h3>div>div{will-change:transform}.client-reviews .clients-list{position:absolute;bottom:8rem;left:50%;width:100%;transform:translate(-50%,-50%);height:4rem;border-radius:.5rem;display:flex;align-items:center;gap:.25rem;padding:.5rem}.client-reviews .client-item{display:flex;align-items:center;gap:.5rem;cursor:pointer;overflow:hidden;background-color:var(--base-400);border-radius:.25rem;padding:.25rem;height:3rem;flex-shrink:0;position:relative;transition:background-color .5s ease-in-out}.client-reviews .client-item:hover{background-color:var(--base-200)}.client-reviews .client-item.active{background-color:var(--base-100)}.client-reviews .client-avatar{width:2.5rem;height:2.5rem;border-radius:.25rem;overflow:hidden;flex-shrink:0;position:relative;z-index:1}.client-reviews .client-info{flex:1 1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:.125rem;white-space:nowrap;position:relative;will-change:opacity;z-index:0}.client-reviews p.client-name{font-size:.9rem;font-weight:600;color:var(--base-500);line-height:1;margin:0;will-change:opacity}.client-reviews p.client-title{font-size:.75rem;color:var(--base-300);line-height:1;margin:0;will-change:opacity}@media (max-width:1200px){.client-reviews .client-reviews-wrapper{width:50%}.client-reviews .client-review-copy h3{font-size:1.25rem}}@media (max-width:1000px){.client-reviews-container{height:100svh}.client-reviews .client-reviews-wrapper{width:100%}.client-reviews .container{padding:0}.client-reviews .clients-list{bottom:2rem}.client-reviews p.client-name{font-size:.75rem;padding-right:2rem;white-space:normal}.client-reviews p.client-title{display:none}}