/* Image-space coordinates keep the interactive layers aligned with object-fit: cover. */
.hero--orbit{user-select:none}
.hero--orbit .hero-image{object-position:75% 50%;pointer-events:none;user-select:none}
.hero--orbit .hero-content :is(h1,p){user-select:text}
.hero--orbit .hero-content{pointer-events:none;z-index:2}
.hero--orbit .hero-content :is(h1,p,a){pointer-events:auto}
.hero--orbit h1{width:fit-content;max-width:100%}
.hero-orbit{position:absolute;inset:0;z-index:-1;pointer-events:none}
.hero-orbit-scene{position:absolute;left:0;top:0;transform-style:flat}
.hero-orbit-globe{position:absolute;inset:0;width:100%;height:100%;max-width:none;pointer-events:none;user-select:none}
.hero-orbit-globe{z-index:20;clip-path:ellipse(12.15% 23.6% at 73% 34.2%);opacity:.97}
.hero-halos{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.hero-halos--rear{z-index:6}
.hero-halos--front{z-index:24}
.halo-ring{fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:.7}
.hero-halos--rear .halo-ring{opacity:.38}
.halo-ribbon{stroke-width:5;opacity:.17;filter:blur(1.5px)}
.halo-line{stroke-width:.85;opacity:.72}
.halo-flow{stroke-width:1.2;opacity:.32}
.halo-particle-bloom{filter:blur(3px)}
.hero-cursor-light{opacity:0;transition:opacity .22s ease}
.has-atmosphere-pointer .hero-cursor-light{opacity:1}
.orbital-card{position:absolute;left:0;top:0;display:block;width:130px;padding:0;border:1px solid #d9edff85;background:#273442;overflow:visible;pointer-events:auto;user-select:none;touch-action:manipulation;opacity:var(--orbit-opacity,.42);transform:translate3d(var(--orbit-x,0px),var(--orbit-y,0px),0) translate(-50%,-50%) rotateY(var(--orbit-yaw,0deg)) rotateZ(var(--orbit-roll,0deg)) scale(var(--orbit-scale,1));transform-origin:center;will-change:transform;box-shadow:0 3px 20px #101c2814,inset 0 0 14px #d4f2ff10;transition:opacity .26s ease,border-color .26s ease,box-shadow .26s ease;cursor:pointer}
.orbital-photo{display:block;width:100%;aspect-ratio:var(--photo-aspect,1.4);background-image:url('./assets/cognizer-hero.webp');background-size:var(--photo-size-x,100%) var(--photo-size-y,100%);background-position:var(--photo-x,50%) var(--photo-y,50%);background-repeat:no-repeat;filter:contrast(1.22) brightness(1.08) saturate(.7);transition:filter .26s ease}

.orbital-card:hover,.orbital-card:focus-visible,.orbital-card.is-inspected{opacity:1!important;z-index:90!important;border-color:#d3f9ff;box-shadow:0 0 0 1px #bcefff95,0 0 22px #9ae8ff75,0 8px 30px #0b15295e;outline:none}
.orbital-card:hover .orbital-photo,.orbital-card:focus-visible .orbital-photo,.orbital-card.is-inspected .orbital-photo{filter:contrast(1.34) brightness(1.15) saturate(.9)}
.hero-motion-toggle{position:absolute;top:118px;right:var(--gutter);z-index:3;width:29px;height:29px;display:grid;place-items:center;border:1px solid #dceeff40;border-radius:50%;color:#e5f2fa;background:#24323d30;backdrop-filter:blur(5px);transition:background .2s,border-color .2s}
.hero-motion-toggle:hover,.hero-motion-toggle:focus-visible{border-color:#d1f3ff;background:#2d465a90}
.hero-motion-toggle .motion-play{display:none}
.hero-motion-toggle[aria-pressed="true"] .motion-play{display:block}
.hero-motion-toggle[aria-pressed="true"] .motion-pause{display:none}
@media(max-width:1150px){.hero--orbit .hero-image{object-position:76% 50%}}
@media(max-width:800px){.hero--orbit .hero-image{object-position:71% 50%}.hero-orbit{mask-image:linear-gradient(90deg,transparent 30%,#000 70%)}.hero-motion-toggle{top:99px;right:var(--gutter);width:26px;height:26px}}
@media(max-width:540px){.hero-orbit{mask-image:linear-gradient(90deg,transparent 38%,#000 78%)}.hero-motion-toggle{top:94px;width:25px;height:25px}}
@media(prefers-reduced-motion:reduce){.orbital-card,.orbital-photo,.hero-motion-toggle{transition:none}}