/* The wordmark and the studio halo occupy separate planes as the hero scrolls. */
.kinetic-hero{perspective:1200px}
.kinetic-hero .hero-coordinate,.kinetic-hero .hero-bottom{position:relative;z-index:2}
.kinetic-hero .kinetic-center{z-index:1;transform-origin:center 60%;transform:translate3d(0,var(--hero-rise,0px),0) rotateX(var(--hero-tilt,0deg)) scale(var(--hero-scale,1));opacity:var(--hero-fade,1);backface-visibility:hidden}
.hero-depth-field{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;background:radial-gradient(ellipse 52% 44% at 50% 49%,#a4c95b16 0%,#688c3a0a 50%,transparent 76%)}
.depth-orbit{position:absolute;left:50%;top:49%;display:block;width:min(77vw,980px);height:min(35vw,430px);border:1px solid #d5ef7923;border-radius:50%;box-shadow:0 0 60px #d5ef7908,inset 0 0 60px #d5ef7908;transform:translate3d(-50%,calc(-50% + var(--hero-orbit,0px)),0) rotate(-17deg);will-change:transform}
.orbit-two{width:min(66vw,820px);height:min(42vw,510px);border-color:#f2f1e915;transform:translate3d(-50%,calc(-50% + var(--hero-orbit-mid,0px)),0) rotate(16deg)}
.orbit-three{width:min(46vw,570px);height:min(54vw,650px);border-color:#d5ef7914;transform:translate3d(-50%,calc(-50% + var(--hero-orbit-near,0px)),0) rotate(65deg)}
@media(max-width:700px){.hero-depth-field{background:radial-gradient(ellipse 85% 32% at 50% 32%,#a4c95b12,transparent 80%)}.depth-orbit{width:110vw;height:55vw;top:32%}.orbit-two{width:95vw;height:75vw}.orbit-three{display:none}.kinetic-hero .kinetic-center{transform:none;opacity:1}}
@media(prefers-reduced-motion:reduce){.kinetic-hero .kinetic-center{transform:none!important;opacity:1!important}.depth-orbit{transform:translate3d(-50%,-50%,0) rotate(-17deg)!important}}