@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@900&family=Instrument+Serif&display=swap";
.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;letter-spacing:-.05em;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:1024px){.interactive-tool__name-item h1{font-size:clamp(3rem,12vw,8rem)}.interactive-tool__names{height:10rem}}@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 (max-width:1024px){.stacked-cards__card{border-radius:2.5rem;width:85%;height:70%}.stacked-cards__col:first-child{padding:2.5rem 3rem}.stacked-cards__col h1{font-size:4rem}}@media (max-width:768px){.stacked-cards__card{border-radius:2rem;width:90%;height:54%;top:35%}.stacked-cards__col:first-child{padding:2.5rem 2rem}.stacked-cards__col h1{font-size:1.6rem}.stacked-cards__col p{letter-spacing:.1em;margin-bottom:.5rem;font-size:.75rem}}@media (max-width:480px){.stacked-cards__card{width:calc(100% - 2rem);height:50%;top:31%}.stacked-cards__col h1{font-size:1.3rem}}
.showreel{background-color:var(--base-500);width:100%;height:100svh;position:relative;overflow:hidden}.showreel>.container{z-index:2;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.showreel-visual{background-color:var(--base-500);border-radius:0;justify-content:center;align-items:flex-end;width:25%;height:500px;transition:-webkit-backdrop-filter .5s,backdrop-filter .5s;display:flex;position:relative;overflow:hidden}.showreel-visual img{object-fit:cover;border:none;outline:none;width:100%;height:100%;position:absolute;top:0;left:0}.showreel-visual--compact{width:75%}.showreel-visual.end-state{-webkit-backdrop-filter:blur(25px);background:#ffffff14;border:none;border-radius:0;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.showreel-marquee-container{width:100%;height:max-content;color:var(--base-100);z-index:2;padding:.75rem;position:relative}.showreel-marquee{-webkit-backdrop-filter:blur(30px);text-align:center;background:#ffffff1f;border:none;border-radius:12px;width:100%;padding:.5rem;overflow:hidden}.showreel-marquee-track{will-change:transform;gap:2rem;width:max-content;display:flex}.showreel-marquee-track p{white-space:nowrap;flex-shrink:0}@media (max-width:1000px){.showreel-header h1{font-size:clamp(3rem,15vw,10rem)}}
.is-section{background-color:var(--base-500);width:100%;min-height:100vh;color:var(--brand-blue);flex-direction:column;justify-content:flex-start;align-items:center;padding:0 2rem 10rem;display:flex;position:relative;overflow:hidden}.is-container{flex-direction:column;align-items:center;width:100%;max-width:1400px;display:flex}.is-service{will-change:height;cursor:pointer;align-items:flex-end;width:max-content;height:10rem;display:flex;position:relative;overflow:hidden}.is-service-name h1{text-transform:uppercase;letter-spacing:-.05em;z-index:2;background-color:#0000;padding:0 10px;font-family:Chillax,sans-serif;font-size:clamp(5rem,12vw,11rem);font-weight:900;line-height:.9;transition:color .3s;position:relative}.is-service-images{pointer-events:none;width:25rem;height:20rem;position:absolute;top:0%;left:50%;overflow:hidden;transform:translate(-50%)}.is-img{border-radius:.35rem;width:15rem;height:10rem;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,50%);box-shadow:0 10px 30px #00000080}.is-img img{object-fit:cover;width:100%;height:100%}.is-img:first-child{transform-origin:0 100%;margin-top:-1.5rem;transform:translate(-50%,50%)rotate(-5deg)}.is-img:nth-child(2){transform-origin:100% 100%;margin-top:-1.5rem;transform:translate(-50%,50%)rotate(2.5deg)}.is-tags-container{z-index:10;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.is-tag{color:#ffffd9;background-color:var(--base-500);will-change:transform,opacity;white-space:nowrap;opacity:0;z-index:15;border:1px solid #ffffd9;border-radius:4rem;padding:.5rem 1.5rem;font-family:Sora,sans-serif;font-size:1.1rem;position:absolute}@media (max-width:1024px){.is-service{height:8rem}.is-service-name h1{font-size:clamp(4rem,10vw,8rem)}.is-service-images{width:20rem;height:15rem}.is-img{width:12rem;height:8rem}}@media (max-width:768px){.is-service{height:6rem}.is-service-name h1{font-size:clamp(3rem,12vw,6rem)}.is-service-images{width:15rem;height:12rem}.is-img{width:10rem;height:6rem}.is-tag{padding:.35rem 1rem;font-size:.85rem}}@media (max-width:480px){.is-service{height:4.5rem}.is-service-name h1{font-size:clamp(2.5rem,14vw,4.5rem)}.is-tag{padding:.25rem .75rem;font-size:.75rem}}