.process-film{height:230vh;position:relative;margin:60px 0 30px}.process-stage{position:sticky;top:70px;height:calc(100svh - 70px);max-height:900px;overflow:hidden;background:radial-gradient(ellipse at 75% 58%,#2e2020 0%,#191a1c 34%,#111416 72%);border-top:1px solid rgba(240,240,230,.14);border-bottom:1px solid rgba(240,240,230,.14)}.film-topline,.film-bottomline{position:absolute;left:4%;right:4%;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:10px;letter-spacing:.16em;color:#a7adab}.film-topline{top:28px}.film-bottomline{bottom:25px}.film-counter{color:#ec7462}.film-phase{position:absolute;inset:15% 4% 14%;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:50px}.phase-two,.phase-three{visibility:hidden;opacity:0}.film-caption>span{font-size:12px;letter-spacing:.18em;color:#ec7462;display:block;margin-bottom:28px}.film-caption h3{font-size:clamp(32px,4.3vw,63px);font-weight:450;line-height:1.08}.film-caption p{margin-top:25px;font-size:17px}.request-graphic,.selection-graphic,.handoff-graphic{height:380px;position:relative;min-width:0}.request-avatar{position:absolute;top:140px;left:calc(50% - 48px);width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:#d44c39;color:#fff;font-size:44px;box-shadow:0 0 0 16px #d44c3910}.orbit-ring{position:absolute;inset:40px 50px;border-radius:50%;border:1px solid #f6f2eb18}.request-orbit{position:absolute;padding:12px 18px;border:1px solid #f6f2eb25;border-radius:3px;background:#22272b;font-size:14px;z-index:2}.orbit-one{top:30px;left:15%}.orbit-two{top:130px;right:0}.orbit-three{bottom:45px;right:10%}.orbit-four{top:230px;left:0}.film-candidate{position:absolute;inset:65px 8% 55px;padding:32px;border:1px solid #f6f2eb2b;background:#22272b;box-shadow:0 20px 70px #0003;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.film-candidate>span{color:#ec7462;font-size:44px;margin-bottom:14px}.film-candidate strong{font-size:24px;font-weight:450;line-height:1.25}.film-candidate small{font-size:13px;margin-top:15px;color:#b5bab9}.c-back{transform:translate(32px,-35px) rotate(6deg);opacity:.32}.c-mid{transform:translate(16px,-17px) rotate(3deg);opacity:.5}.c-front{border-color:#d44c39;background:#252629}.candidate-scan{position:absolute;left:0;top:0;bottom:0;width:3px;background:#ec7462;opacity:.4}.handoff-graphic svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.handoff-graphic path{fill:none;stroke:#d44c39;stroke-width:2;stroke-dasharray:1100;stroke-dashoffset:0}.handoff-dot{fill:#f6f2eb}.handoff-origin,.handoff-end{position:absolute;padding:14px 18px;font-size:15px;background:#22272b;border:1px solid #f6f2eb24}.handoff-origin{left:0;top:44%}.handoff-end{right:0;width:160px;text-align:center}.end-one{top:15%}.end-two{top:44%}.end-three{top:73%}.film-progress{height:2px;background:#f6f2eb20;flex:1;max-width:280px}.film-progress i{display:block;width:100%;height:100%;background:#d44c39;transform:scaleX(0);transform-origin:left}.chapter-rail{position:fixed;right:14px;top:50%;transform:translateY(-50%);z-index:22;display:flex;flex-direction:column;gap:10px}.chapter-rail a{display:flex;justify-content:flex-end;align-items:center;gap:10px;min-width:24px;min-height:14px}.chapter-rail a:after{content:'';width:14px;height:1px;background:#8a918d80;transition:width .3s,background .3s}.chapter-rail span{font-size:9px;letter-spacing:.1em;text-transform:uppercase;opacity:0;pointer-events:none;background:#111416dd;padding:3px 7px}.chapter-rail a:hover span,.chapter-rail a:focus-visible span{opacity:1}.chapter-rail a.current:after{width:24px;background:#ec7462}.reduced-motion .process-film{height:auto}.reduced-motion .process-stage{position:relative;height:auto;max-height:none;padding:70px 0}.reduced-motion .film-phase{position:relative;inset:auto;visibility:visible!important;opacity:1!important;transform:none!important;padding:45px 4%;min-height:430px}.reduced-motion .film-bottomline,.reduced-motion .film-progress{display:none}
@media(max-width:1000px){.chapter-rail{display:none}.film-phase{gap:10px}.request-orbit{font-size:12px;padding:10px}.handoff-end{width:135px}}
@media(max-width:650px){.process-film{height:210vh;margin-top:30px}.process-stage{top:65px;height:calc(100svh - 65px)}.film-phase{inset:12% 5% 8%;grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:10px;align-items:start}.film-caption>span{font-size:10px;margin-bottom:12px}.film-caption h3{font-size:32px}.film-caption p{font-size:13px;margin-top:12px}.request-graphic,.selection-graphic,.handoff-graphic{height:260px;width:100%;align-self:center}.request-avatar{top:95px;width:70px;height:70px;left:calc(50% - 35px);font-size:30px}.orbit-one{top:5px;left:5%}.orbit-two{top:85px}.orbit-three{bottom:15px;right:0}.orbit-four{top:180px;left:0}.orbit-ring{inset:20px 30px}.film-candidate{inset:25px 6% 30px;padding:22px}.film-candidate>span{font-size:25px;margin-bottom:10px}.film-candidate strong{font-size:19px}.film-candidate small{font-size:11px}.film-topline,.film-bottomline{font-size:8px;letter-spacing:.08em}.film-bottomline>span:last-child{display:none}.handoff-end{font-size:12px;width:115px;padding:12px}.handoff-origin{font-size:12px;padding:12px}.reduced-motion .film-phase{min-height:460px}.reduced-motion .film-topline{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.process-film,.chapter-rail{display:none}}