.design-site .knowledge-index,.design-site .knowledge-directory{padding-block:144px 96px}.design-site .knowledge-heading{margin-bottom:56px}.design-site .knowledge-heading h1{margin-top:12px;font-size:40px;line-height:1.5}.design-site .knowledge-heading h2{margin-top:12px;font-size:32px;line-height:1.6}.design-site .knowledge-heading nav{gap:24px;margin-top:24px;font-size:14px;display:flex}.design-site .knowledge-index-action{text-align:center}.design-site .knowledge-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 40px;display:grid}.design-site .knowledge-card{min-width:0}.design-site .knowledge-card-main{display:block}.design-site .knowledge-card-main>img{aspect-ratio:1.91;object-fit:cover;border-radius:8px;width:100%;height:auto}.design-site .knowledge-card-meta{color:var(--sub-foreground);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:12px;font-size:12px;line-height:1.6;display:flex}.design-site .knowledge-card-category{color:var(--foreground);font-weight:600}.design-site .knowledge-card-category+.knowledge-card-category:before{content:"・";margin-right:4px}.design-site .knowledge-card h2,.design-site .knowledge-card h3{margin-top:20px;font-size:18px;font-weight:600;line-height:1.6}.design-site .knowledge-tags{color:var(--sub-foreground);flex-wrap:wrap;gap:6px 16px;margin-top:16px;font-size:12px;list-style:none;display:flex}.design-site .knowledge-tags a{overflow-wrap:anywhere}.design-site .knowledge-more{border:1px solid var(--border);background:var(--foreground);color:var(--card);min-height:44px;font:inherit;cursor:pointer;border-radius:6px;padding:12px 24px}.design-site .knowledge-result{margin-bottom:32px;font-size:14px}.design-site .knowledge-more{margin:56px auto 0;display:block}.design-site [data-article-empty]{background:var(--card);text-align:center;gap:16px;padding:48px 24px;display:grid}.design-site .knowledge-article-header{max-width:800px;padding-block:40px}.design-site .knowledge-breadcrumb{flex-wrap:wrap;gap:8px 24px;margin-bottom:28px;font-size:12px;display:flex}.design-site .knowledge-article-header h1{font-size:32px;line-height:1.7}.design-site .knowledge-byline{color:var(--sub-foreground);gap:24px;margin-top:28px;font-size:12px;display:flex}.design-site .knowledge-hero img{border-radius:8px;width:100%;height:auto}.design-site .knowledge-summary h2{margin-block:16px 24px;font-size:24px;line-height:1.7}.design-site .knowledge-summary>p:last-child{white-space:pre-line;font-size:16px;line-height:2}.design-site .knowledge-body{padding-block:24px 96px}.design-site .knowledge-legacy-anchors{height:0;position:relative}.design-site .knowledge-legacy-anchors span{scroll-margin-top:140px;position:absolute}.design-site .knowledge-body-section{grid-template-columns:minmax(0,320px) minmax(0,800px);align-items:start;gap:80px;margin-bottom:120px;display:grid}.design-site .knowledge-body-section:not(.has-heading)>.editorial-prose{grid-column:2}.design-site .knowledge-sticky-heading{font-size:28px;line-height:1.7;position:sticky;top:128px}.design-site .knowledge-sticky-heading h2{scroll-margin-top:140px}.design-site .knowledge-body .editorial-prose>:first-child{margin-top:0}.design-site .knowledge-credits{border-top:1px solid var(--border);max-width:800px;padding-block:48px 64px}.design-site .knowledge-credits h2{margin-bottom:32px;font-size:20px}.design-site .knowledge-credits>div{gap:32px;display:grid}.design-site .knowledge-credits section{gap:24px;font-size:14px;display:flex}.design-site .knowledge-credits img{object-fit:cover;border-radius:50%;flex-shrink:0;width:80px;height:80px}.design-site .knowledge-credit-roles{color:var(--sub-foreground);font-size:12px}.design-site .knowledge-credits h3{margin-block:4px 12px;font-size:18px}.design-site .knowledge-related{padding-block:80px 64px}.design-site .knowledge-related>h2{margin-bottom:48px;font-size:28px}.design-site .knowledge-back{text-align:center;padding-bottom:80px}.design-site .glossary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.design-site .glossary-grid a{background:var(--card);overflow-wrap:anywhere;border-radius:8px;justify-content:space-between;align-items:center;min-width:0;padding:24px;display:flex}@media (width<=1199.98px){.design-site .knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px}.design-site .knowledge-body-section{grid-template-columns:260px minmax(0,1fr);gap:40px}.design-site .knowledge-sticky-heading{font-size:24px}.design-site .knowledge-overview{gap:32px}}@media (width<=809.98px){.design-site .knowledge-index,.design-site .knowledge-directory{padding-block:112px 64px}.design-site .knowledge-heading{margin-bottom:40px}.design-site .knowledge-heading h1{font-size:30px}.design-site .knowledge-heading h2{font-size:26px}.design-site .knowledge-grid{grid-template-columns:1fr;gap:48px}.design-site .knowledge-article{padding-top:96px}.design-site .knowledge-article-header{padding-block:32px}.design-site .knowledge-article-header h1{font-size:24px}.design-site .knowledge-overview{grid-template-columns:1fr;gap:40px;padding-block:48px 56px}.design-site .knowledge-summary h2{font-size:22px}.design-site .knowledge-toc{padding:24px}.design-site .knowledge-body{padding-bottom:40px}.design-site .knowledge-body-section{margin-bottom:64px;display:block}.design-site .knowledge-sticky-heading{margin-bottom:32px;font-size:24px;position:static}.design-site .knowledge-credits{padding-block:40px}.design-site .knowledge-credits section{gap:16px}.design-site .knowledge-credits img{width:56px;height:56px}.design-site .knowledge-related{padding-block:48px}.design-site .knowledge-related>h2{font-size:24px}.design-site .glossary-grid{grid-template-columns:1fr}}.design-site .knowledge-article-header h1,.design-site .knowledge-card h2,.design-site .knowledge-card h3{word-break:auto-phrase;text-wrap:pretty;overflow-wrap:anywhere}.design-site .article-end{gap:64px;max-width:1000px;padding-block:64px 80px;display:grid}.design-site .article-end-row{grid-template-columns:160px minmax(0,1fr);gap:0;display:grid}.design-site .article-end-row>h2{padding-top:20px;font-size:22px;font-weight:600;line-height:1.5}.design-site .article-share>h2{align-self:center;padding-top:0}.design-site .credit-list>li+li{border-top:1px solid var(--line)}.design-site .credit-item>summary,.design-site .credit-summary{align-items:center;gap:24px;padding-block:16px;list-style:none;display:flex}.design-site .credit-item>summary{cursor:pointer;border-radius:8px}.design-site .credit-item>summary::-webkit-details-marker{display:none}.design-site .credit-item>summary:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.design-site .credit-avatar{object-fit:cover;border-radius:50%;flex:none;width:80px;height:80px}.design-site .credit-head{flex:1;gap:4px;min-width:0;display:grid}.design-site .credit-meta{color:var(--sub-foreground);flex-wrap:wrap;gap:0 12px;font-size:14px;line-height:1.6;display:flex}.design-site .credit-head strong{font-size:20px;font-weight:600;line-height:1.5}.design-site .credit-toggle{flex:none;width:24px;height:24px;position:relative}.design-site .credit-toggle:before,.design-site .credit-toggle:after{content:"";background:var(--foreground);height:2px;transition:rotate var(--motion-hover-duration) var(--ease);position:absolute;top:11px;left:2px;right:2px}.design-site .credit-toggle:after{rotate:90deg}.design-site .credit-item[open] .credit-toggle:after{rotate:0deg}.design-site .credit-item.is-closing .credit-toggle:after{rotate:90deg}.design-site .credit-body{padding:0 48px 24px 0;font-size:15px;line-height:1.9}.design-site .credit-item:has(.credit-avatar) .credit-body{padding-left:104px}.design-site .credit-links{flex-wrap:wrap;align-items:center;gap:16px;margin-top:16px;display:flex}.design-site .credit-links a{display:inline-flex}.design-site .share-list{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.design-site .share-list li{align-items:center;gap:8px;display:flex}.design-site .share-list li[hidden]{display:none}.design-site .share-list a,.design-site .share-list button{width:48px;height:48px;color:var(--foreground);cursor:pointer;transition:background-color var(--motion-hover-duration) var(--ease);background:0 0;border-radius:50%;justify-content:center;align-items:center;display:flex}.design-site .share-list a:focus-visible,.design-site .share-list button:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.design-site .share-copied{font-size:12px}@media (width<=809.98px){.design-site .article-end{gap:40px;padding-block:40px 56px}.design-site .article-end-row{grid-template-columns:1fr;gap:8px}.design-site .article-end-row>h2{padding-top:0;font-size:20px}.design-site .article-share>h2{align-self:start}.design-site .credit-item>summary,.design-site .credit-summary{gap:16px}.design-site .credit-avatar{width:56px;height:56px}.design-site .credit-body,.design-site .credit-item:has(.credit-avatar) .credit-body{padding:0 0 20px}}.design-site .interview-facts{max-width:800px;padding-top:80px}.design-site .interview-facts .project-fact:last-child{margin-bottom:0}.design-site .interview-facts+.knowledge-overview{padding-top:64px}.design-site .knowledge-summary .rich-text{margin-top:16px;font-size:16px;line-height:2}.design-site .interview-related .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.design-site .interview-related.is-single .project-grid{grid-template-columns:minmax(0,1fr)}.design-site .interview-related.is-single .project-card-title{font-size:24px;line-height:1.6}@media (width<=809.98px){.design-site .interview-related .project-grid{grid-template-columns:minmax(0,1fr)}.design-site .interview-related.is-single .project-card-title{font-size:18px}}.design-site .knowledge-index>.knowledge-heading{margin-bottom:40px}.design-site .knowledge-lead{max-width:40em;color:var(--sub-foreground);margin-top:16px;font-size:15px;line-height:1.9}.design-site .knowledge-nav{border-top:1px solid var(--foreground);margin-bottom:80px;padding-top:24px}.design-site .knowledge-nav ul{flex-wrap:wrap;gap:12px;padding:0;list-style:none;display:flex}.design-site .knowledge-nav a{border:1px solid var(--line);background:var(--card);min-height:40px;transition:border-color var(--motion-hover-duration) var(--ease),background-color var(--motion-hover-duration) var(--ease);border-radius:999px;align-items:center;padding:8px 18px;font-size:14px;line-height:1.4;display:inline-flex}.design-site .knowledge-nav a:hover{border-color:var(--foreground)}.design-site .knowledge-nav a[aria-current=page]{background:var(--foreground);border-color:var(--foreground);color:var(--card)}.design-site .knowledge-nav a:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.design-site .knowledge-section{margin-bottom:112px}.design-site .knowledge-section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px 24px;margin-bottom:40px;display:flex}.design-site .knowledge-section-head h2{font-size:28px;line-height:1.5}.design-site .knowledge-section-head a{text-underline-offset:.3em;font-size:14px;text-decoration:underline}.design-site .knowledge-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:72px 48px;display:grid}.design-site .knowledge-cards .knowledge-card-main>img{border-radius:12px}.design-site .knowledge-cards .knowledge-card h3{margin-top:24px;font-size:22px;line-height:1.55}.design-site .knowledge-cards .knowledge-card-meta{margin-top:16px;font-size:13px}.design-site .knowledge-card-main>img{transition:opacity var(--motion-hover-duration) var(--ease)}@media (hover:hover){.design-site .knowledge-card-main:hover>img{opacity:.85}}@media (width<=809.98px){.design-site .knowledge-nav{margin-bottom:56px;padding-top:20px}.design-site .knowledge-nav ul{scrollbar-width:none;flex-wrap:nowrap;margin-inline:-16px;padding-inline:16px;overflow-x:auto}.design-site .knowledge-nav li{flex:none}.design-site .knowledge-section{margin-bottom:80px}.design-site .knowledge-section-head h2{font-size:22px}.design-site .knowledge-cards{grid-template-columns:minmax(0,1fr);gap:48px}.design-site .knowledge-cards .knowledge-card h3{margin-top:16px;font-size:19px}}.design-site .knowledge-article{padding-top:120px}body.design-site :is(.knowledge-article-header,.knowledge-hero){grid-template-columns:240px minmax(0,800px);justify-content:center;column-gap:48px;max-width:1136px;display:grid}body.design-site :is(.knowledge-article-header,.knowledge-hero)>*{grid-column:2;min-width:0}.design-site .knowledge-article-header{padding-block:40px 32px}.design-site .knowledge-breadcrumb{color:var(--sub-foreground);margin-bottom:20px}.design-site .knowledge-breadcrumb a+a:before{content:"/";color:var(--line);margin-right:12px}.design-site .knowledge-article-header h1{letter-spacing:.01em;text-wrap:pretty;font-size:34px;font-weight:700;line-height:1.55}.design-site .knowledge-byline{font-variant-numeric:tabular-nums;margin-top:20px;font-size:13px}.design-site .knowledge-article-header .knowledge-tags{margin-top:12px}.design-site .knowledge-hero img{border-radius:12px}.design-site .knowledge-article .knowledge-sticky-heading{border-top:1px solid var(--line);padding-top:40px}.design-site .knowledge-article .knowledge-body-section:first-of-type .knowledge-sticky-heading{border-top:0;padding-top:0}@media (width<=1199.98px){body.design-site :is(.knowledge-article-header,.knowledge-hero){max-width:none;display:block}}@media (width<=809.98px){.design-site .knowledge-article{padding-top:96px}.design-site .knowledge-article-header{padding-block:32px 24px}.design-site .knowledge-article-header h1{font-size:24px;line-height:1.6}.design-site .knowledge-article .knowledge-sticky-heading{padding-top:32px}}.design-site .glossary-jump{flex-wrap:wrap;align-items:center;gap:12px 20px;margin:-40px 0 72px;font-size:14px;display:flex}.design-site .glossary-jump p{color:var(--sub-foreground)}.design-site .glossary-jump ul{flex-wrap:wrap;gap:8px 20px;padding:0;list-style:none;display:flex}.design-site .glossary-jump a{text-underline-offset:.3em;align-items:baseline;gap:6px;text-decoration:underline;display:inline-flex}.design-site .glossary-jump a span{color:var(--sub-foreground);font-size:12px;text-decoration:none}.design-site .glossary-group{margin-bottom:80px;scroll-margin-top:120px}.design-site .glossary-group>h2{margin-bottom:24px;font-size:24px;line-height:1.5}.design-site .glossary-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0;list-style:none;display:grid}.design-site .glossary-cards a{background:var(--card);height:100%;transition:border-color var(--motion-hover-duration) var(--ease);border:1px solid #0000;border-radius:12px;flex-direction:column;gap:8px;padding:24px;display:flex}.design-site .glossary-cards a:hover{border-color:var(--foreground)}.design-site .glossary-cards a:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.design-site .glossary-cards strong{font-size:17px;font-weight:600;line-height:1.5}.design-site .glossary-cards span{color:var(--sub-foreground);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;line-height:1.8;display:-webkit-box;overflow:hidden}.design-site .glossary-entry{max-width:848px;padding-block:136px 96px}.design-site .glossary-entry-head{margin-bottom:32px}.design-site .glossary-entry-head h1{margin-top:12px;font-size:40px;font-weight:700;line-height:1.4}.design-site .glossary-entry-head h1 span{color:var(--sub-foreground);margin-left:.15em;font-size:.6em;font-weight:600}.design-site .glossary-entry .editorial-prose h2{margin-block:48px 16px;font-size:22px}.design-site .glossary-links,.design-site .glossary-related{margin-top:64px}.design-site .glossary-links h2,.design-site .glossary-related h2{margin-bottom:20px;font-size:20px;line-height:1.5}.design-site .glossary-links ul{gap:12px;padding:0;list-style:none;display:grid}.design-site .glossary-links a{background:var(--card);transition:border-color var(--motion-hover-duration) var(--ease);border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;font-weight:600;display:flex}.design-site .glossary-links a:hover{border-color:var(--foreground)}.design-site .glossary-links svg{flex:none;width:14px;height:14px}.design-site .glossary-related .glossary-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.design-site .glossary-back{text-align:center;margin-top:56px}@media (width<=1199.98px){.design-site .glossary-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=809.98px){.design-site .glossary-jump{margin:-24px 0 48px}.design-site .glossary-cards,.design-site .glossary-related .glossary-cards{grid-template-columns:minmax(0,1fr)}.design-site .glossary-group{margin-bottom:56px}.design-site .glossary-entry{padding-block:104px 64px}.design-site .glossary-entry-head h1{font-size:30px}}.design-site .knowledge-toolbar{border-top:1px solid var(--foreground);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;margin-bottom:40px;padding-top:24px;display:flex}.design-site .knowledge-toolbar .knowledge-nav{border-top:0;min-width:0;max-width:100%;margin-bottom:0;padding-top:0}.design-site .knowledge-toolbar .knowledge-nav ul{gap:8px}.design-site .knowledge-filters{align-items:center;gap:8px;display:flex}.design-site .knowledge-filter-q{width:220px;display:block;position:relative}.design-site .knowledge-filter-q input{border:1px solid var(--line);background:var(--card);width:100%;height:40px;color:var(--foreground);font:inherit;box-shadow:none;border-radius:999px;padding:0 44px 0 18px;font-size:14px}.design-site .knowledge-filter-q input:hover{border-color:var(--foreground)}.design-site .knowledge-filter-q input:focus{border-color:var(--foreground);outline:none}.design-site .knowledge-search-button{width:32px;height:32px;color:var(--foreground);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:4px;right:4px}.design-site .knowledge-search-button svg{width:16px;height:16px}.design-site .knowledge-search-button:hover{background:var(--muted)}.design-site .knowledge-search-button:focus-visible{outline:3px solid var(--brand);outline-offset:1px}.design-site .knowledge-filter-tag{flex:none;width:160px}.design-site .knowledge-filter-tag [role=combobox]{border:1px solid var(--line);background:var(--card);width:100%;height:40px;color:var(--foreground);font:inherit;box-shadow:none;text-align:left;border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 18px;font-size:14px;display:flex}.design-site .knowledge-filter-tag [role=combobox]:hover{border-color:var(--foreground)}.design-site .knowledge-filter-tag [role=combobox]>span:not(.knowledge-filter-prefix){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.design-site .knowledge-filter-prefix{color:var(--sub-foreground);font-size:12px}.design-site .knowledge-filter-tag [role=combobox]:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.design-site .knowledge-result{color:var(--sub-foreground);margin-bottom:32px;font-size:13px}@media (width<=809.98px){.design-site .knowledge-toolbar>*{flex:100%}.design-site .knowledge-toolbar>div,.design-site .knowledge-filters{width:100%}.design-site .knowledge-filter-q{flex:1;width:auto}.design-site .knowledge-filter-tag{width:150px}}body.design-site .knowledge-filter-tag [role=combobox] svg{transition:rotate var(--motion-hover-duration) var(--ease)}body.design-site .knowledge-filter-tag [role=combobox][data-state=open] svg{rotate:180deg}body.design-site [data-radix-popper-content-wrapper]>[role=listbox]{min-width:var(--radix-select-trigger-width);max-height:min(360px,var(--radix-select-content-available-height));border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow-card);transform-origin:var(--radix-select-content-transform-origin);border-radius:16px;padding:6px}body.design-site [data-radix-popper-content-wrapper]>[role=listbox][data-state=open]{animation:knowledge-select-in .2s var(--ease) both}body.design-site [data-radix-popper-content-wrapper]>[role=listbox][data-state=closed]{animation:knowledge-select-out .14s var(--ease) both}body.design-site [data-radix-popper-content-wrapper] [role=option]{min-height:36px;transition:background-color .12s var(--ease);border-radius:10px;padding:8px 32px 8px 12px;font-size:14px}body.design-site [data-radix-popper-content-wrapper] [role=option][data-highlighted]{background:var(--muted);color:var(--foreground)}body.design-site [data-radix-popper-content-wrapper] [role=option][data-state=checked]{font-weight:600}@keyframes knowledge-select-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:none}}@keyframes knowledge-select-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-4px)scale(.98)}}@media (prefers-reduced-motion:reduce){body.design-site [data-radix-popper-content-wrapper]>[role=listbox]{animation:none!important}body.design-site .knowledge-filter-tag [role=combobox] svg{transition:none}}