/* The original artwork remains available without JavaScript or WebGL. */
.hero-object[data-hero-orbit]{pointer-events:none;transition:none;transform:translateY(-50%);filter:none}
.hero-object[data-hero-orbit]>picture{animation:none!important;transition:opacity .75s ease}
.hero-orbit-canvas{position:absolute;inset:-10%;width:120%;height:120%;opacity:0;transition:opacity 1s ease;pointer-events:none}
.is-orbit-ready .hero-orbit-canvas{opacity:1}
.is-orbit-ready [data-hero-orbit]>picture{opacity:0}
.hero-orbit-controls{display:none;align-items:center;gap:14px;z-index:6;bottom:110px;user-select:none}
.is-orbit-ready .hero-orbit-controls{display:flex}
.hero-impulse{display:grid;place-items:center;min-width:48px;min-height:48px;background:transparent;color:#e7f2f7;border:0;padding:0;cursor:pointer}
.hero-impulse b{transition:transform .7s cubic-bezier(.22,1,.36,1),border-color .4s,box-shadow .4s;background:#0a10154d;backdrop-filter:blur(8px);font:300 24px/1 var(--sans)}
.hero-impulse:hover b{transform:rotate(90deg);border-color:#e7f2f7;box-shadow:0 0 30px #b7d6ed22}
.is-orbit-pulsing .hero-impulse b{transform:rotate(180deg);box-shadow:0 0 36px #b7d6ed40;border-color:#e7f2f7}
.hero-orbit-controls small{display:block;font-size:12px;line-height:1.6;margin-top:4px;color:#c6d7e1}
.hero-orbit-controls>span{text-shadow:0 2px 8px #020609}
.hero-orbit-pause{align-self:center;background:#0a10154d;color:#d3dfe6;border:1px solid #d3e6f02e;border-radius:99px;min-height:44px;min-width:80px;padding:9px 14px;font:12px/1.6 var(--sans);cursor:pointer;backdrop-filter:blur(8px)}
.hero-orbit-pause:hover{border-color:#d3e6f080}
.hero-orbit-controls button:focus-visible{outline:2px solid #e0f3ff;outline-offset:5px}
.hero-orbit-controls button:disabled{opacity:.55;cursor:default}
.hero.is-orbit-ready{cursor:grab}.hero.is-orbit-dragging{cursor:grabbing}
.hero.is-orbit-resting{cursor:default}
.hero.is-orbit-ready .hero-backdrop{transform:translate3d(var(--orbit-bg-x,0px),var(--orbit-bg-y,0px),0) scale(1.035);transform-origin:70% 50%;will-change:transform}
.hero.is-orbit-ready .hero-mantra{translate:var(--orbit-label-x,0px) var(--orbit-label-y,0px)}
@media(min-width:761px) and (max-width:1100px){.hero-orbit-controls{right:24px;bottom:105px;gap:10px}.hero-orbit-controls>span{font-size:12px}.hero:has([data-hero-orbit]) .hero-actions{flex-direction:column;align-items:flex-start;gap:16px}}
@media(max-width:760px){
 .hero-object[data-hero-orbit]{left:2%;top:470px;width:108%;height:310px;opacity:1;transform:none}
 .hero-orbit-canvas{inset:-14% -10%;width:120%;height:128%}
 .hero-orbit-controls{right:24px;bottom:95px;gap:10px}
 .hero-orbit-controls>span{font-size:12px;line-height:1.65}
 .hero-orbit-controls small{font-size:12px}
 .hero-impulse b{width:44px;height:44px}
 .hero-orbit-pause{min-width:72px;padding-inline:11px}
}
@media(max-width:350px){.hero-object[data-hero-orbit]{top:460px;left:0;width:112%;height:300px}.hero-orbit-controls{right:20px;gap:8px}.hero-orbit-controls>span{font-size:12px}.hero-orbit-pause{min-width:68px}}
@media(prefers-reduced-motion:reduce){.hero-orbit-canvas,.hero-object[data-hero-orbit]>picture,.hero-impulse b{transition:none}.hero.is-orbit-ready .hero-backdrop{will-change:auto}}
