.overlay[data-v-2ad9ab04]{position:fixed;top:0;left:0;width:100%;height:120%;background-color:var(--clr-background-800);transform-origin:top center;z-index:5000}.overlay-active[data-v-2ad9ab04]{animation:overlayIn-2ad9ab04 1s forwards,overlayOut-2ad9ab04 1s 1.6s forwards}.overlay-logo[data-v-2ad9ab04]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;z-index:6000;pointer-events:none}.logo-img[data-v-2ad9ab04]{height:80px}.logo-img.preload[data-v-2ad9ab04]{opacity:0}.logo-fade-in[data-v-2ad9ab04]{animation:fadeInUp-2ad9ab04 .3s ease-in-out forwards;animation-delay:.3s}.logo-fade-out[data-v-2ad9ab04]{animation:fadeOut-2ad9ab04 .3s ease-in-out forwards}@keyframes overlayIn-2ad9ab04{0%{transform:scaleY(0);transform-origin:top}to{transform:scaleY(1);transform-origin:top}}@keyframes overlayOut-2ad9ab04{0%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}@keyframes fadeInUp-2ad9ab04{0%{opacity:0;transform:translate(-50%,calc(-50% + 0px))}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes fadeOut-2ad9ab04{0%{opacity:1}to{opacity:0}}.wrapper-outer-header{display:flex;justify-content:center;width:100%;position:fixed;top:0;z-index:1000;background-color:var(--clr-background-800);transition:transform .3s ease-in-out}.main-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding-top:.5rem;padding-bottom:.5rem;z-index:1001}.main-logo{height:1.5rem;cursor:pointer}.main-nav ul{display:flex;flex-direction:row;justify-content:space-between;gap:2rem}.main-nav-items{font-family:var(--ff-accent);font-weight:200;font-size:var(--fs-300);cursor:pointer;transition:all .2s ease-in-out;text-transform:uppercase;letter-spacing:.05rem}.main-nav ul li:hover,.header-contact p{color:var(--clr-accent-100)}.mobile-header{display:flex;flex-direction:row;justify-content:space-between;gap:1rem;padding:.7rem var(--wrapper-global);position:fixed;top:0;left:0;width:100%;background-color:var(--clr-background-800);transition:transform .3s ease-in-out,background-color 0s ease-in-out;z-index:2000}.hidden{transform:translateY(-100%)}.mobile-header.menu-open{background-color:#0000}.mobile-logo{height:1.5rem;cursor:pointer;transition:fill .2s ease-in-out}.mobile-menu-button{color:var(--clr-base);font-family:var(--ff-accent);font-size:var(--fs-300);cursor:pointer;transition:all .2s ease-in-out;text-transform:uppercase;letter-spacing:.06rem;background-color:transparent;border:none;padding:0;margin:0}.mobile-menu-button.menu-open{color:var(--clr-background-500)}.mobile-logo .cls-1{fill:#e0e0e0}.mobile-logo.menu-open .cls-1{fill:var(--clr-background-500)}.wrapper-footer{display:flex;flex-direction:row;justify-content:space-between;gap:6rem;padding:2rem var(--wrapper-global);max-width:1920px}.wrapper-footer-notes{display:flex;flex-direction:column;justify-content:flex-end}.footer-notes{font-family:var(--ff-accent);font-size:var(--fs-200);font-weight:300;color:var(--clr-neutral-200);line-height:1rem}.footer-social{font-family:var(--ff-accent);font-size:var(--fs-200);font-weight:300;color:var(--clr-neutral-200);display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-end;gap:max(3vh,1rem);max-width:400px}.footer-social li a{cursor:pointer}.footer-social li a:hover{color:var(--clr-accent-100)}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--clr-accent-100);z-index:1100;opacity:0;animation:fadeIn .5s forwards;transition:background-color .3s ease-in-out}@keyframes fadeIn{to{opacity:1}}.wrapper-mobile-content{margin:3.5rem 1rem;padding:max(6vh,2rem) 1rem 1rem 1rem;width:calc(100% - 2rem);min-height:calc(100dvh - 4.5rem - env(safe-area-inset-bottom));box-sizing:border-box;display:flex;flex-direction:column;align-items:center;align-content:center;justify-content:space-between;border:2px solid var(--clr-background-500);border-radius:var(--br-main);overflow:hidden;transform-origin:bottom;opacity:0;animation:growFromBottom .5s .5s forwards,fadeIn .5s .5s forwards}@keyframes growFromBottom{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.mobile-menu-items{display:flex;flex-direction:column;justify-content:center;gap:2.5rem}.mobile-menu-nav-item{text-align:left;font-family:var(--ff-header-condensed);font-weight:700;font-size:var(--fs-600);color:var(--clr-background-500);text-transform:uppercase;position:relative;padding-left:1.7rem;line-height:2rem;opacity:0;transform:translateY(15px);animation:fadeInUp .5s forwards;cursor:pointer}.mobile-menu-nav-item:nth-child(5){animation-delay:.7s}.mobile-menu-nav-item:nth-child(4){animation-delay:.75s}.mobile-menu-nav-item:nth-child(3){animation-delay:.8s}.mobile-menu-nav-item:nth-child(2){animation-delay:.85s}.mobile-menu-nav-item:nth-child(1){animation-delay:.9s}@keyframes fadeInUp{to{transform:translateY(0);opacity:1}}.mobile-menu-nav-item:before{content:attr(data-number);position:absolute;left:0;bottom:26%;transform:translateY(50%);font-family:var(--ff-accent);font-size:var(--fs-200);color:var(--clr-background-500)}.wrapper-mobile-menu-footer{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;gap:2rem;width:100%;opacity:0;transform:translateY(20px);animation:fadeInUp .5s .8s forwards}.mobile-footer-notes{font-family:var(--ff-accent);font-size:var(--fs-200);color:var(--clr-background-500);line-height:1rem;max-width:7rem}.mobile-footer-social{font-family:var(--ff-accent);font-size:var(--fs-200);color:var(--clr-background-500);display:flex;flex-direction:column;gap:1rem}.app-container{display:flex;justify-content:center;align-items:stretch;min-height:100vh}.content-wrapper{width:100%;max-width:1920px;position:relative;display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;min-height:100dvh;margin:0 auto}.content-wrapper:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/images/General/aio-logo-L-2024.svg);background-repeat:no-repeat;background-position:left -150px bottom -100px;background-size:58vw auto;opacity:.1;pointer-events:none;z-index:-1}.mobile-header{display:none}@media (width < 850px){.main-header{display:none}.mobile-header{display:flex}}.wrapper-hero{padding:max(12vh,3rem) 0rem;display:flex;flex-direction:column;justify-content:center;border-bottom:0px solid red;border-top:0px solid red;min-height:95vh}.wrapper-hero-content{display:grid;grid-template-columns:repeat(2,1fr);gap:max(3vh,1rem)}@media (width < 850px){.wrapper-hero-content{display:grid;grid-template-columns:1fr;gap:3rem}}@media (width < 450px){.wrapper-hero{min-height:90vh}}.hero-h1{font-family:var(--ff-header);font-weight:600;font-size:var(--fs-900);letter-spacing:-.4rem;line-height:.99;opacity:0;transform:translateY(10px)}@media (width < 1250px){.hero-h1{letter-spacing:-.28rem}}@media (width < 850px){.hero-h1{letter-spacing:0rem}}.wrapper-copy-btn{opacity:0;transform:translateY(20px)}.hero-copy{font-size:clamp(1rem,2vw + 1rem,2rem);font-weight:400;margin-top:max(2vw,.8rem);margin-bottom:2rem;line-height:1.3;max-width:600px}@media (width < 450px){.hero-copy{font-size:var(--fs-400);line-height:1.3;letter-spacing:.02rem}}.hero-image{border-radius:var(--br-main);opacity:0;transform:translateY(-1px)}.fade-slide-in{animation:fadeSlideIn 1.5s cubic-bezier(.2,1,.3,1) forwards;animation-delay:.6s}.fade-slide-up,.fade-slide-up-delay{animation:fadeSlideUp 1.5s cubic-bezier(.2,1,.3,1) forwards;animation-delay:.6s}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-19px)}to{opacity:1;transform:translateY(19px)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.wrapper-home-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}@media (width < 500px){.wrapper-home-cards{grid-template-columns:1fr}}@media (width < 882px){.wrapper-home-cards{gap:max(10vh,7rem)}}.wrapper-half-half{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.wrapper-about-section{display:flex;flex-direction:column;gap:0rem}.about-quote{font-size:clamp(1rem,1.7vw + 1rem,2.4rem);font-weight:300;line-height:1.3}.about-small-quote{font:var(--fs-300);line-height:1.5;letter-spacing:.04rem;max-width:600px}@media (width < 450px){.about-small-quote{font-size:var(--fs-400);line-height:1.3;letter-spacing:.02rem}.wrapper-about-section{display:flex;flex-direction:column;gap:0rem}}.wrapper-skills-boxes[data-v-5fc07d27]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1rem}.skill-box[data-v-5fc07d27]{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:1rem;background-color:var(--clr-background-500);border-radius:var(--br-main);min-height:450px;padding:1.2rem;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.skill-box.visible[data-v-5fc07d27]{opacity:1;transform:translateY(0)}.icon-skill[data-v-5fc07d27]{height:100%;max-height:100px}.wrapper-skill-info h3[data-v-5fc07d27]{font-family:var(--fs-header);font-weight:300;font-size:var(--fs-500);margin-bottom:1rem}.project-card-details[data-v-5fc07d27]{font:var(--fs-300);line-height:1.4}.scroller{border-top:1px solid var(--clr-neutral-100);border-bottom:1px solid var(--clr-neutral-100);overflow:hidden;position:relative;width:100%}.tag-list{margin:0;padding-inline:0;list-style:none;display:flex;white-space:nowrap}.tag-list li{padding:1rem;background:var(--clr-primary-400);border-radius:.5rem;box-shadow:0 .5rem 1rem -.25rem var(--clr-primary-900);display:flex;justify-content:center;align-items:center;font-size:var(--fs-400);font-family:var(--ff-acent-light);text-transform:uppercase}.tag-list li a{color:inherit;text-decoration:none}.tag-list li:hover{color:var(--clr-accent-100)}.scroller__inner{display:flex;flex-wrap:nowrap;gap:3rem;width:max-content;animation:scroll var(--_animation-duration, 40s) var(--_animation-direction, forwards) linear infinite}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(calc(-50% - 1.5rem))}}.scroller[data-animated=true] .scroller__inner{animation-play-state:running}.scroller[data-direction=right]{--_animation-direction: reverse}.scroller[data-direction=left]{--_animation-direction: forwards}.scroller[data-speed=fast]{--_animation-duration: 20s}.scroller[data-speed=slow]{--_animation-duration: 60s}.wrapper-contact{min-height:57vh;display:flex;flex-direction:column;justify-content:center}.wrapper-contact-content{display:flex;flex-direction:column;justify-content:center}.contact-header{font-size:var(--fs-900);font-weight:600;line-height:.9;text-align:center;margin-bottom:2rem}.contact-subhead{text-align:center;font-size:var(--fs-400);margin-bottom:.5rem}.contact-email{font-size:clamp(1rem,2.2vw + 1rem,2.5rem);text-align:center;text-decoration:none}.wrapper-animation{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.wrapper-animation.visible{opacity:1;transform:translateY(0)}.wrapper-project-hero{display:flex;flex-direction:column;padding:max(15vh,1rem) 0rem max(12vh,1rem) 0rem;opacity:0;transition:opacity 1s ease-in-out}.wrapper-project-page-header{display:grid;grid-template-columns:1fr 2fr 1fr;gap:max(6vh,2rem)}@media (width < 1200px){.wrapper-project-page-header{display:flex;flex-direction:column;gap:max(1vh,1rem)}}.wrapper-title-tldr{display:flex;flex-direction:column}.project-page-header{font-size:var(--fs-600);font-weight:500;font-family:var(--ff-header);line-height:1}.project-tldr{font-size:clamp(1rem,1.4vw + 1rem,1.5rem);font-weight:300;line-height:1.4;margin-bottom:2rem;max-width:600px;margin-bottom:max(1vh,1rem)}@media (width < 450px){.project-tldr{font-size:var(--fs-400);line-height:1.3;letter-spacing:.02rem}}.project-topic-sub-number{font-family:var(--ff-accent);font-size:var(--fs-200);color:var(--clr-accent-100);margin-bottom:0rem}.project-topic-header{font-family:var(--ff-base);font-size:var(--fs-500);letter-spacing:.1rem;margin-bottom:max(2vh,.8rem);line-height:1}.wrapper-services{display:flex;flex-direction:row;flex-wrap:wrap;gap:max(4vh,1.2rem)}.wrapper-servies-single{display:flex;flex-direction:column}.project-specs{display:flex;flex-direction:column;gap:.45rem;font-family:var(--ff-accent);font-size:var(--fs-200);font-weight:300;color:var(--clr-accent-100)}.project-gallery-full{display:flex;justify-content:center;align-items:center;width:100%;background-color:var(--clr-background-500);border-radius:var(--br-main);padding:var(--pcg-main)}.gallery-full-media{width:100%;max-width:1400px}.project-gallery-half{display:flex;justify-content:center;align-items:center;background-color:var(--clr-background-500);width:100%;height:auto;max-width:100%;border-radius:var(--br-main)}.gallery-half-img{border-radius:var(--br-main);max-width:100%;height:auto;object-fit:cover}.project-gallery-half-range{display:flex;justify-content:center;align-items:center;background-color:var(--clr-background-500);border-radius:var(--br-main);padding:var(--pcg-main)}.gallery-half-media-range{max-height:42.8vw}@media (width < 1000px){.gallery-half-media-range{max-height:600px}}.wrapper-project-gallery-half{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--cg-main)}@media (width < 1000px){.wrapper-project-gallery-half{grid-template-columns:1fr}}.wrapper-project-buttons{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem}.wrapper-half-half{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.wrapper-about-section{display:flex;flex-direction:column;gap:3rem}.wrapper-about-single-section{opacity:0;transform:translateY(20px);transition:opacity .5s ease-out,transform .5s ease-out}.wrapper-about-single-section.animate{opacity:1;transform:translateY(0)}.process-header{font-family:var(--fs-header);font-weight:500;font-size:var(--fs-500);line-height:1.2;margin-bottom:1.42rem}.wrapper-quote{display:flex;flex-direction:column;gap:.9rem}.process-quote{font:var(--fs-300);line-height:1.5;max-width:600px;letter-spacing:.04rem}@media (width < 450px){.process-quote{font-size:var(--fs-400);line-height:1.3;letter-spacing:.02rem}}@media (width < 850px){.wrapper-half-half{display:flex;flex-direction:column}}.wrapper-more-projects-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}@media (width < 882px){.wrapper-more-projects-cards{gap:max(7vh,3rem);grid-template-columns:1fr}}.fade-in{opacity:0;transition:opacity 1s ease-in-out}.fade-in-active{opacity:1}.wrapper-gallery{display:flex;flex-direction:column;gap:var(--cg-main)}