@property --glass-turn{syntax:'<angle>';initial-value:0deg;inherits:false}@property --liquid-x{syntax:'<percentage>';initial-value:0%;inherits:false}
@font-face{font-family:DejaVu;src:url('assets/DejaVuSans.woff2');font-display:swap}@font-face{font-family:DejaVu;src:url('assets/DejaVuSans-Bold.woff2');font-weight:700;font-display:swap}
body{isolation:isolate}.liquid-world{position:fixed;inset:-12%;z-index:-1;pointer-events:none;overflow:hidden;opacity:.7;transform:translate3d(calc(var(--pointer-x,0)*-10px),calc(var(--page-progress)*-50px),0)}.liquid-world svg{width:100%;height:100%;position:absolute;inset:0}.liquid-halo{position:absolute;aspect-ratio:1;border-radius:50%;filter:blur(55px);will-change:transform}.halo-one{width:60%;top:-20%;right:-10%;background:radial-gradient(ellipse,#91adc24a,#d9e2e933 50%,transparent 70%);animation:halo-drift 25s ease-in-out infinite alternate}.halo-two{width:50%;bottom:-25%;left:-15%;background:radial-gradient(ellipse,#d8b87c25,#fff5 45%,transparent 70%);animation:halo-drift 30s ease-in-out -10s infinite alternate-reverse}.ribbon-layer{transform-origin:center;will-change:transform}.ribbon-layer-one{animation:glass-current 23s ease-in-out infinite alternate}.ribbon-layer-two{animation:glass-current 29s ease-in-out -13s infinite alternate-reverse;opacity:.7}.ribbon-trace{animation:trace-light 18s linear infinite}.ribbon-layer-two .ribbon-trace{animation-duration:25s;animation-delay:-9s}.ribbon-light{animation:edge-breath 9s ease-in-out infinite alternate}.glass{overflow:hidden;background-image:linear-gradient(120deg,#ffffffdb,#edf3f8de 50%,#ffffffa8);box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 2px #7e9db450,0 15px 40px #607f971b}.glass:before{z-index:0!important;inset:0;border-radius:inherit;border:1.5px solid transparent;background:conic-gradient(from var(--glass-turn),#ffffff00 0deg,#fff 45deg,#d8b87cb0 65deg,#ffffff00 95deg,#ffffff00 180deg,#b1c9dcb0 220deg,#fff 260deg,#ffffff00 300deg) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:glass-edge 14s linear infinite;pointer-events:none}.glass:nth-child(2n):before{animation-delay:-6s;animation-duration:18s}.glass:nth-child(3n):before{animation-delay:-10s;animation-direction:reverse}.liquid-sheen{position:absolute;inset:-65%;pointer-events:none;z-index:0;border-radius:50%;background:linear-gradient(110deg,transparent 35%,#ffffff00 41%,#ffffff75 48%,#d8b87c18 49%,#ffffff66 50%,transparent 56%);transform:translate3d(-15%,0,0) rotate(-12deg);animation:surface-flow 17s ease-in-out infinite;opacity:.65;mix-blend-mode:soft-light;will-change:transform}.glass>*:not(.liquid-sheen){position:relative;z-index:1}.demo-stage,.demo-controls{position:relative;z-index:1}.glass:nth-child(even)>.liquid-sheen{animation-delay:-8s;animation-duration:21s}.approach-card,.enquiry,.chapter{backdrop-filter:blur(22px) saturate(1.05)}.orb{animation:orb-float 9s ease-in-out infinite}.step:nth-child(2) .orb{animation-delay:-3s}.step:nth-child(3) .orb{animation-delay:-5s}.step:nth-child(4) .orb{animation-delay:-7s}.orb:after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 25%,#ffffff90 45%,transparent 65%);background-size:300% 100%;animation:orb-light 11s ease-in-out infinite;pointer-events:none}.ribbon:before{animation:ribbon-sway 16s ease-in-out infinite alternate}.cinema .hero-art img{animation:artwork-breathe 15s ease-in-out infinite alternate;will-change:transform}.cinema .light-orbit{animation:champagne-drift 12s ease-in-out infinite alternate}.glass-sculpture{animation:sculpture-flow 18s ease-in-out infinite alternate}.abstract-art:after{animation:artwork-breathe 23s ease-in-out -8s infinite alternate}.experience{background:linear-gradient(125deg,#bed0df,#d9e2e9 40%,#c0d1df 75%,#d9e2e9);background-size:200% 200%;animation:landscape-light 22s ease-in-out infinite alternate}.experience:after{animation:section-reflection 19s ease-in-out infinite alternate;transform:translateX(-20%);mix-blend-mode:soft-light}.button:before{animation:button-light 12s ease-in-out infinite;opacity:.5}.motion-control{display:flex;align-items:center;gap:9px;border:1px solid #9eb5c655;color:#476277;background:#ffffff70;border-radius:30px;font-size:10px;padding:8px 13px;margin:25px 0 0 auto;cursor:pointer}.motion-control span{font-size:11px}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .liquid-world{transform:none}.solution.glass{overflow:hidden}.solution.glass:before{display:block;opacity:.3;border-radius:0;animation-duration:20s}.faq .glass:before{display:none}
@keyframes glass-edge{to{--glass-turn:360deg}}@keyframes surface-flow{0%,100%{transform:translate3d(-18%,-7%,0) rotate(-18deg)}50%{transform:translate3d(18%,7%,0) rotate(12deg)}}@keyframes glass-current{0%{transform:translate(-3%,-4%) rotate(-4deg) scale(1.05)}50%{transform:translate(4%,3%) rotate(3deg) scale(1)}100%{transform:translate(-2%,6%) rotate(-2deg) scale(1.08)}}@keyframes trace-light{to{stroke-dashoffset:-2500}}@keyframes edge-breath{from{opacity:.3}to{opacity:.95}}@keyframes halo-drift{to{transform:translate(-13%,18%) scale(1.15)}}@keyframes orb-float{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -7px;rotate:4deg}}@keyframes orb-light{0%,100%{background-position:100% 50%}50%{background-position:0% 50%}}@keyframes ribbon-sway{to{translate:0 12px;rotate:3deg}}@keyframes artwork-breathe{from{transform:translate3d(0,0,0) scale(1.04)}to{transform:translate3d(-8px,-9px,0) scale(1.09)}}@keyframes champagne-drift{from{transform:translate(-8%,-8%);opacity:.35}to{transform:translate(18%,30%);opacity:.85}}@keyframes sculpture-flow{from{translate:0 -8px;rotate:-3deg}to{translate:8px 12px;rotate:3deg}}@keyframes landscape-light{to{background-position:100% 90%}}@keyframes section-reflection{to{transform:translateX(20%)}}@keyframes button-light{0%,70%{transform:translateX(-150%) skewX(-25deg)}90%,100%{transform:translateX(150%) skewX(-25deg)}}
@media(max-width:720px){.liquid-world{opacity:.48;inset:-8%}.liquid-halo{filter:blur(30px)}.ribbon-layer-two{display:none}.glass:before{animation-duration:22s}.liquid-sheen{animation-duration:24s;opacity:.4;will-change:auto}.orb{animation-duration:12s}.cinema .hero-art img{animation:mobile-artwork 17s ease-in-out infinite alternate}.experience{background-size:160% 160%}.motion-control{margin-left:0}@keyframes mobile-artwork{to{transform:translate3d(-4px,-7px,0) scale(1.025)}}}
@media(prefers-reduced-motion:reduce){.liquid-world{transform:none}.liquid-halo,.ribbon-layer,.liquid-sheen,.orb,.cinema .hero-art img,.glass-sculpture,.abstract-art:after{animation:none!important;will-change:auto}.liquid-world svg{opacity:.35}.motion-control{display:none}.glass:before{animation:none!important}*,*:before,*:after{animation:none!important;transition:none!important}}
.abstract-art>.glass-sculpture{position:absolute;z-index:0}.demo .liquid-sheen{mix-blend-mode:soft-light}.button:hover:before{animation:none;transform:translateX(130%) skewX(-25deg)}
html{overflow-x:clip}.liquid-world{inset:0}.liquid-world svg{width:115%;height:115%;left:-7.5%;top:-7.5%}.experience{overflow:hidden}.motion-paused .cinema .hero-copy,.motion-paused .cinema .hero-art{transform:none}