/* The image layers carry the visual atmosphere; the content stays live and readable. */
.section:has(>.scene-layer){isolation:isolate;overflow:hidden}.scene-layer{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;border-radius:inherit;background-color:#d9e2e9}.scene-layer:before{content:'';position:absolute;inset:-5%;background-image:url('assets/ribbon-landscape.webp');background-size:cover;background-position:center;opacity:.88;transform:scale(1.04);translate:0 calc(var(--scene-scroll,0)*-18px);animation:scene-breathe 25s ease-in-out infinite alternate;will-change:transform}.scene-layer:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,#f4f7fa9c 5%,#f4f7fa33 55%,#ffffff0a 80%);pointer-events:none}.section:has(>.scene-layer)>.section-title,.section:has(>.scene-layer)>.experience-head,.section:has(>.scene-layer)>.solution-grid,.section:has(>.scene-layer)>.three-grid,.section:has(>.scene-layer)>.process-grid,.section:has(>.scene-layer)>.faq{position:relative;z-index:1}#solutions{max-width:none;padding-left:max(7%,calc((100vw - 1170px)/2));padding-right:max(7%,calc((100vw - 1170px)/2));padding-top:90px;padding-bottom:90px}#solutions .scene-layer:before{background-position:center 70%}#solutions .scene-layer:after{background:linear-gradient(180deg,#f4f7facc 0%,#f4f7fa55 40%,#f4f7fa00 75%)}.solution-grid{gap:20px;border-top:0}.solution.glass,.solution.glass:nth-child(even){border-radius:19px;padding:32px;border:1px solid #ffffffed;background:linear-gradient(120deg,#ffffffd6,#eef4f9c7);box-shadow:inset 1px 1px 1px #fff,inset -1px -1px 2px #8fa8ba55,0 12px 35px #526e8617;backdrop-filter:blur(22px)}.solution.glass:before{opacity:1;border-radius:19px}.solution.glass:hover{background:#ffffffe8;transform:translateY(-4px)}.solution h3{font-size:19px}.solution p{font-size:13px}.solution .icon{width:34px;height:34px}.solution-grid .liquid-sheen{mix-blend-mode:soft-light}.approach{max-width:none;padding-left:max(7%,calc((100vw - 1170px)/2));padding-right:max(7%,calc((100vw - 1170px)/2));padding-bottom:130px}.approach .scene-layer:before{background-position:center bottom;opacity:1;animation-delay:-11s}.approach .scene-layer:after{background:linear-gradient(#f4f7faaa 0%,#f4f7fa66 40%,transparent 85%)}.approach-card{background:linear-gradient(125deg,#ffffffdc,#f4f7fabf);backdrop-filter:blur(24px)}.process-section{max-width:none;border:0;border-radius:0;margin:0;padding-left:max(7%,calc((100vw - 1170px)/2));padding-right:max(7%,calc((100vw - 1170px)/2));padding-top:100px;padding-bottom:100px;box-shadow:none}.process-section .scene-layer:before{background-position:center 90%;opacity:.65;animation-delay:-5s}.process-section .scene-layer:after{background:linear-gradient(180deg,#f4f7fae8 0%,#f4f7fabb 40%,#f4f7fa22 100%)}.process-section .ribbon:before{border-top-color:#ae8b4c;box-shadow:0 -7px 0 -6px #fff,0 -14px 0 -13px #94b0c4}.faq-section{max-width:none;padding-left:max(7%,calc((100vw - 1170px)/2));padding-right:max(7%,calc((100vw - 1170px)/2));padding-top:100px;padding-bottom:110px}.faq-section .scene-layer:before{background-position:30% 85%;animation-delay:-17s}.faq-section .scene-layer:after{background:linear-gradient(180deg,#f4f7fae0,#f4f7fa55 65%,#f4f7fa00)}.faq .glass{background:linear-gradient(110deg,#ffffffe0,#f4f7fabc);backdrop-filter:blur(18px);border:1px solid white;border-radius:13px;box-shadow:0 8px 20px #526e8612;margin-bottom:13px}.faq summary{padding:21px 24px;font-weight:400;font-size:14px}.faq details p{padding:0 24px 24px}.faq .glass:before{display:block;border-radius:13px}.contact-section{max-width:none;padding-left:max(7%,calc((100vw - 1170px)/2));padding-right:max(7%,calc((100vw - 1170px)/2));padding-top:100px;padding-bottom:110px}.contact-section:before{display:none}.contact-section .scene-layer:before{background-image:url('assets/glass-path.webp');background-position:15% center;opacity:.85;animation-delay:-8s}.contact-section .scene-layer:after{background:linear-gradient(90deg,#f4f7faa0 0%,#f4f7fa99 40%,#f4f7fa44 70%)}.enquiry{background:linear-gradient(125deg,#ffffffdf,#edf3f9cb);backdrop-filter:blur(24px)}.about-section{max-width:none;min-height:680px;padding-left:max(7%,calc((100vw - 1170px)/2));padding-right:max(7%,calc((100vw - 1170px)/2));gap:60px}.about-section .scene-layer:before{background-image:url('assets/workspace-glass.webp');background-position:center;opacity:1;animation-delay:-13s;animation-duration:32s}.about-section .scene-layer:after{background:linear-gradient(90deg,#f4f7faf5 0%,#f4f7fae8 32%,#f4f7fa88 54%,#f4f7fa00 78%)}.about-section>.abstract-art{visibility:hidden;min-height:430px}.about-section>div:not(.scene-layer):not(.abstract-art){position:relative;z-index:1}.about-section .intro{max-width:490px;font-size:15px}.about-section .founder{margin-top:35px}.page-lead:not(.about-section):not(.contact-section) .scene-layer:before{background-position:right center;opacity:.6;mask-image:linear-gradient(90deg,transparent,#000 50%)}.page-lead:not(.about-section):not(.contact-section) .scene-layer:after{background:linear-gradient(180deg,#f4f7fa90,#f4f7fa55)}.experience .scene-layer:before{opacity:.68;background-position:center bottom;animation-delay:-19s}.experience .scene-layer:after{background:linear-gradient(#c8d7e2bb,#d9e2e966)}.experience .demo{background:linear-gradient(125deg,#ffffffe5,#f0f5f9d6)}.experience .demo>div:not(.liquid-sheen){position:relative;z-index:1}.experience .sample-card,.experience .result-card{background:#f8fbfdeb}.experience-head .intro{color:#2e485c}.section+.section:has(>.scene-layer){border-top:1px solid #ffffffa0}.final-invitation{max-width:none;background:linear-gradient(#f4f7fac9,#f4f7faa0),url('assets/ribbon-landscape.webp') center 80%/cover}.liquid-world{opacity:.5}
@keyframes scene-breathe{from{transform:scale(1.03) translate3d(-.4%,0,0)}to{transform:scale(1.08) translate3d(.5%,-.8%,0)}}
@media(max-width:1050px){#solutions,.approach,.faq-section,.process-section,.contact-section,.about-section{padding-left:5%;padding-right:5%}.solution.glass,.solution.glass:nth-child(even){padding:26px}.about-section .scene-layer:before{background-position:62% center}.about-section .scene-layer:after{background:linear-gradient(90deg,#f4f7faf0,#f4f7fad9 40%,#f4f7fa22 85%)}}
@media(max-width:720px){#solutions,.approach,.faq-section,.process-section,.contact-section,.about-section{padding-left:24px;padding-right:24px;padding-top:65px;padding-bottom:75px}.solution-grid{gap:14px}.solution.glass,.solution.glass:nth-child(even){padding:25px 20px}.solution h3{font-size:17px}.solution .icon{width:29px;height:29px}.scene-layer:before{inset:-3%;background-position:65% center;opacity:.85;animation-duration:30s;will-change:auto;translate:none}.scene-layer:after{background:#f4f7fa44}.approach .scene-layer:before{background-position:40% bottom}.faq-section .scene-layer:before{background-position:35% bottom}.process-section .scene-layer:before{background-position:60% bottom;opacity:.6}.contact-section .scene-layer:before{background-position:65% center;opacity:.6}.contact-section .scene-layer:after{background:linear-gradient(#f4f7fac9,#f4f7fa55)}.about-section{min-height:850px;display:block;padding-bottom:300px}.about-section .scene-layer:before{background-size:auto 100%;background-position:70% bottom;opacity:1}.about-section .scene-layer:after{background:linear-gradient(180deg,#f4f7faf5 0%,#f4f7faef 35%,#f4f7fabb 52%,#f4f7fa00 80%)}.about-section>.abstract-art{display:none}.faq summary{padding:20px;font-size:13px}.faq details p{padding:0 20px 22px}.enquiry{padding:24px}.experience .scene-layer:before{background-position:65% bottom;opacity:.7}.page-lead:not(.about-section):not(.contact-section) .scene-layer:before{opacity:.45}}
@media(prefers-reduced-motion:reduce){.scene-layer:before{animation:none!important;transform:none!important;translate:none!important}}
/* One continuous canvas. Local imagery dissolves into the shared atmosphere. */
body{background:#eaf0f5}body:before{content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(100deg,#edf2f68c,#edf2f640),url('assets/ribbon-landscape.webp') center/cover no-repeat}.ambient{background:radial-gradient(ellipse at 70% 30%,#d9e2e944,transparent 65%)}.hero.cinema,.manifesto,.experience,.process-section,.approach,.about-section,.faq-section,.contact-section,.page-lead,.final-invitation{background:transparent!important;border:0!important;box-shadow:none!important}.section+.section:has(>.scene-layer){border:0}.section:has(>.scene-layer){border:0}.scene-layer{background-color:transparent;border-radius:0;mask-image:linear-gradient(to bottom,transparent 0%,#000 20%,#000 77%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 20%,#000 77%,transparent 100%)}.scene-layer:after{background:linear-gradient(110deg,#edf2f688,#edf2f633 60%,transparent)}.experience:after{mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent)}.about-section .scene-layer{mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 74%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 74%,transparent)}.about-section .scene-layer:after{background:linear-gradient(90deg,#eaf0f5ed,#eaf0f5c9 34%,#eaf0f566 55%,transparent 80%)}.cinema .hero-art{mask-image:linear-gradient(90deg,transparent,#000 28%,#000 84%,transparent),linear-gradient(180deg,transparent,#000 18%,#000 70%,transparent);mask-composite:intersect}.hero-bottom{border-top:0}.final-invitation:before{opacity:.5}footer{border-top:0;background:transparent}.page-aura{mask-image:linear-gradient(transparent,#000 30%,#000 65%,transparent)}
@media(max-width:720px){body:before{background-position:62% center}.scene-layer{mask-image:linear-gradient(transparent,#000 17%,#000 80%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 17%,#000 80%,transparent)}.about-section .scene-layer:after{background:linear-gradient(#eaf0f5f5,#eaf0f5df 35%,#eaf0f599 53%,transparent 80%)}.cinema .hero-art{mask-image:linear-gradient(transparent,#000 20%,#000 70%,transparent);mask-composite:add}}