.story-navigation,.reading-dock{position:sticky;top:0;z-index:15;background:var(--bg);border-bottom:1px solid var(--line);isolation:isolate}.story-navigation-inner{display:flex;align-items:center;gap:30px;min-height:64px}.story-index{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);white-space:nowrap}.story-navigation ol{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex:1;margin:0;padding:0;gap:20px}.story-navigation a{display:flex;align-items:center;gap:9px;min-height:44px;text-decoration:none;font-size:12px;font-weight:550;color:var(--muted)}.story-number{font-size:10px;font-variant-numeric:tabular-nums;color:var(--muted)}.story-navigation a:hover,.story-navigation a[aria-current=location]{color:var(--violet)}.story-navigation a[aria-current=location] .story-number{color:var(--violet);font-weight:700}.story-navigation a[aria-current=location]{text-decoration:underline;text-underline-offset:7px}.story-short-label{display:none}.scroll-top{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;gap:5px;font-size:12px;font-weight:600;text-decoration:none;color:var(--ink)}.scroll-top:hover{text-decoration:underline}.story-progress{position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:var(--violet);transform:scaleX(0);transform-origin:left;pointer-events:none}.hero-scroll-cue{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:4px 8px;background:#1b1b1bc9;color:#eee;text-decoration:none;letter-spacing:.08em}.hero-scroll-cue:hover{text-decoration:underline}.hero-scroll-cue:focus-visible{outline-color:#fff}.reading-dock{display:flex;align-items:center;gap:14px;min-height:60px;margin-bottom:24px;border-top:1px solid var(--line);padding:7px 2px}.reading-dock-label{flex:none;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.09em}.reading-jump{display:flex;align-items:center;gap:6px;flex:1;min-width:0;margin:0}.reading-jump select{width:100%;min-width:0;min-height:44px;border:1px solid var(--control-line);border-radius:4px;background:var(--surface);color:var(--ink);font-size:12px;padding:8px 28px 8px 10px;text-overflow:ellipsis;cursor:pointer}.reading-jump button{flex:none;min-height:44px;padding:5px 10px;min-width:44px;border:1px solid var(--control-line);border-radius:4px;background:var(--surface);color:var(--ink);font-size:12px}.reading-position{min-width:36px;font-size:11px;font-variant-numeric:tabular-nums;color:var(--muted);text-align:right}.reading-static-index{font-size:13px;margin-left:auto;min-height:44px;display:inline-flex;align-items:center}.reading-dock[data-enhanced] .reading-static-index{display:none}.reading-progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;overflow:hidden;pointer-events:none}.reading-progress>span{display:block;width:100%;height:100%;background:var(--violet);transform:scaleX(0);transform-origin:left}.reading-dock~section,.home #clipper-start,.home #cutting-desk,.home #how-it-works,.home #field-notes{scroll-margin-top:12px}.article-body [tabindex="-1"]:focus-visible{outline-offset:8px}@media(max-width:1100px){.story-index{display:none}.story-navigation-inner{gap:20px}.story-navigation ol{gap:14px}}@media(max-width:820px){.reading-dock-label{display:none}.reading-dock{gap:10px}.story-wide-label{display:none}.story-short-label{display:inline}.story-navigation-inner{min-height:58px}.story-navigation ol{gap:8px}}@media(max-width:560px){.story-navigation-inner{gap:12px;padding-left:20px;padding-right:20px}.story-navigation ol{gap:4px}.story-navigation a{gap:4px;font-size:11px}.story-number{font-size:9px}.story-navigation .scroll-top{font-size:11px;gap:4px}.hero-scroll-cue{background:transparent;padding:0;min-height:32px;font-size:8px;gap:7px;text-align:right}.reading-dock{min-height:58px;gap:8px;padding:6px 0;margin-bottom:20px}.reading-position{min-width:28px;font-size:10px}.reading-jump select{font-size:11px;padding-left:8px;padding-right:22px}.reading-jump button{font-size:11px;padding:4px 6px}.reading-dock .scroll-top{font-size:11px;min-width:39px}}@supports(animation-timeline:scroll()){@media(prefers-reduced-motion:no-preference){.story-progress{animation:story-progress auto linear both;animation-timeline:scroll(root block)}.home .process-list article:after{content:'';position:absolute;left:0;top:0;height:2px;width:100%;background:var(--violet);transform-origin:left;animation:story-progress auto linear both;animation-timeline:view(block);animation-range:entry 10% cover 40%;pointer-events:none}.home .chapter-heading{animation:chapter-settle auto linear both;animation-timeline:view(block);animation-range:entry 0% entry 100%}@media(min-width:1000px){.cinematic-hero{view-timeline:--hero-scene block}.hero-art{animation:scene-depth auto linear both;animation-timeline:--hero-scene;animation-range:exit 0% exit 100%}}}}@keyframes story-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes chapter-settle{from{transform:translateY(16px)}to{transform:translateY(0)}}@keyframes scene-depth{from{transform:translateY(0)}to{transform:translateY(28px)}}@media(prefers-reduced-motion:reduce){.story-progress{display:none}}@media print{.story-navigation,.reading-dock,.hero-scroll-cue{display:none!important}.home .chapter-heading,.hero-art{transform:none!important}}