/* R23: no third-party JS. Composite an attributed photoreal concept with a lightweight interactive hologlobe. */
.r23-photo-stage{background:#06132d}
.r23-photo-stage>img{filter:saturate(.92) brightness(.87) contrast(1.12)!important;object-position:53% center}
.r23-photo-tint{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(3,10,26,.36),rgba(3,11,31,.08) 45%,rgba(10,9,38,.26)),linear-gradient(0deg,rgba(0,5,17,.56),transparent 49%),radial-gradient(circle at 52% 59%,rgba(42,175,255,.12),transparent 30%);mix-blend-mode:multiply}
.r23-hologlobe{position:absolute;z-index:1;top:43%;left:49%;width:clamp(104px,12vw,168px);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none;filter:drop-shadow(0 0 13px rgba(33,177,255,.55));animation:r23-float 7s ease-in-out infinite}
.r23-earth{position:absolute;inset:11%;border-radius:50%;background:radial-gradient(circle at 31% 25%,rgba(240,255,255,.75),transparent 10%),radial-gradient(circle at 39% 39%,rgba(36,188,255,.35),rgba(4,20,68,.78) 72%),url('earth-blue-marble-2048.jpg') center/cover no-repeat;box-shadow:inset -18px -13px 29px rgba(2,8,35,.9),inset 8px 9px 18px rgba(144,244,255,.5),0 0 19px rgba(61,189,255,.65),0 0 48px rgba(35,83,225,.34);border:1px solid rgba(192,244,255,.8);animation:r23-earth-rotate 35s linear infinite}
.r23-orbit{position:absolute;inset:3% -19%;border:2px solid rgba(103,216,255,.94);border-radius:50%;box-shadow:0 0 14px rgba(101,207,255,.66),inset 0 0 9px rgba(56,151,246,.42);transform:rotate(-32deg) scaleY(.35)}
.r23-orbit-a{animation:r23-orbit 15s linear infinite}.r23-orbit-b{transform:rotate(55deg) scaleY(.32);border-color:rgba(159,168,255,.88);animation:r23-orbit-alt 19s linear infinite reverse}
.r23-halo{position:absolute;inset:18%;border-radius:50%;box-shadow:0 0 43px 13px rgba(72,195,255,.22);animation:r23-pulse 5.8s ease-in-out infinite}
.r23-mobile-entry{display:none;align-items:center;justify-content:space-between;width:max-content;max-width:100%;gap:16px;min-height:43px;margin:15px 0 11px;padding:9px 13px;border-radius:999px;border:1px solid rgba(131,207,255,.48);background:linear-gradient(90deg,rgba(14,47,97,.89),rgba(30,28,83,.75));box-shadow:0 0 22px rgba(51,151,255,.18);color:#d1eeff!important;text-decoration:none;font:700 10px/1.4 ui-monospace,monospace;letter-spacing:.1em;backdrop-filter:blur(12px)}
.r23-mobile-entry span{color:#78edff;font-size:19px;line-height:1;animation:r23-pulse 4s ease-in-out infinite}.r23-mobile-entry b{color:#87e0ff;font:750 10px/1.3 system-ui,Arial,sans-serif;letter-spacing:.03em}
.r23-mobile-entry:hover,.r23-mobile-entry:focus-visible{border-color:#a7f1ff;background:rgba(22,64,132,.93)}
.r23-art-credit{font-size:11px;line-height:1.6;color:#a0b5d4;margin:12px 2px 0}.r23-art-credit a{color:#a0dfff;text-underline-offset:3px}.r23-art-credit a:hover{color:#e6f9ff}
.r22-stage-scene.r23-photo-stage>img{animation:r23-kenburns 17s ease-in-out infinite alternate}
@keyframes r23-kenburns{from{transform:scale(1.02) translate3d(-.5%,0,0)}to{transform:scale(1.075) translate3d(.5%,-.4%,0)}}
@keyframes r23-float{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes r23-earth-rotate{from{background-position:50% 50%,center,25% center}to{background-position:50% 50%,center,75% center}}
@keyframes r23-orbit{from{transform:rotate(-32deg) scaleY(.35)}to{transform:rotate(328deg) scaleY(.35)}}
@keyframes r23-orbit-alt{from{transform:rotate(55deg) scaleY(.32)}to{transform:rotate(415deg) scaleY(.32)}}
@keyframes r23-pulse{0%,100%{opacity:.66}50%{opacity:1}}
@media(max-width:920px){.r23-mobile-entry{display:flex}.r23-hologlobe{width:134px;top:47%}}
@media(max-width:540px){.r23-mobile-entry{margin:9px 0 0;padding:9px 12px}.r23-hologlobe{width:108px;top:45%;left:51%}.r23-photo-stage>img{object-position:46% center}.r23-art-credit{font-size:10px}}
@media(prefers-reduced-motion:reduce){.r22-stage-scene.r23-photo-stage>img,.r23-hologlobe,.r23-earth,.r23-orbit,.r23-halo,.r23-mobile-entry span{animation:none!important;transition:none!important}}
