.cards-mobile{display:none}.cards-screens{display:block}.cards-mobile-landscape{display:none}:root{--cards:1;--cardHeight:calc(100vh - 66px);--cardTopPadding:0px;--cardMargin:4vw}#services-cards-container-mobile-landscape{--cards:8}#contact-cards-container{--cards:1}#contact-cards-container-mobile{--cards:2}#joblab-cards-container{--cards:7}#blancec-cards-container{--cards:5}#card1-services-mobile-landscape{--index:1;margin-top:40px}#card2-services-mobile-landscape{--index:2;margin-top:40px}#card3-services-mobile-landscape{--index:3;margin-top:40px}#card4-services-mobile-landscape{--index:4;margin-top:40px}#card5-services-mobile-landscape{--index:5;margin-top:40px}#card6-services-mobile-landscape{--index:6;margin-top:40px}#card7-services-mobile-landscape{--index:7;margin-top:40px}#card8-services-mobile-landscape{--index:8;margin-top:40px}#card1-contact{--index:1;margin-top:66px}#card1-contact-mobile{--index:1;margin-top:66px}#card2-contact-mobile{--index:2;margin-top:66px}#card1-joblab{--index:1;margin-top:66px}#card2-joblab{--index:2;margin-top:66px}#card3-joblab{--index:3;margin-top:66px}#card4-joblab{--index:4;margin-top:66px}#card5-joblab{--index:5;margin-top:66px}#card6-joblab{--index:6;margin-top:66px}#card7-joblab{--index:7;margin-top:66px}#card8-joblab-mobile{--index:8;margin-top:66px}#card1-blancec{--index:1;margin-top:66px}#card2-blancec{--index:2;margin-top:66px}#card3-blancec{--index:3;margin-top:66px}#card4-blancec{--index:4;margin-top:66px}#card5-blancec{--index:5;margin-top:66px}#card6-blancec-mobile{--index:6;margin-top:66px}#card1-contact-mobile{--index:1;margin-top:66px}#card2-contact-mobile{--index:2;margin-top:66px}#card1 .card-body-intro{background-color:#00000000}.container{width:100%;margin:0;padding:0}#cards{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(var(--cards),var(--cardHeight));gap:var(--cardMargin);padding-bottom:calc(var(--cards) * var(--cardTopPadding));margin-bottom:var(--cardMargin)}.card{position:sticky;top:66px;padding-top:calc(var(--index) * var(--cardTopPadding));scroll-margin-top:66px}.card-body{display:grid;grid-template-areas:"left right";grid-template-columns:50% 50%;height:var(--cardHeight);color:#fff;border-top:1px solid #fff;box-sizing:border-box}.card-body-intro{box-sizing:border-box;height:calc(100vh - 66px);display:flex;flex-direction:column;color:#fff;border-top:1px solid #fff;margin-bottom:20px}.with-arrow{position:relative}.left{grid-area:left;background-color:#000;padding-left:50px;padding-right:50px;padding-top:0;border-top:1px solid #fff}.left2{grid-area:left;background-color:#000;padding:50px;border-top:1px solid #fff}.right{grid-area:right;background-color:#000;padding:50px;border-top:1px solid #fff}.right2{grid-area:right;background-color:#000;padding-left:50px;padding-right:50px;padding-top:0;border-top:1px solid #fff}.right-gif{grid-area:right;background-color:#000;padding:2vh;border-top:1px solid #fff}.font-loading .fade-in-text{visibility:hidden}.fade-in-text{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.font-loaded .fade-in-text{visibility:visible;opacity:1;transform:translateY(0)}@media screen and (min-width:2560px) and (orientation:landscape){.right{padding-right:200px;padding-left:200px}.left{padding-right:200px;padding-left:200px}#card1-contact{margin-top:100px}.card{top:100px;scroll-margin-top:100px}#contact-cards-container{--cardHeight:calc(100vh - 100px)}}@media (max-width:1024px) and (orientation:portrait){.card-body{grid-template-areas:"left" "right";grid-template-columns:1fr;grid-template-rows:50% 50%}.left{background-color:#000;padding:0;padding-left:0;padding-right:0}.right{padding:0;padding-top:0;border-top:1px solid #000}.cards-mobile{display:block}.cards-screens{display:none}#contact-proportion{grid-template-rows:100% 0%}#contact-proportion-text{grid-template-rows:0% 100%}#cases{grid-template-rows:30% 70%}}@media (max-width:750px){#intro-cards-container-mobile{--cardHeight:calc(100vh - 55px)}:root{--cardHeight:calc(100vh - 55px)}#cases-cards-container{--cardHeight:calc(100vh - 50px)}#services-cards-container{--cardHeight:calc(100vh - 50px)}.card{top:50px}#services{grid-template-rows:40% 60%}#joblab-services{grid-template-rows:40% 60%}#blancec-services{grid-template-rows:50% 50%}#gif-services{grid-template-rows:25% 70%}.right-gif{padding:20px;border-top:1px solid #000}}@media screen and (max-width:821px) and (min-width:431px) and (orientation:portrait){.left{padding:70px}}@media screen and (max-width:431px) and (orientation:portrait){.left{padding:30px;padding-right:40px}}@media screen and (max-height:415px) and (orientation:landscape){#intro-cards-container-mobile-landscape{--cardHeight:calc(100vh - 40px)}#cases-cards-container-mobile-landscape{--cardHeight:calc(100vh - 40px)}#services-cards-container{--cardHeight:calc(100vh - 40px)}#blancec-cards-container{--cardHeight:calc(100vh - 39px)}#joblab-cards-container{--cardHeight:calc(100vh - 39px)}#services-cards-container-mobile-landscape{--cardHeight:calc(100vh - 39px)}.cards-mobile{display:none}.cards-screens{display:none}.cards-mobile-landscape{display:block}.card-body{display:grid;grid-template-areas:"left right";grid-template-columns:50% 50%;height:var(--cardHeight);color:#fff;border-top:1px solid #fff;box-sizing:border-box}.left{background-color:#232323;padding:20px}.right{background-color:#000;padding:30px}#contact-cards-container-mobile{--cards:2}#card1-contact-mobile{--index:1;margin-top:40px}#card1{--cardHeight:calc(100vh - 40px)}#card2-contact-mobile{--index:2;margin-top:40px}.card{position:sticky;top:40px;padding-top:calc(var(--index) * var(--cardTopPadding));scroll-margin-top:40px}}@media (max-width:415px) and (orientation:portrait){#cases{grid-template-rows:35% 65%}}@media (max-width:380px){#blancec-services{grid-template-rows:50% 50%}#cases{grid-template-rows:30% 70%}}