.experience-progress{position:fixed;z-index:12;right:3.3vw;bottom:28px;display:flex;gap:8px;align-items:center;color:#aaa9a1;font:9px "DM Mono",monospace;mix-blend-mode:difference}.experience-progress i{width:62px;height:1px;background:#5d5d59;position:relative}.experience-progress i:after{content:"";position:absolute;left:0;top:0;height:1px;width:var(--progress,0%);background:#ff6f3c}.chapters{height:500vh;background:#0b0d10;color:#eee9df;position:relative}.chapters-sticky{height:100vh;position:sticky;top:0;overflow:hidden;display:grid;place-items:center}.chapter-copy{position:relative;z-index:2;width:min(780px,80vw);text-align:center}.chapter-copy .eyebrow{margin-bottom:42px}.chapter-index{color:#ff6f3c;margin:0 0 19px}.chapter-copy h2{font-size:clamp(45px,8vw,120px);line-height:.88;letter-spacing:-.1em;font-weight:500;margin:0}.chapter-copy h2 em{font-family:"Playfair Display";font-weight:500}.chapter-copy>p:last-child{max-width:355px;margin:32px auto 0;color:#aaa9a1;font-size:13px;line-height:1.6}.chapter-orbit{width:min(70vw,740px);aspect-ratio:1;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #2e3034;border-radius:50%;transition:transform 1s cubic-bezier(.2,.8,.2,1)}.chapter-orbit:before,.chapter-orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid #25272b;inset:13%}.chapter-orbit:after{inset:28%;border-color:#ff6f3c;opacity:.45}.chapter-orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:#ff6f3c;box-shadow:0 0 25px 9px rgba(255,111,60,.25)}.chapter-orbit i:nth-child(1){top:11%;left:42%}.chapter-orbit i:nth-child(2){bottom:13%;right:16%;background:#c7c3ff;box-shadow:0 0 25px 9px rgba(120,110,255,.2)}.chapter-orbit i:nth-child(3){top:46%;left:7%;background:#eee9df}.chapter-orbit b{position:absolute;width:23%;aspect-ratio:1;background:linear-gradient(135deg,#ff6f3c,#6f66dc);border-radius:38% 62% 65% 35%;left:38%;top:38%;box-shadow:0 0 70px rgba(255,111,60,.35);transition:.9s cubic-bezier(.2,.8,.2,1)}.chapters[data-step="2"] .chapter-orbit{transform:translate(-50%,-50%) rotate(58deg) scale(.86)}.chapters[data-step="2"] .chapter-orbit b{border-radius:0;transform:rotate(45deg);background:#c7c3ff}.chapters[data-step="3"] .chapter-orbit{transform:translate(-50%,-50%) rotate(120deg) scale(1.12)}.chapters[data-step="3"] .chapter-orbit b{width:35%;aspect-ratio:1.5;left:32%;top:32%;border-radius:4px;background:#ff6f3c}.chapters[data-step="4"] .chapter-orbit{transform:translate(-50%,-50%) rotate(190deg) scale(.78)}.chapters[data-step="4"] .chapter-orbit b{border-radius:50%;background:#eee9df}.chapters[data-step="5"] .chapter-orbit{transform:translate(-50%,-50%) rotate(260deg) scale(1.28)}.chapters[data-step="5"] .chapter-orbit b{width:50%;left:25%;top:25%;border-radius:45% 55% 60% 40%;background:linear-gradient(135deg,#ff6f3c,#c7c3ff)}.chapter{height:100vh;pointer-events:none;position:relative}.chapter span{position:absolute;left:3.3vw;top:50%;color:#aaa9a1}.chapter.active span{color:#ff6f3c}@media(max-width:700px){.experience-progress{right:20px;bottom:20px}.experience-progress i{width:38px}.chapters{height:400vh}.chapter-copy{width:88vw}.chapter-copy .eyebrow{margin-bottom:24px}.chapter-copy>p:last-child{font-size:12px}.chapter-orbit{width:110vw}.chapter span{left:20px}.chapters-sticky{min-height:600px}}
