.animate-on-scroll{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.animate-on-scroll.no-transition{transition:none!important}.fade-in{opacity:0}.slide-up{transform:translateY(40px)}.slide-left{transform:translate(40px)}.slide-right{transform:translate(-40px)}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-400{transition-delay:.4s}.delay-500{transition-delay:.5s}.animate-on-scroll.is-visible{opacity:1;transform:translate(0)}@keyframes spin-glow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-bg-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;background-color:var(--bg-page)}.bg-gradient-mesh{position:absolute;width:200%;height:200%;top:-50%;left:-50%;background:radial-gradient(circle at 50% 50%,rgba(0,174,239,.15),transparent 60%),radial-gradient(circle at 80% 20%,rgba(10,17,94,.4),transparent 50%),radial-gradient(circle at 20% 80%,rgba(0,100,200,.2),transparent 50%);filter:blur(60px);animation:rotateMesh 30s linear infinite;opacity:.8;max-width:100vw;pointer-events:none}@keyframes rotateMesh{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}.bg-slideshow{position:absolute;width:100%;height:100%;opacity:.25;mix-blend-mode:screen}.slide{position:absolute;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;animation:slideFade 16s ease-in-out infinite}.slide:nth-child(1){animation-delay:0s}.slide:nth-child(2){animation-delay:8s}@keyframes slideFade{0%,to{opacity:0;transform:scale(1.05)}25%,50%{opacity:1;transform:scale(1)}75%{opacity:0;transform:scale(1.05)}}.premium-shape{position:absolute;mix-blend-mode:screen;opacity:.85;filter:drop-shadow(0 0 30px rgba(100,100,255,.15));pointer-events:none;z-index:2}.shape-1{top:5%;left:2%;width:450px;height:auto;animation:floatShape1 20s cubic-bezier(.4,0,.2,1) infinite alternate}.shape-2{bottom:-5%;right:2%;width:550px;height:auto;animation:floatShape2 25s cubic-bezier(.4,0,.2,1) infinite alternate-reverse}.shape-3{top:40%;left:45%;width:250px;height:auto;animation:floatShape3 22s cubic-bezier(.4,0,.2,1) infinite alternate}@keyframes floatShape1{0%{transform:translate(0) rotate(0) scale(1)}50%{transform:translate(40px,30px) rotate(15deg) scale(1.05)}to{transform:translate(-20px,60px) rotate(-10deg) scale(.95)}}@keyframes floatShape2{0%{transform:translate(0) rotate(0) scale(1)}50%{transform:translate(-30px,-40px) rotate(-15deg) scale(1.08)}to{transform:translate(20px,-20px) rotate(5deg) scale(.92)}}@keyframes floatShape3{0%{transform:translate(0) rotate(0) scale(1)}50%{transform:translate(30px,-20px) rotate(25deg) scale(1.1)}to{transform:translate(-10px,30px) rotate(-5deg) scale(.9)}}.hero-overlay{position:absolute;width:100%;height:100%;background:linear-gradient(to bottom,#09090f66,#09090ff2);z-index:3}.rv-3d{perspective:2000px}.rv-3d .rv-w{display:inline-block;transform-origin:50% 100%;transform:rotateX(-90deg) translateY(.28em);opacity:0;transition:transform .72s cubic-bezier(.16,1,.3,1),opacity .5s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i, 0) * 55ms)}.animate-on-scroll.is-visible .rv-3d .rv-w,.rv-3d.is-visible .rv-w{transform:rotateX(0) translateY(0);opacity:1}.animate-on-scroll:has(.rv-3d){transition-duration:.3s}.animate-on-scroll:not(.is-visible) .rv-3d .rv-w{will-change:transform,opacity}@media(prefers-reduced-motion:reduce){.rv-3d .rv-w{transform:none;opacity:1;transition:none}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.about-image-col,.work-card{view-timeline-name:--rv-wipe;view-timeline-axis:block}.about-image-wrapper img,.work-img img{animation:rv-wipe-open linear both;animation-timeline:--rv-wipe;animation-range:entry 12% cover 42%}[data-scroll-wipe]{animation:rv-wipe-open linear both;animation-timeline:view();animation-range:entry 12% cover 42%}@keyframes rv-wipe-open{0%{clip-path:inset(7% 9% 13% 9% round 14px)}to{clip-path:inset(0% 0% 0% 0% round 0)}}}}.q-fold-toggle{display:none}@media(max-width:800px){:root,:root[data-theme]{--section-padding: 56px 20px}.lab-site :is(.section-header,.studio-motion-heading) h2{font-size:34px;line-height:1.08}.lab-site .section-header>p:not([data-currency-note]),.lab-site .studio-motion-heading p{font-size:17px}.lab-site .section-header{margin-bottom:28px}.studio .whatsapp-float{width:44px;height:44px;right:12px;bottom:14px}.studio .whatsapp-float svg{width:22px;height:22px}.q-work-caption{font-size:12px;padding-top:10px;gap:4px}.q-work-caption>a{padding-block:2px 4px}.lab-site .lab-hero.q-story-hero{min-height:0;padding:112px 20px 28px}.lab-site .q-story-hero :is(.lab-hero-display,.lab-hero-italic){font-size:clamp(40px,11vw,52px)}.lab-site .q-story-hero .lab-hero-intro{margin-top:16px}.lab-site .q-story-hero .lab-hero-intro>p{font-size:18px}.lab-site .q-story-hero .q-hero-actions{margin-top:20px;gap:2px}.lab-site .q-story-hero .q-hero-actions .btn{width:100%;justify-content:center}.q-hero-work{min-height:44px}.q-story-hero--proof .q-hero-proofs{order:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px;padding-top:16px}.q-hero-proofs dt{font-size:28px}.q-hero-proofs dd{font-size:12.5px;line-height:1.35}.q-story-hero--proof .q-hero-proof{--bezel: color-mix(in srgb, var(--lab-white) 16%, var(--lab-deep-blue));order:3;width:min(76%,300px);margin:28px auto -28px;border:7px solid var(--bezel);border-bottom:0;border-radius:36px 36px 0 0;overflow:hidden;background:var(--bezel);box-shadow:0 -12px 40px color-mix(in srgb,var(--lab-ink) 45%,transparent)}.q-story-hero--proof .q-hero-proof-bar{justify-content:center;padding:5px 0 7px;border-radius:0;background:transparent;font-size:11px}.q-story-hero--proof .q-hero-proof-bar i{display:none}.q-story-hero--proof .q-hero-proof-bar span{margin:0}.q-story-hero--proof .q-hero-proof img{height:380px;object-fit:cover;object-position:top;border-radius:26px 26px 0 0;box-shadow:none}.lab-service-ribbon{display:none}.lab-intro-band{padding:48px 20px}.lab-intro-band>.container{gap:24px}.lab-intro-band h2{font-size:26px}.lab-intro-band p{font-size:17px}.lab-intro-band .lab-origin h3{font-size:21px;margin:0}.lab-intro-band .lab-origin p{font-size:16px}.lab-intro-band .lab-cms-actions{display:none}.q-service-story>.container>.q-service-stage{display:none}.q-service-mobile .q-service-stage{margin:28px 0 4px}.q-service-mobile .q-service-stage:first-child{margin-top:12px}.q-service-mobile .q-service-stage h3{font-size:22px}.q-service-mobile .q-service-stage p{font-size:12px}.q-service-option>summary{min-height:60px;padding-block:14px}.q-service-option>summary h3{font-size:19px}.q-service-mobile-hint{display:none}.lab-site .studio-process .studio-motion-heading{align-items:flex-start;text-align:left;margin-bottom:20px}.lab-site .studio-process .studio-motion-heading h2{font-size:34px}.lab-site .studio-process-stage{display:grid;grid-template-columns:1fr;gap:10px;overflow:visible;scroll-snap-type:none;padding:0;margin:0}.lab-site .studio-process-card,.lab-site .q-process-clear .studio-process-card{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:0 12px;height:auto;min-height:0;padding:18px 18px 18px 16px;border-radius:16px}.lab-site .studio-process-number{font-size:26px;line-height:1.1}.lab-site .studio-process-card h3{font-size:19px;margin:0 0 4px}.lab-site .studio-process-card p{font-size:15px;line-height:1.45;margin:0}body.lab-site .trust-highlights-strip{padding:56px 20px}body.lab-site .trust-highlights-grid{gap:0}body.lab-site .trust-highlight-card{display:grid;grid-template-columns:36px minmax(0,1fr);gap:0 10px;padding:16px 0;background:none;border:0;border-top:1px solid var(--border-color);border-radius:0}body.lab-site .trust-highlight-card:last-child{border-bottom:1px solid var(--border-color)}body.lab-site .trust-highlight-card>:first-child{grid-row:span 2;margin:2px 0 0}body.lab-site .trust-highlight-title{font-size:18px;margin:0 0 4px}body.lab-site .trust-highlight-desc{font-size:15px}.lab-products-grid{grid-template-columns:1fr;gap:12px}.lab-product{display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px;align-items:center;padding:12px;border-radius:16px;background:var(--bg-card)}.lab-product>picture,.lab-product>img{display:block}.lab-product img{width:100%;height:84px;object-fit:cover;border-radius:10px}.lab-product-copy{padding:0}.lab-product-copy .studio-label{font-size:12px;margin:0}.lab-product-copy h3{font-size:19px;gap:8px;margin:2px 0}.lab-product-copy h3 img{width:22px;height:22px}.lab-product-copy p{display:none}.lab-product-copy p:first-of-type{display:block;margin:0 0 4px;font-size:14px}.lab-product-link{font-size:14px}[data-folded]>li:nth-child(n+4){display:none}.q-fold-toggle{display:inline-flex;align-items:center;gap:6px;margin:-6px 0 18px;padding:6px 0;border:0;background:none;color:var(--accent-text);font:inherit;font-size:15px;font-weight:600;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.q-fold-toggle:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.lab-site .pricing-row-head{margin:32px 0 14px}.lab-site .pricing-grid .pricing-card,.lab-site .pricing-grid .pricing-card.popular-tier{border-width:6px;border-radius:24px;padding:24px 20px 20px}.lab-site .pricing-grid .pricing-card .tier-name{font-size:21px;margin:0}.lab-site .pricing-grid .pricing-card .tier-price{font-size:30px;margin-top:12px}.lab-site .pricing-grid .pricing-card .tier-cadence{margin:4px 0 12px}.lab-site .pricing-grid .pricing-card .tier-desc{font-size:15px;min-height:0;margin:0 0 16px}.lab-site .pricing-grid .pricing-card .tier-features{flex:none;margin:0 0 10px}.lab-site .pricing-grid .pricing-card .tier-features li{font-size:15px;margin-bottom:8px}.lab-site .pricing-grid .pricing-card .tier-btn{margin-top:6px}.lab-site .pricing-grid{gap:28px}body.lab-site .pc-card,body.lab-site .pc-card.pc-popular{padding:26px 22px 22px}body.lab-site .pc-features{margin-bottom:12px}body.lab-site .pc-features li{font-size:15px}body.lab-site .pc-grid{gap:28px}.lab-site .studio-faq-grid{gap:20px}.lab-site .studio-faq-intro{text-align:left;align-items:flex-start}.lab-site .studio-faq-intro h2{font-size:34px}.lab-site .studio-faq-intro :is(p,.btn){display:none}.lab-site .studio-faq-list{gap:0}.lab-site .studio-faq-item,.lab-site .studio-faq-item[open]{padding:0;margin:0;background:none;border:0;border-bottom:1px solid var(--border-color);border-radius:0;box-shadow:none}.lab-site .studio-faq-item:first-child{border-top:1px solid var(--border-color)}.lab-site .studio-faq-item summary{min-height:56px;padding:14px 0;font-size:17px;gap:14px}.lab-site .studio-faq-item [data-disclosure-panel] p{font-size:16px;padding-bottom:16px}.lab-faq-symbol{flex-basis:28px;height:28px}.lab-insights .section-header p{display:none}.lab-insights-grid{gap:10px}.lab-site .lab-article,.lab-site .lab-article-featured{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:center;padding:10px;border-radius:14px}.lab-site .lab-article>picture,.lab-site .lab-article>img{grid-column:1}.lab-site .lab-article img,.lab-site .lab-article>picture img{height:76px;aspect-ratio:auto;border-radius:8px}.lab-site .lab-article>div{padding:0}.lab-site .lab-article>div:only-child{grid-column:1 / -1;padding:6px}.lab-site .lab-article span{font-size:12px}.lab-site .lab-article h3,.lab-site .lab-article-featured h3,.lab-article-featured:has(>div:only-child) h3{font-size:17px;line-height:1.25;margin:2px 0 0}.lab-site .lab-article :is(p,strong){display:none}.lab-insights .studio-section-link{margin-top:18px}.lab-home-contact .contact-grid{gap:20px}.lab-home-contact .contact-info{display:flex;flex-direction:column;align-items:center;gap:12px;padding:0;text-align:center}.lab-home-contact .contact-info :is(.contact-subtitle,.contact-text,.social-links){display:none}.lab-home-contact .contact-info .btn{margin:0}.lab-home-contact .contact-email{margin:0;font-size:15px}.lab-home-contact .contact-form-container{padding:22px 18px}.lab-service-introduction .lab-opportunity h2{font-size:14px}.lab-service-introduction .lab-opportunity p{font-size:22px;line-height:1.3}.lab-intro-image img{max-height:240px}.lab-site .lab-service-start{display:none}.lab-site .lab-service-row .studio-service-disclosure>summary,.lab-site .lab-service-row .studio-service-disclosure[open]>summary{min-height:76px}.lab-site .lab-service-row .studio-service-disclosure>summary :is(h2,h3){font-size:24px}.lab-site .studio-services-list .services-stage-head{margin:36px 0 8px}main>.section-header{padding-inline:20px}.lab-site .lab-intro-image{min-height:210px}.lab-site .lab-intro-image-blue img{max-height:170px}.lab-site .lab-intro-image h3{padding:22px 70px 0 22px;font-size:22px}.lab-site .lab-intro-image-blue h3{padding:16px 22px 20px}.lab-portrait-caption{padding:16px 20px;font-size:18px}.lab-triptych{gap:12px;margin-top:28px}.lab-site .studio-services-list .about-image-col{display:block}.lab-site .studio-services-list .about-image-wrapper{aspect-ratio:1.6;max-height:240px}.lab-site .studio-services-list .about-text{font-size:18px;text-align:left}.lab-capabilities{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.lab-capabilities>span,.lab-capabilities>li{min-height:0;padding:8px 14px;border-radius:999px;font-size:15px;font-weight:500}body.lab-site :is(.wd-types-grid,.vp-types-grid){gap:10px}body.lab-site :is(.wd-type-card,.vp-type-card){display:grid;grid-template-columns:44px minmax(0,1fr);gap:2px 14px;padding:16px;text-align:left}body.lab-site :is(.wd-type-icon,.vp-type-icon){grid-row:span 2;width:44px;height:44px;margin:0}body.lab-site :is(.wd-type-icon,.vp-type-icon) svg{width:22px;height:22px}body.lab-site :is(.wd-type-card,.vp-type-card) h3{font-size:18px;margin:0}body.lab-site :is(.wd-type-card,.vp-type-card) p{font-size:15px;margin:0}body.lab-site :is(.wd-process-grid,.vp-process-grid){gap:18px}body.lab-site :is(.wd-step,.vp-step){display:grid;grid-template-columns:44px minmax(0,1fr);gap:2px 14px;text-align:left;padding:0}body.lab-site :is(.wd-step-number,.vp-step-number){grid-row:span 2;width:44px;height:44px;margin:0;font-size:16px}body.lab-site :is(.wd-step,.vp-step) h3{font-size:18px;margin:0}body.lab-site :is(.wd-step,.vp-step) p{font-size:15px;margin:0}body.lab-site .seo-services-grid{gap:12px}body.lab-site .seo-service-card{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:0 12px;padding:20px}body.lab-site .seo-service-icon{margin:0}body.lab-site .seo-service-icon svg{width:24px;height:24px}body.lab-site .seo-service-title{margin:0;font-size:19px}body.lab-site :is(.seo-service-desc,.seo-service-list){grid-column:1 / -1}body.lab-site .seo-service-desc{font-size:15px;margin:8px 0 6px}body.lab-site .seo-service-list{margin:0}body.lab-site .seo-service-list li{font-size:15px;margin-bottom:2px}body.lab-site .seo-final-cta .btn{width:100%}#service-projects .work-img{height:170px}#service-projects .work-content{padding:20px}#service-projects .work-title{font-size:20px;margin-bottom:8px}#service-projects .work-desc{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:14px}#service-projects .work-result{margin-bottom:14px;padding:12px}.q-related-study{padding:24px 20px}.lab-footer-art{display:none}.lab-site .studio-footer-cta{padding:8px 0 48px;margin-bottom:0}.lab-site .studio-footer-cta h2{font-size:32px}body:has(main :is(#contact,#enquire,.q-page-cta)) .footer>.container:has(>.studio-footer-cta){display:none}.lab-site .lab-footer-base{padding:40px 20px 0}.lab-site .lab-footer-base .footer-container{grid-template-columns:1fr 1fr;gap:28px 16px;padding-bottom:28px;text-align:left;justify-items:start}.lab-site .lab-footer-base .footer-col{text-align:left;align-items:flex-start;width:100%}.lab-site .lab-footer-base .brand-col{grid-column:1 / -1}.lab-site .lab-footer-base .brand-col .footer-logo{justify-content:flex-start;margin-bottom:8px}.lab-site .lab-footer-base .brand-col .logo-text{font-size:26px}.lab-site .lab-footer-base .footer-tagline{font-size:15px;margin-bottom:14px}.lab-site .lab-footer-base .footer-socials{justify-content:flex-start}.lab-site .footer-col h3{font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;color:var(--text-muted)}.lab-site .footer-nav{align-items:flex-start;gap:0}.lab-site .footer-col .footer-nav a:not(.logo){display:block;padding:5px 0;font-size:15px;text-align:left}.lab-site .lab-footer-base .link-col:has(.footer-nav>a:nth-child(5)){grid-column:1 / -1}.lab-site .lab-footer-base .link-col:has(.footer-nav>a:nth-child(5)) .footer-nav{display:grid;grid-template-columns:1fr 1fr;column-gap:16px;width:100%}.lab-site .lab-footer-base .lab-footer-signup,.lab-site .lab-footer-base .contact-col{grid-column:1 / -1}.lab-site .lab-footer-base .footer-newsletter h4{font-size:18px;margin-bottom:6px;text-align:left}.lab-site .lab-footer-base .footer-newsletter p{font-size:15px;margin-bottom:12px;text-align:left}.lab-site .lab-footer-base .contact-col .footer-contact-info{text-align:left;margin:0 0 6px;font-size:15px}.lab-site .footer-bottom-bar{margin-inline:-20px}.lab-site .footer-bottom-container{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:10px 18px;padding:18px 20px 72px;text-align:left}.lab-site .footer-bottom-container .copyright{width:100%;margin:0;font-size:13px}.lab-site .footer-legal-links{gap:16px;font-size:13px}}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}
