/* Supporting motion: typography, depth and product artwork. Content is visible without JS. */
.hero-mask{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.14em;margin-bottom:-.14em;max-width:100%}
.hero-ink{display:inline-block;transform-origin:left bottom}
.hero h1 .hero-ink.coral{color:var(--coral-dark)}
#hero-title .hero-break-first,#hero-title .hero-break-second{display:initial}
.hero-world{--world-x:0deg;--world-y:0deg;transform:perspective(1100px) rotateX(var(--world-x)) rotateY(var(--world-y));transform-style:preserve-3d;transition:transform .5s cubic-bezier(.16,1,.3,1),background .8s}
.hero-world::after{content:'';position:absolute;inset:0;z-index:5;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 25%,#ffffff0e 46%,#ffffff02 55%,transparent 70%);opacity:0;transition:opacity .35s}
.hero-world.depth-active::after{opacity:1}
.hero-world.depth-active{transition:transform .13s linear,background .8s;will-change:transform}
.hero-world .world-top,.hero-world .scene-switch{transform:translateZ(24px)}
.hero-world .system-map{transform:translateZ(40px)}
.studio-motion-on .hero-world .system-node{animation:none}
.studio-motion-on .hero-world:not(.world-visible) .flow-line{animation-play-state:paused}
.studio-motion-on .hero-world.world-visible .flow-line{animation-play-state:running}
.studio-motion-on .hero-world .node-icon{transition:background .3s,color .3s}
.studio-motion-on .hero-world[data-scene="operations"] .node-icon{color:#e0edbf;background:#dcebb61a}
.studio-motion-on .hero-world[data-scene="intelligence"] .node-icon{color:#f9b5a5;background:#ff79651a}
.work .app-card{--card-rx:0deg;--card-ry:0deg;--art-x:0px;--art-y:0px;transform:perspective(1100px) rotateX(var(--card-rx)) rotateY(var(--card-ry));transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s}
.work .app-card.depth-active{transform:perspective(1100px) translateY(-6px) rotateX(var(--card-rx)) rotateY(var(--card-ry));transition:transform .13s linear,box-shadow .3s,border-color .3s;will-change:transform}
.work .app-card .app-art img{transform:translate3d(var(--art-x),var(--art-y),0) scale(1.015);transition:transform .45s cubic-bezier(.16,1,.3,1)}
.work .app-card.depth-active .app-art img{transform:translate3d(var(--art-x),var(--art-y),0) scale(1.075)}
.work .app-card .app-art-symbol{transform:translate3d(var(--art-x),var(--art-y),0) rotate(-9deg);transition:transform .45s cubic-bezier(.16,1,.3,1)}
.work .app-card.depth-active .app-art-symbol{transform:translate3d(var(--art-x),var(--art-y),0) rotate(-3deg) scale(1.06)}
.work .app-card:focus-visible{transform:translateY(-4px)}
.service summary{position:relative;isolation:isolate}.service summary::before{content:'';position:absolute;inset:0 -12px;z-index:-1;border-radius:7px;background:#efe9e2;transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.16,1,.3,1)}
.service summary:hover::before,.service summary:focus-visible::before{transform:scaleX(1)}
.service summary h3{transition:transform .4s cubic-bezier(.16,1,.3,1)}.service summary:hover h3{transform:translateX(7px)}
.scene-switch button{position:relative;overflow:hidden}.scene-switch button::after{content:'';position:absolute;bottom:0;left:20%;right:20%;height:2px;background:var(--coral);transform:scaleX(0);transition:transform .3s}.scene-switch button[aria-pressed=true]::after{transform:scaleX(1)}
@media(min-width:541px) and (max-width:850px){#hero-title .hero-break-second{display:none}}
@media(max-width:850px){.hero-world,.hero-world .world-top,.hero-world .scene-switch,.hero-world .system-map{transform:none}.hero-world::after{display:none}}
@media(hover:none){.service summary:hover h3{transform:none}.service summary:hover::before{transform:scaleX(0)}}
@media(prefers-reduced-motion:reduce){.hero-world,.hero-world .world-top,.hero-world .scene-switch,.hero-world .system-map,.work .app-card,.work .app-card.depth-active,.service summary h3{transform:none!important}.hero-world::after{display:none}.work .app-card .app-art img{transform:none!important}.work .app-card .app-art-symbol{transform:rotate(-9deg)!important}}
