.story-orbit-stage{aspect-ratio:1;width:min(78vw,16rem);position:relative}.story-orbit-stage:before,.story-orbit-stage:after{content:"";border:1px solid #ffffff1f;border-radius:9999px;position:absolute;inset:11%}.story-orbit-stage:after{opacity:.65;border-style:dashed;inset:22%}.story-orbit-halo{background:hsl(var(--primary) / .2);filter:blur(42px);border-radius:9999px;position:absolute;inset:28%}.story-orbit{--story-radius:clamp(5.3rem, 26vw, 6.5rem);animation:34s linear infinite story-orbit-turn;position:absolute;inset:50%}.story-orbit-node{background:hsl(var(--secondary));width:3rem;height:3rem;box-shadow:0 0 0 .5rem hsl(var(--secondary) / .75);color:#fff;transform:rotate(var(--story-angle)) translateX(var(--story-radius));border:1px solid #fff3;border-radius:9999px;place-items:center;font-size:.75rem;font-weight:700;transition:border-color .45s,background-color .45s,box-shadow .45s,color .45s;display:grid;position:absolute;top:-1.5rem;left:-1.5rem}.story-orbit-node-active{border-color:hsl(var(--primary));background:hsl(var(--primary));box-shadow:0 0 0 .5rem hsl(var(--secondary) / .8), 0 0 2rem hsl(var(--primary) / .5)}.story-orbit-node>span{transform:rotate(var(--story-counter-angle));animation:34s linear infinite story-orbit-counter-turn}.story-orbit-center{background:#fff;border:1px solid #ffffff2e;border-radius:2rem;place-items:center;padding:1rem;display:grid;position:absolute;inset:35%;overflow:hidden;box-shadow:0 2rem 5rem #0000004d,0 0 0 .75rem #ffffff0a}.story-scroll-track{height:360svh;margin-top:2rem;position:relative}.story-scroll-sticky{z-index:2;align-items:center;min-height:calc(100svh - 5rem);padding-block:1.5rem;display:grid;position:sticky;top:5rem}.story-scroll-steps{z-index:1;pointer-events:none;grid-template-rows:repeat(5,minmax(0,1fr));display:grid;position:absolute;inset:0}.story-scroll-step{display:block}.story-scroll-layout{align-items:center;gap:2rem;width:100%;min-width:0;display:grid}.story-scroll-layout .story-orbit-stage{margin-inline:auto}.story-chapter-panel{min-width:0}.story-chapter-stage{min-height:19rem;position:relative}.story-chapter{opacity:0;filter:blur(10px);pointer-events:none;align-content:center;transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1),filter .5s;display:grid;position:absolute;inset:0;transform:translateY(3rem)scale(.96)}.story-chapter-past{transform:translateY(-3rem)scale(.96)}.story-chapter-active{opacity:1;filter:none;pointer-events:auto;transform:translateY(0)scale(1)}.story-chapter-heading{grid-template-columns:auto minmax(0,1fr);align-items:end;gap:1.25rem;display:grid}.story-chapter-number{color:hsl(var(--primary));letter-spacing:-.08em;font-size:clamp(3.5rem,16vw,6.5rem);font-weight:700;line-height:.8}.story-chapter-heading h3{color:#fff;letter-spacing:-.045em;max-width:12ch;font-size:clamp(1.75rem,7vw,3.25rem);font-weight:600;line-height:1}.story-chapter-card{background:#ffffff0e;border:1px solid #ffffff26;border-radius:1.5rem;min-height:8rem;margin-top:1.75rem;padding:1.5rem;position:relative;overflow:hidden;box-shadow:0 1.5rem 4rem #00000029}.story-chapter-card p{z-index:1;color:#ffffffad;max-width:38rem;font-size:1rem;line-height:1.75;position:relative}.story-chapter-card-line{background:linear-gradient(90deg, transparent, hsl(var(--primary)));width:55%;height:2px;position:absolute;bottom:-1px;right:-10%}.story-chapter-progress{grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;margin-top:1.5rem;display:grid}.story-chapter-progress-item{background:#ffffff1f;border-radius:9999px;height:.2rem;transition:background-color .5s;overflow:hidden}.story-chapter-progress-active{background:hsl(var(--primary))}@keyframes story-orbit-turn{to{transform:rotate(360deg)}}@keyframes story-orbit-counter-turn{to{transform:rotate(calc(var(--story-counter-angle) - 360deg))}}@media (min-width:640px){.story-orbit{--story-radius:12.4rem}.story-orbit-stage{width:min(70vw,28rem)}.story-chapter-stage{min-height:21rem}.story-chapter-card{padding:1.75rem}}@media (min-width:1024px){.story-scroll-track{margin-top:3.5rem}.story-scroll-sticky{padding-block:2.5rem}.story-scroll-layout{grid-template-columns:minmax(0,1.05fr) minmax(22rem,.95fr);gap:5rem}.story-orbit-stage{width:min(42vw,31rem)}.story-orbit{--story-radius:13.5rem}.story-chapter-stage{min-height:25rem}.story-chapter-card{border-radius:2rem;min-height:11rem;margin-top:2.25rem;padding:2rem}.story-chapter-card p{font-size:1.125rem}}@media (max-width:1023px) and (max-height:700px){.story-scroll-sticky{padding-block:.75rem}.story-scroll-layout{gap:1rem}.story-orbit-stage{width:min(38svh,13rem)}.story-orbit{--story-radius:5rem}.story-chapter-stage{min-height:14rem}.story-chapter-number{font-size:3rem}.story-chapter-heading h3{font-size:1.625rem}.story-chapter-card{min-height:7rem;margin-top:1rem;padding:1.25rem}.story-chapter-progress{margin-top:1rem}}@media (prefers-reduced-motion:reduce),(max-height:540px){.story-scroll-track{height:auto}.story-scroll-steps{display:none}.story-scroll-sticky{min-height:0;position:relative;top:auto}.story-scroll-layout{align-items:start}.story-chapter-stage{gap:1rem;min-height:0;display:grid}.story-chapter{opacity:1;filter:none;pointer-events:auto;transition:none;position:relative;transform:none}.story-chapter-heading{align-items:center}.story-chapter-number{letter-spacing:-.04em;font-size:2rem;line-height:1}.story-chapter-heading h3{font-size:1.5rem}.story-chapter-card{min-height:0;margin-top:1rem}.story-chapter-progress{display:none}.story-orbit,.story-orbit-node>span{animation:none}}