/* Approved Edge Index: independent of the centered reading column. */
.case-with-edge{width:calc(100% - 368px);max-width:var(--case-media-width)}
.case-edge-navigation{position:fixed;left:20px;top:clamp(120px,25svh,240px);width:var(--case-edge-width);z-index:30;font-family:var(--font-primary);letter-spacing:0}
.case-edge-navigation .case-edge-label{font-size:12px;font-weight:400;line-height:18px;color:var(--case-edge-muted);margin:0 0 20px 16px}
.case-edge-window{height:min(264px,calc(100svh - 240px));overflow:auto;scrollbar-width:none;overscroll-behavior:contain;mask-image:linear-gradient(to bottom,transparent,#000 var(--edge-fade-start,0px),#000 calc(100% - var(--edge-fade-end,12px)),transparent)}
.case-edge-window::-webkit-scrollbar{display:none}
.case-edge-track{position:relative;display:flex;flex-direction:column;padding:22px 0;min-height:100%}
.case-edge-track::before{content:'';position:absolute;left:4px;top:0;bottom:0;width:1px;background:var(--case-edge-line)}
.case-edge-navigation .case-edge-link{display:flex;align-items:center;flex-shrink:0;height:var(--case-edge-row);min-height:44px;padding:0 4px 0 20px;white-space:nowrap;font-size:var(--case-edge-type);line-height:20px;font-weight:400;color:var(--case-edge-muted);text-decoration:none;border:0;background:transparent;transition:opacity .18s,color .18s}
.case-edge-navigation .case-edge-link[aria-current]{color:var(--color-text);font-weight:500}
.case-edge-link[data-distance='3']{opacity:.2}
.case-edge-link[data-distance='4']{opacity:.05}
.case-edge-navigation .case-edge-link:hover,.case-edge-navigation .case-edge-link:focus-visible{opacity:1;color:var(--color-text)}
.case-edge-navigation[data-mode='browse'] .case-edge-link{opacity:1}
.case-edge-navigation .case-edge-link:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--case-edge-line)}
.case-edge-link:focus-visible{outline:2px solid var(--color-text);outline-offset:-2px;border-radius:4px}
.case-edge-dot{position:absolute;top:0;left:0;width:var(--case-edge-dot);height:var(--case-edge-dot);background:var(--color-text);border-radius:50%;transform:translate(2px,41.5px);transition:transform .32s cubic-bezier(.22,1,.36,1);pointer-events:none}
.case-with-edge .notion-content :is(h1,h2,h3)[id],.case-with-edge #case-overview{scroll-margin-top:140px}
@media(max-width:1260px){
  .case-study-pilot,.case-with-edge{width:calc(100% - 40px)}
  .case-grid{display:contents}
  .case-edge-navigation{position:sticky;top:0;left:auto;width:100%;padding:12px 0 4px;margin:0 0 32px;background:var(--color-surface);z-index:30}
  .case-edge-navigation .case-edge-label{margin:0 0 4px;font-size:12px}
  .case-edge-window{height:44px;mask-image:linear-gradient(to right,transparent,#000 var(--edge-fade-start,0px),#000 calc(100% - var(--edge-fade-end,12px)),transparent)}
  .case-edge-track{flex-direction:row;gap:20px;width:max-content;padding:0 16px}
  .case-edge-track::before{display:none}
  .case-edge-navigation .case-edge-link{padding:0;font-size:var(--case-edge-type)}
  .case-edge-navigation .case-edge-link[data-distance]{opacity:1}
  .case-edge-dot{transform:translate(8px,19.5px)}
}
@media(prefers-reduced-motion:reduce){.case-edge-link,.case-edge-dot{transition:none}.case-edge-window{scroll-behavior:auto}}