.history-live{height:min(48.3vw,calc(100svh - 80px));min-height:430px;background:#191919}
.history-orbit{position:absolute;inset:0;margin:0;padding:0;list-style:none;z-index:2}
.history-event{position:absolute;top:0;left:50%;width:max-content;text-align:center;transform-origin:50% 50%;will-change:transform;white-space:nowrap}
.history-event .history-date{font-size:clamp(34px,4.4vw,84px);line-height:1.12;color:#fff}
.history-event p{font-size:clamp(18px,2.35vw,45px);line-height:1.3;margin:10px 0 0;color:#fff}
.history-live .history-planet{top:43%;height:auto;aspect-ratio:1 / 1;left:-15%;width:130%}
.history-live .history-marker{top:30%;height:26%;z-index:3}
.history-live .history-copy{top:69%;z-index:3}
.history-live:not(.history-enhanced){height:auto;min-height:660px;padding:40px 24px}
.history-live:not(.history-enhanced) .history-orbit{position:relative;display:flex;gap:40px;overflow-x:auto;padding-bottom:20px}
.history-live:not(.history-enhanced) .history-event{position:relative;left:auto;flex:0 0 auto;will-change:auto}
.history-live:not(.history-enhanced) .history-date{font-size:36px}
.history-live:not(.history-enhanced) .history-event p{font-size:20px}
@media(max-width:700px){.history-live.history-enhanced{height:calc(100svh - 72px);min-height:430px;max-height:650px}.history-event .history-date{font-size:36px}.history-event p{font-size:18px}.history-live .history-copy{top:70%}.history-live .history-copy h2{font-size:27px}}

/* A true circle on narrow screens, independent of the pinned section height. */
@media(max-width:700px){
    .history-live .history-planet{left:-40%;width:180%;height:auto;aspect-ratio:1 / 1;border-radius:50%}
}