.showreel{background-color:var(--base-100);justify-content:center;align-items:center;width:100%;height:100svh;display:flex;position:relative;overflow:hidden}.showreel .showreel-container{border-radius:2rem;width:100%;height:100%;position:relative;overflow:hidden;transform:scale(.75)}.showreel .showreel-container video{object-fit:cover;width:100%;height:100%}.showreel .volume-icon{background-color:var(--base-100);cursor:pointer;border-radius:100%;justify-content:center;align-items:center;width:6.5rem;height:6.5rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.feature-portfolios{background-color:#fff;width:100%;height:450vh;position:relative;overflow-x:clip}.center-text{pointer-events:none;z-index:100;mix-blend-mode:multiply;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:sticky;top:0;left:0}.category-tabs{z-index:110;pointer-events:auto;justify-content:center;gap:1.5rem;width:100%;padding:1rem 2rem;display:flex;position:sticky;top:5vh;left:0}.tab-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;color:#000;cursor:pointer;background:#ffffff1a;border:1px solid #0000001a;border-radius:100px;padding:.8rem 1.5rem;font-family:PP Neue Montreal,sans-serif;font-size:.9rem;font-weight:500;transition:all .3s cubic-bezier(.16,1,.3,1)}.tab-btn:hover{background:#0000000d;transform:translateY(-2px)}.tab-btn.active{color:#fff;background:#000;border-color:#000}@media (max-width:768px){.category-tabs{flex-wrap:wrap;gap:.5rem;padding:.5rem;top:2vh}.tab-btn{padding:.5rem 1rem;font-size:.75rem}}.center-text h1{color:#000;letter-spacing:-.05em;font-size:8vw;font-weight:500}@media (max-width:768px){.center-text h1{font-size:13vw}}.images-container{width:100%;height:100%;position:absolute;inset:0}.grid-image{top:var(--top);left:var(--left);width:var(--width);position:absolute;box-shadow:0 .8vw 2.5vw #00000026}@media (max-width:768px){.grid-image{left:var(--m-left);width:var(--m-width)}}.grid-image img{object-fit:cover;filter:grayscale(25%);width:100%;height:auto;transition:all .7s ease-out;display:block}.grid-image:hover img{filter:grayscale(0%)}.pin-wrapper{z-index:99;pointer-events:none;justify-content:flex-start;align-items:center;width:100%;height:100vh;display:flex;position:absolute;overflow:hidden}.target-container{pointer-events:auto;margin-left:var(--left);width:var(--width);height:40vh;position:relative;overflow:hidden;box-shadow:0 .8vw 2.5vw #00000026}@media (max-width:768px){.target-container{margin-left:var(--m-left);width:var(--m-width);height:50vh}}.target-container img.main-img{object-fit:cover;z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.target-overlay{z-index:10;opacity:0;color:#fff;pointer-events:none;flex-direction:column;justify-content:space-between;padding:3vw;display:flex;position:absolute;inset:0}@media (max-width:768px){.target-overlay{padding:2vw}}.overlay-header{letter-spacing:.15em;align-items:center;font-size:1vw;font-weight:500;display:flex}@media (max-width:768px){.overlay-header{font-size:3.2vw}}.overlay-header span:first-child{margin-right:1.25vw}@media (max-width:768px){.overlay-header span:first-child{margin-right:1vw}}.line-grow{background-color:#ffffff4d;flex-grow:1;height:.05vw;min-height:1px}.overlay-header span:last-child{margin-left:1.25vw}@media (max-width:768px){.overlay-header span:last-child{margin-left:1vw}}.content-area{flex-grow:1;width:100%;min-width:0;position:relative;overflow:hidden}.heading-wrapper{z-index:0;width:100%;min-width:0;max-width:100%;position:absolute;top:50%;left:2.5vw;transform:translateY(-50%)}@media (max-width:768px){.heading-wrapper{left:1.5vw}}.moving-heading{will-change:transform;letter-spacing:-.05em;white-space:nowrap;align-items:center;gap:6vw;width:max-content;max-width:100%;font-size:7vw;font-weight:500;display:flex}@media (max-width:768px){.moving-heading{gap:8.5vw;font-size:16vw}}.vision-desc-wrap{z-index:10;width:30vw;position:absolute;bottom:1.5vw;right:1.5vw}@media (max-width:768px){.vision-desc-wrap{width:80vw;bottom:0;right:1vw}}.desc-container{width:100%;height:16vw;min-height:12vw;position:relative}@media (max-width:768px){.desc-container{height:30vw;min-height:25vw}}.desc-block{width:100%;margin:0;font-size:1.1vw;font-weight:500;line-height:1.4;position:absolute;inset:0;overflow:hidden}@media (max-width:768px){.desc-block{font-size:3.7vw}}.split-line{overflow:hidden}.split-line-inner{display:block}
.client-reviews{background-color:var(--base-100);width:100%;height:100%;position:relative}.client-reviews .review-card{justify-content:center;align-items:center;gap:3rem;width:100%;height:100svh;padding:1.5rem;display:flex;position:relative}.client-reviews .review-card-container{will-change:transform;border-radius:1rem;width:60%;height:50%;padding:2rem;display:flex;position:relative}.client-reviews #review-card-1{background-color:var(--base-200)}.client-reviews #review-card-2{background-color:var(--base-400);color:var(--base-100)}.client-reviews #review-card-3{background-color:var(--accent-1);color:var(--base-100)}.client-reviews #review-card-4{background-color:var(--base-200)}.client-reviews #review-card-5{background-color:var(--base-500)}.client-reviews #review-card-6{background-color:var(--base-400);color:var(--base-100)}.client-reviews .review-card-content-wrapper{text-align:center;flex-direction:column;justify-content:space-between;width:100%;height:100%;display:flex}.client-reviews h3.review-card-text{letter-spacing:0;font-size:3rem}.client-reviews p.sm.review-card-client-company{color:var(--base-100);opacity:.4}.client-reviews #review-card-1 p.sm.review-card-client-company,.client-reviews #review-card-4 p.sm.review-card-client-company,.client-reviews #review-card-5 p.sm.review-card-client-company{color:var(--base-400)}@media (max-width:1000px){.client-reviews .review-card-container{flex-direction:column;gap:0;width:90%;height:100%;padding:1.25rem}.client-reviews .review-card-content-wrapper{justify-content:center;gap:2rem;width:100%}.client-reviews .review-card-index{flex:1}.client-reviews .review-card-content{height:100%}.client-reviews h3.review-card-text{font-size:2rem}.client-reviews .review-card{padding:1.25rem 0 0}}