.detail-page{padding:env(safe-area-inset-top,0px) max(var(--gutter),env(safe-area-inset-right,0px)) calc(64px + var(--dock-height)) max(var(--gutter),env(safe-area-inset-left,0px))}.detail-shell{max-width:1536px;margin-inline:auto}.case-study{gap:48px;min-width:0;padding-top:56px;display:grid}.case-study [id]{scroll-margin-top:var(--anchor-margin)}.panel{background:0 0;border:0;min-width:0;padding:0}.eyebrow{color:var(--text-secondary);margin-bottom:28px;font-size:13px;line-height:1.5}.case-study h1{font-family:var(--font-editorial);letter-spacing:-.055em;max-width:22ch;font-size:clamp(40px,5.5vw,80px);line-height:1.08}.summary{max-width:58ch;margin-top:28px;font-size:20px;line-height:1.6}.facts{border-block:1px solid var(--rule-decorative);grid-template-columns:76px minmax(0,1fr);gap:12px 24px;margin-block:36px;padding-block:24px;font-size:16px;line-height:1.6;display:grid}dt{color:var(--text-secondary);font-size:14px}dd{overflow-wrap:anywhere;min-width:0}.cover{margin-block:40px}.cover img,.cover video,.prose img,.prose video{object-fit:contain;border-radius:0;width:100%;height:auto}.cover img{width:auto;max-width:100%;margin-inline:auto}.cover video{background:var(--media-ink)}figcaption,.source,.pending{color:var(--text-secondary);margin-top:12px;font-size:14px;line-height:1.6}.links{flex-wrap:wrap;gap:8px 24px;margin-block:12px;display:flex}.back,.links a{white-space:normal;align-items:center;min-width:44px;max-width:100%;min-height:44px;display:inline-flex}.case-study>.back{justify-self:start;margin-top:32px}.prose{overflow-wrap:anywhere;max-width:74ch;font-size:18px;line-height:1.8}.prose :is(p,ul,ol,figure,pre){margin-bottom:1.5em}.prose :is(ul,ol){padding-left:1.5em}.prose li+li{margin-top:8px}.prose h2{font-family:var(--font-editorial);letter-spacing:-.04em;margin:64px 0 24px;font-size:40px;line-height:1.2}.prose h3{margin:36px 0 20px;font-size:26px;line-height:1.3}.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}.prose code{font-family:var(--font-detail);font-size:15px}.prose pre,.prose table{max-width:100%;overflow-x:auto}.prose a{min-width:44px;min-height:44px;padding-block:8px;line-height:1.5;display:inline-block}.prose li>p{margin-bottom:0}.writing-index .case-study h1{font-family:var(--font-display);letter-spacing:-.075em;font-size:clamp(72px,11vw,160px)}.writing-index .summary{max-width:35ch}.writing-index .case-study{gap:64px}.writing-list .writing-row{grid-template-columns:80px minmax(0,1fr);gap:24px;padding-block:28px;font-size:24px;line-height:1.3}.writing-list .kind{font-family:var(--font-body);padding-top:6px;font-size:13px}.writing-list .writing-row:before{border-color:var(--rule-decorative)}.writing-list .writing-row:hover{background:var(--surface-navigation)}.article-shell .case-study header{border-bottom:1px solid var(--rule-decorative);padding-bottom:40px}.article-shell .prose{font-size:18px;line-height:1.8}.article-shell .prose h2{font-family:var(--font-editorial);margin:64px 0 24px;font-size:38px;line-height:1.2}.article-shell .prose h3{margin:36px 0 20px;font-size:26px;line-height:1.3}.article-shell .prose h4{letter-spacing:-.02em;font-size:20px;line-height:1.4}.article-shell .prose pre{padding:20px}.article-shell .prose pre code{font-size:14px;line-height:1.7}.article-shell .prose :not(pre)>code{border:0;border-radius:0}.article-shell .code-toolbar{font-family:var(--font-body)}@media (width>=1200px) and (hover:hover) and (pointer:fine){.detail-page{padding-top:144px}.case-study{padding-top:0}.detail-sidebar .navigation-panel{gap:20px}.case-study>header{padding-right:4%}.article-shell .case-study{max-width:900px}}@media (width<=1199px),(hover:none),(pointer:coarse),(pointer:none){.case-study{max-width:900px;margin-inline:auto}.detail-layout>.site-navigation{padding-top:0}.case-study h1{max-width:24ch}}@media (width<=767px){.case-study{gap:36px;padding-top:36px}.case-study h1{font-size:42px;line-height:1.08}.summary{margin-top:24px;font-size:18px}.eyebrow{margin-bottom:20px}.prose,.article-shell .prose{font-size:17px;line-height:1.75}.prose h2,.article-shell .prose h2{margin-top:48px;font-size:32px}.prose h3,.article-shell .prose h3{font-size:24px}.writing-index .case-study{gap:40px}.writing-list .writing-row{grid-template-columns:1fr;gap:8px;padding-block:24px;font-size:20px}.writing-list .kind{padding:0}.article-shell .prose pre{padding:14px}.article-shell .prose pre code{font-size:13px}.article-shell .case-study header{padding-bottom:28px}}@media (width<=420px){.case-study h1{font-size:36px}.facts{grid-template-columns:1fr;gap:4px}.facts dd{margin-bottom:12px}.writing-index .case-study h1{font-size:72px}}