.interactive-tool{background-color:var(--base-500);width:100%;height:850px;color:var(--base-100);flex-direction:column;justify-content:center;align-items:center;gap:2.5em;display:flex;position:relative;overflow:hidden}.interactive-tool__images{z-index:2;justify-content:center;align-items:center;width:max-content;display:flex}.interactive-tool__img{cursor:pointer;will-change:width,height;border-radius:40px;width:70px;height:70px;padding:5px;position:relative;overflow:hidden}.interactive-tool__img img{object-fit:contain;filter:grayscale();border-radius:0;width:100%;height:100%;transition:filter .5s}.interactive-tool__img:hover img{filter:grayscale(0)}.interactive-tool__names{clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);justify-content:center;align-items:center;width:100%;height:15rem;display:flex;position:relative;overflow:hidden}.interactive-tool__name-item{text-align:center;width:100%;position:absolute}.interactive-tool__name-item h1{text-transform:uppercase;color:var(--base-300);-webkit-user-select:none;user-select:none;font-family:Chillax,sans-serif;font-size:clamp(4rem,15vw,15rem);font-weight:800;line-height:1;transform:translateY(100%)}.interactive-tool__name-item.default h1{color:#d6d6d6;transform:translateY(-100%)}.interactive-tool__name-item h1 .letter{will-change:transform;display:inline-block;position:relative;transform:translateY(0%)}@media screen and (max-width:1120px){.interactive-tool__name-item h1{font-size:clamp(3rem,12vw,8rem)}.interactive-tool__names{height:8rem}}@media screen and (max-width:768px){.interactive-tool{flex-direction:column-reverse;gap:1.5em;height:auto;padding:6rem 0}.interactive-tool__images{flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:90%}.interactive-tool__img{width:60px;height:60px;padding:2.5px}.interactive-tool__names{height:3rem}.interactive-tool__name-item h1{letter-spacing:0;font-size:3.5rem}}@media screen and (max-width:480px){.interactive-tool__name-item h1{font-size:2.5rem}.interactive-tool__img{width:50px;height:50px}}
.stacked-cards{background-color:var(--base-500);perspective:1000px;width:100%;height:100vh;position:relative;overflow:hidden}.our-work-spacer{background-color:var(--base-500)!important}.stacked-cards__card{color:#fff;transform-origin:bottom;will-change:transform;border-radius:3.5rem;width:70%;height:75%;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.stacked-cards__col{width:100%;height:100%;position:absolute;top:0;left:0}.stacked-cards__col:first-child{z-index:2;background:linear-gradient(#0000 50%,#000000b3 100%);flex-direction:column;justify-content:flex-end;padding:3rem 4rem;display:flex}.stacked-cards__col:nth-child(2){z-index:1}.stacked-cards__col h1{text-transform:uppercase;margin:0;font-family:Chillax,sans-serif;font-size:clamp(2rem,6vw,2rem);font-weight:800;line-height:.85}.stacked-cards__col p{letter-spacing:.2em;text-transform:uppercase;opacity:.9;margin-bottom:1rem;font-family:DM Mono,monospace;font-size:1rem}.stacked-cards__col img{object-fit:cover;width:100%;height:100%}@media (min-width:1025px) and (max-width:1366px){.stacked-cards__card{border-radius:2.5rem;width:95%;height:75%}.stacked-cards__col:first-child{padding:2.5rem 3rem}.stacked-cards__col h1{font-size:clamp(2.2rem,3vw,3rem)}.stacked-cards__col p{font-size:.9rem}}@media (min-width:768px) and (max-width:1024px){.stacked-cards{height:90vh}.stacked-cards__card{border-radius:2.5rem;width:90%;height:60%}.stacked-cards__col:first-child{padding:2rem}.stacked-cards__col h1{font-size:clamp(1.8rem,5vw,3rem)}.stacked-cards__col p{letter-spacing:.15em;margin-bottom:.75rem;font-size:.85rem}}@media (max-width:767px){.stacked-cards{height:100svh}.stacked-cards__card{border-radius:1.5rem;width:calc(100% - 2rem);height:55%}.stacked-cards__col:first-child{padding:1.5rem}.stacked-cards__col h1{font-size:clamp(1.25rem,6vw,2rem);line-height:.9}.stacked-cards__col p{letter-spacing:.1em;margin-bottom:.5rem;font-size:.75rem}}@media (max-width:767px) and (orientation:landscape){.stacked-cards{height:100vh}.stacked-cards__card{width:85%;height:78%}.stacked-cards__col:first-child{padding:1.25rem 2rem}.stacked-cards__col h1{font-size:1.4rem}.stacked-cards__col p{margin-bottom:.4rem;font-size:.7rem}}