.case-page.svelte-uacgj9{position:relative;z-index:2}.case-hero.svelte-uacgj9{max-width:var(--max);margin:0 auto;padding:clamp(6rem,12vh,8rem) var(--pad-inline) clamp(3rem,6vh,5rem)}.crumb.svelte-uacgj9{display:flex;align-items:center;gap:.875rem;margin-bottom:2rem;font-family:var(--f-mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute)}.crumb.svelte-uacgj9 a:where(.svelte-uacgj9):hover{color:var(--ink)}.case-hero.svelte-uacgj9 h1:where(.svelte-uacgj9){max-width:14ch;margin:0 0 .25em;font-family:var(--f-display);font-size:clamp(3rem,8vw,6.875rem);font-weight:500;line-height:.95;color:var(--ink)}.case-hero.svelte-uacgj9 h1:where(.svelte-uacgj9) em:where(.svelte-uacgj9){font-family:var(--f-body);font-style:italic;font-weight:400;color:var(--ink-mute)}.lede.svelte-uacgj9{max-width:56ch;margin:.75rem 0 0;font-size:clamp(1.125rem,2vw,1.375rem);line-height:1.5;color:var(--ink-soft);text-wrap:pretty}.lede.svelte-uacgj9 strong:where(.svelte-uacgj9),.case-body.svelte-uacgj9 strong:where(.svelte-uacgj9){color:var(--ink);font-weight:inherit;background:linear-gradient(180deg,transparent 60%,var(--highlight) 60%);padding:0 .125rem}.case-meta.svelte-uacgj9{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;margin-top:3.5rem;padding:1.75rem 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.cell.svelte-uacgj9 .k:where(.svelte-uacgj9){margin-bottom:.375rem;font-family:var(--f-mono);font-size:.625rem;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-mute)}.cell.svelte-uacgj9 .v:where(.svelte-uacgj9){font-family:var(--f-display);font-size:1.125rem;font-weight:500;line-height:1.35;color:var(--ink)}.case-fig.svelte-uacgj9{max-width:var(--max);margin:0 auto;padding:clamp(2.5rem,6vw,5rem) var(--pad-inline)}.case-fig.inset.svelte-uacgj9{padding:2rem 0}.case-mockup.svelte-uacgj9,.prototype-board.svelte-uacgj9{display:flex;border:1px solid var(--rule);border-radius:4px;background:var(--paper-2);box-shadow:0 1rem 3rem #15170f14}.case-mockup.svelte-uacgj9{aspect-ratio:16 / 9;flex-direction:column;overflow:hidden}.mockup-bar.svelte-uacgj9{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1rem;border-bottom:1px solid var(--rule);font-family:var(--f-mono);font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute)}.letter-tray.svelte-uacgj9{display:grid;grid-template-columns:minmax(15rem,.9fr) minmax(0,1.4fr);min-height:0;flex:1}.letter-list.svelte-uacgj9{display:flex;flex-direction:column;border-right:1px solid var(--rule)}.letter.svelte-uacgj9{padding:1rem;border-bottom:1px dashed var(--rule);background:color-mix(in oklch,var(--paper) 36%,transparent)}.letter.active.svelte-uacgj9{background:var(--paper);box-shadow:inset 3px 0 0 var(--shu)}.letter-kicker.svelte-uacgj9,.letter-date.svelte-uacgj9,.margin-note.svelte-uacgj9{font-family:var(--f-mono);font-size:.625rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute)}.letter.svelte-uacgj9 h3:where(.svelte-uacgj9),.letter-detail.svelte-uacgj9 h3:where(.svelte-uacgj9){margin:.35rem 0;font-family:var(--f-display);font-size:1.25rem;font-weight:500;line-height:1.15;color:var(--ink)}.letter.svelte-uacgj9 p:where(.svelte-uacgj9),.letter-detail.svelte-uacgj9 p:where(.svelte-uacgj9){margin:0;font-size:.875rem;line-height:1.45;color:var(--ink-soft)}.letter-detail.svelte-uacgj9{display:flex;flex-direction:column;justify-content:center;gap:.875rem;padding:clamp(1.25rem,4vw,3rem)}.letter-detail.svelte-uacgj9 h3:where(.svelte-uacgj9){font-size:clamp(1.75rem,4vw,3rem)}.letter-detail.svelte-uacgj9 p:where(.svelte-uacgj9){max-width:42ch;font-size:clamp(1rem,1.6vw,1.25rem)}.margin-note.svelte-uacgj9{max-width:42ch;margin-top:.75rem;padding:.75rem .875rem;border-left:2px solid var(--shu);background:color-mix(in oklch,var(--paper) 58%,transparent);line-height:1.45}.prototype-board.svelte-uacgj9{aspect-ratio:21 / 9;align-items:stretch;gap:1px;background:var(--rule);overflow:hidden}.prototype-board.svelte-uacgj9 div:where(.svelte-uacgj9){flex:1;padding:.875rem;background:repeating-linear-gradient(135deg,var(--paper-edge) 0 6px,var(--paper-2) 6px 12px)}.prototype-board.svelte-uacgj9 span:where(.svelte-uacgj9){display:block;margin-bottom:.75rem;font-family:var(--f-mono);font-size:.625rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute)}.prototype-board.svelte-uacgj9 i:where(.svelte-uacgj9){display:block;height:2.5rem;margin-bottom:.625rem;border:1px solid var(--rule);background:color-mix(in oklch,var(--paper) 68%,transparent)}.caption.svelte-uacgj9{max-width:60ch;margin:.75rem 0 0;font-family:var(--f-body);font-size:.9375rem;font-style:italic;color:var(--ink-mute)}.case-body.svelte-uacgj9{max-width:47.5rem;margin:0 auto;padding:0 var(--pad-inline) clamp(4rem,10vh,7.5rem);font-size:1.1875rem;line-height:1.7;color:var(--ink-soft)}.case-body.svelte-uacgj9 h2:where(.svelte-uacgj9){margin:3.5rem 0 1.125rem;font-family:var(--f-display);font-size:clamp(1.75rem,3.6vw,2.625rem);font-weight:500;line-height:1.1;color:var(--ink)}.case-body.svelte-uacgj9 h2:where(.svelte-uacgj9) .num:where(.svelte-uacgj9){margin-right:1rem;font-family:var(--f-mono);font-size:.8125rem;letter-spacing:.15em;color:var(--ink-mute);vertical-align:middle}.case-body.svelte-uacgj9 p:where(.svelte-uacgj9){margin:0 0 1.2em;text-wrap:pretty}.case-body.svelte-uacgj9 blockquote:where(.svelte-uacgj9){margin:2rem 0;padding:.5rem 0 .5rem 1.75rem;border-left:3px solid var(--shu);font-family:var(--f-body);font-size:1.375rem;font-style:italic;line-height:1.45;color:var(--ink)}.case-body.svelte-uacgj9 ul:where(.svelte-uacgj9){display:flex;flex-direction:column;gap:.625rem;margin:1.5rem 0;padding:0;list-style:none}.case-body.svelte-uacgj9 li:where(.svelte-uacgj9){position:relative;padding-left:1.75rem}.case-body.svelte-uacgj9 li:where(.svelte-uacgj9):before{content:"-";position:absolute;left:0;color:var(--shu);font-family:var(--f-mono)}.case-body.svelte-uacgj9 a:where(.svelte-uacgj9){color:var(--ink);border-bottom:1px solid var(--shu)}.case-body.svelte-uacgj9 a:where(.svelte-uacgj9):hover{color:var(--shu)}.next-up.svelte-uacgj9{max-width:var(--max);margin:0 auto;padding:3.5rem var(--pad-inline);border-top:1px solid var(--rule);display:flex;align-items:baseline;justify-content:space-between;gap:1.25rem;flex-wrap:wrap}.next-up.svelte-uacgj9 .l:where(.svelte-uacgj9){font-family:var(--f-mono);font-size:.6875rem;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-mute)}.next-up.svelte-uacgj9 a:where(.svelte-uacgj9){padding-bottom:.25rem;border-bottom:2px solid var(--shu);font-family:var(--f-display);font-size:clamp(1.75rem,4vw,3rem);font-weight:500;line-height:1.1;color:var(--ink)}.next-up.svelte-uacgj9 a:where(.svelte-uacgj9):hover{color:var(--shu)}@media(max-width:760px){.case-hero.svelte-uacgj9{padding-top:10.5rem}.case-hero.svelte-uacgj9 h1:where(.svelte-uacgj9){line-height:1}.case-meta.svelte-uacgj9{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.case-body.svelte-uacgj9{font-size:1.0625rem}.case-mockup.svelte-uacgj9{aspect-ratio:auto}.letter-tray.svelte-uacgj9{grid-template-columns:1fr}.letter-list.svelte-uacgj9{border-right:0;border-bottom:1px solid var(--rule)}.letter-list.svelte-uacgj9 .letter:where(.svelte-uacgj9):not(.active){display:none}.prototype-board.svelte-uacgj9{aspect-ratio:auto;min-height:12rem}}@media(max-width:520px){.case-meta.svelte-uacgj9{grid-template-columns:1fr}.case-hero.svelte-uacgj9 h1:where(.svelte-uacgj9){font-size:2.625rem}.next-up.svelte-uacgj9{align-items:flex-start}}
