:root{--color-black: #0a0a0a;--color-gray-100: #f5f5f5;--color-gray-200: #e8e8e8;--color-gray-300: #d4d4d4;--color-gray-400: #a3a3a3;--color-gray-500: #737373;--color-gray-600: #525252;--color-gray-700: #404040;--color-gray-800: #262626;--color-gray-900: #171717;--color-white: #ffffff;--color-blue: #2B44FF;--color-red: #E63329;--color-yellow: #FFD500;--font-primary: "Helvetica Neue", Helvetica, Arial, sans-serif;--space-xs: 0.5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--space-3xl: 6rem;--space-4xl: 8rem;--container-max: 1796px;--container-padding: 3rem;--grid-gap: 1.5rem;--duration-fast: 0.2s;--duration-normal: 0.4s;--duration-slow: 0.8s;--duration-slower: 1.2s;--ease-in-out-quart: cubic-bezier(0.76, 0, 0.24, 1);--ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);--ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1)}@media(max-width: 1120px){:root{--container-padding: 1rem;--grid-gap: .5rem}}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:18px;scroll-behavior:smooth}body{background-color:var(--color-white);color:var(--color-black);font-family:var(--font-primary);font-size:.875rem;font-weight:400;line-height:1.6;overflow-x:hidden}body.loading{overflow:hidden}picture{display:block}.main{border:1px solid var(--color-gray-200);border-bottom:0;border-top:0;margin:0 auto;max-width:var(--container-max)}.main:before{border-bottom:1px solid var(--color-gray-200);content:"";left:0;position:absolute;top:100vh;width:100%}::selection{background-color:var(--color-red);color:var(--color-white)}a{color:inherit;text-decoration:none;transition:color var(--duration-fast) var(--ease-out-quart)}img{display:block;height:auto;max-width:100%}@media(max-width: 992px){.main{border:0}}.loader{align-items:center;background-color:var(--color-white);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;transition:opacity .6s var(--ease-out-quart),visibility .6s;width:100%;z-index:9999}.loader.loaded{opacity:0;visibility:hidden}.loader__content{align-items:center;display:flex;flex-direction:column;gap:var(--space-lg)}.loader__shapes{display:flex;gap:var(--space-md)}.loader__shape{animation:shapeAppear .6s var(--ease-out-quart) forwards;display:block;opacity:0}.loader__shape--triangle{animation-delay:.2s;border-bottom:17px solid var(--color-black);border-left:10px solid rgba(0,0,0,0);border-right:10px solid rgba(0,0,0,0);height:0;width:0}.loader__shape--circle{animation-delay:.4s;background-color:var(--color-black);border-radius:50%;height:18px;width:18px}.loader__shape--square{animation-delay:.6s;background-color:var(--color-black);height:16px;width:16px}.loader__progress{background-color:var(--color-gray-200);height:2px;overflow:hidden;width:120px}.loader__bar{animation:loadProgress 1.8s var(--ease-out-expo) .8s forwards;background-color:var(--color-black);height:100%;width:0%}.loader.loaded{opacity:0;visibility:hidden;transition:opacity .8s var(--ease-out-expo) .6s,visibility 0s linear 1.4s}.loader.loaded .loader__shape{animation:shapeExit .5s var(--ease-in-out-quart) forwards}.loader.loaded .loader__shape--square{opacity:1;animation-delay:0s}.loader.loaded .loader__shape--circle{opacity:1;animation-delay:.08s}.loader.loaded .loader__shape--triangle{opacity:1;animation-delay:.16s}.loader.loaded .loader__progress{animation:progressExit .4s var(--ease-out-quart) forwards}@keyframes shapeAppear{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}@keyframes shapeExit{0%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-999px) scale(0.8)}}@keyframes progressExit{0%{opacity:1;transform:scaleX(1)}100%{opacity:0;transform:scaleX(0.5)}}@keyframes loadProgress{0%{width:0%}100%{width:100%}}.header{background-color:rgba(0,0,0,0);box-shadow:0 1px 0 rgba(0,0,0,.05);left:0;position:fixed;top:0;transition:all var(--duration-slow) var(--ease-out-quart);width:100%;z-index:1000}.header__fixed{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:rgba(255,255,255,.5)}.nav{border:1px solid var(--color-gray-200);border-bottom:0;border-top:0;display:flex;margin:0 auto;max-width:var(--container-max);padding:var(--space-md) var(--container-padding);justify-content:space-between}.nav__logo{align-items:center;display:flex;gap:var(--space-xs)}.nav__item{align-items:center;cursor:pointer;display:flex;gap:0;overflow:hidden}.nav__item:hover .nav__label{margin-left:6px;max-width:60px;opacity:1}.nav__icon{animation:fadeInUp .6s var(--ease-out-quart) forwards;display:block;flex-shrink:0;opacity:0}.nav__icon--triangle{animation-delay:2.6s;height:19px;width:23px}.nav__icon--circle{animation-delay:2.7s;background-color:var(--color-black);border-radius:50%;height:20px;width:20px}.nav__icon--square{animation-delay:2.8s;background-color:var(--color-black);height:20px;width:20px}.nav__label{color:var(--color-black);font-size:.8rem;font-weight:600;letter-spacing:.15em;margin-left:6px;max-width:0;opacity:0;text-transform:uppercase;transition:max-width .4s var(--ease-out-expo),opacity .3s var(--ease-out-quart),margin-left .4s var(--ease-out-expo);white-space:nowrap}.section__header{align-items:center;display:flex;gap:10px;margin-bottom:var(--space-lg)}.section__icon{display:block}.section__icon--triangle{height:19px;width:23px}.section__icon--circle{background-color:var(--color-black);border-radius:50%;height:20px;width:20px}.section__icon--square{background-color:var(--color-black);height:20px;width:20px}.section__label{font-size:.8rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.nda-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity var(--duration-normal) var(--ease-out-expo),visibility var(--duration-normal)}.nda-modal.is-active{opacity:1;visibility:visible}.nda-modal.is-active .nda-modal__backdrop{opacity:1}.nda-modal.is-active .nda-modal__content{opacity:1;transform:translateY(0) scale(1)}.nda-modal.is-active .nda-modal__shape--triangle{transform:translate(-50%, -50%) rotate(0deg);opacity:1}.nda-modal.is-active .nda-modal__shape--circle{transform:translate(50%, 50%) scale(1);opacity:1}.nda-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(10,10,10,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity var(--duration-slow) var(--ease-out-expo);cursor:pointer}.nda-modal__content{position:relative;max-width:480px;width:calc(100% - var(--space-lg));background:var(--color-white);padding:var(--space-2xl) var(--space-xl);opacity:0;transform:translateY(24px) scale(0.96);transition:opacity var(--duration-slow) var(--ease-out-expo) .1s,transform var(--duration-slow) var(--ease-out-expo) .1s;overflow:hidden}.nda-modal__shape{position:absolute;pointer-events:none;z-index:0}.nda-modal__shape--triangle{top:-20px;left:-20px;width:80px;height:70px;opacity:0;transform:translate(-50%, -50%) rotate(-45deg);transition:transform var(--duration-slower) var(--ease-out-expo) .2s,opacity var(--duration-slow) var(--ease-out-expo) .2s}.nda-modal__shape--triangle svg{width:100%;height:100%}.nda-modal__shape--circle{bottom:-30px;right:-30px;width:100px;height:100px;background:var(--color-red);border-radius:50%;opacity:0;transform:translate(50%, 50%) scale(0.5);transition:transform var(--duration-slower) var(--ease-out-expo) .3s,opacity var(--duration-slow) var(--ease-out-expo) .3s}.nda-modal__inner{position:relative;z-index:1}.nda-modal__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:var(--space-md);background:var(--color-black)}.nda-modal__icon svg{width:24px;height:24px}.nda-modal__title{font-family:var(--font-primary);font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:700;letter-spacing:-0.02em;color:var(--color-black);margin-bottom:var(--space-sm);text-transform:uppercase}.nda-modal__text{font-family:var(--font-primary);font-size:.9375rem;font-weight:400;line-height:1.6;color:var(--color-gray-600);margin-bottom:var(--space-lg)}.nda-modal__divider{width:100%;height:1px;background:var(--color-gray-200);margin-bottom:var(--space-lg)}.nda-modal__cta{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-primary);font-size:.8125rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--color-black);text-decoration:none;padding:var(--space-sm) 0;border-bottom:2px solid var(--color-blue);transition:color var(--duration-fast) ease,border-color var(--duration-fast) ease}.nda-modal__cta:hover{color:var(--color-blue)}.nda-modal__cta:hover .nda-modal__arrow{transform:translateX(4px)}.nda-modal__arrow{display:inline-flex;transition:transform var(--duration-fast) var(--ease-out-quart)}.nda-modal__arrow svg{width:16px;height:16px}.nda-modal__close{position:absolute;top:var(--space-sm);right:var(--space-sm);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);border:none;cursor:pointer;z-index:2;transition:transform var(--duration-fast) var(--ease-out-quart)}.nda-modal__close:hover{transform:rotate(90deg)}.nda-modal__close::before,.nda-modal__close::after{content:"";position:absolute;width:20px;height:2px;background:var(--color-black);transition:background var(--duration-fast) ease}.nda-modal__close::before{transform:rotate(45deg)}.nda-modal__close::after{transform:rotate(-45deg)}.nda-modal__close:hover::before,.nda-modal__close:hover::after{background:var(--color-red)}body.nda-modal-open{overflow:hidden}@media(max-width: 768px){.nda-modal__content{padding:var(--space-xl) var(--space-md)}.nda-modal__shape--triangle{width:60px;height:52px;top:-15px;left:-15px}.nda-modal__shape--circle{width:70px;height:70px;bottom:-20px;right:-20px}}.hero{display:flex;flex-direction:column;flex-wrap:nowrap;height:100vh;height:-webkit-fill-available;min-height:450px;justify-content:flex-end;overflow:hidden;position:relative}@supports(height: 100dvh){.hero{height:100dvh}}.hero__forms{height:75%;position:absolute;right:0;top:0;width:auto;z-index:-1}.hero__shapes{display:flex;height:100%;justify-content:flex-end;position:relative;width:100%}.hero__svg{height:auto;max-width:800px;position:absolute;right:-5%;top:-15%;width:75%}.hero__shape{transform-box:fill-box;transform-origin:center center}.hero__shape--triangle{animation:triangleReveal 1.2s var(--ease-out-expo) 2.2s forwards;opacity:0;transform:translateY(100px)}.hero__shape--circle{animation:circleReveal 1s var(--ease-out-expo) 2.5s forwards;opacity:0;transform:scale(0) translateX(-20px)}.hero__shape--rect{animation:rectReveal 1s var(--ease-out-expo) 2.8s forwards;opacity:0;transform:translateX(100px) translateY(-20px)}@keyframes triangleReveal{0%{opacity:0;transform:translateY(100px)}100%{opacity:1;transform:translateY(0)}}@keyframes circleReveal{0%{opacity:0;transform:scale(0) translateX(-20px)}60%{opacity:1;transform:scale(1.05) translateX(5px)}100%{opacity:1;transform:scale(1) translateX(0)}}@keyframes rectReveal{0%{opacity:0;transform:translateX(100px) translateY(-20px)}100%{opacity:1;transform:translateX(0) translateY(0)}}.hero__svg:hover .hero__shape--triangle{animation:triangleFloat 3s ease-in-out infinite}.hero__svg:hover .hero__shape--circle{animation:circleFloat 4s ease-in-out infinite}.hero__svg:hover .hero__shape--rect{animation:rectFloat 3.5s ease-in-out infinite}@keyframes triangleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes circleFloat{0%,100%{transform:scale(1) translateX(0)}50%{transform:scale(1.02) translateX(5px)}}@keyframes rectFloat{0%,100%{transform:translateX(0) translateY(0)}50%{transform:translateX(5px) translateY(-5px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}100%{opacity:1;transform:translateY(0)}}.gravity-shapes{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;transform:translate(0, 75px);width:100%;z-index:-1}.gravity-shape{opacity:0;position:absolute;will-change:transform,opacity}.about__container{margin:0 auto;max-width:var(--container-max);padding:var(--container-padding);position:relative}.about__content{filter:blur(15px);opacity:0;position:relative;display:inline-block;transform:translateY(30px);transition:all var(--duration-slow) var(--ease-out-quart);width:33%}.about__content.is-visible{filter:blur(0px);opacity:1;transform:translateY(0)}.about__hello img{opacity:0;transform:translateY(40px);transition:opacity var(--duration-slower) var(--ease-out-expo),transform var(--duration-slower) var(--ease-out-expo);width:100%;will-change:opacity,transform}.about__hello img.is-visible{opacity:1;transform:translateY(0)}.about__text{bottom:0;color:var(--color-gray-700);font-size:.85rem;line-height:1.6;position:absolute}@keyframes shapeAppearCase{0%{opacity:0;transform:translateY(25px)}100%{opacity:1;transform:translateY(0)}}.work{padding:var(--space-xl) 0}.work__container{margin:0 auto;max-width:var(--container-max);padding:0 var(--container-padding)}.work__grid{display:flex;flex-direction:column;gap:var(--grid-gap)}.work__row{display:flex;gap:var(--grid-gap)}.work__row--two .project--half{flex:1}.work__row--two .project--half--smaler{flex:0 0 auto;width:40%}.work__row--full .project--full{width:100%}.work__row--full .project--full .project__image{display:flex;justify-content:center;padding-bottom:0}.work__row--full .project--full .project__image img{width:100%}.work__row--complex .project--medium{flex:0 0 calc(25% - var(--grid-gap))}.work__row--complex .project__stack{display:flex;flex:0 0 calc(22% - var(--grid-gap));flex-direction:column;gap:var(--grid-gap)}.work__row--complex .project--large-right{flex:1}.work__row__1{height:500px;flex:auto}.work__row__3{min-height:initial}.work__row__4{min-height:500px}.work__row__5{min-height:500px}.project{opacity:0;transform:translateY(40px);transition:opacity var(--duration-slower) var(--ease-out-expo),transform var(--duration-slower) var(--ease-out-expo);will-change:opacity,transform}.work__row>.project:nth-child(1),.project .work__row>.project__stack:nth-child(2) .project:nth-child(1){transition-delay:0s}.work__row>.project:nth-child(2),.project .work__row>.project__stack:nth-child(2) .project:nth-child(2){transition-delay:.08s}.work__row>.project:nth-child(3){transition-delay:.16s}.work__row>.project:nth-child(4){transition-delay:.24s}.project__link{display:block;height:100%}.project__image{background-color:var(--color-gray-200);height:100%;overflow:hidden;padding:var(--space-lg);transition:all var(--duration-normal) var(--ease-out-quart);width:100%}.project__image--mobile3{align-content:center;align-items:stretch;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--space-sm);justify-content:center;overflow:hidden}.project__image--mobile3 span{align-items:center;border-radius:37px;display:flex;height:auto;opacity:0;transform:translateY(55px);width:fit-content}.project__image--mobile3 span img,.project__image--mobile3 span video{border-radius:18px;height:100%;width:auto}.project.is-visible{opacity:1;transform:translateY(0)}.project.is-visible .project__image--mobile3 span{animation:shapeAppearCase .6s var(--ease-out-quart) forwards}.project.is-visible .project__image--mobile3 span:nth-child(1){animation-delay:.2s}.project.is-visible .project__image--mobile3 span:nth-child(2){animation-delay:.4s}.project.is-visible .project__image--mobile3 span:nth-child(3){animation-delay:.6s}.project__link:hover .project__image{background-color:var(--color-gray-300)}.video-hover-container{position:relative;display:flex;align-items:center;justify-content:center}.video-hover-container .video-hover-img,.video-hover-container .video-hover-video{transition:opacity .4s ease-out}.video-hover-container .video-hover-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;pointer-events:none}.video-hover-container.is-playing .video-hover-img{opacity:0}.video-hover-container.is-playing .video-hover-video{opacity:1}.project__stack .project--small{flex:1}@media(max-width: 1430px){.work__row__2{height:600px}.project__image--mobile3 span{align-items:center;display:flex;height:auto;width:fit-content}.project__image--mobile3 span img{height:auto;width:100%}}@media(max-width: 1120px){.work .project__image--mobile3{align-items:center;flex-direction:column}.work .project__image--mobile3 span{height:fit-content;max-width:200px;width:100%}.work .project__image--mobile3 span img{height:auto;width:100%}.work__row--two{flex-direction:column}.work__row--two .project--half{width:100%}.work__row--complex{flex-direction:column}.work__row--complex .project--medium span{height:300px}.work__row--complex .project__stack{width:100%}.work__row--complex .project__stack span{height:200px}.work__row--complex .project--half{width:100%}}@media(max-width: 992px){.work__row--full{display:none}}.line{border-bottom:1px solid var(--color-gray-200);content:"";left:0;position:absolute;width:100%}.text-section{padding:var(--space-2xl) 0;padding-top:0}.text-section__container{margin:0 auto;max-width:var(--container-max);padding:0 var(--container-padding)}.text-section__grid{display:grid;gap:var(--space-xl);grid-template-columns:repeat(3, 1fr)}.text-section__img{opacity:0;transform:translateY(40px);transition:opacity var(--duration-slower) var(--ease-out-expo),transform var(--duration-slower) var(--ease-out-expo);width:100%;will-change:opacity,transform}.text-section__img.is-visible{opacity:1;transform:translateY(0)}.article{filter:blur(15px);opacity:0;transform:translateY(30px);transition:all var(--duration-slow) var(--ease-out-quart)}.article.is-visible{filter:blur(0px);opacity:1;transform:translateY(0)}.article:nth-child(2){transition-delay:.1s}.article:nth-child(3){transition-delay:.2s}.article__title{font-size:.6875rem;font-weight:700;letter-spacing:.02em;line-height:1.4;margin-bottom:var(--space-md);text-transform:uppercase}.article__text{color:var(--color-gray-600);font-size:.85rem;line-height:1.6;margin-bottom:var(--space-sm)}.article__link{color:var(--color-black);font-size:.6875rem;font-weight:500;transition:color var(--duration-fast)}.article__link:hover{color:var(--color-red)}@media(max-width: 992px){.line{border:0}}.footer{border-top:1px solid var(--color-gray-200)}.footer__container{align-items:center;border:1px solid var(--color-gray-200);border-bottom:0;border-top:0;display:flex;justify-content:space-between;margin:0 auto;max-width:var(--container-max);padding:var(--space-xl) var(--container-padding)}.footer__logo{font-size:.875rem;font-style:italic;font-weight:400}.footer__copyright{color:var(--color-gray-500);font-size:.75rem}.vtr-case .project:nth-child(1),.vtr-case .project:nth-child(2){height:500px}.vtr-case__01{align-items:center;display:flex;justify-content:center}.vtr-case__01 span{display:flex;height:90%;justify-content:center;opacity:0;overflow:visible;position:relative;transition:all var(--duration-slow) var(--ease-out-quart);transition-delay:.5s;width:1px;z-index:1}.vtr-case__01 span:nth-child(1){transform:translate(100px, 0px) rotate(0deg)}.vtr-case__01 span:nth-child(3){transform:translate(-100px, 0px)}.vtr-case__01 span img{max-width:initial;position:absolute}.vtr-case__01 img{height:100%;z-index:2}.is-visible .vtr-case__01 span{opacity:1}.is-visible .vtr-case__01 span:nth-child(1){transform:translate(0px, 0px) rotate(-3deg)}.is-visible .vtr-case__01 span:nth-child(3){transform:translate(0px, 0px) rotate(3deg)}@media(max-width: 1120px){.vtr-case .project:nth-child(2){height:initial}}.cloud-case__01{height:auto}.cloud-case__02{align-items:center;display:flex;justify-content:center;width:100%}.cloud-case__02 img{height:auto;object-fit:contain;width:100%}@media(max-width: 1120px){.cloud-case__02 img{height:100%;max-width:400px;width:auto}.cloud-case__01 img{width:100%}}.access-case__01 span{background:url("../img/cases/access/04.png") no-repeat;background-position:center top;background-size:contain;display:block;height:100%;width:100%}.access-case__03 span{background:url("../img/cases/access/05.png") no-repeat;background-position:center top;background-size:contain;display:block;height:100%;width:100%}.access-case__04 span{background:url("../img/cases/access/06.png") no-repeat;background-position:center top;background-size:contain;display:block;height:100%;width:100%}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}[data-scroll]:nth-child(1){transition-delay:0s}[data-scroll]:nth-child(2){transition-delay:.05s}[data-scroll]:nth-child(3){transition-delay:.1s}[data-scroll]:nth-child(4){transition-delay:.15s}[data-scroll]:nth-child(5){transition-delay:.2s}[data-scroll]:nth-child(6){transition-delay:.25s}@media(max-width: 1120px){.about__text{position:relative}.about__content{max-width:450px;padding-top:var(--space-sm);width:100%}.about picture img{max-width:450px}}@media(max-width: 992px){:root{--container-padding: 1.5rem}.text-section__grid{grid-template-columns:repeat(2, 1fr)}.work__row--complex{flex-wrap:wrap}.work__row--complex .project--medium,.work__row--complex .project__stack,.work__row--complex .project--large-right{flex:0 0 calc(50% - var(--grid-gap)/2)}}@media(max-width: 768px){:root{--container-padding: 1rem}.work__row{flex-direction:column}.work__row--two .project--half,.work__row--complex .project--medium,.work__row--complex .project__stack,.work__row--complex .project--large-right{flex:none;width:100%}.project__stack{flex-direction:row;width:100%}.project__stack .project--small{flex:1}.text-section__grid{gap:var(--space-lg);grid-template-columns:1fr}}