/* Complete circular stage, balanced creative motion, v599. */
.hub-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-bottom:30px;gap:32px}
.hub-hero-grid .visual{width:100%;aspect-ratio:1;min-height:0;max-height:none;overflow:visible;margin:0;background:none;border-radius:0}
.hub-hero-grid .visual .orbit{width:90%;height:90%;top:5%;left:5%;transform:none;opacity:1;border-color:#91c8f570;animation:jrRingTurn 30s linear infinite}
.hub-hero-grid .visual .orbit:before{inset:14%;border-color:#91c8f55c;animation:jrRingTurn 22s linear reverse infinite}
.hub-hero-grid .visual .orbit:after{inset:30%;border-color:#91c8f57a;animation:jrRingTurn 16s linear infinite}
.hub-hero-grid .visual .orbit,.hub-hero-grid .visual .orbit:before,.hub-hero-grid .visual .orbit:after{border-top-color:#d4efff;border-right-color:#65b9ff90}
.hub-hero-grid .visual .pilot{left:50%;bottom:8%;height:82%;width:auto!important;max-width:62%;max-height:none;object-fit:contain;transform:translateX(-50%);animation:none;z-index:4}
.hero-creative{position:absolute;z-index:5;display:grid;place-items:center;width:14%;aspect-ratio:1;border:1px solid #91c8f580;border-radius:50%;background:linear-gradient(145deg,#254a6b,#10273e);color:#cae8ff;box-shadow:0 8px 22px #06132380;animation:jrCreativeFloat 7s ease-in-out infinite}
.hero-creative svg{width:56%;height:56%}
.hero-creative-camera{left:9%;top:17%;animation-delay:-2s}.hero-creative-music{left:3%;top:44%;animation-delay:-4s}.hero-creative-book{left:9%;top:71%;animation-delay:-1s}
.hero-creative-camera svg{animation:jrCameraFlash 5s ease-in-out infinite}.hero-creative-music svg{animation:jrMusicBeat 2s ease-in-out infinite}.hero-creative-book svg{animation:jrBookTilt 6s ease-in-out infinite}
.hub-hero-grid .visual .hero-drone-camera{top:17%;right:4%;left:auto;width:29%}.hub-hero-grid .visual .hero-drone-fpv{top:45%;right:5%;width:17%}.hub-hero-grid .visual .hero-drone-thermal{bottom:16%;right:4%;width:28%}
@keyframes jrRingTurn{to{transform:rotate(360deg)}}
@keyframes jrCreativeFloat{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(3deg)}}
@keyframes jrCameraFlash{0%,80%,100%{opacity:1;filter:none}85%{opacity:.5;filter:drop-shadow(0 0 8px #fff)}90%{opacity:1;filter:drop-shadow(0 0 8px #fff)}}
@keyframes jrMusicBeat{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
@keyframes jrBookTilt{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}
@media(max-width:840px){.hub-hero-grid{grid-template-columns:1fr;gap:20px}.hub-hero-grid .visual{max-width:560px;justify-self:center;margin:10px auto 0}.hub-copy{padding-bottom:0}}
@media(max-width:650px){.hub-hero-grid{padding-bottom:24px}.hub-hero-grid .visual{width:100%;min-height:0;max-height:none;aspect-ratio:1;overflow:visible;background:none}.hub-hero-grid .visual .pilot{height:82%;max-height:none}.hero-creative{width:14%}}
@media(prefers-reduced-motion:reduce){.hub-hero-grid .visual .orbit,.hub-hero-grid .visual .orbit:before,.hub-hero-grid .visual .orbit:after,.hero-creative,.hero-creative svg{animation:none!important}}

/* Five creative specialties along the left arc. */
.hero-creative{width:12%}
.hero-creative-camera{left:16%;top:10%}
.hero-creative-film{left:7%;top:28%;animation-delay:-3s}
.hero-creative-music{left:3%;top:46%}
.hero-creative-book{left:7%;top:64%}
.hero-creative-astro{left:16%;top:82%;animation-delay:-5s}
.hero-creative-film .film-play{animation:jrFilmPlay 3s ease-in-out infinite;transform-origin:12px 12px}
.hero-creative-astro .astro-ring{animation:jrAstroOrbit 12s linear infinite;transform-origin:12px 12px}
@keyframes jrFilmPlay{0%,100%{opacity:.5}50%{opacity:1;fill:#91c8f5}}
@keyframes jrAstroOrbit{from{transform:rotate(-30deg)}to{transform:rotate(330deg)}}
@media(max-width:650px){.hero-creative{width:12%}}
@media(prefers-reduced-motion:reduce){.hero-creative-film .film-play,.hero-creative-astro .astro-ring{animation:none!important}}

/* Six specialties, with AI visible across mobile and desktop. */
.hero-creative-ai{left:27%;top:1%;animation-delay:-6s}
.hero-creative-ai strong{font:700 clamp(14px,2vw,22px)/1 sans-serif;letter-spacing:.02em;animation:jrAIPulse 4s ease-in-out infinite}
.hero-creative-camera{left:13%;top:15%}
.hero-creative-film{left:5%;top:32%}
.hero-creative-music{left:3%;top:49%}
.hero-creative-book{left:8%;top:66%}
.hero-creative-astro{left:20%;top:82%}
@keyframes jrAIPulse{0%,100%{opacity:.8;text-shadow:none}50%{opacity:1;text-shadow:0 0 12px #91c8f5}}
@media(prefers-reduced-motion:reduce){.hero-creative-ai strong{animation:none}}

/* Touch and keyboard navigation for the specialty circles. */
a.hero-creative{cursor:pointer;text-decoration:none;min-width:44px;min-height:44px;pointer-events:auto;touch-action:manipulation;transition:border-color .2s,background .2s}
a.hero-creative:hover{border-color:#d7efff;background:#254a6b}
a.hero-creative:focus-visible{outline:3px solid #fff;outline-offset:5px}
a.hero-creative:active{background:#31648e}
.hub-hero-grid .visual .pilot,.hub-hero-grid .visual .orbit{pointer-events:none}