html{box-sizing:border-box;scroll-behavior:smooth;font-size:62.5%;overflow-x:hidden}body{background-image:radial-gradient(circle,#001192 1px,#0000 1px);background-color:var(--neutral-black);background-size:10px 24px;overflow:hidden}.container{max-width:1200rem;margin:0 auto}a{text-decoration:none}button{background:0 0;border:none}.section{padding:0 3rem;transition:filter .6s,transform .6s,opacity .6s ease-in;&.section-hero{margin:14rem 0 6rem}&.section-work{padding:0 3rem}}:root{--primary-blue:#571cff;--primary-blue-hover:#6245b8;--secondary-blue-opacity:#c2b3ff33;--neutral-dark:#202228;--neutral-white:#fff;--neutral-light-hover:silver;--neutral-black:#000;--semantic-yellow:#fff508;--semantic-green:#00ff0a;--semantic-cyan:#0defd4;--gradient-outline:#7b1d9c, #2554cd, #2574a9, #25cd4a, #c925cd, #cd2525;--opacity-medium:.2;--background-blur-xl:236px;--background-blur-l:50px;--background-blur-m:20px;--shadow-l:-.2rem 1rem 2rem #0000001a;--shadow-line:0px 0px 0px .2px var(--neutral-light-hover);--shadow-line-hover:0px 0px 2px 1px var(--neutral-white);--y-margin-top-m:2.4rem;--border-m:1px solid var(--neutral-white);--radius-m:.9rem;--heading:"Barlow", sans-serif;--body:"Fira sans", sans-serif;--heading-h1:7.2rem;--heading-h2:5.6rem;--heading-h3:4.8rem;--heading-h4:3.6rem;--heading-h5:2.4rem;--leading-l:3.6rem;--leading-m:3rem;--body-xl:2.4rem;--body-l:2.2rem;--body-m:1.8rem;--body-s:1.6rem;--quote:italic;--bold:700;--semi-bold:600;--medium:500}.y-margin-m{margin-top:2.4rem!important}.y-margin-t-l{margin-top:8rem!important}.y-margin-b-l{margin-bottom:8rem!important}.center-text{text-align:center!important}.align-text-left{text-align:left!important}body{font-family:var(--body);color:#dcdee5;font-size:1.6rem;font-weight:400}h1,h2,h3,h4,h5,h6{font-family:var(--heading);font-family:var(--body)}.hero-text-box{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:70rem;margin:0 auto;display:flex}.heading-primary{font-size:var(--heading-h1)}.heading-secondary{font-size:var(--heading-h3);text-transform:uppercase}.heading-tertiary{font-size:var(--heading-h3)}.heading-outline{font-family:var(--heading);text-align:center;background-image:linear-gradient(90deg, var(--gradient-outline));-webkit-background-image:linear-gradient(90deg, var(--gradient-outline));-webkit-fill-color:white;-webkit-text-fill-color:white;-webkit-text-stroke:2px transparent;-webkit-background-clip:text;background-clip:text;position:relative}.hero-description{text-align:center;color:#dbdbff;margin-top:1rem;font-size:3rem;font-weight:200}.big{text-transform:capitalize;font-size:8rem}.brand-logo{width:8.4rem;position:relative;& .brand-logo__picture{width:50%;position:absolute;top:0;left:0;transform:translate(50%,50%)}& .brand-logo__name{width:100%}}.primary-nav{& .primary-nav__items{font-size:var(--body-s);outline:.1px solid var(--neutral-light-hover);backdrop-filter:blur(var(--background-blur-m));border-radius:5rem;gap:3rem;padding:1.5rem 3rem;list-style:none;display:flex}& .primary-nav__link{color:var(--neutral-light-hover);transition:all .2s ease-out;&:link{color:var(--neutral-light-hover)}&:hover{color:var(--neutral-white)}}}.btn:link,.btn:visited,.btn{color:var(--neutral-white);font-size:var(--body-xl);border-radius:var(--radius-m);box-shadow:var(--shadow-line);cursor:pointer;transition:all .2s ease-out;display:inline-block;&:hover,&:active{box-shadow:var(--shadow-line-hover)}}.btn-primary{background-color:var(--primary-blue);padding:1.8rem 3.2rem}.btn-secondary{background-color:var(--primary-blue);padding:1rem 2.2rem}.work-stack{max-width:130rem;margin:4rem auto 0;position:relative}.work-stack__item{height:100vh;display:block;position:relative}.work-stack__card{background-color:var(--neutral-black);width:100%;height:78vh;box-shadow:var(--shadow-line-hover);border-radius:2.4rem;position:absolute;overflow:hidden}.work-stack__img{object-fit:cover;will-change:transform;width:100%;height:120%;position:absolute;top:0;left:0;transform:translateY(0%)}.work-stack__scrim{background:linear-gradient(#000c 0%,#0000004d 32%,#0000 58%);position:absolute;inset:0}.work-stack__overlay{position:absolute;top:3.2rem;left:3.2rem;right:3.2rem}.work-stack__title{font-family:var(--heading);font-weight:var(--semi-bold);font-size:var(--heading-h2);color:var(--neutral-white);margin-bottom:2rem;line-height:1.05}.work-stack__meta{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.work-stack__icon{width:4.4rem;height:4.4rem;backdrop-filter:blur(var(--background-blur-m));border:2px solid var(--primary-blue);color:var(--neutral-white);background-color:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:2rem;transition:all .2s ease-out;display:flex;& img{width:20px;transition:transform .25s ease-out}}.work-stack__item:hover .work-stack__icon{background-color:var(--primary-blue)}.work-stack__item:hover .work-stack__icon img{transform:rotate(-90deg)}.work-stack__pill{font-family:var(--heading);font-size:var(--body-s);color:var(--neutral-white);background-color:#ffffff1a;border:1px solid #fff3;border-radius:3.6rem;padding:.8rem 1.8rem}.btn-view-all-box{justify-content:center;padding:0 3rem;display:flex}.btn-mobile{cursor:pointer;width:4.8rem;height:4.8rem;box-shadow:0 0 1px 0 var(--neutral-white);backdrop-filter:blur(var(--background-blur-l));opacity:0;pointer-events:none;visibility:hidden;background-color:#ffffff1a;border-radius:.4rem;justify-content:center;align-items:center;padding:0 .2rem;display:flex;&:hover .navigation__icon:before{top:-1rem}&:hover .navigation__icon:after{top:1rem}}@media (width<=50em){.btn-mobile{opacity:1;pointer-events:all;visibility:visible;display:flex}}.navigation__icon{text-align:center;position:relative;&,&:before,&:after{background-color:#fff;width:3rem;height:2px;transition:all .2s ease-out;display:inline-block}&:before,&:after{content:"";position:absolute;left:0}&:before{top:-.8rem}&:after{top:.8rem}}.open{& .navigation__icon{background-color:#0000;&:before{top:0;transform:rotate(-135deg)}&:after{top:0;transform:rotate(135deg)}}&:hover .navigation__icon:before,&:hover .navigation__icon:after{top:0}}.form-overlay{filter:blur();z-index:999999;width:100%;min-height:100vh;backdrop-filter:blur(var(--background-blur-xl));transition:all .2s ease-in;position:fixed;top:0;transform:scale(1);& .form{background-image:url(/img/form-background.jpg);background-repeat:no-repeat;background-size:cover;border-radius:1.6rem;flex-direction:column;justify-content:center;width:80%;height:95%;min-height:100vh;margin:2rem auto 0;padding-top:2.4rem;display:flex;position:relative;overflow-y:scroll;& .form__box{flex-direction:column;gap:1.8rem;width:80%;margin:2rem auto 0;display:flex;& .form__group{width:100%}& .form__label{padding-left:2rem;font-family:inherit;font-size:1.8rem;transition:all .1s ease-out;display:block;transform:translateY(-9rem);text-align:left!important}& .form__label.message{transform:translateY(-20.2rem)}& .form__input,& .form__input--message{width:100%;color:var(--neutral-dark);backdrop-filter:blur(var(--background-blur-m));background-color:#fffc;border:none;border-radius:1rem;padding:2rem;font-family:inherit;font-size:1.8rem;display:block;&::placeholder{color:var(--neutral-dark)}}& .form__input{border-bottom:5px solid #0000;&:focus{border-bottom:5px solid #0a7e0c;outline:none;box-shadow:0 1rem 2rem #0006;&::placeholder{opacity:1;color:var(--neutral-dark)}&:invalid{border-bottom:5px solid #e28e39}}}& .form__input:placeholder-shown~.form__label{opacity:0;transform:translateY(-5.4rem)}& .form__input--message{width:100%;height:18rem;min-height:30%;&:focus{color:var(--neutral-dark);outline:none;box-shadow:0 1rem 2rem #000000b3}}& .btn--submit-form{width:100%;backdrop-filter:blur(var(--background-blur-m));cursor:pointer;color:var(--neutral-dark);background-color:#ffffff80;border-radius:1rem;padding:2rem;font-size:2.4rem;font-weight:600;transition:all .2s ease-out;&:hover{background-color:#ffffffd5}}}& .form__btn-close{cursor:pointer;display:inline-block;position:absolute;top:4%;right:4%;& img{border-radius:50%;width:4rem;transition:all .3s ease-out;transform:rotate(-180deg);box-shadow:0 1rem 2rem #0003;&:hover{transform:rotate(0);box-shadow:0 1rem 2rem #00000080}}}}}.hidden-form{opacity:0;visibility:hidden;pointer-events:none;filter:blur(2rem);transform:scale(.9)}.success-box{background-color:#050317;flex-direction:column;justify-content:center;align-items:center;gap:2.4rem;width:100%;height:100vh;display:flex;& span{text-align:center;max-width:50rem;font-size:2.4rem;line-height:1.2}}#hidden-btn{visibility:hidden;pointer-events:none;opacity:0}.header{z-index:9999;justify-content:space-between;align-items:center;width:100%;padding:0 3rem;display:flex;position:fixed;top:4%}.testimonials{width:100%;position:relative;overflow:hidden}.testimonials__cta{justify-content:center;margin-top:5rem;display:flex}.testimonials__heading-wrap{text-align:center;margin-bottom:2.4rem}.testimonials__heading{letter-spacing:-.02em;font-family:Barlow,sans-serif;font-size:clamp(4rem,7vw,7.2rem);font-weight:900;line-height:1}.testimonials__light-bar{background:linear-gradient(90deg,#c8a200 0%,#e07000 20%,#d4006a 42%,#7000b8 62%,#2a0060 80%,#0a0010 100%);border-radius:10rem;width:28rem;height:3px;margin:2rem auto 6rem}.testimonials__grid{grid-template-columns:repeat(4,1fr);gap:1.6rem;max-width:140rem;margin:0 auto;padding:0 3rem;display:grid}.tcard{text-align:center;box-shadow:var(--shadow-line);background-color:#0000;background-image:linear-gradient(135deg,#000000e6 30%,#00051a99 80%,#03011380),repeating-linear-gradient(-90deg,#0000,#0000 2px,#888a911a 8px,#9188881a 2px),linear-gradient(135deg,#0006 30%,#91888833 80%,#91888866),repeating-linear-gradient(-90deg,#0000,#0000 2px,#888a911a 8px,#9188881a 2px);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #ffffff0d;border-radius:1.6rem;flex-direction:column;align-items:center;gap:0;padding:3.6rem 3rem 3.2rem;transition:transform .25s,box-shadow .25s;display:flex}.tcard:hover{box-shadow:var(--shadow-line-hover);background-color:#00000080}.tcard__stars{gap:.5rem;margin-bottom:2.8rem;display:flex}.tcard__star{color:#685502;font-size:2rem;line-height:1}.tcard__quote{color:#cac9c9;flex:1;margin-bottom:3.2rem;font-size:1.65rem;font-weight:400;line-height:1.7}.tcard__divider{background:#ffffff1f;width:3.2rem;height:1px;margin-bottom:2.4rem}.tcard__name{color:#fff;margin-bottom:.4rem;font-family:Barlow,sans-serif;font-size:1.7rem;font-weight:700}.tcard__role{color:#5a5a5a;letter-spacing:.01em;font-size:1.3rem;font-weight:400}@media (width<=1100px){.testimonials__grid{grid-template-columns:repeat(2,1fr);max-width:80rem}}@media (width<=600px){.testimonials__grid{grid-template-columns:1fr;max-width:46rem;padding:0 2rem}.testimonials__heading{font-size:clamp(3.6rem,10vw,5.6rem)}.testimonials__light-bar{width:22rem}}.footer{padding:10rem 3rem 14rem;box-shadow:0 -1px #adadad1a;& .footer__cta{justify-content:center;margin-bottom:6rem;display:flex}& .footer__items-box{justify-content:space-between;align-items:end;max-width:90%;margin:0 auto;display:flex;& .footer__social{& span{font-size:var(--body-xl);margin-bottom:1rem;display:block}& .footer__social-img-box{align-items:end;gap:1rem;display:flex;& .footer__social-link:link,& .footer__social-link:visited{width:4rem;height:4rem;backdrop-filter:blur(var(--background-blur-l));background-color:#0000001a;border:.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;transition:all .1s ease-out;display:flex;&:hover,&:active{background-color:#ffffff1a}& .footer__social-img{width:50%}}}}& .brand-logo{transform:scale(1.5)}& .footer__copyright{flex-direction:column;gap:1.2rem;display:flex;& span{font-size:var(--body-s);display:block}& .footer__copyright-love{font-style:var(--quote);margin-bottom:1px}& .footer__copyright-text{color:#737373;gap:.4rem;display:flex}& .footer__copyright-year,& .footer__copyright-name{display:inline-block}}}}.spin{animation:4s linear infinite spin}@keyframes spin{0%{rotate:0deg}to{rotate:360deg}}@media (width<=81em){html{font-size:50%}}@media (width<=63em){.footer__items-box{min-width:100%;max-width:100%}.work-stack__card{border-radius:1.6rem;height:65vh}.work-stack__title{font-size:var(--heading-h4)}.section{padding:0 2rem}.hero-text-box{text-align:center;justify-content:center;align-items:center}}@media (width<=50em){.hero-text-box{& .big{font-size:var(--heading-h2)}& .hero-description{text-align:center;max-width:50rem}}.primary-nav{position:fixed;top:4%;right:5%;& .primary-nav__items{opacity:0;pointer-events:none;visibility:hidden;border-radius:0;outline:0;flex-direction:column;gap:4rem;width:35%;height:100vh;padding:5rem;transition:all .3s ease-out;position:fixed;top:0;left:0;transform:translate(-100%);& .primary-nav__link{font-size:3rem}}}.nav-open.primary-nav{& .primary-nav__items{visibility:visible;opacity:1;pointer-events:all;transform:translate(0)}}}@media (width<=36em){.hero-text-box{& .big{font-size:var(--heading-h2)}& .heading-tertiary{font-size:var(--heading-h4)}}.form-overlay{& .form{width:95%;height:98vh}& .heading-tertiary{font-size:3rem}}}@media (width<=28rem){.heading-primary{font-size:6.4rem}.section-hero{& .hero-text-box{margin-top:4rem;& .big{font-size:var(--heading-h2)}& .hero-description{font-size:var(--leading-m)}}}.btn:link,.btn:visited{font-size:var(--body-l);text-align:center;& .btn-secondary{padding:.8rem 2rem}}.footer{& .footer__items-box{text-align:center;flex-direction:column;align-items:center;gap:4.8rem;& .footer__social{order:1}}}}@media (width<=23em){html{font-size:40%}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:62.5%}img{max-width:100%;display:block}:root{--blue:#571cff;--blue-hover:#6245b8;--white:#fff;--muted:silver;--dim:#737373;--card-bg:#ffffff0a;--card-border:#ffffff14;--shadow:0px 0px 0px .2px silver;--shadow-glow:0px 0px 2px 1px #fff;--radius:.9rem;--max:120rem}.navbar{z-index:100;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--card-border);background:#000000bf;justify-content:space-between;align-items:center;padding:2rem 4rem;display:flex;position:fixed;top:0;left:0;right:0}.navbar__logo img{width:auto;height:3.6rem}.btn{border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow);border:none;justify-content:center;align-items:center;font-family:Fira Sans,sans-serif;font-size:1.6rem;font-weight:500;text-decoration:none;transition:all .2s ease-out;display:inline-flex}.btn:hover{box-shadow:var(--shadow-glow)}.btn-primary{background-color:var(--blue);color:var(--white);padding:1.4rem 2.8rem}.btn-primary:hover{background-color:var(--blue-hover)}.btn-outline{color:var(--white);border:1px solid var(--white);background-color:#0000;padding:1.4rem 2.8rem}.btn-outline:hover{background-color:#ffffff14}.project-gallery__back{align-self:flex-start}.page{padding-top:4rem}.project-hero{max-width:var(--max);text-align:center;margin:0 auto;padding:6rem 4rem 0}.project-hero__title{margin-bottom:2.4rem}.project-info__pills{flex-wrap:wrap;gap:.8rem;display:flex}.tag{color:#dcdee5;background-color:#ffffff12;border:1px solid #ffffff1f;border-radius:10rem;padding:.6rem 1.4rem;font-size:1.3rem;font-weight:500;display:inline-block}.project-split{grid-template-columns:38rem 1fr;align-items:start;gap:6rem;padding:0 4rem 8rem;display:grid}.project-info{flex-direction:column;gap:3.6rem;display:flex;position:sticky;top:12rem}.project-info__eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--white);margin-bottom:1.4rem;font-family:Barlow,sans-serif;font-size:2rem;font-weight:800}.project-info__client{color:var(--neutral-white);font-size:1.7rem;font-weight:300;line-height:1.8}.project-info__approach{color:#dbdbff;font-size:1.6rem;font-weight:300;line-height:1.8}.project-info__block:first-of-type .project-info__text{color:#dbdbff}.project-info__cta{align-self:flex-start}.project-gallery{flex-direction:column;gap:2.4rem;display:flex}.project-gallery__item{border:1px solid var(--card-border);border-radius:1.2rem;overflow:hidden}.project-gallery__item img{width:100%;height:auto;display:block}.whatsapp-btn{z-index:200;background-color:#25d366;border-radius:50%;justify-content:center;align-items:center;width:6.4rem;height:6.4rem;text-decoration:none;transition:background-color .2s,transform .2s;display:flex;position:fixed;bottom:3rem;right:3rem;box-shadow:0 4px 20px #25d36680}.whatsapp-btn:hover{background-color:#1ebe5d;transform:scale(1.08)}.whatsapp-btn svg{fill:#fff;width:3.4rem;height:3.4rem}.page-header{max-width:var(--max);margin:0 auto;padding:12rem 4rem 5rem}.page-header__sub{text-align:left;color:#dbdbff;max-width:50rem;margin-top:1rem;font-size:2.4rem;font-weight:100}.filter-bar{max-width:var(--max);margin:0 auto;padding:0 4rem 5rem}.filter-bar__tabs{flex-wrap:wrap;gap:.8rem;display:flex}.filter-tab{letter-spacing:.04em;border:1px solid var(--card-border);color:var(--white);cursor:pointer;background:#ffffff0d;border-color:#ffffff40;border-radius:10rem;padding:1rem 2.4rem;font-size:1.4rem;font-weight:600;transition:all .2s ease-out}.filter-tab:hover,.filter-tab.active{background:var(--white);color:#000;border-color:var(--white)}#grid.work-stack{max-width:var(--max);padding:0 4rem}.empty-state{text-align:center;grid-column:1/-1;padding:8rem 0;display:none}.empty-state__emoji{margin-bottom:1.6rem;font-size:5rem}.empty-state__text{color:var(--dim);font-size:1.7rem}.empty-state.visible{display:block}@media (width<=1200px){.project-split{grid-template-columns:1fr;gap:3.2rem}.project-info{position:static;top:auto}}@media (width<=800px){html{font-size:56%}.navbar{padding:1.8rem 2.4rem}.project-hero{padding:4rem 2.4rem 0}.project-split{margin-top:4rem;padding:0 2.4rem 5rem}.filter-bar{padding:0 2.4rem 4rem}#grid.work-stack{padding:0 2.4rem}.page-header{padding:10rem 2.4rem 4rem}.page-header__sub{font-size:1.8rem}}@media (width<=480px){html{font-size:50%}.project-hero{padding:3.2rem 2rem 0}.project-split,.filter-bar{padding:0 2rem 4rem}#grid.work-stack{padding:0 2rem}.page-header{padding:10rem 2rem 4rem}}