/* Page 5 motion sample: a half-visible ring of 12 numbered kit placeholders. */
.orbit-section{background:#121310;color:#fff8ed;position:relative;padding-top:220px;overflow:hidden;font-family:Outfit,"Segoe UI",sans-serif}
.orbit-section::before{content:"";position:absolute;inset:0 0 auto;height:220px;background:linear-gradient(to bottom,#fff,#f2f1ed 12%,#c8c7c1 35%,#5d5e56 64%,#23251e 85%,#121310);pointer-events:none}
.orbit-section ::selection{background:#ffb66b;color:#121310}
.orbit-stage{height:750px;position:relative;max-width:1440px;margin:auto;isolation:isolate;overflow:hidden}
.orbit-stage::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,transparent 24%,#12131033 47%,#121310e6 66%,#121310 83%);pointer-events:none}
.orbit-ring{position:absolute;left:50%;top:20px;margin-left:-530px;width:1060px;height:1060px;animation:kit-orbit 80s linear infinite;animation-play-state:paused;will-change:transform}
.orbit-section.is-visible:not(.is-paused) .orbit-ring{animation-play-state:running}
.orbit-slot{position:absolute;left:50%;top:50%;width:168px;height:222px;margin-left:-84px;margin-top:-111px;transform:rotate(var(--angle)) translateY(-440px)}
.orbit-card{height:100%;display:grid;place-items:center;border-radius:8px;background:#294b3e;border:1px solid #ffffff25;box-shadow:0 14px 30px #0004;color:#fff8ed}
.orbit-slot:nth-child(3n+2) .orbit-card{background:#ad7841;color:#121310}
.orbit-slot:nth-child(3n) .orbit-card{background:#dad5bc;color:#121310}
.orbit-card span{font-size:72px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}
.orbit-copy{position:absolute;top:335px;left:50%;transform:translateX(-50%);z-index:2;width:min(490px,calc(100% - 48px));text-align:center}
.orbit-copy h2{font-size:48px;line-height:1.08;letter-spacing:-.025em;font-weight:700;text-wrap:balance;margin:0 0 22px}
.orbit-copy p{font-size:17px;line-height:1.7;margin:0;color:#ded9cc}
.orbit-wordmark{position:relative;z-index:2;font-size:clamp(64px,12vw,170px);letter-spacing:-.035em;font-weight:600;text-align:center;line-height:1;margin:-65px 0 0;padding:0 22px 95px}
.orbit-pause{position:absolute;z-index:3;right:28px;bottom:85px;padding:12px 18px;border:1px solid #fff8ed55;border-radius:25px;background:#121310;color:#fff8ed;font:500 13px Outfit,"Segoe UI",sans-serif;cursor:pointer;min-height:44px}
.orbit-pause:focus-visible{outline:3px solid #ffb66b;outline-offset:5px}
@keyframes kit-orbit{to{transform:rotate(360deg)}}
@media(max-width:1000px){.orbit-ring{transform-origin:center;left:50%;width:900px;height:900px;margin-left:-450px}.orbit-slot{width:145px;height:190px;margin-left:-72.5px;margin-top:-95px;transform:rotate(var(--angle)) translateY(-365px)}.orbit-stage{height:680px}.orbit-copy{top:300px}.orbit-copy h2{font-size:42px}.orbit-wordmark{margin-top:-40px}}
@media(max-width:700px){.orbit-section{padding-top:160px}.orbit-section::before{height:160px}.orbit-stage{height:560px}.orbit-ring{width:560px;height:560px;margin-left:-280px;top:65px}.orbit-slot{width:86px;height:116px;margin-left:-43px;margin-top:-58px;transform:rotate(var(--angle)) translateY(-226px)}.orbit-card span{font-size:38px}.orbit-copy{top:280px;max-width:310px}.orbit-copy h2{font-size:34px;margin-bottom:18px}.orbit-copy p{font-size:16px;line-height:1.65}.orbit-pause{bottom:23px;right:22px}.orbit-wordmark{font-size:clamp(48px,11.8vw,74px);margin-top:0;padding-bottom:70px}}
@media(prefers-reduced-motion:reduce){.orbit-section .orbit-ring{animation:none;will-change:auto}.orbit-pause{display:none}}