.work-article-layout{--article-secondary:oklch(48% 0 0);--article-surface:oklch(97.8% .003 85);width:100%;color:var(--color-ink);padding:0 24px 64px;position:relative}.work-page-bar{justify-content:space-between;align-items:center;max-width:1328px;margin:auto;padding:24px 48px;font-size:13px;display:flex}.work-page-bar a{align-items:center;min-height:44px;display:inline-flex}.work-page-bar a:first-child{font-weight:500}.work-article{width:100%;min-width:0;max-width:976px;margin:auto}.article-header{text-align:center;padding:64px 0 48px;scroll-margin-top:32px}.article-eyebrow{color:var(--article-secondary);margin:0 0 48px;font-size:13px}.article-header h1{letter-spacing:-.025em;text-wrap:balance;overflow-wrap:anywhere;max-width:900px;margin:0 auto 24px;font-size:48px;font-weight:400;line-height:1.08}.article-intro{letter-spacing:-.025em;white-space:pre-line;max-width:576px;margin:0 auto 24px;font-size:18px;line-height:28px}.article-facts{max-width:600px;margin:4px auto;font-size:12px;line-height:20px}.article-facts span{color:var(--article-secondary);margin-right:8px}.article-visit{background:var(--color-ink);min-height:44px;color:var(--color-canvas);border-radius:999px;align-items:center;gap:8px;margin-top:28px;padding:12px 20px;font-size:14px;text-decoration:none;display:inline-flex}.article-toc{z-index:10;background:var(--color-canvas);border-bottom:1px solid var(--color-hairline);padding:12px 0;font-size:12px;line-height:1.5;position:sticky;top:0}.article-toc p{margin:0 0 8px;font-weight:500}.article-toc-links{gap:20px;display:flex;overflow-x:auto}.article-toc a{color:var(--article-secondary);white-space:nowrap;border-bottom:1px solid #0000;padding:10px 0;text-decoration:none;display:block}.article-toc a[aria-current=location]{color:var(--color-ink);border-color:var(--color-ink);font-weight:500}.article-toc a:hover{color:var(--color-ink)}.article-body h2,.article-text{width:100%;max-width:720px;margin-left:auto;margin-right:auto}.article-body h2{letter-spacing:-.01em;overflow-wrap:anywhere;margin-top:48px;margin-bottom:24px;scroll-margin-top:116px;font-size:24px;font-weight:400;line-height:32px}.article-text p{letter-spacing:-.02em;white-space:pre-line;overflow-wrap:anywhere;margin-bottom:24px;font-size:16px;line-height:28px}.article-media{max-width:720px;margin:32px auto 40px}.article-media img,.article-media video{background:var(--article-surface);border-radius:16px;width:100%;height:auto}.article-media figcaption{color:var(--article-secondary);text-align:center;white-space:pre-line;margin-top:12px;font-size:12px;line-height:20px}.article-cover{margin-top:0;margin-bottom:48px}.work-article-layout a:focus-visible{outline:2px solid var(--color-ink);outline-offset:4px}@media (width>=1100px){.work-article-layout{padding-left:216px;padding-right:216px}.article-toc{float:left;background:0 0;border:0;width:168px;max-height:calc(100dvh - 96px);margin-top:88px;margin-left:-192px;padding:0;position:sticky;top:48px;overflow:auto}.article-toc-links{border-left:1px solid var(--color-hairline);display:block;overflow:visible}.article-toc a{white-space:normal;border-bottom:0;border-left:1px solid #0000;margin-left:-1px;padding:10px 0 10px 15px}.article-body h2{scroll-margin-top:32px}}@media (width>=1456px){.work-article-layout{max-width:1456px;margin:auto;padding-left:240px;padding-right:240px}.article-toc{margin-left:-240px}}@media (width<=600px){.work-page-bar{padding:12px 24px}.article-header{padding-top:48px;padding-bottom:36px;scroll-margin-top:116px}.article-eyebrow{margin-bottom:28px;font-size:12px}.article-header h1{font-size:36px;line-height:40px}.article-intro{font-size:17px;line-height:27px}.article-body h2{margin-top:40px}.article-media img,.article-media video{border-radius:12px}}.is-preview{container-type:inline-size}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}