.case-page [hidden]{display:none!important}.case-main{outline:none;display:block}.case-breadcrumb{padding-top:32px}.case-breadcrumb__list{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);flex-wrap:wrap;gap:8px;display:flex}.case-breadcrumb__list li+li:before{content:"/";color:var(--line-strong);margin-right:8px}.case-breadcrumb__list a{color:var(--text-2);text-underline-offset:4px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.case-breadcrumb__list a:hover{color:var(--text-1);text-decoration-color:currentColor}.case-breadcrumb__list [aria-current=page]{color:var(--text-3)}.case-hero{padding-block:clamp(64px,8vw,120px) clamp(80px,8vw,128px)}.case-hero__grid{column-gap:var(--grid-gap);grid-template-columns:repeat(12,minmax(0,1fr));row-gap:32px;display:grid}.case-hero__kicker{font-variant-numeric:tabular-nums;grid-area:1/1/auto/-1}.case-hero__title{font-size:var(--fs-h1);grid-area:2/1/auto/span 9}.case-hero__pitch{max-width:28ch;font-size:var(--fs-h3);letter-spacing:-.025em;color:var(--text-1);text-wrap:balance;grid-area:3/1/auto/span 8;font-weight:400;line-height:1.15}.case-hero__summary{font-size:var(--fs-lede);color:var(--text-2);grid-area:4/1/auto/span 7;max-width:52ch;line-height:1.45}.case-facts{border-top:1px solid var(--line-strong);grid-area:3/9/span 3/span 4;align-self:start}.case-facts__item{border-bottom:1px solid var(--line);gap:4px;padding-block:12px;display:grid}.case-facts__value{font-size:var(--fs-small);color:var(--text-1);line-height:1.55}.case-facts__value--mono{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.02em;color:var(--text-2);line-height:1.7}.case-facts__value--quiet{color:var(--text-2)}.case-chapter{padding-block:var(--section-y)}.case-chapter+.case-chapter:not(.band--raised){padding-top:calc(var(--section-y) * .75)}.case-chapter__body{column-gap:var(--grid-gap);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;row-gap:48px;margin-top:64px;display:grid}.case-chapter__main{grid-column:4/span 7;min-width:0}.case-chapter__side{grid-area:1/1/auto/span 3;gap:16px;padding-top:8px;display:grid}.case-side__item{gap:4px;display:grid}.case-side__value{font-size:var(--fs-small);color:var(--text-2);max-width:28ch;line-height:1.55}.case-side__value--mono{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.02em}.case-chapter__lede{font-size:var(--fs-lede);color:var(--text-1);max-width:60ch;line-height:1.45}.case-chapter__text{color:var(--text-2);max-width:64ch}.case-index{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.12em;color:var(--domain);font-variant-numeric:tabular-nums;font-weight:500}.case-metrics{grid-column:1/-1;grid-template-columns:repeat(var(--count,4), minmax(0, 1fr));border-top:1px solid var(--line-strong);display:grid}.case-metrics__item{border-left:1px solid var(--line);padding:32px 24px 0}.case-metrics__item:first-child{border-left:0;padding-left:0}.case-metrics .metric__value{color:var(--text-1)}.metric__context{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.02em;color:var(--text-3);max-width:32ch;line-height:1.5}.case-points{column-gap:var(--grid-gap);grid-column:4/-1;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.case-points__item{border-top:1px solid var(--line-strong);align-content:start;gap:12px;padding-top:20px;display:grid}.case-points__title{letter-spacing:-.015em;font-size:1.25rem;line-height:1.25}.case-points__text{font-size:var(--fs-small);color:var(--text-2);line-height:1.6}.case-deliverables{grid-column:4/-1;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;display:grid}.case-deliverables__item{border-top:1px solid var(--line);grid-template-columns:40px minmax(0,1fr);gap:8px 16px;padding-block:24px;display:grid}.case-deliverables__item .case-index{grid-row:1/span 2;padding-top:6px}.case-deliverables__title{letter-spacing:-.015em;font-size:1.25rem;line-height:1.25}.case-deliverables__text{font-size:var(--fs-small);color:var(--text-2);line-height:1.6}.case-chapter--como-funciona{padding-bottom:0}.case-flow{margin-top:48px}.case-flow__board{width:min(100% - 2 * var(--gutter), 1480px);min-width:0;margin-inline:auto}.case-flow__below{column-gap:var(--grid-gap);padding-block:48px var(--section-y);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;row-gap:32px;display:grid}.case-flow__below .walkthrough{grid-column:1/span 7}.case-flow__inspector{grid-column:8/span 5;min-width:0}.case-flow__below--solo .case-flow__inspector{grid-column:1/span 6}.case-flow__inspector .architecture-board__inspector{border:1px solid var(--line)}.walkthrough{gap:24px;min-width:0;display:grid}.walkthrough__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;display:flex}.walkthrough__label{color:var(--domain)}.walkthrough__keys{font-family:var(--font-mono);font-size:var(--fs-label);color:var(--text-2);align-items:center;gap:8px;display:inline-flex}.walkthrough__key{border:1px solid var(--line-strong);background:var(--surface-2);min-width:20px;height:20px;color:var(--text-1);font:500 var(--fs-label)/1 var(--font-mono);border-bottom-width:2px;border-radius:2px;place-items:center;padding:0 4px;display:inline-grid}.walkthrough__steps{border-top:1px solid var(--line-strong);display:grid}.walkthrough__step{border-bottom:1px solid var(--line);width:100%;min-height:48px;color:var(--text-2);font-size:var(--fs-small);text-align:left;transition:color var(--dur-1) var(--ease-out);grid-template-columns:40px minmax(0,1fr) 16px;align-items:center;gap:16px;padding:12px 0;font-weight:500;display:grid;position:relative}.walkthrough__step-index{font-family:var(--font-mono);font-size:var(--fs-label);color:var(--text-3);font-variant-numeric:tabular-nums;transition:color var(--dur-1) var(--ease-out)}.walkthrough__step-mark{font-family:var(--font-mono);color:var(--text-3);text-align:right;transition:color var(--dur-1) var(--ease-out), transform var(--dur-1) var(--ease-out)}.walkthrough__step:hover,.walkthrough__step:focus-visible{color:var(--text-1)}.walkthrough__step:hover .walkthrough__step-mark,.walkthrough__step:focus-visible .walkthrough__step-mark{color:var(--domain);transform:rotate(90deg)}.walkthrough__step:focus-visible{outline-offset:-2px}.walkthrough__step.is-done .walkthrough__step-index{color:var(--text-2)}.walkthrough__step.is-current{color:var(--text-1)}.walkthrough__step.is-current .walkthrough__step-index,.walkthrough__step.is-current .walkthrough__step-mark{color:var(--domain)}.walkthrough.is-detached .walkthrough__step.is-current,.walkthrough.is-detached .walkthrough__step.is-current .walkthrough__step-index{color:var(--text-2)}.walkthrough__step-bar{background:var(--domain);transform-origin:0;height:2px;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.walkthrough__step.is-current .walkthrough__step-bar{transform:scaleX(1)}.walkthrough.is-playing .walkthrough__step.is-current .walkthrough__step-bar{transform:scaleX(0)}.walkthrough.is-running .walkthrough__step.is-current .walkthrough__step-bar{animation:4.5s linear forwards walkthrough-progress}.walkthrough.is-held .walkthrough__step.is-current .walkthrough__step-bar{transform:scaleX(.04)}@keyframes walkthrough-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.walkthrough__panel{background:var(--surface-2);border:1px solid var(--line);border-left:2px solid var(--domain);align-content:start;gap:12px;min-height:200px;padding:24px;display:grid}.walkthrough__count{color:var(--domain);font-variant-numeric:tabular-nums}.walkthrough__title{font-size:var(--fs-h3)}.walkthrough__text{color:var(--text-2);max-width:60ch}.walkthrough__metric{border-top:1px solid var(--line);font-family:var(--font-mono);font-size:var(--fs-small);color:var(--text-1);padding-top:12px}.walkthrough__controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.walkthrough__control{border:1px solid var(--line-strong);background:var(--surface-1);min-height:44px;color:var(--text-1);font-size:var(--fs-small);transition:border-color var(--dur-1) var(--ease-out), background-color var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out);border-radius:2px;align-items:center;gap:8px;padding:0 16px;font-weight:500;display:inline-flex}.walkthrough__control:hover:not(:disabled){border-color:var(--domain);background:var(--surface-2)}.walkthrough__control:disabled{color:var(--text-3);border-color:var(--line);cursor:not-allowed}.walkthrough__control--play{background:var(--accent);border-color:var(--accent);color:var(--bg)}.walkthrough__control--play:hover:not(:disabled){background:var(--text-1);border-color:var(--text-1)}.walkthrough__control--play[aria-pressed=true]{background:var(--surface-1);border-color:var(--accent);color:var(--text-1)}.walkthrough__control--whole{color:var(--text-2);text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:6px;background:0 0;border-color:#0000;margin-left:auto}.walkthrough__control--whole:hover:not(:disabled){color:var(--text-1);background:0 0;border-color:#0000}.walkthrough__control--whole:disabled{text-decoration-color:#0000}.walkthrough__icon{fill:currentColor;flex:none;width:12px;height:12px}.case-components{border-top:1px solid var(--line);grid-column:1/-1}.case-component{column-gap:var(--grid-gap);border-bottom:1px solid var(--line);grid-template-columns:repeat(12,minmax(0,1fr));row-gap:12px;padding-block:32px;display:grid}.case-component .case-index{grid-column:1/span 3;padding-top:6px}.case-component__title{letter-spacing:-.015em;grid-column:4/span 3;font-size:1.25rem;line-height:1.25}.case-component__details{grid-column:7/span 6;gap:16px;display:grid}.case-component__detail{gap:4px;display:grid}.case-component__detail dd{font-size:var(--fs-small);color:var(--text-2);max-width:64ch;line-height:1.6}.case-component__stack{font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.02em;color:var(--text-3);grid-column:7/span 6}.case-decisions{border-top:1px solid var(--line);grid-column:4/span 6}.case-decisions__item{border-bottom:1px solid var(--line);grid-template-columns:40px minmax(0,1fr);gap:8px 16px;padding-block:24px;display:grid}.case-decisions__item .case-index{grid-row:1/span 2;padding-top:6px}.case-decisions__title{letter-spacing:-.015em;font-size:1.25rem;line-height:1.25}.case-decisions__text{color:var(--text-2);font-size:var(--fs-small);line-height:1.65}.case-notes{grid-column:10/span 3;gap:16px;padding-top:24px;display:grid}.case-notes__list{gap:16px;display:grid}.case-notes__item{border-left:1px solid var(--line-strong);font-size:var(--fs-small);color:var(--text-2);padding-left:12px;line-height:1.6}.case-impact{border-top:1px solid var(--line);grid-column:4/span 6}.case-impact__item{border-bottom:1px solid var(--line);grid-template-columns:40px minmax(0,1fr);column-gap:16px;padding-block:20px;display:grid}.case-impact__item .case-index{padding-top:6px}.case-impact__text{color:var(--text-1)}.case-recap{grid-column:10/span 3;gap:16px;display:grid}.case-recap__list{border-top:1px solid var(--line);display:grid}.case-recap__item{border-bottom:1px solid var(--line);padding-block:16px}.case-duties{grid-column:4/-1;gap:16px;display:grid}.case-duties__list{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;display:grid}.case-duties__item{border-bottom:1px solid var(--line);font-size:var(--fs-small);color:var(--text-2);padding:16px 0 16px 20px;line-height:1.6;position:relative}.case-duties__item:before{content:"";background:var(--domain);width:8px;height:1px;position:absolute;top:25px;left:0}.case-stack{grid-column:4/-1;grid-template-columns:repeat(var(--count,4), minmax(0, 1fr));column-gap:var(--grid-gap);row-gap:32px;display:grid}.case-stack__group{border-top:1px solid var(--line-strong);align-content:start;gap:12px;padding-top:16px;display:grid}.case-stack__label{color:var(--domain)}.case-stack__items{gap:4px;display:grid}.case-stack__item{font-family:var(--font-mono);font-size:var(--fs-small);color:var(--text-1)}.case-lessons{border-top:1px solid var(--line)}.case-lessons__item{border-bottom:1px solid var(--line);grid-template-columns:40px minmax(0,1fr);column-gap:16px;padding-block:16px;display:grid}.case-lessons__item .case-index{padding-top:4px}.case-lessons__text{font-size:var(--fs-small);color:var(--text-2);line-height:1.6}.case-next{border-top:1px solid var(--line);padding-block:clamp(64px,7vw,112px)}.case-next__link{color:var(--text-1);gap:16px;display:inline-grid}.case-next__title{font-size:var(--fs-h2);letter-spacing:-.035em;text-underline-offset:10px;transition:text-decoration-color var(--dur-1) var(--ease-out);font-weight:500;line-height:1;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px}.case-next__number{color:var(--domain);font-variant-numeric:tabular-nums;font-weight:300}.case-next__arrow{transition:transform var(--dur-2) var(--ease-out);display:inline-block}.case-next__pitch{font-size:var(--fs-lede);color:var(--text-2);max-width:48ch;line-height:1.45}.case-next__link:hover .case-next__title,.case-next__link:focus-visible .case-next__title{text-decoration-color:currentColor}.case-next__link:hover .case-next__arrow,.case-next__link:focus-visible .case-next__arrow{transform:translate(8px)}.case-closing__lead{grid-column:1/span 8;align-content:end;gap:32px;display:grid}.case-closing__text{font-size:var(--fs-lede);color:var(--text-2);max-width:52ch;line-height:1.45}.case-engagements{gap:12px;display:grid}.case-engagements__list{border-top:1px solid var(--line-strong);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.case-engagements__item+.case-engagements__item{border-left:1px solid var(--line)}.case-engagement{height:100%;color:var(--text-1);gap:8px;padding:16px 16px 16px 0;display:grid}.case-engagements__item+.case-engagements__item .case-engagement{padding-left:16px}.case-engagement__title{letter-spacing:-.01em;font-size:1.125rem;font-weight:500;line-height:1.25}.case-engagement__cta{font-family:var(--font-mono);font-size:var(--fs-label);color:var(--text-2);transition:color var(--dur-1) var(--ease-out);gap:8px;display:inline-flex}.case-engagement__arrow{transition:transform var(--dur-2) var(--ease-out);display:inline-block}.case-engagement:hover .case-engagement__cta,.case-engagement:focus-visible .case-engagement__cta{color:var(--domain,var(--text-1))}.case-engagement:hover .case-engagement__arrow,.case-engagement:focus-visible .case-engagement__arrow{transform:translate(4px)}.case-engagement:focus-visible{outline-offset:-2px}.case-float-cta{right:max(var(--gutter), calc((100vw - var(--container)) / 2 + var(--gutter)));z-index:90;background:var(--accent);min-height:44px;color:var(--bg);font-size:var(--fs-small);transition:opacity var(--dur-2) var(--ease-out), transform var(--dur-2) var(--ease-out), background-color var(--dur-1) var(--ease-out), visibility 0s linear 0s;border-radius:2px;align-items:center;gap:8px;padding:0 16px;font-weight:500;display:inline-flex;position:fixed;bottom:24px}.case-float-cta:hover{background:var(--text-1)}.case-float-cta.is-hidden{opacity:0;pointer-events:none;visibility:hidden;transition:opacity var(--dur-2) var(--ease-out), transform var(--dur-2) var(--ease-out), visibility 0s linear var(--dur-2);transform:translateY(8px)}.case-error{padding-block:var(--section-y);justify-items:start;gap:24px;display:grid}.case-error__title{font-size:var(--fs-h2);outline:none;max-width:18ch}.case-error__text{font-size:var(--fs-lede);color:var(--text-2);max-width:52ch;line-height:1.45}.case-error__links{flex-wrap:wrap;gap:16px 40px;padding-top:8px;display:flex}.case-error__links a{align-items:center;min-height:44px}@media (width<=1100px){.case-flow__below .walkthrough,.case-flow__inspector,.case-flow__below--solo .case-flow__inspector{grid-column:1/-1}.case-notes,.case-recap{grid-column:4/-1;padding-top:0}.case-decisions,.case-impact{grid-column:4/-1}}@media (width<=1024px){.case-hero__title{grid-column:1/-1}.case-hero__pitch,.case-hero__summary{grid-column:1/span 10}.case-facts{grid-area:auto/1/auto/span 8}.case-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.case-metrics__item:nth-child(odd){border-left:0;padding-left:0}.case-metrics__item:nth-child(n+3){border-top:1px solid var(--line);margin-top:32px}.case-chapter__main,.case-points,.case-deliverables,.case-decisions,.case-impact,.case-notes,.case-recap,.case-duties,.case-stack{grid-column:1/-1}.case-chapter__side{grid-area:auto/1/auto/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.case-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.case-component .case-index{grid-column:1/span 2}.case-component__title{grid-column:3/span 4}.case-component__details,.case-component__stack{grid-column:7/span 6}.case-closing__lead{grid-column:1/-1}}@media (width<=860px){.case-chapter__body{row-gap:40px;margin-top:40px}.case-points{grid-template-columns:minmax(0,1fr);row-gap:24px}.case-deliverables,.case-duties__list{grid-template-columns:minmax(0,1fr)}.case-component{grid-template-columns:40px minmax(0,1fr);column-gap:16px}.case-component .case-index{grid-area:1/1}.case-component__title,.case-component__details,.case-component__stack{grid-column:2}.case-flow__board{width:100%}.case-flow__below{padding-top:32px}.case-engagements__list{grid-template-columns:minmax(0,1fr)}.case-engagements__item+.case-engagements__item{border-left:0;border-top:1px solid var(--line)}.case-engagements__item+.case-engagements__item .case-engagement{padding-left:0}.case-float-cta{min-height:52px;padding-bottom:env(safe-area-inset-bottom,0px);border-radius:0;justify-content:center;bottom:0;left:0;right:0}body.has-float-cta{padding-bottom:calc(52px + env(safe-area-inset-bottom,0px))}}@media (width<=560px){.case-hero__pitch,.case-hero__summary,.case-facts{grid-column:1/-1}.case-metrics{grid-template-columns:minmax(0,1fr)}.case-metrics__item,.case-metrics__item:first-child{border-left:0;margin-top:0;padding:24px 0 0}.case-metrics__item+.case-metrics__item{border-top:1px solid var(--line);margin-top:24px}.case-chapter__side,.case-stack{grid-template-columns:minmax(0,1fr)}.walkthrough__panel{padding:16px}.walkthrough__control--whole{margin-left:0;padding-inline:0}}@media (prefers-reduced-motion:reduce){.case-next__arrow,.case-float-cta,.walkthrough__step,.walkthrough__step-mark,.walkthrough__control,.case-engagement__arrow{transition:none}.case-next__link:hover .case-next__arrow,.case-next__link:focus-visible .case-next__arrow,.case-engagement:hover .case-engagement__arrow,.walkthrough__step:hover .walkthrough__step-mark,.case-float-cta.is-hidden{transform:none}.walkthrough.is-running .walkthrough__step.is-current .walkthrough__step-bar{animation:none;transform:scaleX(1)}}