*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #ffd800;--secondary: #f4325c;--purple: #422de2;--text-primary: #282828;--text-secondary: #7f7f7f;--text-white: #fff;--background: #ffffff;--dark-background: #151515}html,body{width:100vw;height:auto;overflow-x:hidden;background-color:var(--background)}html,body,input,textarea,button{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-shadow:1px 1px 1px rgba(0,0,0,.004)}body{color:var(--text-white);font-size:16px;font-family:Montserrat,sans-serif;font-weight:400;line-height:1.25}a{color:var(--text-white);text-decoration:none}a:hover{color:var(--primary)}a:hover,a:active,a:focus{text-decoration:none}.navbar{position:fixed;top:0;left:0;width:100vw;height:80px;box-shadow:none;z-index:10;background-color:transparent}.container-fluid{padding:.25rem 2.5rem;display:flex;justify-content:space-between;align-items:center}.nav-logo-div{display:flex;justify-content:center;z-index:10}.nav-logo{height:64px;width:auto;filter:drop-shadow(1px 2px 3px rgba(0,0,0,.4))}.nav-menu{position:absolute;right:1.25rem;cursor:pointer;text-align:center;font-family:Melodrama;font-size:22px;font-weight:700;letter-spacing:1px;color:var(--text-primary);text-decoration:none;text-transform:uppercase;letter-spacing:.1em;z-index:10;overflow:hidden;display:none}.navbar-collapse{position:absolute;top:0;left:0;width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;background-color:#0009;transform:translateY(-100%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.nav-center{margin:auto;width:100%;display:flex;align-items:center;justify-content:center}.navbar-nav{padding-right:100px;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;list-style:none;gap:.5rem}.desktop-navbar-nav{display:flex;justify-content:space-evenly;align-items:center;gap:1.5rem}.nav-item{height:24px;overflow:hidden}.navbar .nav-link{font-size:20px;line-height:24px;font-weight:500;color:var(--text-primary);text-decoration:none;text-align:right}.nav-footer{margin-top:auto;margin-bottom:3rem;width:100%;display:flex;justify-content:space-around;color:var(--text-white);font-size:clamp(16px,3vw,24px);overflow:hidden}.nav-footer>div{opacity:0}.nav-social-link{display:flex;align-items:center;gap:4px}.nav-social-link img{width:32px;height:32px}@media (max-width: 1200px){.nav-image-wrapper{display:none}.nav-footer{flex-direction:column-reverse;justify-content:center;align-items:center;gap:6px}.navbar-nav{padding:80px 20px 0;align-items:center}}@media (max-width: 600px){.navbar{height:60px}.container-fluid{padding:0 .5rem}.nav-logo-div{margin-left:1rem;width:80px}.nav-logo{height:48px}.nav-menu{display:block;font-size:16px}.nav-menu-open,.nav-menu-close{height:24px;width:24px}.nav-menu[data-value=Menu] .nav-menu-open{display:block}.nav-menu[data-value=Menu] .nav-menu-close,.nav-menu[data-value=Close] .nav-menu-open{display:none}.nav-menu[data-value=Close] .nav-menu-close{display:block}.desktop-navbar-nav{display:none}.nav-item{height:48px;overflow:hidden}.navbar .nav-link{font-family:Melodrama;font-size:32px;text-align:center;line-height:1.25;font-weight:700;letter-spacing:1px;color:var(--text-white);text-decoration:none;text-transform:uppercase;letter-spacing:.1em;text-align:right}.nav-social-link img{width:20px;height:20px}.nav-footer{overflow:auto}}.nav-link:hover .letter,.nav-link .play .letter{transform:translateY(-100%)}.nav-link .block:last-child{color:var(--secondary)}.nav-link .letter{display:inline-block;transition:transform .6s cubic-bezier(.76,0,.24,1)}.letter:nth-child(1){transition-delay:0s}.letter:nth-child(2){transition-delay:.02s}.letter:nth-child(3){transition-delay:.04s}.letter:nth-child(4){transition-delay:.06s}.letter:nth-child(5){transition-delay:.08s}.letter:nth-child(6){transition-delay:.1s}.letter:nth-child(7){transition-delay:.12s}.letter:nth-child(8){transition-delay:.14s}.letter:nth-child(9){transition-delay:.16s}.body-container{position:absolute;top:0;left:0;max-width:100vw;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--background);color:var(--text-primary);z-index:-2}::-webkit-scrollbar{display:none}.hero-section{height:100vh;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;background-color:var(--primary)}.hero-content{position:absolute;padding:0 3rem;height:100%;width:100%;display:flex;align-items:center}.hero-text{width:80%;font-size:clamp(48px,8vw,96px);font-family:Nunito Sans,sans-serif;line-height:1;font-weight:500;position:relative;color:var(--secondary)}.hero-text:nth-of-type(1):after{content:"Powered By Pixels and Passion";position:absolute;top:0;right:0;bottom:0;left:0;-webkit-text-stroke-width:3px;-webkit-text-stroke-color:var(--secondary);-webkit-text-fill-color:transparent;z-index:3}.cta-button{margin-top:2rem;padding:.75rem 1.5rem;outline:none;border:none;border-radius:8px;font-family:Montserrat,sans-serif;font-size:20px;font-weight:600;cursor:pointer;color:var(--text-white);background:var(--purple);z-index:3}.hero-image{position:absolute;bottom:0;right:0;width:60vw;height:auto;object-fit:contain}.hero-caption{position:absolute;bottom:2rem;opacity:0;font-weight:500;font-size:18px;animation:fadeInOut .6s 1s infinite linear alternate}@keyframes fadeInOut{0%{opacity:.4}to{opacity:1}}@media (max-width: 600px){.hero-section{max-height:600px}.hero-content{padding:3rem 1.5rem;align-items:flex-start}.hero-text{margin-top:4rem;width:100%}.hero-caption{display:none}.hero-image{width:100vw}.cta-button{position:absolute;margin-top:1rem;padding:.5rem 1.25rem;font-size:18px}}.about-section{width:100%;min-height:100vh;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.about-title-wrapper{display:flex;justify-content:center;width:100%;margin:2.5vh 0;overflow:hidden}.about-title{font-size:clamp(20vw,20vw,360px);line-height:1;display:flex;color:var(--secondary);text-shadow:1px 3px 6px rgba(0,0,0,.2)}.about-content{margin-top:.5vh;width:100%;display:flex;align-items:center;justify-content:flex-end}.about-image{width:80%;clip-path:polygon(0 0,0 0,0 100%,0% 100%)}.about-content-right{width:60%;padding:2rem 3rem;display:flex;flex-direction:column;align-self:flex-end;gap:2rem}.about-content-left{width:40%;height:auto;display:flex;justify-content:center;align-items:flex-end}.about-text{font-size:clamp(20px,2vw,48px);font-weight:400;line-height:1}.about-caption{font-size:clamp(100px,15vw,200px);font-weight:400;line-height:1;writing-mode:vertical-rl;transform:rotate(-180deg);white-space:nowrap;text-transform:uppercase;position:absolute;opacity:.3;bottom:0;transition:opacity .3s ease-in;animation:autoScroll 20s linear infinite;color:var(--primary)}@keyframes autoScroll{to{bottom:-100%}}@media (max-width: 990px){.about-content{justify-content:center}.about-content-right{width:100%}.about-text{text-align:center}}@media (max-width: 600px){.about-section{padding:2rem 1rem 0;justify-content:flex-start}.about-content{flex-direction:column-reverse}.about-content-left{width:100%}.about-image{margin-bottom:0;clip-path:polygon(0 0,100% 0,100% 0,0 0)}.about-content-right{width:100%;padding:1rem 1.5rem;align-self:flex-end;gap:1rem}}.brand-section{width:100%;height:100%;position:relative}.brand-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;overflow:hidden}.brand-image{width:60vw;height:auto;aspect-ratio:1;object-fit:contain;clip-path:polygon(50% 50%,50% 50%,50% 50%,50% 50%)}.brand-content{position:absolute;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center}.brand-title{font-size:clamp(32px,8vw,96px);color:var(--text-white);text-transform:uppercase;font-weight:600;line-height:1.25;z-index:3;text-shadow:2px 4px 6px rgba(0,0,0,.4);text-align:center;letter-spacing:-.03em}.highlight{color:var(--primary)}.brand-subtitle{margin-top:1rem;font-size:clamp(18px,4vw,22px);line-height:30px;font-weight:500;opacity:1;display:block;font-family:Montserrat,sans-serif;text-align:center;color:var(--text-white);text-transform:uppercase}@media (max-width: 600px){.brand-section{min-height:60vh;height:100%}.brand-image{width:100vw}}.services-section{height:100%;width:100%;position:relative;background:url(/services_1.png) no-repeat center/contain var(--primary)}.services-container{padding:5vh 2.5rem 5rem 2.5rem;height:100%;width:100%;margin:auto;display:flex;flex-direction:column;align-items:center}.services-section-title{font-weight:600;font-size:clamp(36px,8vw,80px);line-height:1;letter-spacing:1px;text-transform:uppercase;color:var(--text-white);text-shadow:2px 4px 6px rgba(0,0,0,.4)}.services-grid{margin-top:3rem;width:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2rem}.services-item{min-width:250px;max-width:300px;min-height:300px;flex:1;padding:1rem;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--background);background:url(/objective.jpg) no-repeat center/cover;box-shadow:#0000003d 0 3px 8px}.services-icon svg{height:64px;width:64px;fill:var(--secondary);stroke:var(--secondary)}.services-title{margin-top:1rem;text-align:center;font-size:clamp(20px,2vw,24px);line-height:1;font-weight:600}.services-description{margin-top:1rem;line-height:22px;text-align:center;font-size:clamp(16px,1.8vw,20px)}@media (max-width: 600px){.services-section{background:url(/services_1.png),url(/services_2.png),url(/about.png) var(--primary);background-position:top,center,bottom;background-size:auto 33%,auto 33%,auto 33%;background-repeat:no-repeat}.services-container{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.services-item{min-height:250px}.services-container{padding:5vh 1rem}}.objective-section{opacity:1;width:100%;min-height:100vh;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:url(/objective.jpg) no-repeat center/150% 150%}.objective-title{margin:.5rem 0;font-size:32px;font-weight:500;line-height:1;letter-spacing:.1em;text-transform:uppercase}.objective-grid{width:80%;display:flex;flex-direction:column;align-items:center;justify-content:center}.objective-title-wrapper{display:flex;align-items:baseline;flex:2;overflow:hidden}.objective-card{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem}.card-divider{width:0%;height:1px;background:var(--background)}.objective-card .card-number{margin:0;font-family:Melodrama;font-size:clamp(50px,8vw,100px);line-height:1;font-weight:400;color:var(--primary);text-shadow:1px 2px 3px rgba(0,0,0,.3)}.objective-card .card-title{font-size:clamp(40px,5vw,80px);font-weight:400;font-family:Melodrama;letter-spacing:-.04em;line-height:1}.card-text-wrapper{flex:3;padding-left:1rem;max-width:100%;margin-top:1rem;overflow:hidden}.objective-card .card-text{font-family:Montserrat,sans-serif;font-size:clamp(16px,2vw,20px);line-height:1.25;font-weight:400}@media (max-width: 600px){.objective-title-wrapper{flex:1}.objective-section{padding:3rem 0;background-size:cover}.objective-card{flex-direction:column;align-items:flex-start}.card-text-wrapper{padding-left:0}}.logo-section{width:100%;display:flex;align-items:center;overflow:hidden;white-space:nowrap}.logos-container{height:300px;width:100%;overflow:hidden}.slider{width:100%;display:flex;min-width:calc(256px * var(--quantity));position:relative;list-style:none}.slider li{width:256px;position:absolute;left:100%;animation:AutoRun var(--time) linear infinite;animation-delay:calc((var(--time) / var(--quantity)) * (var(--index) - 1) - 26s)}.client-logo{width:256px;height:auto}@keyframes AutoRun{to{left:-256px}}@media (max-width: 600px){.logos-container{height:200px}.slider{min-width:calc(200px * var(--quantity))}.slider li{width:200px}.client-logo{width:200px;height:auto}}.gallery-section{width:100%;height:100%;padding:2rem 2rem 5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background:url(/gallery_bg.jpg) no-repeat center/100% 100%}.gallery-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1rem}.gallery-section-title{font-family:Melodrama;margin-bottom:1rem;font-size:clamp(40px,7vw,64px);font-weight:700;text-transform:uppercase}.gallery-image-wrapper{width:280px;height:400px;display:flex;align-items:center;justify-content:center;overflow:hidden;clip-path:polygon(50% 50%,50% 50%,50% 50%,50% 50%)}.gallery-image{width:100%;height:100%}@media (max-width: 600px){.gallery-section{padding:1rem 1rem 2.5rem;background-size:cover}.gallery-image-wrapper{width:160px;height:225px}}.testimonial-section{width:100%;margin-top:3rem;height:80vh;position:relative}.testimonial-section-title{max-width:360px;width:100%;position:absolute;top:0%;left:10%;font-family:Melodrame;color:var(--primary);font-size:64px;line-height:1;text-transform:uppercase}.testimonial-section-title:after{content:"What People Say About Us";position:absolute;top:0;right:0;bottom:0;left:0;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:var(--primary);-webkit-text-fill-color:transparent;z-index:2}.testimonial-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:1000px;width:75vw;height:400px;padding:2rem;display:flex;align-items:center;background:var(--secondary);clip-path:polygon(0 0,0 0,0 100%,0 100%)}.testimonial-carousel{height:100%;width:100%;display:flex;align-items:center;overflow:hidden;position:relative}.testimonial-item{position:absolute;min-width:100%;height:100%;padding:0 30px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all ease .3s;background:var(--secondary);clip-path:polygon(0 0,0 0,0 100%,0 100%)}.open-quote{font-family:sans-serif;display:inline-block;transform:translateY(150%);font-size:200px;line-height:50px;color:var(--text-white)}.testimonial-text{font-size:clamp(20px,3.5vw,24px);line-height:1.25;text-align:center;color:var(--text-white)}.testimonial-profile{margin:0;margin-top:1.5rem;font-size:18px;font-weight:600;line-height:1.25;color:var(--text-white)}.testimonial-designation{margin:4px 0 0;font-size:16px;line-height:1.25;font-style:italic;color:var(--text-white);text-align:center}@media (max-width: 900px){.testimonial-container{width:90vw}.testimonial-section-title{top:30px;left:20px;font-size:48px}}@media (max-width: 600px){.testimonial-container{width:90vw}.testimonial-section-title{top:0;font-size:44px;letter-spacing:-.01em;width:90%}.open-quote{font-size:150px;transform:translateY(120%)}.testimonial-item{padding:0}}.footer-section{width:100%;color:var(--text-white);background-color:var(--dark-background);padding:60px 0 0;display:flex;flex-direction:column;font-family:Montserrat,sans-serif;clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%)}.footer-container{padding:1rem 2rem;max-width:1200px;width:100%;margin:auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:3rem}.footer-logo{width:100%;display:flex;flex-direction:column;gap:1rem}.footer-text{width:100%;font-size:18px}.footer-logo img{max-width:200px;height:auto}.footer-info{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem}.footer-info h5{margin:0;text-transform:uppercase;font-size:16px;font-weight:500}.footer-info-item{display:flex;align-items:flex-start;justify-content:flex-start;gap:1rem}.info-item-text h5{font-size:16px;font-weight:600}.info-item-text p{margin-top:.5rem;font-size:14px}.info-item-text p a{text-decoration:none}.info-item-text p a:hover{color:var(--primary);cursor:pointer}.info-item-icon{padding:4px;display:flex;align-items:flex-start}.info-item-icon svg{height:16px;width:16px;fill:var(--text-white)}.footer-trademark{padding:1.5rem 0;display:flex;align-items:center;justify-content:center}.footer-trademark p{margin:0;font-size:15px}.footer-links{display:flex;flex-direction:column;gap:2rem;width:100%;padding-left:2rem}.footer-links h5{text-transform:uppercase;font-size:16px;font-weight:500}.footer-social{margin-top:1rem}.footer-social-link{display:flex;align-items:center;gap:4px}.footer-social-link img{width:24px;height:24px}.footer-nav{padding:0;margin-top:1rem;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;list-style:none}.footer-nav-item a{text-decoration:none;font-size:16px;transition:all .3s ease}.footer-nav-item a:hover{color:var(--primary)}@media (max-width: 600px){.footer-section{padding:0}.footer-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.footer-links{padding-left:0}.footer-trademark{margin-top:.5rem;padding:.5rem 0}}
