.np-case{--case-accent-1:#eee6cf;--case-accent-2:#c68c72;--case-accent-3:#74402e;--case-accent-4:#c5ce43;--case-accent-5:#352219;--case-column:960px;background:var(--ground);color:var(--ink);font-family:var(--font-inter), Inter, Arial, sans-serif}.np-case__body{gap:var(--flow-space);max-width:1440px;padding:var(--page-space) var(--edge) var(--footer-space);box-sizing:border-box;flex-direction:column;margin:0 auto;display:flex}.np-case__section{width:min(var(--case-column), 100%);margin:0 auto}.np-case__section--group-start{margin-top:max(0px, calc(var(--chapter-space) - var(--flow-space)))}.np-case__overview{flex-direction:column;gap:48px;display:flex}.np-case__two-column{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(32px,4.2vw,48px);display:grid}.np-case__two-column--top{gap:48px}.np-case__copy-block{gap:0;display:grid}.np-case__copy-block h2,.np-case__eyebrow{font-size:var(--t-16);margin:0;font-weight:600;line-height:26px}.np-case__copy-block p,.np-case__body-copy p{font-size:var(--t-16);margin:0;font-weight:400;line-height:24px}.np-case__copy-block p+p,.np-case__body-copy p+p{margin-top:0}.np-case__body-copy{gap:0;display:grid}.np-case__facts{font-size:var(--t-16);grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:24px;margin:0;font-weight:600;line-height:26px;display:grid}.np-case__facts div{align-content:start;gap:24px;display:grid}.np-case__facts dt,.np-case__facts dd{margin:0}.np-case__narrative,.np-case__systems{flex-direction:column;gap:32px;display:flex}.np-case__display{font-family:var(--font-averia), "Averia Serif Libre", Georgia, serif;font-size:var(--t-28);letter-spacing:-1.5px;overflow-wrap:break-word;text-wrap:balance;margin:0;font-weight:300;line-height:1.2}.np-case__display span{color:var(--ink-muted)}.np-case__display .np-case__display-ink{color:var(--ink)}.np-case__display strong{color:var(--ink);font-weight:300}.np-case__problem,.np-case__insight,.np-case__design-detail,.np-case__takeaway{flex-direction:column;gap:48px;display:flex}.np-case__composite{border-radius:var(--r-figure);background:0 0;margin:0;position:relative;overflow:hidden}.np-case__composite img,.np-case__composite video{width:100%;height:auto;display:block}.np-case__composite-play{background:rgb(var(--ink-rgb) / .72);width:72px;height:72px;color:var(--ground);cursor:pointer;border:0;border-radius:50%;place-items:center;margin:auto;padding:0;transition:background-color .16s,transform .16s;display:grid;position:absolute;inset:0}.np-case__composite-play[hidden]{display:none}.np-case__composite-play svg{margin-left:3px}.np-case__composite-play:hover{background:rgb(var(--ink-rgb) / .88);transform:scale(1.04)}.np-case__composite-play:focus-visible{outline:2px solid var(--ground);outline-offset:3px}.np-case [data-reveal=text],.np-case [data-reveal=media]{backface-visibility:hidden}.np-case__eyebrow,.np-case__copy-block>h2{--reveal-delay:0s}.np-case__copy-block>p:first-of-type,.np-case__display,.np-case__body-copy>p:first-child,.np-case__facts>div:nth-child(2){--reveal-delay:var(--step)}.np-case__copy-block>p:nth-of-type(2),.np-case__body-copy>p:nth-child(2),.np-case__facts>div:nth-child(3),.np-case__composite{--reveal-delay:calc(var(--step) * 2)}.np-case__body-copy>p:nth-child(3),.np-case__facts>div:nth-child(4){--reveal-delay:calc(var(--step) * 3)}.np-case__body-copy>p:nth-child(n+4){--reveal-delay:calc(var(--step) * 4)}html.yy-reveal .np-case [data-reveal]:not(.in):not([data-reveal=none]):not([data-reveal^=intro-]){transition-duration:calc(var(--reveal-duration) * var(--exit-ratio));transition-delay:0s}@media (max-width:1024px){.np-case__facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px}}@media (max-width:840px){.np-case__two-column{grid-template-columns:1fr}.np-case__copy-block,.np-case__body-copy{width:min(42rem,100%)}}@media (max-width:520px){.np-case__facts{grid-template-columns:1fr;gap:36px}.np-case__display{letter-spacing:-1.2px;font-size:25px}}
.np-stack{--np-stack-ground:var(--ground);position:relative}.np-stack__panel{top:min(0px, calc(100svh - var(--np-panel-h,100svh)));background:var(--np-stack-ground);flex-direction:column;justify-content:center;min-height:100svh;display:flex;position:sticky}.np-stack__panel+.np-stack__panel{border-top-left-radius:var(--r-frame);border-top-right-radius:var(--r-frame)}.np-stack__panel--bleed{background:0 0;min-height:0;display:block}.np-case__body.np-stack__body{width:100%;padding-top:var(--flow-space);padding-bottom:var(--flow-space)}.np-stack__cover{z-index:1;border-top-left-radius:var(--r-frame);border-top-right-radius:var(--r-frame);background:var(--np-stack-ground);position:relative}@media (prefers-reduced-motion:reduce){.np-stack__panel{min-height:0;position:static}.np-stack__panel+.np-stack__panel,.np-stack__cover{border-top-left-radius:0;border-top-right-radius:0}}
.chapter-scrubber{z-index:30;color:var(--ink);pointer-events:none;opacity:0;visibility:hidden;transition:opacity .36s var(--reveal-text-ease), transform .36s var(--reveal-text-ease), visibility 0s linear .36s;display:none;position:fixed;top:44%;left:24px;transform:translateY(-50%)translate(-8px)}.chapter-scrubber[data-visible=true]{opacity:1;visibility:visible;transition:opacity .36s var(--reveal-text-ease), transform .36s var(--reveal-text-ease), visibility 0s linear 0s;transform:translateY(-50%)}@media (prefers-reduced-motion:reduce){.chapter-scrubber{transition:opacity 1ms linear,visibility 0s linear 1ms}.chapter-scrubber[data-visible=true]{transition:opacity 1ms linear,visibility linear}}@media (min-width:1700px) and (hover:hover) and (pointer:fine){.chapter-scrubber{display:block}}.chapter-scrubber__rail{pointer-events:auto;flex-direction:column;width:48px;display:flex;position:relative}.chapter-scrubber__hit{cursor:pointer;background:0 0;border:0;border-radius:2px;outline:none;justify-content:flex-start;align-items:center;width:100%;height:14px;padding:0;display:flex}.chapter-scrubber__hit:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.chapter-scrubber__tick{background-color:currentColor;border-radius:999px;height:2px;display:block}.chapter-scrubber__card{box-sizing:border-box;width:260px;color:var(--ink);-webkit-backdrop-filter:blur(20px)saturate(140%);background:linear-gradient(165deg,#ffffffe0,#ffffff8f 65%,#ffffffe0);border-radius:16px;padding:14px 16px;position:absolute;left:68px;box-shadow:inset 0 1px #ffffffd9,inset 0 0 0 1px #ffffff8c,0 8px 20px -8px #3e41742e,0 20px 44px -14px #3e417438}.chapter-scrubber__index{color:rgb(var(--ink-rgb) / 52%);font-size:var(--t-13);letter-spacing:.08em;font-variant-numeric:tabular-nums;margin-bottom:2px;font-weight:600;display:block}.chapter-scrubber__eyebrow{color:var(--ink);font-size:var(--t-16);font-weight:600;line-height:22px;display:block}.chapter-scrubber__sentence{color:rgb(var(--ink-rgb) / 82%);font-size:var(--t-13);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:4px 0 0;line-height:19px;display:-webkit-box;overflow:hidden}:root:has([data-tone=dark]) .chapter-scrubber{color:var(--ground)}:root:has([data-tone=dark]) .chapter-scrubber__hit:focus-visible{outline-color:var(--ground)}:root:has([data-tone=dark]) .chapter-scrubber__card{color:var(--ground);background:linear-gradient(165deg, rgb(var(--ink-rgb) / 86%), rgb(var(--ink-rgb) / 58%) 65%, rgb(var(--ink-rgb) / 86%));box-shadow:inset 0 1px #ffffff24,inset 0 0 0 1px #ffffff14,0 8px 20px -8px #0000004d,0 20px 44px -14px #0006}:root:has([data-tone=dark]) .chapter-scrubber__index{color:#ffffff85}:root:has([data-tone=dark]) .chapter-scrubber__eyebrow{color:var(--ground)}:root:has([data-tone=dark]) .chapter-scrubber__sentence{color:#ffffffd1}