/* Active hero artwork responds to both touch and pointer input. */
.grid-hero{overflow:hidden;touch-action:pan-y}.hero-energy{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.hero-stage{z-index:1}.hero-geometry{opacity:.55}.hero-aurora{position:absolute;width:48%;height:90%;top:0;filter:blur(45px);opacity:.5;background:radial-gradient(ellipse,#21a9f24d,transparent 65%);animation:aurora-drift 12s ease-in-out infinite alternate}.aurora-left{left:-24%;transform:rotate(30deg)}.aurora-right{right:-24%;animation-delay:-6s;background:radial-gradient(ellipse,#4870ff55,transparent 65%)}.hero-energy-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.energy-trail{stroke-dasharray:550 1650;animation:energy-travel 9s linear infinite}.trail-two{animation-duration:12s;animation-direction:reverse;stroke-dasharray:300 1800}.energy-orbit{stroke-dasharray:900 500;animation:energy-travel 20s linear infinite}.energy-spark{animation:energy-twinkle 4s ease-in-out infinite}.hero-touch-ring{position:absolute;left:var(--touch-x,50%);top:var(--touch-y,65%);width:60px;height:60px;border:2px solid #8de1ff;box-shadow:0 0 35px #21a9f266,inset 0 0 25px #21a9f244;border-radius:50%;opacity:0}.hero-touch-ring.is-burst{animation:hero-burst 1.2s ease-out}.hero-full-copy{padding-bottom:110px}.grid-hero .hero-description{position:relative}.grid-hero .gradient-text{background-size:200% 100%;animation:headline-light 8s ease-in-out infinite}.grid-invitation{display:none}
@keyframes energy-travel{to{stroke-dashoffset:-2200}}@keyframes energy-twinkle{50%{opacity:.2;filter:drop-shadow(0 0 7px #8de1ff)}}@keyframes aurora-drift{to{transform:translate(10%,8%) rotate(-15deg);opacity:.8}}@keyframes headline-light{50%{background-position:100% 50%}}@keyframes hero-burst{0%{transform:translate(-50%,-50%) scale(.2);opacity:.8}100%{transform:translate(-50%,-50%) scale(7);opacity:0}}
.wm-project-track{align-items:stretch}.wm-project-intro{align-self:center}.wm-project{display:flex;flex-direction:column}.wm-project-visual{flex:none}.wm-project h3{min-height:2.7em;line-height:1.35}.wm-project p{min-height:108px}.wm-project>.wm-link{margin-top:auto;align-self:flex-start}.wm-project-play,.wm-project-position{display:none}
.why-unique-art{width:100%;height:205px;max-width:420px;overflow:visible;filter:drop-shadow(0 0 12px #21a9f222)}.why-unique-art text{stroke:none;fill:var(--sage);font:10px Poppins,sans-serif;letter-spacing:.07em}.why-unique-art .why-hub-text{fill:#080b0d;font-weight:700;font-size:12px;letter-spacing:0}.why-data-flow{animation:why-flow 5s linear infinite}.why-route{stroke-dasharray:700;animation:why-route-draw .9s ease both}.wm-why-diagram{height:205px}.wm-blueprint-number{pointer-events:none}@keyframes why-flow{to{stroke-dashoffset:-96}}@keyframes why-route-draw{from{stroke-dashoffset:700}to{stroke-dashoffset:0}}
.wm-seo-stack [role=tabpanel]{border-width:3px;background:linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(115deg,#8de1ff,#21a9f2 35%,#a393ff 70%,#8de1ff) border-box;box-shadow:0 18px 45px #0002,0 0 24px #21a9f21a}.wm-seo-stack:before,.wm-seo-stack:after{border-width:2px}
/* Make flexible children shrink instead of widening the document. */
.container>*,.wrap>*,.wm-contact-grid>*,.wm-about-grid>*,.wm-blueprint>*,.wm-service>div{min-width:0}img,video,svg{max-width:100%}.wf-contact a,.wm-email{overflow-wrap:anywhere}
@media(max-width:850px){
 .wm-services .wm-device{display:flex;grid-column:1/-1;grid-row:1;height:335px;width:185px;margin:8px auto 22px;border-radius:31px;padding:13px 18px}.wm-services .wm-device .brand-symbol{width:105px;height:100px;margin-top:26px}.wm-services .wm-device strong{font-size:23px;margin:10px 0 15px}.wm-services .wm-device>span:last-of-type{font-size:8px}.wm-services .wm-device-camera{height:12px;width:55px}
 .wm-projects.is-mobile-slider{height:auto!important}.is-mobile-slider .wm-project-sticky{position:static;height:auto;max-height:none;padding:60px 0 35px}.is-mobile-slider .wm-project-window{overflow:clip;touch-action:pan-y;max-width:100%;padding:0 18px}.is-mobile-slider .wm-project-track{display:grid;grid-template-columns:minmax(0,1fr);width:100%;padding:0;gap:0;transform:none!important}.is-mobile-slider .wm-project-intro{grid-column:1;grid-row:1;width:auto;max-width:650px;padding:0;margin-bottom:32px}.is-mobile-slider .wm-project-intro h2{font-size:clamp(34px,7vw,48px)}.is-mobile-slider .wm-scroll-note{display:none}.is-mobile-slider .wm-project{grid-column:1;grid-row:2;width:100%;min-width:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s ease;align-self:stretch}.is-mobile-slider .wm-project.is-current{opacity:1;visibility:visible;pointer-events:auto}.is-mobile-slider .wm-project-visual img,.is-mobile-slider .wm-project[data-project=kula-cafe] .wm-project-visual img{height:auto;aspect-ratio:1.5;object-fit:cover;object-position:top}.is-mobile-slider .wm-project h3{font-size:24px;min-height:2.7em}.is-mobile-slider .wm-project p{font-size:15px;min-height:108px}.is-mobile-slider .wm-project-label{font-size:10px;gap:12px}.is-mobile-slider .wm-project-controls{margin-top:26px;flex-wrap:wrap;gap:18px;align-items:center}.is-mobile-slider .wm-project-controls>span:first-child{display:none}.is-mobile-slider .wm-project-controls>div{margin-left:auto}.is-mobile-slider .wm-project-play{display:inline-grid;place-items:center;font-size:15px}.is-mobile-slider .wm-project-position{display:block;font-size:13px;letter-spacing:.08em;color:var(--sage)}.is-mobile-slider .wm-browser{font-size:9px;padding-inline:12px;gap:8px}.is-mobile-slider .wm-browser>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media(max-width:560px){
 .grid-hero .hero-stage{width:calc(100% - 20px)}.hero-full-copy{padding-top:42px;padding-bottom:92px}.grid-hero h1{font-size:clamp(29px,8.6vw,46px);line-height:1.18;max-width:100%;letter-spacing:-.035em}.grid-hero .hero-description{max-width:100%;font-size:16px;line-height:1.7;margin-top:22px}.grid-hero .hero-actions{gap:18px;margin-top:26px}.grid-hero .hero-caption{font-size:10px;line-height:1.6;max-width:100%}.grid-hero .eyebrow{font-size:8px;letter-spacing:.06em;max-width:100%;margin-bottom:24px}.hero-aurora{width:85%;filter:blur(25px)}.aurora-left{left:-58%}.aurora-right{right:-58%}.hero-energy-lines{width:150%;max-width:none;left:-25%}.hero-bottom{padding-inline:6px}.wm-services .wm-device{grid-column:1;grid-row:1;height:320px;width:175px}.wm-services .wm-service:nth-of-type(n){grid-column:1;grid-row:auto}.wm-why-diagram{height:175px}.why-unique-art{height:175px}.wm-why-panels{padding:24px 20px}.wm-seo-stack [role=tabpanel]{padding:22px}.wf-wrap{width:calc(100% - 32px)}
}
@media(prefers-reduced-motion:reduce){.hero-energy *,.grid-hero .gradient-text,.why-unique-art *{animation:none!important}.is-mobile-slider .wm-project{transition:none}}
.motion-paused .hero-energy *,.motion-paused .grid-hero .gradient-text,.motion-paused .why-unique-art *{animation-play-state:paused!important}
.energy-portal{stroke-dasharray:1100 450;animation:energy-travel 22s linear infinite}.portal-two{animation-direction:reverse;animation-duration:28s}
@media(max-width:560px){.hero-energy-lines{width:100%;left:0}.energy-portal{opacity:.35}.portal-two{opacity:.2}}
@media(max-width:850px){.project-controls-visible .back-top,.project-controls-visible .whatsapp-link{opacity:0;visibility:hidden;pointer-events:none}}
