.orbit-experience{--phase:0deg;position:relative;isolation:isolate;background:#030b20;color:#f5f8ff;border-radius:24px;overflow:hidden;margin:12px 0 36px;padding:58px 48px 25px;min-height:690px;box-shadow:0 24px 70px #005aff22;background-image:radial-gradient(ellipse at 68% 43%,#124c8055,transparent 56%),radial-gradient(circle at 20% 30%,#ffffff55 1px,transparent 1.5px),radial-gradient(circle at 60% 70%,#ffffff44 1px,transparent 1.5px);background-size:auto,107px 137px,173px 193px}
.orbit-copy{position:relative;z-index:2;width:42%;pointer-events:none}.orbit-kicker{font-size:11px;letter-spacing:.2em;color:#9dbdff}.orbit-copy h1{font-size:clamp(32px,3.5vw,58px);letter-spacing:-.05em;line-height:1.2;margin:42px 0 25px;color:#fff}.orbit-copy em{font-style:normal;color:#ffd800}.orbit-copy>p:not(.orbit-kicker){font-size:14px;line-height:1.9;color:#bbcae6}.orbit-link{display:inline-block;margin-top:25px;padding:15px 20px;background:#005aff;color:white;border-radius:30px;text-decoration:none;pointer-events:auto}
.orbit-scene{position:absolute;right:4%;top:30px;width:56%;height:480px;transform:rotate(var(--phase));transition:transform 800ms ease}.orbit-earth{position:absolute;left:25%;top:22%;width:53%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 28% 25%,#4cc8ee,#0060bb 36%,#003b80 55%,#010a21 76%);box-shadow:inset 7px 3px 15px #91e8ff,0 0 24px #008cff66,0 0 100px #005aff33;overflow:hidden}.orbit-earth svg{width:100%;height:100%;filter:blur(1px)}.orbit-earth:after{content:'';position:absolute;inset:0;border-radius:50%;background:repeating-linear-gradient(165deg,transparent 0 35px,#e6faff33 40px,transparent 45px);box-shadow:inset -40px -20px 45px #000b}.orbit-moon{position:absolute;left:73%;top:13%;width:12%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff4af,#e6bf36 45%,#655516 75%,#121420);box-shadow:0 0 30px #ffd80022}.orbit-ring{position:absolute;inset:16% 1%;border:1px solid #75a7ff44;border-radius:50%;transform:rotate(-25deg);box-shadow:0 0 0 30px #8bb6ff06,0 0 0 70px #8bb6ff04}.orbit-keywords{position:absolute;inset:0;transform:rotate(calc(-1 * var(--phase)));transition:transform 800ms ease}.orbit-keyword{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;background:#091a33f5;color:#ecf4ff;border:1px solid #5476a5;padding:12px 15px;border-radius:30px;min-height:44px;font:inherit;font-size:12px;cursor:pointer;transition:left 600ms,top 600ms,background 150ms,box-shadow 150ms}.orbit-time{position:relative;z-index:3;margin-top:160px;border-top:1px solid #354562;padding-top:22px}.orbit-time-heading{display:flex;justify-content:space-between;gap:12px;color:#c8d7f2;font-size:13px}.orbit-time-heading output{color:#ffd800}.orbit-slider{display:flex;align-items:center;gap:16px;margin:14px 0}.orbit-slider button{border:1px solid #59729b;background:#102442;color:white;border-radius:50%;width:44px;height:44px;flex-shrink:0;cursor:pointer}.orbit-slider button:disabled{opacity:.35;cursor:default}.orbit-slider input{width:100%;accent-color:#ffd800;min-height:44px;cursor:pointer}.orbit-time p,.orbit-time small{color:#abbdd9;font-size:11px;line-height:1.7}.orbit-time p{margin:0 0 5px}
@media(max-width:900px){.orbit-experience{padding:28px 24px 22px}.orbit-copy{width:100%}.orbit-copy h1{margin-top:22px;font-size:42px}.orbit-scene{position:relative;width:100%;height:440px;right:auto;top:0;margin-top:20px}.orbit-time{margin-top:0}.orbit-keyword{font-size:11px;padding:10px}.orbit-copy>p:not(.orbit-kicker){font-size:13px}}
@media(max-width:480px){.orbit-experience{padding:24px 16px;border-radius:16px}.orbit-copy h1{font-size:34px}.orbit-scene{height:450px}.orbit-earth{left:16%;top:12%;width:68%}.orbit-moon{top:8%;width:17%}.orbit-keywords{display:grid;grid-template-columns:1fr 1fr;align-content:end;gap:8px;padding-bottom:15px;transform:none}.orbit-keyword{position:relative;left:auto!important;top:auto!important;transform:none;white-space:normal;font-size:11px;line-height:1.4;padding:9px 6px;border-radius:12px}.orbit-scene{transform:none}.orbit-time-heading{flex-direction:column;gap:5px}.orbit-ring{inset:5% 0 50%}}
@media(prefers-reduced-motion:reduce){.orbit-scene,.orbit-keywords,.orbit-keyword{transition:none;transform:none}.orbit-keyword{transform:translate(-50%,-50%)}}@media(prefers-reduced-motion:reduce) and (max-width:480px){.orbit-keyword{transform:none}}