/* Spatial interaction extends the existing AGL palette and type. */
.hero{perspective:1400px;isolation:isolate}.hero-photo{box-shadow:22px 25px 0 -10px #ffffff10,0 30px 80px #0005;border:1px solid #ffffff26;transition:transform .25s ease-out,box-shadow .25s ease-out}.depth-card{transform:perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .22s ease-out,box-shadow .3s ease,border-color .3s ease}.visual-card,.tool-card,.levels .card{box-shadow:0 4px 0 #152a3c05,0 14px 35px #152a3c08}.visual-card:hover,.tool-card:hover,.levels .card:hover{box-shadow:0 8px 0 -3px #214ee612,0 25px 50px #152a3c1a}.hero .photo-label{box-shadow:0 15px 35px #0003;border:1px solid #ffffff40;animation:agl-float 6s ease-in-out infinite}.hero .button{box-shadow:0 5px 0 #0003}.hero .button:hover{transform:translateY(-2px)}.hero .button:active{transform:translateY(1px);box-shadow:0 2px 0 #0003}.split-story figure{perspective:1400px}.split-story figure img{box-shadow:12px 15px 0 -3px #214ee60b,0 18px 50px #152a3c12}.service-intro figure img{box-shadow:12px 15px 0 -3px #214ee60c,0 20px 45px #152a3c12}.experience strong{color:var(--ink);text-shadow:2px 3px 0 #ffffff65}.service-directory>a{transition:padding .2s,background .2s}.service-directory>a:hover{padding-left:10px;background:#eef3f770}.button{transition:background .2s,transform .2s,box-shadow .2s}.motion-ready{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.65,.25,1)}.motion-ready.in-view{opacity:1;transform:translateY(0)}@keyframes agl-float{0%,100%{translate:0 0}50%{translate:0 -7px}}@media(hover:none){.depth-card{transform:none}.hero .photo-label{animation:none}}@media(prefers-reduced-motion:reduce){.motion-ready{opacity:1;transform:none}.depth-card{transform:none!important}.hero .photo-label{animation:none!important}.button{transform:none!important}*{scroll-behavior:auto!important}}@media print{.motion-ready{opacity:1;transform:none}.depth-card{transform:none;box-shadow:none}}