/* Pointer-driven depth, with restrained motion and a keyboard equivalent. */
@media(hover:hover) and (pointer:fine){.pointer-hero>video,.pointer-hero .poster{transform:translate3d(var(--hero-x,0px),var(--hero-y,0px),0) scale(1.035);transition:transform .25s ease-out;will-change:transform}.pointer-tilt,.pointer-tilt:hover{transform:perspective(950px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .17s ease-out,border-color .2s,box-shadow .2s;transform-style:preserve-3d;isolation:isolate}.pointer-tilt{position:relative}.pointer-tilt:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,50%),#72ffdf20,transparent 58%);opacity:0;transition:opacity .2s}.pointer-tilt:hover:after,.pointer-tilt:focus-visible:after{opacity:1}.pointer-tilt:hover,.pointer-tilt:focus-visible{border-color:#5de4db;box-shadow:0 16px 28px #0005,0 0 22px #17ddc718}.hero .btn:hover{box-shadow:0 7px 26px #17ddc735}.element-tabs [role=tab]{transition:color .2s,background .2s,box-shadow .2s}.element-tabs [role=tab]:hover{background:#17ddc715;box-shadow:inset 0 -2px #17ddc7}}
@media(prefers-reduced-motion:reduce){.pointer-hero>video,.pointer-hero .poster,.pointer-tilt,.pointer-tilt:hover{transform:none!important;transition:none!important}.pointer-tilt:after{display:none}}