/* A real, locally rendered sculpture. The image remains available without WebGL. */
.hero-art{--scene-x:0px;--scene-y:0px;--scene-scroll:0}
.hero-art .art-stage{transition:opacity .65s ease;pointer-events:none}
.hero-3d-pending .hero-art .art-stage{opacity:0;visibility:hidden;transition:none}
.hero-art .hero-logo-sculpture{transform:perspective(1100px) rotateX(48deg) rotateZ(-12deg);animation:none}
.hero-art.is-3d-ready .art-stage{opacity:0}
.hero-scene{position:absolute;inset:-5px -30px 54px -10px;z-index:1;opacity:0;transition:opacity .8s ease;touch-action:pan-y;pointer-events:none}
.is-3d-ready .hero-scene{opacity:1;pointer-events:auto;cursor:grab}
.hero-scene.is-dragging{cursor:grabbing}
.hero-scene canvas{display:block;width:100%;height:100%;outline:none}
.hero-ground{position:absolute;z-index:0;left:15%;right:6%;top:63%;height:12%;border-radius:50%;background:radial-gradient(ellipse,#243b5335,transparent 68%);filter:blur(12px);opacity:0;pointer-events:none;transform:translate3d(calc(var(--scene-x)*-.4),calc(var(--scene-y)*-.2),0);transition:opacity .8s}
.is-3d-ready .hero-ground{opacity:calc(.8 - var(--scene-scroll)*.3)}
.hero-art .hero-orbit{width:94%;transform:perspective(800px) rotateX(65deg) rotateZ(-22deg);translate:0 26px;box-shadow:0 0 0 32px #3c546c04,0 0 0 64px #3c546c025;pointer-events:none;transition:opacity .8s}
.hero-art.is-3d-ready .hero-orbit{opacity:.45}
.hero-art .hero-float-web{translate:calc(var(--scene-x)*-1.1) calc(var(--scene-y)*-.8 + var(--scene-scroll)*-38px)}
.hero-art .hero-float-mobile{translate:calc(var(--scene-x)*1.5) calc(var(--scene-y)*1.2 + var(--scene-scroll)*-75px)}
.hero-art .hero-design-note{translate:calc(var(--scene-x)*.4) calc(var(--scene-y)*.4);pointer-events:none}
.hero-art .art-caption{pointer-events:none}
.motion-paused .hero-copy h1>span,.motion-paused .hero-copy p,.motion-paused .hero-copy .button,.motion-paused .hero-float{animation:none!important;opacity:1}
@media(min-width:701px){.hero-content{min-height:clamp(540px,68vh,720px)}.hero-art .hero-float-web{bottom:85px}}
@media(max-width:1100px){.hero-art .art-caption{left:auto;right:0}}
@media(max-width:700px){
  .hero-scene{inset:-15px -4% 5px;max-width:540px;margin:auto}
  .hero-art .hero-orbit{width:88%;translate:0 14px}
  .hero-art .hero-float-web{bottom:62px;left:6%;width:148px}
  .hero-art .hero-float-mobile{right:8%;top:10px}
  .hero-art .art-caption{right:24px;bottom:6px;font-size:9px}
  .hero-ground{left:10%;right:4%;top:65%;filter:blur(8px)}
}
@media(prefers-reduced-motion:reduce){.hero-scene,.hero-art .art-stage{transition:none}}