.page-case-header{width:100%;min-height:160px;padding-top:var(--spacing-20);padding-bottom:var(--spacing-20);padding-left:var(--spacing-24);padding-right:var(--spacing-24);flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}.main-article{background-color:var(--color-neutral-50);width:100%;padding-top:var(--spacing-60);padding-bottom:var(--spacing-60);justify-content:center;align-items:center;display:flex}.article-container{width:100%;max-width:var(--container-max);border-radius:var(--radius-xs);flex-direction:row;align-items:stretch;margin:0 auto;display:flex}.aside-toc{background-color:var(--color-neutral-50);border-right:1px solid var(--color-neutral-400);width:340px;padding:var(--spacing-50);flex-shrink:0}.toc-sticky{top:var(--header-offset);gap:var(--spacing-20);flex-direction:column;width:100%;display:flex;position:sticky}.toc-title{font-family:var(--font-family-sans);font-size:var(--font-size-32);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight);color:var(--color-neutral-800);margin:0;line-height:36px}.toc-nav{gap:var(--spacing-12);flex-direction:column;width:100%;display:flex}.toc-link{font-family:var(--font-family-sans);font-size:var(--font-size-18);font-weight:var(--font-weight-semibold);color:var(--color-neutral-600);transition:color var(--duration-base) ease, font-weight var(--duration-base) ease, transform var(--duration-base) ease;line-height:26px;text-decoration:none;display:inline-block}.toc-link:hover{color:var(--color-neutral-800);transform:translate(2px)}.toc-link.active{color:var(--color-neutral-900);font-weight:var(--font-weight-bold);transform:translate(2px)}.article-content{background-color:var(--color-neutral-50);min-width:0;padding:var(--spacing-50);gap:var(--spacing-50);flex-direction:column;flex:1 1 0;align-items:flex-start;display:flex}.case-header-block{gap:var(--spacing-16);flex-direction:column;width:100%;display:flex}.project-expertises{align-items:center;gap:var(--spacing-10);width:100%;margin-bottom:var(--spacing-50);flex-wrap:wrap;display:flex}.project-expertises-label{font-family:var(--font-family-sans);font-size:var(--font-size-16);font-weight:var(--font-weight-regular);color:var(--color-neutral-600);white-space:nowrap;line-height:26px}.case-title{font-family:var(--font-family-sans);font-size:var(--font-size-54);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tightest);color:var(--color-neutral-800);margin:0;line-height:72px}.case-subtitle{font-family:var(--font-family-sans);font-size:var(--font-size-24);font-weight:var(--font-weight-regular);color:var(--color-neutral-800);text-decoration:underline;-webkit-text-decoration-color:var(--color-primary-500);text-decoration-color:var(--color-primary-500);text-underline-offset:6px;margin:0;line-height:40px;text-decoration-thickness:3px}.figure-group{gap:var(--spacing-10);flex-direction:column;align-items:center;width:100%;margin:0;display:flex}.figure-frame{border-radius:var(--radius-xs);background-color:var(--color-neutral-300);border:1px solid var(--color-neutral-300);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.figure-hero,.figure-ui-homepage,.figure-ui-diagnostic,.figure-workshop,.figure-cartography{width:100%}.figure-tag{left:var(--spacing-20);top:var(--spacing-20);z-index:2;position:absolute}.figure-caption{font-family:var(--font-family-sans);font-size:var(--font-size-13);font-weight:var(--font-weight-regular);color:var(--color-neutral-600);text-align:center;width:100%;margin:0;line-height:26px}.figure-img{object-fit:cover;width:100%;height:100%;display:block}.case-section{gap:var(--spacing-12);width:100%;scroll-margin-top:var(--header-offset);flex-direction:column;align-items:flex-start;display:flex}.case-section-title{font-family:var(--font-family-sans);font-size:var(--font-size-24);font-weight:var(--font-weight-bold);color:var(--color-neutral-800);margin:0;line-height:28px}.case-section-subtitle{font-family:var(--font-family-sans);font-size:var(--font-size-16);font-weight:var(--font-weight-semibold);color:var(--color-neutral-800);margin:0;line-height:26px}.case-text{font-family:var(--font-family-sans);font-size:var(--font-size-16);font-weight:var(--font-weight-regular);color:var(--color-neutral-800);margin:0;line-height:26px}.case-text strong{font-weight:var(--font-weight-semibold)}.case-list{padding-left:var(--spacing-24);gap:var(--spacing-8);flex-direction:column;margin:0;display:flex}.case-list li{font-family:var(--font-family-sans);font-size:var(--font-size-16);font-weight:var(--font-weight-regular);color:var(--color-neutral-800);line-height:26px}.case-list li strong{font-weight:var(--font-weight-semibold)}.figure-author-quote{gap:var(--spacing-16);flex-direction:row;align-items:center;width:100%;display:flex}.case-blockquote{background-color:var(--color-neutral-50);border-left:var(--border-quote);min-width:0;padding:var(--spacing-16);flex:1 1 0;margin:0}.case-blockquote-text{font-family:var(--font-family-code);font-size:var(--font-size-16);font-weight:var(--font-weight-regular);color:var(--color-neutral-700);margin:0;line-height:24px}.case-author-avatar{border-radius:var(--radius-xs);flex-shrink:0;width:200px;height:200px;overflow:hidden}.case-avatar-img{object-fit:cover;width:100%;height:100%;display:block}@media (width<=1200px){.page-case-header{min-height:80px}}@media (width<=992px){.page-case-header{min-height:72px;padding-top:var(--spacing-16);padding-bottom:var(--spacing-16)}.main-article{padding-top:var(--spacing-40);padding-bottom:var(--spacing-32)}.article-container{flex-direction:column}.aside-toc{border-right:none;border-bottom:1px solid var(--color-neutral-400);width:100%;padding:var(--spacing-30) var(--spacing-24)}.toc-sticky{position:static}.toc-nav{gap:var(--spacing-16);flex-flow:wrap}.article-content{padding:var(--spacing-40) var(--spacing-24);gap:var(--spacing-40)}.case-title{font-size:var(--font-size-38);letter-spacing:-1px;line-height:48px}.case-subtitle{font-size:var(--font-size-20);line-height:32px}.figure-author-quote{align-items:flex-start;gap:var(--spacing-24);flex-direction:column}.case-author-avatar{width:140px;height:140px}}@media (width<=768px){.aside-toc{display:none}}@media (width<=600px){.article-content{padding:var(--spacing-30) var(--spacing-16);gap:var(--spacing-30);width:100%}.case-title{letter-spacing:var(--tracking-tighter);font-size:28px;line-height:36px}.case-subtitle{font-size:var(--font-size-18);line-height:28px}.case-author-avatar{width:100px;height:100px}}