.case{--case-muted: rgb(var(--rgb-base-content) / .6);--case-faint: rgb(var(--rgb-base-content) / .4);--case-line: rgb(var(--rgb-base-content) / .12);--case-primary: rgb(var(--rgb-teal-text));--case-primary-soft: rgb(var(--rgb-teal-text) / .2);--case-gutter: clamp(1.25rem, 5vw, 3rem);font-family:Geist Sans,system-ui,sans-serif;font-size:1.0625rem;line-height:1.6;color:rgb(var(--rgb-base-content) / .8);padding-inline:var(--case-gutter)}html.dark .case{color:rgb(var(--rgb-base-content) / .85)}.case .col{max-width:42.5rem;margin-inline:auto}.case .wide{max-width:68.75rem;margin-inline:auto}.case h1,.case h2,.case h3{font-family:Outfit,Geist Sans,system-ui,sans-serif;font-weight:500;line-height:1.15;letter-spacing:-.01em;text-wrap:balance;color:rgb(var(--rgb-base-content));margin:0}.case h1{font-size:clamp(2.125rem,5vw,3.25rem)}.case h2{font-size:clamp(1.5rem,3vw,1.875rem);margin-top:4.5rem;margin-bottom:1.25rem}.case h3{font-size:1.25rem;margin-top:2.25rem;margin-bottom:.625rem}.case p{margin:0 0 1.25rem}.case .lead{font-size:1.3125rem;line-height:1.45;margin-top:1.5rem;color:rgb(var(--rgb-base-content))}.case .lead-note{font-size:.9375rem;line-height:1.6;margin-top:1.25rem;color:var(--case-muted)}.case ul{list-style:disc;margin:0 0 1.25rem;padding-left:1.25rem}.case li{margin-bottom:.375rem}.case strong{font-weight:600;color:rgb(var(--rgb-base-content))}.case a{color:var(--case-primary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.case a:focus-visible{outline:2px solid var(--case-primary);outline-offset:3px}.case .eyebrow{font-family:Geist Mono,ui-monospace,SF Mono,Menlo,monospace;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--case-muted);margin:0 0 .875rem}.case .eyebrow .n{display:inline-block;min-width:1.6em;color:var(--case-primary)}.case .eyebrow a{color:inherit;text-decoration:none;border-bottom:1px solid var(--case-line)}.case .eyebrow a:hover{border-bottom-color:var(--case-primary)}.case .case-head .series-links{display:flex;flex-wrap:wrap;gap:.5rem 1.75rem;margin-top:1.75rem;font-size:.9375rem}.case .case-head__top{display:flex;flex-wrap:nowrap;align-items:center;gap:1rem;margin-bottom:.875rem}.case .case-head__top .eyebrow{margin-bottom:0;min-width:0}.case .case-head__top>[data-share]{margin-left:auto;flex-shrink:0}.case .meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.375rem,1fr));gap:1.25rem 2rem;margin:2.25rem 0 0;padding-top:1.5rem;border-top:1px solid var(--case-line)}.case .meta dt{font-family:Geist Mono,ui-monospace,SF Mono,Menlo,monospace;font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;color:var(--case-faint);margin-bottom:.25rem}.case .meta dd{margin:0;font-size:.9375rem;line-height:1.45}.case .hero-band{background:var(--hero-ground, rgb(var(--rgb-base-200)));margin-top:3rem;margin-inline:calc(-1 * var(--case-gutter));padding-block:3.5rem;padding-inline:var(--case-gutter)}.case .hero-band img{display:block;width:100%;max-width:68.75rem;height:auto;margin-inline:auto}.case figure{margin:2.25rem 0 4.5rem}.case .pair{margin:2.25rem 0 4.5rem}.case figure img{display:block;width:100%;height:auto;border-radius:.375rem;border:1px solid var(--case-line)}.case .fig-open{display:block;width:100%;padding:0;margin:0;border:0;background:none;cursor:zoom-in;border-radius:.375rem}.case .fig-open:focus-visible{outline:2px solid var(--case-primary);outline-offset:3px}.case figcaption{font-family:Geist Mono,ui-monospace,SF Mono,Menlo,monospace;font-size:.78125rem;line-height:1.5;color:var(--case-muted);margin-top:.75rem;max-width:42.5rem}.case figcaption b{color:rgb(var(--rgb-base-content));font-weight:500}.case .fig-link{display:inline-block;margin-top:.375rem;margin-right:.75rem;color:var(--case-primary);text-decoration:none;border-bottom:1px solid var(--case-primary-soft)}.case .fig-link:hover{border-bottom-color:var(--case-primary)}.case .get-pw{display:none}.case.locked .get-pw{display:inline-block;color:var(--case-muted);border-bottom-color:transparent}.case.locked .get-pw:hover{color:var(--case-primary);border-bottom-color:var(--case-primary-soft)}.case.locked a[href*="figma.com"]:before{content:"";content:"" / "password protected";display:inline-block;width:.75em;height:.75em;margin-right:.35em;vertical-align:-.05em;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='10' width='16' height='11' rx='2.5'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='10' width='16' height='11' rx='2.5'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") center / contain no-repeat}.case .pair{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 1.25rem;align-items:start}.case .pair figure{margin:0}.case figure.phone{display:grid;grid-template-columns:minmax(0,18.75rem) 1fr;gap:1.75rem;align-items:center}.case figure.phone figcaption{margin-top:0}.case .pair figure.phone{display:block}.case .pair figure.phone img{max-width:18.75rem}.case .pair figure.phone figcaption{margin-top:.75rem}@media(max-width:40rem){.case .pair,.case figure.phone{grid-template-columns:1fr}}.case .turn{border-left:3px solid var(--case-primary);padding:.25rem 0 .25rem 1.375rem;margin:1.75rem 0 2rem}.case .turn p{margin-bottom:.75rem}.case .turn p:last-child{margin-bottom:0}.case .rule{background:rgb(var(--rgb-base-200));border-radius:.5rem;padding:1.25rem 1.5rem;margin:1.5rem 0 1.75rem}.case .rule p{margin:0}.case .rule p+p{margin-top:.625rem}.case .rule .k{font-family:Geist Mono,ui-monospace,SF Mono,Menlo,monospace;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--case-primary);margin-right:.5rem}.case .cut{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--case-line);border-radius:.5rem;overflow:hidden;margin:1.75rem 0 2.25rem}.case .cut>div{padding:1.375rem 1.5rem}.case .cut>div+div{border-left:1px solid var(--case-line)}.case .cut h4{font-family:Geist Mono,ui-monospace,SF Mono,Menlo,monospace;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;font-weight:500;color:var(--case-muted);margin:0 0 .875rem}.case .cut ul{list-style:none;margin:0;padding:0}.case .cut li{font-size:.96875rem;line-height:1.45;padding:.4375rem 0;margin:0;border-top:1px solid var(--case-line)}.case .cut li:first-child{border-top:0;padding-top:0}.case .cut .gone li{color:var(--case-muted);text-decoration:line-through;text-decoration-color:var(--case-faint)}.case .cut .kept li:before{content:"";display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:var(--case-primary);margin-right:.625rem;vertical-align:1px}@media(max-width:40rem){.case .cut{grid-template-columns:1fr}.case .cut>div+div{border-left:0;border-top:1px solid var(--case-line)}}.case .legend{display:flex;flex-wrap:wrap;gap:.625rem 1.125rem;font-family:Geist Mono,ui-monospace,SF Mono,Menlo,monospace;font-size:.78125rem;color:var(--case-muted);margin:0 0 1.5rem}.case .legend span:before{content:"";display:inline-block;width:.625rem;height:.625rem;border-radius:50%;margin-right:.4375rem;vertical-align:-1px;background:var(--c)}.case .tally{display:flex;flex-wrap:wrap;gap:1.5rem 3rem;margin:1.75rem 0 2.5rem}.case .tally b{display:block;font-family:Outfit,Geist Sans,system-ui,sans-serif;font-size:1.75rem;font-weight:500;line-height:1.1;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:rgb(var(--rgb-base-content))}.case .tally span{display:block;margin-top:.375rem;font-family:Geist Mono,ui-monospace,SF Mono,Menlo,monospace;font-size:.78125rem;line-height:1.4;color:var(--case-muted)}.case .close{margin-top:4.5rem;padding-top:1.75rem;border-top:1px solid var(--case-line)}.case .close p{font-size:1.1875rem;line-height:1.5}.case h2 .ai{display:block;font-size:.7em;font-weight:500;color:var(--case-primary);margin-top:.15em}.case .steps{list-style:none;margin:2rem 0 3.5rem;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;align-items:center}.case .step{margin:0;padding:1.25rem 1.375rem 1.375rem;border:1px solid var(--case-line);border-radius:1rem;background:rgb(var(--rgb-base-100))}.case .step__n{display:block;font-family:Geist Mono,ui-monospace,SF Mono,Menlo,monospace;font-size:.8125rem;letter-spacing:.06em;color:var(--case-primary);margin-bottom:.625rem}.case .step__body{margin:0;font-size:.9375rem;line-height:1.45}.case .step--cycle{aspect-ratio:1;border-radius:50%;border:2px solid var(--case-primary);background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.75rem}.case .step--cycle .step__n{margin-bottom:.5rem}.case .stages{list-style:none;margin:2rem 0 3.5rem;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.case .stage{margin:0;padding:1.25rem 1.375rem 1.375rem;border-radius:.75rem;background:rgb(var(--rgb-base-200))}.case .stage__label{font-family:Outfit,Geist Sans,system-ui,sans-serif;font-weight:500;font-size:1.0625rem;color:rgb(var(--rgb-base-content));margin:0 0 .5rem}.case .stage__n{font-family:Geist Mono,ui-monospace,SF Mono,Menlo,monospace;font-weight:400;font-size:.75rem;letter-spacing:.06em;color:var(--case-primary);margin-right:.625rem}.case .stage__methods{margin:0;font-size:.9375rem;line-height:1.5}.case .loop-slot{margin:2rem 0 0}.case .wide>[data-dfield]{margin:2.5rem 0 3.5rem}.case{container-type:inline-size}.ptoggle{position:relative;z-index:1;display:flex;width:-moz-max-content;width:max-content;margin:0 auto;padding:3px;border:1px solid var(--case-line);border-radius:999px;background:rgb(var(--rgb-base-100))}.ptoggle__opt{font:inherit;font-family:Outfit,Geist Sans,system-ui,sans-serif;font-size:.875rem;font-weight:500;line-height:1;padding:.5rem .9rem;border:0;border-radius:999px;background:transparent;color:var(--case-muted);cursor:pointer}.ptoggle__opt[aria-pressed=true]{background:rgb(var(--rgb-primary) / .16);color:rgb(var(--rgb-base-content))}.ptoggle__opt:focus-visible{outline:2px solid var(--case-primary);outline-offset:2px}.case .body>.pband{position:relative;max-width:none;width:calc(100cqw + 2 * var(--case-gutter));margin:2.5rem 0 0 calc(50% - 50cqw - var(--case-gutter));padding:3.5rem var(--case-gutter) 3.5rem;background:rgb(var(--rgb-base-200))}.pband__pane{max-width:68.75rem;margin:3rem auto 0}.pband__pane:not([hidden]){animation:pband-in .45s ease-out both}.pband__pane>[data-dfield],.pband__pane>.steps,.pband__pane>.stages{margin:0}.pband__pane .cast-note{margin:2rem 0 0}.pband__pane .stage{background:rgb(var(--rgb-base-100));border:1px solid var(--case-line)}@keyframes pband-in{0%{opacity:0}to{opacity:1}}.case h3.ai,.case .md h3{color:var(--case-primary);font-weight:500;font-size:1.125rem;margin-top:1.75rem}.case .md--note p{font-size:.9375rem;line-height:1.6;margin-top:1.25rem;color:var(--case-muted)}.case .cast-note{font-family:Geist Mono,ui-monospace,SF Mono,Menlo,monospace;font-size:.78125rem;line-height:1.5;color:var(--case-muted);max-width:42.5rem;margin:.75rem 0 3.5rem}.case .links{margin-top:3rem}.case .links a,.case a.group{color:inherit;text-decoration:none}.case .intro-more{margin-top:5rem}.case .case-head.section{margin-top:7rem}.case [id]{scroll-margin-top:2.5rem}.case .body>.eyebrow{margin-top:4.5rem;margin-bottom:.625rem}.case .body>.eyebrow+h2{margin-top:0}.case .body{padding-top:.5rem}@media(max-width:52rem){.case .steps{grid-template-columns:repeat(2,minmax(0,1fr))}.case .step--cycle{aspect-ratio:auto;border-radius:1rem}}@media(max-width:40rem){.case .steps,.case .stages{grid-template-columns:1fr}}.case h2.top{font-size:clamp(2.125rem,5vw,3.25rem);margin-top:1rem;margin-bottom:0}.case .body>.eyebrow.section-top{margin-top:7rem}.case .work{margin-top:3rem;display:flex;flex-direction:column;gap:3.5rem}.case .job{display:grid;grid-template-columns:minmax(0,18.75rem) minmax(0,42.5rem);gap:1.75rem;align-items:start}.case .job__img{position:relative;isolation:isolate;aspect-ratio:3 / 2;border-radius:.375rem;border:1px solid var(--case-line);background:rgb(var(--rgb-base-200));overflow:hidden}.case .job__img img,.case .job__img video{display:block;width:100%;height:100%;margin:0;-o-object-fit:cover;object-fit:cover}.case .job__img:not(.job__img--ph):after{content:"";position:absolute;inset:0;background:rgb(var(--rgb-base-200));mix-blend-mode:color;pointer-events:none}.case .job__img--ph{display:grid;place-items:center;font-family:Geist Mono,ui-monospace,SF Mono,Menlo,monospace;font-size:.78125rem;letter-spacing:.04em;color:var(--case-muted)}.case .job h3{margin:0 0 .375rem;font-size:1.5rem}.case .job__meta,.case .role__when,.case .role__role{font-family:Geist Mono,ui-monospace,SF Mono,Menlo,monospace;font-size:.78125rem;line-height:1.5;color:var(--case-muted);margin:0}.case .job__meta{margin-bottom:.875rem}.case .role__when{white-space:nowrap}.case .job>div>p{margin:0}.case .job__links{margin-top:.5rem}.case .history-title{margin:5rem 0 .75rem;font-size:1.5rem}.case .history-lead{margin:0 0 1.5rem;color:var(--case-muted)}.case .history{border-top:1px solid var(--case-line);margin-top:.5rem}.case .role{display:grid;grid-template-columns:10.5rem minmax(0,1fr);gap:1.5rem;padding:1.375rem 0;border-bottom:1px solid var(--case-line)}.case .role h4{margin:0 0 .25rem;font-family:Outfit,Geist Sans,system-ui,sans-serif;font-weight:500;font-size:1.0625rem;color:rgb(var(--rgb-base-content))}.case .role__body{margin-top:.5rem;font-size:.9375rem;line-height:1.55}.case .role__body p{margin:0}@media(max-width:40rem){.case .job,.case .role{grid-template-columns:1fr;gap:1rem}}.case .contact-cal{margin-top:2.5rem}.case .contact-links{list-style:none;padding:0;margin:2rem 0 0;display:flex;flex-direction:column;gap:.5rem;font-size:.9375rem}.case .contact-links li{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .75rem}.case .contact-links span{font-family:Geist Mono,ui-monospace,SF Mono,Menlo,monospace;font-size:.78125rem;color:var(--case-muted);min-width:5rem}.case .contact-note{margin-top:1.5rem;font-size:.875rem;color:var(--case-muted)}.case .body{max-width:68.75rem;margin-inline:auto}.case .body>*:not(.wide){max-width:42.5rem;margin-inline:auto}.case .body>.ba{margin-top:2.5rem;padding-top:2.5rem;padding-bottom:2.5rem;background:var(--ba-ground)}html.dark .case .body>.ba{background:var(--ba-ground-dark)}.ba__stage{position:relative;max-width:68.75rem;margin:1.75rem auto 0}.ba__img{display:block}.ba__img img{display:block;width:100%;height:auto;margin:0}.ba__dark{display:none}html.dark .ba__dark{display:block}html.dark .ba__light{display:none}.ba__after{position:absolute;inset:0;opacity:0;transition:opacity .45s ease-out}.ba__stage.is-after .ba__after{opacity:1}@media(max-width:40rem){.ba__stage{max-width:30rem}}.case .body>.band-cap{font-family:Geist Mono,ui-monospace,SF Mono,Menlo,monospace;font-size:.78125rem;line-height:1.5;color:var(--case-muted);margin:.75rem auto 4.5rem}.case .band-cap b{color:rgb(var(--rgb-base-content));font-weight:500}.case .band-cap p{margin:0;font:inherit;color:inherit}@media(prefers-reduced-motion:reduce){.ba__after{transition:none}}.case ol{list-style:none;counter-reset:item;margin:0 0 1.5rem;padding:0}.case ol>li{counter-increment:item;position:relative;padding-left:2.5rem;margin-bottom:.75rem}.case ol>li:before{content:counter(item,decimal-leading-zero);position:absolute;left:0;top:.3em;font-family:Geist Mono,ui-monospace,SF Mono,Menlo,monospace;font-size:.75rem;letter-spacing:.08em;line-height:1;color:var(--case-primary)}.case .body>.figband{padding-top:4.5rem;padding-bottom:4.5rem}.figband__img{display:block;max-width:min(100%,var(--fig-max, 68.75rem));height:auto;margin:0 auto}.case .body>.figband--tinted{background:var(--fig-ground)}html.dark .case .body>.figband--tinted{background:var(--fig-ground-dark)}.case .band-scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}.case .band-scroll>img{min-width:var(--fig-min)}.figband__dark{display:none}html.dark .figband__dark{display:block}html.dark .figband__light{display:none}