.crow[data-astro-cid-ylh3gccm]{display:grid;grid-template-columns:var(--space-12) minmax(0,1fr);-moz-column-gap:var(--space-8);column-gap:var(--space-8);margin:0;padding-block:var(--space-2)}.crow[data-astro-cid-ylh3gccm][hidden]{display:none}.crow__n[data-astro-cid-ylh3gccm]{padding-top:calc((var(--display-sm-size) * var(--display-sm-leading) - var(--body-leading)) / 2);font-family:var(--font-mono);font-size:var(--body-size);line-height:var(--body-leading);font-weight:var(--weight-medium)}.crow__body[data-astro-cid-ylh3gccm]{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.crow__title[data-astro-cid-ylh3gccm]{--crow-leading: 1.1;margin:0;padding-block:calc(var(--display-sm-size) * (var(--display-sm-leading) - var(--crow-leading)) / 2);font-family:var(--font-display);font-weight:var(--display-weight);font-size:var(--display-sm-size);line-height:var(--crow-leading);letter-spacing:var(--display-sm-tracking);color:var(--c-accent)}.crow__title[data-astro-cid-ylh3gccm] a[data-astro-cid-ylh3gccm]{color:inherit;text-decoration:none}.crow__title[data-astro-cid-ylh3gccm] a[data-astro-cid-ylh3gccm]:hover{text-decoration:underline;text-decoration-thickness:var(--stroke-2);text-underline-offset:var(--underline-offset)}.crow__title[data-astro-cid-ylh3gccm] a[data-astro-cid-ylh3gccm]:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--radius-2)}.crow__meta[data-astro-cid-ylh3gccm]{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.crow__line[data-astro-cid-ylh3gccm]{margin:0;font-family:var(--font-body);font-size:var(--body-lg-size);line-height:var(--body-lg-leading)}@media(max-width:40rem){.crow[data-astro-cid-ylh3gccm]{-moz-column-gap:var(--space-4);column-gap:var(--space-4);grid-template-columns:var(--space-8) minmax(0,1fr)}.crow__line[data-astro-cid-ylh3gccm]{font-size:var(--body-size);line-height:var(--body-leading)}}.cases__item[data-astro-cid-ylh3gccm]{margin:0;padding-block:var(--space-1);border-bottom:var(--stroke-1) solid var(--c-line)}.cases__item[data-astro-cid-ylh3gccm][hidden]{display:none}.cases__link[data-astro-cid-ylh3gccm]{display:flex;flex-wrap:wrap;align-items:baseline;-moz-column-gap:var(--space-3);column-gap:var(--space-3);row-gap:0;width:100%;padding-block:var(--space-2);color:inherit;text-decoration:none}.cases__name[data-astro-cid-ylh3gccm]{flex:1;color:var(--c-accent)}.cases__desc[data-astro-cid-ylh3gccm]{flex:1;min-width:0;font-family:var(--font-body);font-size:var(--body-sm-size);line-height:var(--body-leading);font-weight:var(--weight-medium);color:var(--c-text-muted);order:3;flex-basis:100%}.cases__arrow[data-astro-cid-ylh3gccm]{flex:none;margin-left:auto;color:color-mix(in srgb,var(--c-text) 40%,transparent)}.cases__link[data-astro-cid-ylh3gccm]:hover .cases__name[data-astro-cid-ylh3gccm]{text-decoration:underline;text-underline-offset:var(--underline-offset)}.cases__link[data-astro-cid-ylh3gccm]:hover .cases__arrow[data-astro-cid-ylh3gccm]{color:var(--c-accent)}.cases__link[data-astro-cid-ylh3gccm]:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.cases__toggle[data-astro-cid-ylh3gccm]{display:flex;align-items:baseline;-moz-column-gap:var(--space-3);column-gap:var(--space-3);width:100%;margin:0;padding-block:var(--space-3)}.cases__toggle[data-astro-cid-ylh3gccm][hidden]{display:none}.cases__toggle-label[data-astro-cid-ylh3gccm]{flex:1}.cases__toggle[data-astro-cid-ylh3gccm]:hover .cases__arrow[data-astro-cid-ylh3gccm]{color:var(--c-accent)}@media(max-width:40rem){.cases__desc[data-astro-cid-ylh3gccm]{font-size:var(--body-size)}}.ip__row[data-astro-cid-ylh3gccm]{display:grid;grid-template-columns:5.5rem minmax(0,1fr) auto;gap:0 var(--space-8);align-items:baseline;padding:var(--space-4) 0;margin:0;border-top:var(--stroke-1) solid var(--c-line)}.ip__row[data-astro-cid-ylh3gccm][hidden]{display:none}.ip__num[data-astro-cid-ylh3gccm]{display:grid;gap:var(--space-1);color:var(--c-text)}.ip__title[data-astro-cid-ylh3gccm]{color:var(--c-text);text-decoration:none}a[data-astro-cid-ylh3gccm].ip__title:hover{color:var(--c-accent)}.ip__title--soon[data-astro-cid-ylh3gccm],.ip__row[data-astro-cid-ylh3gccm].is-soon .ip__num[data-astro-cid-ylh3gccm]{color:var(--c-text-muted)}.ip__sub[data-astro-cid-ylh3gccm]{display:block;margin-top:var(--space-1);font-size:var(--body-sm-size);line-height:var(--body-sm-leading);color:var(--c-text-muted)}.ip__meta[data-astro-cid-ylh3gccm]{color:var(--c-text-muted);white-space:nowrap}.ip__when[data-astro-cid-ylh3gccm]{text-transform:uppercase;color:var(--c-text-muted)}@media(max-width:48rem){.ip__row[data-astro-cid-ylh3gccm]{grid-template-columns:minmax(0,1fr);gap:var(--space-1) 0}.ip__num[data-astro-cid-ylh3gccm]{grid-auto-flow:column;justify-content:start;gap:0 var(--space-2)}.ip__when[data-astro-cid-ylh3gccm]:before{content:"· ";color:var(--c-text-muted)}.ip__meta[data-astro-cid-ylh3gccm]{margin-top:var(--space-1-5)}}.case{--eyebrow-gap: var(--space-3);font-family:var(--font-body);font-size:var(--body-lg-size);line-height:var(--body-lg-leading);color:var(--c-text-body);padding-inline:var(--gutter);padding-bottom:var(--space-24);container-type:inline-size}@media(max-width:40rem){.case{padding-bottom:var(--space-16)}}.case .col{max-width:var(--measure-text);margin-inline:auto}.case .wide{max-width:var(--measure-wide);margin-inline:auto}.case h1,.case h2,.case h3{font-family:var(--font-display);text-wrap:balance;color:var(--c-text);margin:0}.case h1{font-size:var(--display-md-size);line-height:var(--display-md-leading);font-weight:var(--display-weight);letter-spacing:var(--display-md-tracking)}.case .case-head h1:after{content:"";display:block;width:var(--rule-lg);height:var(--stroke-5);margin-top:var(--space-8);background:var(--c-accent)}.case h2{font-size:var(--h2-size);line-height:var(--h2-leading);font-weight:var(--h2-weight);letter-spacing:var(--h2-tracking);margin-top:var(--space-24);margin-bottom:var(--space-6)}.case h3{font-size:var(--h3-size);line-height:var(--h3-leading);font-weight:var(--h3-weight);letter-spacing:var(--h3-tracking);margin-top:var(--space-12);margin-bottom:var(--space-3)}.case p{margin:0 0 var(--space-8)}.case .lead{font-size:var(--body-xl-size);line-height:var(--body-xl-leading);margin:0;color:var(--c-text)}@media(max-width:60rem){.case .lead{font-size:var(--lead-sm-size);line-height:var(--lead-sm-leading)}}.case .lead-note{margin-top:var(--space-6);margin-bottom:0;color:var(--c-text-muted)}.case .case-head.col{max-width:var(--measure-wide);display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);-moz-column-gap:var(--space-16);column-gap:var(--space-16);align-items:start}.case .case-head>*{grid-column:1}.case .case-head>.case-head__top,.case .case-head>h1{grid-column:1 / -1}.case .case-head>h1{margin-bottom:var(--space-12)}.case .case-head>.meta{grid-column:2;grid-row:3 / span 4}@media(max-width:60rem){.case .case-head.col{grid-template-columns:minmax(0,1fr)}.case .case-head>.meta{grid-column:1;grid-row:auto;margin-top:var(--space-8)}}.case ul{list-style:disc;margin:0 0 var(--space-8);padding-left:var(--space-6)}.case li{margin-bottom:var(--space-3)}.case strong{font-weight:var(--weight-emphasis);color:var(--c-text)}.case .eyebrow{display:flex;align-items:baseline;gap:var(--space-2);width:-moz-fit-content;width:fit-content;max-width:100%;color:var(--c-text-muted);margin:0 0 var(--eyebrow-gap)}.case .eyebrow+h2,.case .eyebrow+h3{margin-top:-.12em}.case .eyebrow .n{min-width:0;font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;color:var(--c-text)}.case .eyebrow a{color:inherit;text-decoration:none;border-bottom:var(--stroke-1) solid var(--c-line)}.case .eyebrow a:hover{border-bottom-color:var(--c-link)}.case .disciplines{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;margin:var(--space-1) 0 var(--space-6);padding:0}.case .disciplines li{margin:0}.case .case-head .series-links{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-8);margin:var(--space-8) 0 0;font-size:var(--body-size);line-height:var(--body-leading)}.case .case-head__top{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.case .case-head__top .eyebrow{margin-bottom:0;min-width:0}.case .case-head__top .disciplines{margin:0;min-width:0}.case .case-head__top>[data-share]{margin-left:auto;flex-shrink:0}.case .meta{margin:0;border-bottom:var(--stroke-1) solid var(--c-line)}.case .meta>div{display:grid;grid-template-columns:6rem minmax(0,1fr);gap:var(--space-4);align-items:baseline;padding:var(--space-3) 0;border-top:var(--stroke-1) solid var(--c-line)}.case .meta dt{color:var(--c-text-muted)}.case .meta dd{margin:0;font-size:var(--body-size);line-height:var(--body-leading);font-weight:var(--weight-semibold);color:var(--c-text)}.case .hero-band{background:var(--band-ground, var(--c-sunk));margin-top:var(--space-12);margin-inline:calc(-1 * var(--gutter));padding-block:var(--space-16);padding-inline:var(--gutter)}html.dark .case .hero-band{background:var(--band-ground-dark, var(--band-ground, var(--c-sunk)))}.case .hero-band img{display:block;width:100%;max-width:var(--measure-wide);height:auto;margin-inline:auto}.case figure{margin:var(--space-8) 0 var(--space-16)}.case figure img{display:block;width:100%;height:auto;border-radius:var(--radius-2);border:var(--stroke-1) solid var(--c-line)}.case .fig-open{display:block;width:100%;padding:0;margin:0;border:0;background:none;cursor:zoom-in;border-radius:var(--radius-2)}.case .fig-open:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset-wide)}.case figcaption{font-size:var(--body-sm-size);line-height:var(--body-sm-leading);color:var(--c-text-muted);margin-top:var(--space-3);max-width:var(--measure-text)}.case figure:not(.phone)>figcaption{margin-inline:auto}.case figcaption b{color:var(--c-text);font-weight:var(--weight-emphasis)}.case .fig-link{display:inline-block;margin-top:var(--space-1-5);margin-right:var(--space-3)}.case a.fig-link:focus-visible{outline-offset:var(--focus-offset-wide)}.case .get-pw{display:none}.case.locked .get-pw,.case .get-pw.axure{display:inline-block;color:var(--c-text-muted);border-bottom-color:transparent}.case.locked .get-pw:hover,.case .get-pw.axure:hover{color:var(--c-link);border-bottom-color:color-mix(in srgb,var(--c-link) 30%,transparent)}.case.locked a[href*="figma.com"]:before,.case a[href*="axshare.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:var(--space-6);align-items:start;margin:var(--space-8) 0 var(--space-16)}.case .pair figure{margin:0}.case figure.phone{display:grid;grid-template-columns:minmax(0,var(--measure-phone)) 1fr;gap:var(--space-8);align-items:center}.case figure.phone figcaption{margin-top:0}.case .pair figure.phone{display:block}.case .pair figure.phone img{max-width:var(--measure-phone)}.case .pair figure.phone figcaption{margin-top:var(--space-3)}.case .pair figure.phone .device{max-width:var(--measure-phone)}.case figure.has-device .fig-open{border-radius:var(--ring)}@media(max-width:40rem){.case .pair,.case figure.phone{grid-template-columns:1fr}}.case .turn{border-left:var(--stroke-2) solid var(--c-accent);padding:var(--space-1) 0 var(--space-1) var(--space-6);margin:var(--space-10) 0}.case .turn p{margin-bottom:var(--space-4)}.case .turn p:first-child{font-family:var(--font-display-text);font-size:var(--body-xl-size);line-height:var(--body-xl-leading);color:var(--c-text)}.case .turn p:last-child{margin-bottom:0}.case .rule{background:var(--c-sunk);border-radius:var(--radius-2);padding:var(--space-4) var(--space-6);margin:var(--space-6) 0 var(--space-8)}.case .rule p{margin:0}.case .rule p+p{margin-top:var(--space-3)}.case .rule .k{color:var(--c-text);margin-right:var(--space-2)}.case .cut{display:grid;grid-template-columns:1fr 1fr;border:var(--stroke-1) solid var(--c-line);border-radius:var(--radius-2);overflow:hidden;margin:var(--space-8) 0 var(--space-10)}.case .cut>div{padding:var(--space-6)}.case .cut>div+div{border-left:var(--stroke-1) solid var(--c-line)}.case .cut h4{color:var(--c-text-muted);margin:0 0 var(--space-4)}.case .cut ul{list-style:none;margin:0;padding:0}.case .cut li{padding:var(--space-2) 0;margin:0;border-top:var(--stroke-1) solid var(--c-line)}.case .cut li:first-child{border-top:0;padding-top:0}.case .cut .gone li{color:var(--c-text-muted);text-decoration:line-through;text-decoration-color:var(--c-text-muted)}.case .cut .kept li:before{content:"";display:inline-block;width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background:var(--c-accent);margin-right:var(--space-3);vertical-align:1px}@media(max-width:40rem){.case .cut{grid-template-columns:1fr}.case .cut>div+div{border-left:0;border-top:var(--stroke-1) solid var(--c-line)}}.case .legend{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);font-size:var(--body-sm-size);line-height:var(--body-sm-leading);color:var(--c-text-muted);margin:0 0 var(--space-6)}.case .legend span:before{content:"";display:inline-block;width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);margin-right:var(--space-2);vertical-align:-1px;background:var(--c)}.case .tally{display:flex;flex-wrap:wrap;gap:var(--space-6) var(--space-12);margin:var(--space-8) 0 var(--space-10)}.case .tally b{display:block;font-family:var(--font-display);font-size:var(--h2-size);line-height:var(--h2-leading);font-weight:var(--display-weight);letter-spacing:var(--h2-tracking);font-variant-numeric:tabular-nums;color:var(--c-text)}.case .tally span{display:block;margin-top:var(--space-1);font-size:var(--body-sm-size);line-height:var(--body-sm-leading);color:var(--c-text-muted)}.case .close{margin-top:var(--space-16);padding-top:var(--space-8);border-top:var(--stroke-1) solid var(--c-line)}.case .close p{font-size:var(--body-lg-size);line-height:var(--body-lg-leading);color:var(--c-text)}.case .sources{margin-top:var(--space-12);padding-top:var(--space-6);border-top:var(--stroke-1) solid var(--c-line)}.case .sources h2{margin:0 0 var(--space-3);color:var(--c-text-muted)}.case .sources ul{margin:0;padding:0;list-style:none}.case .sources li{font-size:var(--body-sm-size);line-height:var(--body-sm-leading);margin:var(--space-2) 0;color:var(--c-text-muted)}.case .sources li>b{font-weight:var(--weight-emphasis);color:var(--c-text)}.case .sources .fig-link{margin-top:0;margin-right:var(--space-2)}.case .sources .get-pw{margin-left:var(--space-2)}.case .sources__detail:before,.case .sources__links:before{content:"·";margin:0 var(--space-2) 0 var(--space-1);color:var(--c-text-muted)}.case .sources li>b+.sources__detail:before,.case .sources li>b+.sources__links:before{margin-left:var(--space-2)}.ptoggle{position:relative;z-index:1;display:flex;width:-moz-max-content;width:max-content;margin:0 auto;padding:var(--space-1);border-radius:var(--radius-full)}.case .body>.pband{position:relative;max-width:none;width:calc(100cqw + 2 * var(--gutter));margin:var(--space-10) 0 0 calc(50% - 50cqw - var(--gutter));padding:var(--space-16) var(--gutter);background:var(--band-ground, var(--c-sunk))}html.dark .case .body>.pband{background:var(--band-ground-dark, var(--band-ground, var(--c-sunk)))}.case [id]{scroll-margin-top:var(--space-10)}.case .body>.eyebrow:not(.wide){margin-top:var(--space-16);margin-bottom:var(--eyebrow-gap);margin-left:max(0px,calc((100% - var(--measure-text)) / 2));margin-right:auto}.case .body{max-width:var(--measure-wide);margin-inline:auto;padding-top:var(--space-2)}.case .body>*:not(.wide){max-width:var(--measure-text);margin-inline:auto}.case .body>.ba{margin-top:var(--space-10);padding-top:var(--space-10);padding-bottom:var(--space-10)}.ba__stage{position:relative;max-width:var(--measure-wide);margin:var(--space-8) auto 0}.ba__img{display:block}.ba__img img{display:block;width:100%;height:auto;margin:0}.ba__after{position:absolute;inset:0;opacity:0;transition:opacity var(--dur-3) var(--ease-out)}.ba__stage.is-after .ba__after{opacity:1}@media(max-width:40rem){.ba__stage{max-width:var(--measure-narrow)}}.case .body>.band-cap{font-size:var(--body-sm-size);line-height:var(--body-sm-leading);color:var(--c-text-muted);margin:var(--space-3) auto var(--space-16)}.case .band-cap b{color:var(--c-text);font-weight:var(--weight-emphasis)}.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 var(--space-6);padding:0}.case ol>li{counter-increment:item;position:relative;padding-left:var(--space-10);margin-bottom:var(--space-3)}.case ol>li:before{content:counter(item,decimal-leading-zero);position:absolute;left:0;top:calc((var(--body-lg-leading) - var(--meta-leading)) / 2);color:var(--c-text)}.case .body>.figband{padding-top:var(--space-16);padding-bottom:var(--space-16)}.figband__img{display:block;max-width:min(100%,var(--fig-max, var(--measure-wide)));height:auto;margin:0 auto}.case .band-scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}.case .band-scroll>img{min-width:var(--fig-min)}.case .band-scroll:focus-visible{outline:var(--focus-ring);outline-offset:calc(-1 * var(--stroke-2))}.case .body--hub>.ip{margin-top:var(--space-24)}.case .body--hub>.ip:nth-child(1 of:not(script,style)){margin-top:var(--hub-open, var(--space-4))}.case .body--hub>.pband{margin-top:var(--space-16)}.case .body--hub>.pband:nth-child(1 of:not(script,style)){margin-top:var(--space-6)}.case .body--hub>.pband+.ip{margin-top:var(--space-12)}.crow-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.crow-box{position:relative}.crow-preview{position:absolute;right:0;top:var(--crow-y, 0px);z-index:2;width:18rem;height:11.25rem;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;border-radius:var(--radius-1-5);pointer-events:none;opacity:0;translate:0 -50%;rotate:-1.5deg;scale:.96;transition:opacity var(--dur-1) var(--ease-out),scale var(--dur-2) var(--ease-out),top var(--dur-2) var(--ease-out)}img.crow-preview{box-shadow:0 var(--space-1-5) 0 var(--c-line-strong)}.crow-preview[data-anchored]{right:auto;left:var(--crow-x, 0px);translate:-50% -50%}.crow-preview[data-on]{opacity:1;scale:1}@media(prefers-reduced-motion:reduce){.crow-preview{transition:none}}@media(hover:none),(max-width:60rem){.crow-preview{display:none}}