.case-hero{grid-template-columns:minmax(0,1fr) minmax(0,520px)}.case-hero__eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0}.case-hero__brand,.case-hero__chip{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:999px;font-size:12.5px;font-weight:700;color:var(--ink)}.case-hero__brand{border:1px solid var(--line-h);background:#fff}.case-hero__brand img{width:auto;height:14px}.case-hero__chip{background:#f2f2f5}.case-hero__chip--accent{background:color-mix(in srgb,var(--case-accent) 12%,#fff);color:var(--case-accent)}.case-hero__chip--draft{background:#fff1a8;color:#6b5200}.case-hero__facts{width:100%}.case-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin:0;overflow:hidden;border:1px solid var(--line-h);border-radius:10px;background:#fff}.case-facts div{padding:12px 16px 13px;border-top:1px solid #f0f0f3}.case-facts div:nth-child(-n+2){border-top:0}.case-facts div:nth-child(2n){border-left:1px solid #f0f0f3}.case-facts div:last-child:nth-child(odd){grid-column:1/-1}.case-facts dt{font-family:var(--font-ui);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#8a8a93}.case-facts dd{margin:4px 0 0;font-size:14.5px;font-weight:800;line-height:1.35;color:var(--ink)}.case-hero__stage{position:relative;padding:40px 30px 52px;border:1px solid color-mix(in srgb,var(--case-accent) 18%,#fff);border-radius:16px;background:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--case-accent) 26%,transparent) 1px,transparent 0) 0 0 /16px 16px,linear-gradient(160deg,color-mix(in srgb,var(--case-accent) 16%,#fff),color-mix(in srgb,var(--case-accent) 4%,#fff))}.case-hero__sel img{max-height:440px;object-fit:cover;object-position:top left;background:#fff}.case-hero__stat{position:absolute;left:-18px;bottom:-26px;z-index:3;display:flex;flex-direction:column;gap:2px;max-width:260px;margin:0;padding:12px 16px 13px;border-left:4px solid var(--case-accent);border-radius:10px;background:#fff;box-shadow:0 0 0 1px var(--line-h),0 18px 36px -18px rgba(0,0,0,.35)}.case-hero__stat strong{font-size:26px;font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--case-accent)}.case-hero__stat span{font-size:13px;line-height:1.4;color:var(--muted)}.case-hero__cursor{right:46px;bottom:-38px}.case-back{font-size:14px;font-weight:700;color:var(--muted-h);transition:color .2s ease}.case-back:hover{color:var(--ink)}.case-hero__title{max-width:12em}.case-hero__sub{max-width:34ch;font-size:clamp(19px,1.9vw,23px);line-height:1.35;font-weight:700;letter-spacing:-.015em;color:var(--ink)}.case-hero__cover{position:relative;justify-self:end;width:100%;margin-top:28px}.case-hero__sel img{display:block;width:100%;height:auto;border-radius:4px;box-shadow:0 0 0 1px var(--line-h),0 24px 48px -30px rgba(0,0,0,.45)}.case-hero__sticky{position:absolute;top:-40px;right:-14px;z-index:3;width:200px;padding:14px 16px 12px}.case-hero__sticky blockquote{font-size:14px;line-height:1.4}.case-layout{display:grid;grid-template-columns:240px minmax(0,1fr);grid-gap:36px;gap:36px;align-items:start}.case-layout__side{position:-webkit-sticky;position:sticky;top:calc(var(--topbar-h) + var(--ruler) + 24px);display:flex;flex-direction:column;gap:16px}.case-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.case-tags li{padding:4px 9px;border-radius:4px;background:#fff;box-shadow:inset 0 0 0 1px var(--line-h);font-size:12.5px;font-weight:700;color:#55555e}.clayers{overflow:hidden;border:1px solid var(--line-h);border-radius:8px;background:#fff;font-family:var(--font-ui)}.clayers__head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #eeeef1;font-size:12px;font-weight:700;color:var(--ink)}.clayers__head em{font-style:normal;font-weight:600;color:#8a8a93}.clayers__page{display:flex;align-items:center;gap:6px;padding:8px 12px 4px;font-size:12px;font-weight:700;color:var(--ink)}.clayers__page svg{width:11px;height:11px;color:#8a8a93}.clayers ol{max-height:calc(100vh - 300px);margin:0;padding:2px 0 8px;overflow-y:auto;list-style:none}.clayers li a{display:flex;align-items:center;gap:7px;padding:5px 12px 5px 22px;font-size:12.5px;line-height:1.35;color:#3b3b42;transition:background-color .15s ease,color .15s ease}.clayers li.lv3 a{padding-left:34px;color:#6c6c75}.clayers li a i{flex:none;width:12px;font-style:normal;font-size:11px;font-weight:700;text-align:center;color:#a2a2ab}.clayers li a:hover{background:#f4f6fa}.clayers li.is-on a{background:rgba(11,132,238,.1);color:var(--accent);font-weight:700}.clayers li.is-on a i{color:var(--accent)}.case-doc{position:relative;min-width:0;padding:52px 56px 64px;border:1px solid var(--line-h);border-radius:8px;background:#fff}.case-doc__comment{position:relative;margin:40px 0 0 auto;width:max-content;max-width:320px}.cb{display:flex;flex-direction:column;gap:16px;max-width:760px;margin:0 auto;font-size:16.5px;line-height:1.75;color:var(--body)}.cb strong{font-weight:700;color:var(--ink)}.cb a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.cb code{padding:1px 5px;border-radius:4px;background:#f2f2f5;font-size:.9em}.cb-h1,.cb-h2,.cb-h3{scroll-margin-top:calc(var(--topbar-h) + var(--ruler) + 24px);color:var(--ink);letter-spacing:-.02em}.cb-h1{margin-top:36px;padding-top:28px;border-top:1px dashed var(--line-h);font-size:32px;line-height:1.15}.cb-h1,.cb-h2{font-weight:800}.cb-h2{margin-top:28px;font-size:26px;line-height:1.2}.cb-h3{margin-top:18px;font-size:20px;line-height:1.3;font-weight:800}.cb>.cb-h1:first-child,.cb>.cb-h2:first-child,.cb>.cb-h3:first-child{margin-top:0;padding-top:0;border-top:0}.cb-p{margin:0}.cb-list{margin:0;padding-left:22px}.cb-list li{margin:4px 0;padding-left:4px}.cb-list li::marker{color:var(--case-accent,var(--accent));font-weight:700}.cb-num{display:block;width:max-content;margin-bottom:12px;padding:3px 9px;border-radius:6px;background:color-mix(in srgb,var(--case-accent,var(--accent)) 12%,#fff);font-family:var(--font-ui);font-size:12px;font-weight:800;letter-spacing:.06em;line-height:1.5;color:var(--case-accent,var(--accent))}.cb-sec{margin-top:36px;padding-top:28px;border-top:1px dashed var(--line-h);font-size:30px;line-height:1.15;font-weight:800}.cb-sec+.cb-p{font-size:1.08em;color:var(--ink)}.cb-h2:not(.cb-sec),.cb-h3:not(.cb-sec){padding-left:14px;border-left:3px solid var(--case-accent,var(--accent))}.cb-h2:not(.cb-sec){font-size:23px}.cb-quote{margin:6px 0;padding:16px 20px;border-radius:0 10px 10px 0;background:color-mix(in srgb,var(--case-accent,var(--accent)) 6%,#fff);font-size:19px;line-height:1.55;font-weight:600;font-style:italic;color:var(--ink)}.cb-callout,.cb-quote{border-left:4px solid var(--case-accent,var(--accent))}.cb-callout{display:flex;flex-direction:column;gap:10px;padding:18px 22px 20px;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px #e9e9ee,0 10px 28px -22px rgba(0,0,0,.35)}.cb-callout .cb-callout{padding:0;border-left:0;background:transparent;box-shadow:none}.cb-callout__title{margin:0;font-family:var(--font-ui);font-size:12.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--case-accent,var(--accent))}.cb-callout--list>.cb-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:10px;gap:10px;padding:0;list-style:none;counter-reset:card}.cb-callout--list>.cb-list>li{position:relative;margin:0;padding:34px 16px 14px;border-radius:8px;background:#f7f7f9;box-shadow:inset 0 0 0 1px #eeeef2;line-height:1.6;counter-increment:card}.cb-callout--list>.cb-list>li:before{content:counter(card,decimal-leading-zero);position:absolute;top:11px;left:16px;font-family:var(--font-ui);font-size:11.5px;font-weight:800;letter-spacing:.06em;color:var(--case-accent,var(--accent))}.cb-callout .cb-list{font-size:15.5px}.cb-toggle{border-radius:8px;box-shadow:inset 0 0 0 1px var(--line-h)}.cb-toggle summary{display:flex;align-items:center;gap:10px;padding:12px 16px;font-size:15px;font-weight:700;color:var(--ink);cursor:pointer;list-style:none}.cb-toggle summary::-webkit-details-marker{display:none}.cb-toggle summary:before{content:"";width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid #8a8a93;transition:transform .2s ease}.cb-toggle[open] summary:before{transform:rotate(90deg)}.cb-toggle__body{display:flex;flex-direction:column;gap:12px;padding:0 18px 16px 34px;font-size:15.5px}.cb-todo{margin:0}.cb-hr{width:100%;margin:12px 0;border:0;border-top:1px dashed var(--line-h)}.cb-cols{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));grid-gap:28px;gap:28px}.cb-col{display:flex;flex-direction:column;gap:12px;min-width:0}.cb-img{margin:10px -40px;padding:20px 20px 14px;border-radius:14px;background:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--case-accent,var(--accent)) 20%,transparent) 1px,transparent 0) 0 0 /16px 16px,color-mix(in srgb,var(--case-accent,var(--accent)) 6%,#fff)}.cb-img img{display:block;width:100%;height:auto;border-radius:6px;box-shadow:0 0 0 1px var(--line-h),0 16px 32px -24px rgba(0,0,0,.4)}.cb-img figcaption{margin-top:8px;font-size:13px;text-align:center;color:#8a8a93}.cb .cb-link{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:8px;background:#fff;box-shadow:inset 0 0 0 1px var(--line-h);color:var(--ink);text-decoration:none;transition:box-shadow .2s ease}.cb .cb-link:hover{box-shadow:inset 0 0 0 1px var(--accent)}.cb-link span{display:flex;flex-direction:column;gap:2px;min-width:0}.cb-link strong{overflow:hidden;font-size:15px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.cb-link em{font-style:normal;font-size:13px;line-height:1.3;color:#8a8a93}.cb-link i{margin-left:auto;font-style:normal;color:var(--accent)}.cb-link--figma{padding:18px 20px;background:#fafafb}.cb-figma{flex:none;width:34px;height:34px;border-radius:8px;background:#1d1d22 url(/svg/tech-figma.svg) 50%/16px no-repeat;filter:none}.cb-table{overflow-x:auto;border-radius:8px;box-shadow:inset 0 0 0 1px var(--line-h)}.cb-table__title{margin:0;padding:12px 16px 0;font-size:14px;font-weight:800;color:var(--ink)}.cb-table table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.55}.cb-table th{padding:10px 14px;border-bottom:1px solid #eeeef1;font-family:var(--font-ui);font-size:11.5px;font-weight:700;letter-spacing:.04em;text-align:left;text-transform:uppercase;color:#8a8a93;background:#fafafb}.cb-table td:first-child{font-weight:700;color:var(--ink)}.cb-table tbody tr:hover td{background:color-mix(in srgb,var(--case-accent,var(--accent)) 4%,#fff)}.cb-table td{padding:12px 14px;border-top:1px solid #f0f0f3;vertical-align:top;white-space:pre-line}.cb-flow{padding:16px 18px;border-radius:8px;box-shadow:inset 0 0 0 1px var(--line-h)}.cb-flow__title{margin:0 0 10px;font-size:14px;font-weight:800;color:var(--ink)}.cb-flow ol{display:flex;flex-wrap:wrap;align-items:center;gap:8px 6px;margin:0;padding:0;list-style:none;font-size:14px;line-height:1.4}.cb-flow li{position:relative;padding:6px 12px;border-radius:16px;background:#f6f7f9;box-shadow:inset 0 0 0 1px #eceef2;color:var(--ink)}.cb-flow li:not(:last-child){margin-right:22px}.cb-flow li:not(:last-child):after{content:"→";position:absolute;top:50%;right:-19px;translate:0 -50%;color:var(--case-accent,var(--accent));font-weight:700}.cl-hero{grid-template-columns:minmax(0,1fr)}.cl-hero__title{font-size:clamp(40px,5vw,64px)}.cl-list{gap:28px}.cl-group,.cl-list{display:flex;flex-direction:column}.cl-group{gap:12px}.cl-group__title{margin:0;font-family:var(--font-ui);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.cl-row{display:grid;grid-template-columns:168px minmax(0,1fr) auto;grid-gap:20px;gap:20px;align-items:center;padding:12px 20px 12px 12px;border:1px solid var(--line-h);border-radius:10px;background:#fff;color:inherit;text-decoration:none;transition:box-shadow .2s ease}.cl-row:hover{box-shadow:0 0 0 2px var(--figma-blue)}.cl-row__img{width:168px;height:108px;border-radius:6px;object-fit:cover;object-position:top left;background:#f4f4f6;box-shadow:inset 0 0 0 1px #ececf0}.cl-row__text{display:flex;flex-direction:column;gap:3px;min-width:0}.cl-row__meta{font-size:12.5px;color:var(--muted)}.cl-row__title{font-size:18px;font-weight:800;letter-spacing:-.01em;color:var(--ink)}.cl-row__sub{font-size:14px;color:var(--body)}.cl-row__marks{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.cl-chip{padding:2px 9px;border-radius:999px;font-size:12px;font-weight:700;color:var(--ink)}.cl-chip--dummy{background:#fff1a8}.cl-chip--check{outline:1.5px dashed #f08c00;outline-offset:-1.5px}.cl-chip--visual{background:#f0f0f3}.cl-chip--ok{background:#e6f4ec;color:#136f45}.cl-row__file{margin-top:4px;font-size:12px;color:var(--muted);overflow-wrap:anywhere}.cl-row__go{font-size:14px;font-weight:700;white-space:nowrap;color:var(--accent)}@media (max-width:767.98px){.cl-row{grid-template-columns:minmax(0,1fr);padding:12px}.cl-row__img{width:100%;height:auto;aspect-ratio:2/1}.cl-row__go{display:none}}.cb-mark{padding:0 3px;border-radius:3px;color:inherit}.cb-mark--dummy{background:#fff1a8;box-shadow:inset 0 -1px 0 #e9c400}.cb-mark--check{background:transparent;outline:1.5px dashed #f08c00;outline-offset:1px}.cb-draft{margin:0 0 8px;padding:12px 16px;border-radius:8px;background:#fffbe6;box-shadow:inset 0 0 0 1px #f5e3a0;font-size:14px;line-height:1.6}.cb-visual{display:flex;flex-direction:column;gap:6px;padding:28px 22px;border:1.5px dashed #b8b8c2;border-radius:8px;background:repeating-linear-gradient(-45deg,#fafafb 0 10px,#f4f4f6 10px 20px);font-size:14.5px;line-height:1.55;text-align:center;color:var(--muted)}.cb-visual__label{font-family:var(--font-ui);font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--figma-blue)}.case-next{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-gap:32px;gap:32px;align-items:center;padding:12px;border:1px solid var(--line-h);border-radius:10px;background:#fff;transition:border-color .2s ease,transform .3s ease}.case-next:hover{border-color:#c9c9d1;box-shadow:0 16px 32px -26px rgba(0,0,0,.3);transform:translateY(-2px)}.case-next__text{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px 20px}.case-next__text em{font-style:normal;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--accent)}.case-next__text strong{font-size:28px;line-height:1.15;font-weight:800;letter-spacing:-.02em;color:var(--ink)}.case-next__text>span{font-size:15px;line-height:1.55;color:var(--muted-h)}.case-next__text b{margin-top:10px;font-size:15px;font-weight:800;color:var(--ink)}.case-next__img{display:block;overflow:hidden;border-radius:6px}.case-next__img img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.case-card__body,.case-next__text{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px 8px 8px}@media (max-width:991.98px){.case-hero,.case-layout,.case-next{grid-template-columns:1fr}.case-layout__side{position:static}.case-doc{padding:32px 22px 40px}.cb-img{margin:8px 0}.cb-cols{grid-template-columns:1fr}}.cb-callout .cb-callout__title+*,.cb-callout__title,.cb-p{white-space:pre-line}.xp__toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-bottom:26px}.xp__toolbar .pidx__filters{margin:0}.xp__hint{font-family:var(--font-ui);font-size:12.5px;color:#8a8a93}.xp__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row dense;grid-gap:30px 22px;gap:30px 22px}.xp__tile{display:flex;flex-direction:column;gap:8px;min-width:0;padding:0;border:0;background:none;font:inherit;text-align:left;cursor:zoom-in}.xp__tile.is-big{grid-column:span 2;grid-row:span 2}.xp__name{display:flex;align-items:center;gap:6px;min-width:0;font-family:var(--font-ui);font-size:12px;font-weight:500;color:#7a7a83;transition:color .2s ease}.xp__name svg{flex:none;width:11px;height:11px}.xp__name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xp__frame{position:relative;display:block;border-radius:4px;box-shadow:0 0 0 1px var(--line-h),0 14px 30px -24px rgba(0,0,0,.5);transition:box-shadow .2s ease,transform .35s cubic-bezier(.22,1,.36,1)}.xp__tile.is-big .xp__frame{flex:1 1}.xp__frame img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:4px;background:#e9e9ee}.xp__tile.is-big .xp__frame img{height:100%;aspect-ratio:auto}.xp__frame>i{position:absolute;width:8px;height:8px;border:1px solid var(--accent);background:#fff;opacity:0;transition:opacity .2s ease}.xp__frame>i:first-of-type{top:-4px;left:-4px}.xp__frame>i:nth-of-type(2){top:-4px;right:-4px}.xp__frame>i:nth-of-type(3){bottom:-4px;left:-4px}.xp__frame>i:nth-of-type(4){right:-4px;bottom:-4px}.xp__kind,.xp__size{position:absolute;opacity:0;transition:opacity .2s ease,transform .2s ease;font-family:var(--font-ui);white-space:nowrap;pointer-events:none}.xp__size{left:50%;bottom:-11px;padding:2px 6px;border-radius:3px;background:var(--accent);font-size:11px;line-height:1.3;transform:translateX(-50%)}.xp__kind,.xp__size{font-weight:600;color:#fff}.xp__kind{top:10px;right:10px;padding:3px 8px;border-radius:4px;background:rgba(17,18,19,.78);font-style:normal;font-size:11.5px;transform:translateY(-4px)}.xp__tile:focus-visible .xp__name,.xp__tile:hover .xp__name{color:var(--accent)}.xp__tile:focus-visible .xp__frame,.xp__tile:hover .xp__frame{box-shadow:0 0 0 1.5px var(--accent),0 22px 40px -26px rgba(0,0,0,.55);transform:translateY(-3px)}.xp__tile:focus-visible .xp__frame>i,.xp__tile:focus-visible .xp__kind,.xp__tile:focus-visible .xp__size,.xp__tile:hover .xp__frame>i,.xp__tile:hover .xp__kind,.xp__tile:hover .xp__size{opacity:1;transform:none}.xp__tile:focus-visible .xp__size,.xp__tile:hover .xp__size{transform:translateX(-50%)}.xp__tile:focus-visible{outline:none}.xp__more{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:36px}.xview{position:fixed;inset:0;z-index:120;display:grid;grid-template-rows:60px minmax(0,1fr) 96px;background:#161619;color:#fff}.xview__bar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;grid-gap:16px;gap:16px;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.08)}.xview__title{display:flex;align-items:center;gap:8px;min-width:0;font-size:14px}.xview__title svg{flex:none;width:12px;height:12px;color:rgba(255,255,255,.5)}.xview__title strong{overflow:hidden;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.xview__title span{flex:none;padding:2px 8px;border-radius:4px;background:rgba(255,255,255,.1);font-size:12px;font-weight:600;color:rgba(255,255,255,.75)}.xview__count{font-family:var(--font-ui);font-size:13px;font-weight:600;color:rgba(255,255,255,.6);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.xview__actions{display:flex;justify-content:flex-end;align-items:center;gap:10px}.xview__btn{display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:6px;background:#fff;font-size:13.5px;font-weight:700;color:#0b0b0c}.xview__close{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:6px;background:rgba(255,255,255,.1);color:#fff;cursor:pointer}.xview__close svg{width:16px;height:16px}.xview__arrow:hover,.xview__close:hover{background:rgba(255,255,255,.2)}.xview__stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;padding:28px 96px}.xview__img{display:block;max-width:min(1240px,100%);max-height:100%;width:auto;height:auto;border-radius:6px;box-shadow:0 30px 80px -30px rgba(0,0,0,.8)}.xview__arrow{position:absolute;top:50%;display:grid;place-items:center;width:48px;height:48px;margin-top:-24px;border:0;border-radius:50%;background:rgba(255,255,255,.1);font-size:20px;color:#fff;cursor:pointer;transition:background-color .15s ease}.xview__arrow--prev{left:28px}.xview__arrow--next{right:28px}.xview__strip{display:flex;align-items:center;gap:10px;padding:0 20px;overflow-x:auto;border-top:1px solid rgba(255,255,255,.08);scrollbar-width:none}.xview__strip button{flex:none;padding:0;border:0;border-radius:4px;background:none;opacity:.45;cursor:pointer;transition:opacity .2s ease,box-shadow .2s ease}.xview__strip button:hover{opacity:.8}.xview__strip button.is-on{opacity:1;box-shadow:0 0 0 2px var(--accent)}.xview__strip img{display:block;width:84px;height:63px;object-fit:cover;border-radius:4px}@media (max-width:991.98px){.xp__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.xview__stage{padding:16px}.xview__arrow{display:none}}.xshots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:30px 22px;gap:30px 22px;padding-bottom:24px}.xshots__dribbble{margin-left:auto;font-size:14px;font-weight:700}@media (max-width:991.98px){.xshots{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}}@media (max-width:767.98px){.nmodal{padding:10px}.nmodal__dialog{max-height:calc(100dvh - 20px)}.nmodal__head{padding:14px 12px 14px 16px}.nmodal__title h3{font-size:18px}.nmodal__body{padding:20px 14px 4px}.xshots__dribbble{display:none}.nmodal__close{margin-left:auto}.xshots .xp__name{font-size:11px}}html{text-size-adjust:100%}a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.clayers ol,.nmodal__body,.xview,.xview__strip{overscroll-behavior:contain}@media (hover:none),(max-width:991.98px){.case-card:hover,.case-next:hover,.hw__card:hover{transform:none}}@media (max-width:991.98px){.hw__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:0;gap:0}.hw__metrics div{padding:0 10px}.hw__metrics dd{line-height:1.35}.kit__cursor,.principles__cursor,.wk-board__cursor{display:none}.ab-facts{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px 16px;gap:12px 16px;width:100%}.ab-facts div,.ab-facts div:first-child{padding:0;border-left:0}.hero3__title{text-wrap:balance}.wk-board{max-width:440px;padding-top:40px}.case-hero__cover{max-width:560px;justify-self:start;margin-top:36px}.case-layout{gap:20px}.clayers__head{cursor:pointer}.clayers:not(.is-open) .clayers__page,.clayers:not(.is-open) ol{display:none}.clayers:not(.is-open) .clayers__head{border-bottom:0}.clayers__chev{display:inline-block;width:7px;height:7px;margin-left:8px;border-right:1.5px solid;border-bottom:1.5px solid;transform:translateY(-2px) rotate(45deg);transition:transform .2s ease}.clayers.is-open .clayers__chev{transform:translateY(1px) rotate(-135deg)}.clayers ol{max-height:50vh}.cb-table table{min-width:560px}}@media (min-width:992px){.clayers__chev{display:none}.clayers__head{pointer-events:none}}.clayers__head{width:100%;border:solid #eeeef1;border-width:0 0 1px;background:none;font-family:inherit;text-align:left}.clayers__head em{display:inline-flex;align-items:center}@media (max-width:767.98px){.hero3__title{font-size:clamp(29px,8.3vw,38px);letter-spacing:-.035em}.overview__frame{padding-bottom:20px}.fsection,.fsection:hover{padding:46px 14px 28px}.fsection__tag{top:-14px;left:12px}.fsection__meta{right:12px;max-width:46%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shead{flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:26px}.shead__aside{width:100%;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}.works__sticky{max-width:230px}.ab-facts dd{font-size:14.5px}.overview__photo{margin-bottom:64px}.hw{gap:16px}.hw__visual{height:232px;padding:16px}.hw__visual:not(.hw__visual--shot)>*{zoom:.84}.hw__title{font-size:18px}.hw__metrics dt{font-size:19px}.cs__stats dd,.hw__metrics dd{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.pidx__row--head{display:none}.pidx__row,.pidx__row:first-child{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"proj proj proj" "year comp out";gap:8px 10px;padding:14px 16px;border-top:1px solid #eeeef1}.pidx__row>:first-child{grid-area:year}.pidx__row>:nth-child(2){grid-area:proj}.pidx__row>:nth-child(3){display:block;grid-area:comp;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600;color:#8a8a93}.pidx__row>:nth-child(4){display:none}.pidx__row>:nth-child(5){grid-area:out}.pidx__year{font-size:12.5px}.pidx__project strong{font-size:15.5px}.pidx__out b{font-size:16px}.pidx__filters{flex-wrap:nowrap;margin-inline:-14px;padding:2px 14px 6px;overflow-x:auto;scrollbar-width:none}.pidx__filters::-webkit-scrollbar{display:none}.pidx__chip{flex:none}.xp__toolbar{margin-bottom:18px}.xp__grid{gap:22px 12px}.xp__name{font-size:11px}.xp__more{flex-direction:column;gap:16px}.xview{grid-template-rows:56px minmax(0,1fr) 84px}.xview__bar{grid-template-columns:minmax(0,1fr) auto;padding:0 12px}.xview__count,.xview__title span{display:none}.xview__btn{padding:0 10px;font-size:12.5px}.xview__stage{padding:12px}.xview__strip{gap:8px;padding:0 12px}.xview__strip img{width:68px;height:51px}.case-hero__sub{font-size:19px}.case-hero__sticky{top:-34px;right:-6px;width:170px}.case-hero__stage{padding:34px 16px 46px}.case-hero__stat{left:10px;bottom:-22px;max-width:220px}.case-hero__stat strong{font-size:22px}.case-hero__cursor{display:none}.case-facts dd{font-size:13.5px}.case-doc{padding:26px 16px 32px}.cb{font-size:15.5px;line-height:1.7}.cb-h1,.cb-sec{font-size:26px}.cb-h2:not(.cb-sec){font-size:21px}.cb-h3{font-size:18px}.cb-callout{padding:14px 16px}.cb-toggle__body{padding:0 14px 14px 22px}.cb-quote{font-size:17px}.case-doc__comment{width:auto;max-width:none;margin-left:0}.case-next{padding:10px;gap:6px}.case-next__text{padding:12px 10px}.case-next__text strong{font-size:23px}.career__item{padding:24px 0}.foot__row{grid-template-columns:52px minmax(0,1fr) 14px}.foot__row-value{font-size:15px}}.xp__hint--touch{display:none}@media (hover:none){.xp__hint--mouse{display:none}.xp__hint--touch{display:inline}.only-pointer{display:none}}@media (max-width:991.98px){.fsection,.fsection:hover{padding:0;border:0;border-radius:0;background:transparent}.fsection>.fsection__meta,.fsection>.fsection__sel,.fsection>.fsection__tag{display:none}.stack{gap:72px}}@media (max-width:767.98px){.stack{gap:64px}.overview__frame{gap:26px}.overview__frame>.overview__photo{--hd:40ms;order:-1;display:flex;align-items:center;gap:14px;justify-self:stretch;width:100%;max-width:none;margin:0}.overview__photo .polaroid{flex:none;width:92px}.overview__photo .fsel img{aspect-ratio:1;object-position:50% 38%}.overview__photo .fsel__label,.overview__photo .fsel__size,.overview__photo .overview__sticky{display:none}.overview__photo .overview__comment{position:static;flex:1 1;min-width:0;max-width:none}.overview__photo .fcomment__pin{display:none}.overview__photo .fcomment__bubble{border-radius:6px}}@media (min-width:992px){.stack--canvas{gap:136px}.stack--canvas .fsection,.stack--canvas .fsection:hover{padding:0;border:0;border-radius:0;background:transparent}.stack--canvas .fsection>.fsection__sel{inset:-26px -30px;border-radius:2px}.stack--canvas .fsection>.fsection__tag{top:-58px;left:-30px;height:24px;padding:0 8px;background:transparent;box-shadow:none;font-size:12.5px;color:#7a7a83;transition:opacity .2s ease,background-color .2s ease,color .2s ease}.stack--canvas .fsection:has(>.shead)>.fsection__tag{opacity:0}.stack--canvas .fsection>.fsection__meta{top:-55px;right:-30px;padding:0;background:transparent;opacity:0;transition:opacity .2s ease,color .2s ease}}@media (min-width:992px) and (hover:hover) and (pointer:fine){.stack--canvas .fsection:hover>.fsection__tag{opacity:1;background:var(--accent);color:#fff}.stack--canvas .fsection:hover>.fsection__meta{opacity:1;color:var(--accent)}}.wframe{position:relative;min-width:0;border:1px solid #dcdce2;border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.04),0 28px 56px -40px rgba(0,0,0,.4)}.wframe__bar{justify-content:space-between;gap:16px;height:46px;padding:0 12px 0 16px;border-bottom:1px solid #ececf0;border-radius:12px 12px 0 0;background:#fafafb;font-family:var(--font-ui);font-size:12.5px}.wframe__bar,.wframe__name{display:flex;align-items:center}.wframe__name{gap:7px;min-width:0;white-space:nowrap}.wframe__name svg{flex:none;width:12px;height:12px;color:#8a8a93}.wframe__name em{font-style:normal;color:#8a8a93}.wframe__name i{font-style:normal;color:#c4c4cc}.wframe__name strong{overflow:hidden;font-weight:700;color:#1d1d22;text-overflow:ellipsis}.wframe__tools{display:flex;flex:none;align-items:center;gap:14px;color:#8a8a93}.wframe__people{display:flex}.wframe__people img{width:22px;height:22px;margin-left:-6px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #fafafb}.wframe__people img:first-child{margin-left:0}.wframe__zoom{padding:3px 7px;border-radius:4px;background:#f0f0f3;font-weight:600;color:#55555e}.wframe__play{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px 0 8px;border-radius:6px;background:#1d1d22;font-weight:600;color:#fff}.wframe__play svg{width:10px;height:10px;fill:#fff}.wframe__body{border-radius:0 0 12px 12px}.fw-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.fw-toolbar__count{font-family:var(--font-ui);font-size:12.5px;font-weight:500;color:#8a8a93}.fw-view{display:inline-flex;gap:2px;padding:3px;border-radius:8px;background:#fff;box-shadow:inset 0 0 0 1px var(--line-h)}.fw-view button{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px 0 10px;border:0;border-radius:6px;background:none;font:inherit;font-size:13.5px;font-weight:600;color:#6c6c75;cursor:pointer;transition:background-color .15s ease,color .15s ease}.fw-view button svg{width:15px;height:15px}.fw-view button:hover{color:var(--ink)}.fw-view button.is-on{background:var(--ink);color:#fff}.fw-view button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.fw-title{margin-top:0;font-size:clamp(22px,2.2vw,28px);line-height:1.18;font-weight:800;letter-spacing:-.02em;color:var(--ink)}.fw-summary{margin-top:10px;max-width:60ch;font-size:15px;line-height:1.65;color:var(--body)}.fw-metrics{display:flex;margin:22px 0 0}.fw-metrics div{padding:0 18px;border-left:1px solid var(--line-h)}.fw-metrics div:first-child{padding-left:0;border-left:0}.fw-metrics dt{font-size:26px;line-height:1.05;font-weight:800;letter-spacing:-.03em;color:var(--ink)}.fw-metrics dd{margin:4px 0 0;font-size:12.5px;font-weight:600;color:#8a8a93}.fw-cta{display:inline-block;margin-top:22px;font-size:14.5px;font-weight:700}.fw-visual{position:relative;display:grid;place-items:center;min-width:0;min-height:340px;padding:28px;overflow:hidden;border-radius:8px;background-color:#f3f4f7;background-image:radial-gradient(circle at center,#d7d8de 1px,transparent 1.3px);background-size:16px 16px;font-family:var(--font-sans);color:#1d1d22}.fw-visual .mk-win--xl{width:600px;max-width:none;zoom:var(--fw-zoom,1)}.fw-visual .mk-phone{margin-top:0}.fw-visual--kita-label{padding:18px}.fw-visual__shot{display:block;width:100%;height:100%;max-height:420px;object-fit:cover;object-position:top;border-radius:6px;box-shadow:0 0 0 1px var(--line-h),0 18px 36px -24px rgba(0,0,0,.35)}.fw-bento{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:24px;gap:24px}.fw-bento__item{display:flex;flex-direction:column}.fw-bento__item .wframe__body{display:flex;flex:1 1;flex-direction:column;padding:12px}.fw-bento .fw-visual{--fw-zoom:0.74;height:320px;min-height:0}.fw-bento .fw-visual__shot{max-height:none}.fw-bento__body{display:flex;flex:1 1;flex-direction:column;align-items:flex-start;padding:18px 10px 10px}.fw-bento .fw-title{font-size:22px}.fw-bento .fw-summary{font-size:14.5px}.fw-bento .fw-metrics dt{font-size:23px}.fw-bento .fw-cta{margin-top:auto;padding-top:22px}.fw-stack{display:flex;flex-direction:column;gap:32px}.fw-stack__item .wframe__body{padding:32px 36px}.fw-stack__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-gap:44px;gap:44px;align-items:center}.fw-stack__grid.is-flip{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.fw-stack__grid.is-flip .fw-stack__text{order:2}.fw-stack__text{display:flex;flex-direction:column;align-items:flex-start}.fw-stack .fw-visual{--fw-zoom:0.86;min-height:380px}@media (max-width:991.98px){.fw-stack__grid,.fw-stack__grid.is-flip{grid-template-columns:1fr;gap:22px}.fw-stack__grid.is-flip .fw-stack__text{order:0}.fw-bento{grid-template-columns:1fr}.fw-bento .fw-visual,.fw-stack .fw-visual{--fw-zoom:1}.fw-bento .fw-visual{height:auto;min-height:300px}.fw-stack .fw-visual{min-height:0}.fw-toolbar{display:none}}@media (max-width:767.98px){.wframe__meta,.wframe__people,.wframe__zoom{display:none}.wframe__bar{padding:0 10px 0 12px}.wframe__name em,.wframe__name i{display:none}.fw-stack__item .wframe__body{padding:16px}.fw-visual{padding:16px 8px}.fw-bento .fw-visual{height:auto;min-height:260px}.fw-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.fw-metrics div{padding:0 10px}.fw-bento .fw-metrics dt,.fw-metrics dt{font-size:20px}.fw-metrics dd{font-size:11.5px;line-height:1.35}}@media (max-width:640px){.fw-visual .mk-win--xl{zoom:.8}}@media (max-width:540px){.fw-visual .mk-win--xl{zoom:.66}}@media (max-width:460px){.fw-visual .mk-win--xl{zoom:.5}}@media (max-width:400px){.fw-visual .mk-win--xl{zoom:.44}}@media (max-width:370px){.fw-visual .mk-win--xl{zoom:.4}}.fw-quote{width:280px}.fw-quote blockquote{font-size:14px;line-height:1.45}.fw-bento__item,.fw-stack__item{position:relative}.fw-comment{position:absolute;z-index:6}.fsection>.words__comment>*,.fw-comment>*{animation:fw-float 6s ease-in-out infinite}.fsection>.words__comment>*{animation-duration:7s}.fw-bento .fw-comment{top:300px}.fw-bento .fw-comment--left,.fw-stack .fw-comment--left{left:-17px}.fw-bento .fw-comment--right,.fw-stack .fw-comment--right{right:-17px}.fw-stack .fw-comment{bottom:44px}.fcomment--pin{width:34px;height:34px;max-width:none;outline:none;cursor:pointer}.fcomment--pin .fcomment__pin{position:relative;transition:transform .2s ease,box-shadow .2s ease}.fcomment--pin .fcomment__pin:after{content:"";position:absolute;top:-1px;right:-1px;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px #fff;transition:opacity .2s ease}.fcomment--pin .fcomment__bubble{position:absolute;top:0;left:42px;width:250px;opacity:0;pointer-events:none;transform:translateX(-6px) scale(.96);transform-origin:left top;transition:opacity .18s ease,transform .25s cubic-bezier(.22,1,.36,1)}.fw-comment--right.fcomment--pin .fcomment__bubble{left:auto;right:42px;border-radius:6px 2px 6px 6px;transform:translateX(6px) scale(.96);transform-origin:right top}.fcomment--pin:focus-visible .fcomment__bubble,.fcomment--pin:hover .fcomment__bubble{opacity:1;pointer-events:auto;transform:none}.fcomment--pin:focus-visible .fcomment__pin,.fcomment--pin:hover .fcomment__pin{transform:scale(1.08);box-shadow:0 0 0 1.5px var(--accent),0 6px 14px -8px rgba(0,0,0,.3)}.fcomment--pin:focus-visible .fcomment__pin:after,.fcomment--pin:hover .fcomment__pin:after{opacity:0}.fsection>.words__comment{position:absolute;right:0;bottom:-40px;z-index:4}@keyframes fw-float{50%{translate:0 -5px}}.fw-more{display:flex;align-items:center;gap:22px;margin-top:28px;padding:16px 18px 16px 22px;border:1px solid #dcdce2;border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.04);transition:border-color .2s ease,box-shadow .3s ease,transform .35s cubic-bezier(.22,1,.36,1)}.fw-more__thumbs{position:relative;flex:none;width:132px;height:64px}.fw-more__thumbs img{position:absolute;top:6px;width:72px;height:54px;object-fit:cover;border-radius:4px;box-shadow:0 0 0 1px #e1e2e7,0 6px 14px -8px rgba(0,0,0,.35);transition:transform .45s cubic-bezier(.22,1,.36,1)}.fw-more__thumbs img:first-child{left:0;transform:rotate(-8deg)}.fw-more__thumbs img:nth-child(2){left:30px;z-index:1;transform:rotate(-1deg) translateY(-2px)}.fw-more__thumbs img:nth-child(3){left:60px;z-index:2;transform:rotate(7deg)}.fw-more__text{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.fw-more__text strong{font-size:18px;font-weight:800;letter-spacing:-.015em;color:var(--ink)}.fw-more__text em{font-style:normal;font-size:14px;color:var(--muted-h)}.fw-more__btn{flex:none;gap:8px}.fw-more__btn i{font-style:normal;transition:transform .25s ease}@media (hover:hover) and (pointer:fine){.fw-bento__item,.fw-stack__item{transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease,border-color .2s ease}.fw-visual>*{transition:transform .6s cubic-bezier(.22,1,.36,1)}.fw-bento__item:hover,.fw-stack__item:hover{transform:translateY(-3px);border-color:#c9c9d1;box-shadow:0 1px 2px rgba(0,0,0,.04),0 16px 32px -26px rgba(0,0,0,.3)}.wframe:hover .fw-visual>*{transform:translateY(-4px) scale(1.012)}.wframe:hover .fw-cta{background-size:100% 2px}.fw-more:hover{transform:translateY(-2px);border-color:#c9c9d1;box-shadow:0 14px 28px -24px rgba(0,0,0,.3)}.fw-more:hover .fw-more__thumbs img:first-child{transform:rotate(-14deg) translate(-8px,2px)}.fw-more:hover .fw-more__thumbs img:nth-child(2){transform:rotate(-1deg) translateY(-8px)}.fw-more:hover .fw-more__thumbs img:nth-child(3){transform:rotate(13deg) translate(10px,2px)}.fw-more:hover .fw-more__btn i{transform:translateX(3px)}}@media (prefers-reduced-motion:reduce){.fsection>.words__comment>*,.fw-comment>*{animation:none}}@media (max-width:991.98px){.fsection>.words__comment,.fw-comment{display:none}}@media (max-width:767.98px){.fw-more{flex-wrap:wrap;gap:14px;padding:16px}.fw-more__thumbs{display:none}.fw-more__text strong{font-size:16.5px}.fw-more__btn{width:100%;justify-content:center}}.reveal-on [data-reveal]{opacity:0;translate:0 28px;transition:opacity .7s cubic-bezier(.22,1,.36,1) var(--rd,0s),translate .85s cubic-bezier(.22,1,.36,1) var(--rd,0s),scale .7s cubic-bezier(.22,1,.36,1) var(--rd,0s),filter .7s ease var(--rd,0s),rotate .3s ease,transform .4s cubic-bezier(.22,1,.36,1),box-shadow .3s ease,border-color .2s ease,background-color .2s ease,color .2s ease}.reveal-on [data-reveal=fade]{translate:none}.reveal-on [data-reveal=pop]{translate:0 12px;scale:.92}.reveal-on [data-reveal=blur]{translate:0 22px;filter:blur(10px)}.reveal-on [data-reveal].is-in{opacity:1;translate:0 0;scale:1;filter:none}.reveal-on .sticky[data-reveal]{transition:opacity .7s cubic-bezier(.22,1,.36,1) var(--rd,0s),translate .85s cubic-bezier(.22,1,.36,1) var(--rd,0s),scale .7s cubic-bezier(.22,1,.36,1) var(--rd,0s)}.reveal-on .shead__hl{background-size:0 40%;transition:background-size .7s cubic-bezier(.65,0,.35,1) calc(var(--rd, 0s) + .18s)}.reveal-on .is-in .shead__hl{background-size:100% 40%}@media (hover:none),(max-width:991.98px){.reveal-on [data-reveal=blur]{filter:none}}@keyframes reveal-in{0%{opacity:.01;translate:0 24px}}@keyframes reveal-in-blur{0%{opacity:.01;translate:0 22px;filter:blur(10px)}}@keyframes reveal-pop{0%{opacity:.01;translate:0 12px;scale:.92}}.reveal-on .overview [data-reveal],.reveal-on .overview>.frame-name{opacity:1;translate:none;scale:none;filter:none;animation:reveal-in .8s cubic-bezier(.22,1,.36,1) var(--hd,0s) both}.reveal-on .overview [data-reveal=blur]{animation-name:reveal-in-blur}.reveal-on .overview [data-reveal=pop]{animation-name:reveal-pop}.overview__text>:first-child{--hd:80ms}.overview__text>:nth-child(2){--hd:170ms}.overview__text>:nth-child(3){--hd:260ms}.overview__text>:nth-child(4){--hd:350ms}.overview__text>:nth-child(5){--hd:440ms}.overview__text>:nth-child(n+6){--hd:530ms}.overview__frame>:nth-child(2){--hd:320ms}.reveal-on .overview [data-reveal] [data-reveal]{animation-delay:calc(var(--hd, 0s) + .28s)}.reveal-on .overview .ab-head .ab-moving{animation:none}.reveal-on .overview .ab-moving .fcomment__pin{animation:reveal-pop .7s cubic-bezier(.22,1,.36,1) 1.55s both}@media (hover:none),(max-width:991.98px){.reveal-on .overview [data-reveal=blur]{animation-name:reveal-in}}@font-face{font-family:jakarta;src:url(/_next/static/media/636a5ac981f94f8b-s.p.woff2) format("woff2");font-display:swap;font-weight:400 800}@font-face{font-family:jakarta Fallback;src:local("Arial");ascent-override:98.16%;descent-override:20.99%;line-gap-override:0.00%;size-adjust:105.75%}.__className_0860af{font-family:jakarta,jakarta Fallback}.__variable_0860af{--font-jakarta:"jakarta","jakarta Fallback"}