.case-page.svelte-3jz9ec{max-width:1100px}.hero.svelte-3jz9ec{grid-template-columns:1fr 1fr;align-items:start;gap:2rem;display:grid}h1.svelte-3jz9ec{margin:0;font-size:clamp(3rem,6vw,5rem);line-height:1}.lead.svelte-3jz9ec{max-width:16ch;font-size:2rem;font-weight:600;line-height:1.15}.overview.svelte-3jz9ec{border-top:0;margin-top:2rem;padding-top:0}.overview.svelte-3jz9ec h2:where(.svelte-3jz9ec){text-transform:uppercase;letter-spacing:.08em;color:#727272;margin:0 0 1.5rem;font-size:1rem}.overview-grid.svelte-3jz9ec{grid-template-columns:1.3fr 1.3fr .7fr .7fr;gap:2.5rem;display:grid}.overview-grid.svelte-3jz9ec>div:where(.svelte-3jz9ec){border:0;border-radius:0;padding:0}.overview.svelte-3jz9ec h3:where(.svelte-3jz9ec){color:#727272;margin:0 0 .5rem;font-size:.9rem}.overview.svelte-3jz9ec p:where(.svelte-3jz9ec){margin:0}.hero-image.svelte-3jz9ec{justify-content:flex-end;display:flex}.screenshot-crop.svelte-3jz9ec{background:#f7f1e8;border-radius:28px;width:min(100%,380px);height:550px;overflow:hidden;box-shadow:0 24px 80px #00000029}.app-screenshot.svelte-3jz9ec{width:100%;height:auto;display:block}@media (width<=900px){.hero.svelte-3jz9ec{grid-template-columns:1fr}}.case-section.svelte-3jz9ec{margin-top:6rem}.section-copy.svelte-3jz9ec{max-width:720px}.case-section.svelte-3jz9ec h2:where(.svelte-3jz9ec){color:var(--heading-color);margin:0 0 1.5rem;font-size:clamp(2rem,3vw,3.25rem);line-height:1}.case-section.svelte-3jz9ec p:where(.svelte-3jz9ec){font-size:1.1rem;line-height:1.55}.problem-grid.svelte-3jz9ec{grid-template-columns:repeat(2,max-content);gap:5rem;max-width:760px;margin-top:3rem;display:grid}.problem-grid.svelte-3jz9ec h3:where(.svelte-3jz9ec){color:#727272;margin:0 0 1rem;font-size:1rem}.problem-grid.svelte-3jz9ec ul:where(.svelte-3jz9ec){margin:0;padding-left:1.2rem;line-height:1.8}.statement.svelte-3jz9ec{max-width:760px;color:var(--text-color);margin-top:2rem;font-size:1.4rem;font-weight:700}.decisions.svelte-3jz9ec .problem-grid:where(.svelte-3jz9ec){row-gap:2rem;margin-top:2rem}.screen-showcase.svelte-3jz9ec{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem;display:grid}.screen-showcase.svelte-3jz9ec figure:where(.svelte-3jz9ec){margin:0}.screen-showcase.svelte-3jz9ec img:where(.svelte-3jz9ec){border-radius:28px;width:100%;box-shadow:0 24px 80px #0000001f}.screen-showcase.svelte-3jz9ec figcaption:where(.svelte-3jz9ec){gap:.25rem;margin-top:1rem;display:grid}.screen-showcase.svelte-3jz9ec figcaption:where(.svelte-3jz9ec) strong:where(.svelte-3jz9ec){color:#2b2b2b}.screen-showcase.svelte-3jz9ec figcaption:where(.svelte-3jz9ec) span:where(.svelte-3jz9ec){font-size:.95rem;line-height:1.4}.github-shot.svelte-3jz9ec{max-width:900px;margin:3rem 0 0}.github-shot.svelte-3jz9ec img:where(.svelte-3jz9ec){border-radius:18px;width:100%;box-shadow:0 24px 80px #0000001f}.github-shot.svelte-3jz9ec figcaption:where(.svelte-3jz9ec){margin-top:1rem;font-size:.95rem;line-height:1.4}.case-closing.svelte-3jz9ec{max-width:760px;margin-top:4rem;padding:4rem 0 2rem}.case-closing.svelte-3jz9ec p:where(.svelte-3jz9ec){color:#4169e1;margin:0 0 2rem;font-size:clamp(1.5rem,3vw,2.4rem);font-weight:200;line-height:1.2}@media (width<=900px){.case-page.svelte-3jz9ec{padding-top:2rem;padding-bottom:3rem}.hero.svelte-3jz9ec{grid-template-columns:1fr;gap:2.5rem}.hero-image.svelte-3jz9ec{justify-content:flex-start}.screenshot-crop.svelte-3jz9ec{border-radius:24px;width:min(100%,320px);height:460px}.overview-grid.svelte-3jz9ec{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 2rem}.screen-showcase.svelte-3jz9ec{grid-template-columns:1fr;max-width:360px;margin-right:auto}.github-shot.svelte-3jz9ec{max-width:100%;overflow:hidden}.github-shot.svelte-3jz9ec img:where(.svelte-3jz9ec){width:100%;height:auto}.problem-grid.svelte-3jz9ec{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}}@media (width<=640px){.case-page.svelte-3jz9ec{padding-top:1.5rem;padding-bottom:2.5rem}h1.svelte-3jz9ec{font-size:clamp(2.75rem,16vw,4rem)}.lead.svelte-3jz9ec{max-width:18ch;font-size:1.55rem}.hero-copy.svelte-3jz9ec>p:where(.svelte-3jz9ec):not(.eyebrow):not(.lead){font-size:1rem;line-height:1.55}.case-page.svelte-3jz9ec .case-section:where(.svelte-3jz9ec) .eyebrow:where(.svelte-3jz9ec),.case-page.svelte-3jz9ec .hero:where(.svelte-3jz9ec) .eyebrow:where(.svelte-3jz9ec){color:var(--text-color);letter-spacing:.08em;text-transform:uppercase;margin:0 0 1rem;font-size:.85rem;font-weight:600;line-height:1.2}.action-links.svelte-3jz9ec{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.action-links.svelte-3jz9ec a:where(.svelte-3jz9ec){justify-content:center;align-items:center;min-height:44px;padding:.7rem 1rem;display:inline-flex}.screenshot-crop.svelte-3jz9ec{width:min(100%,280px);height:410px}.overview.svelte-3jz9ec{margin-top:3rem}.overview.svelte-3jz9ec h2:where(.svelte-3jz9ec){margin-bottom:1.25rem}.overview-grid.svelte-3jz9ec{grid-template-columns:1fr;gap:1.25rem}.case-section.svelte-3jz9ec{margin-top:4rem}.case-section.svelte-3jz9ec h2:where(.svelte-3jz9ec){margin-bottom:1.25rem;font-size:clamp(1.85rem,10vw,2.5rem);line-height:1.05}.case-section.svelte-3jz9ec p:where(.svelte-3jz9ec){font-size:1rem;line-height:1.6}.problem-grid.svelte-3jz9ec{grid-template-columns:1fr;gap:1.75rem;margin-top:2rem}.problem-grid.svelte-3jz9ec ul:where(.svelte-3jz9ec){line-height:1.65}.statement.svelte-3jz9ec{margin-top:1.75rem;font-size:1.15rem;line-height:1.4}.screen-showcase.svelte-3jz9ec{gap:2.5rem;max-width:320px;margin-top:4rem}.screen-showcase.svelte-3jz9ec img:where(.svelte-3jz9ec){border-radius:24px}.github-shot.svelte-3jz9ec{margin-top:2rem}.github-shot.svelte-3jz9ec img:where(.svelte-3jz9ec){border-radius:14px;box-shadow:0 16px 48px #0000001a}.github-shot.svelte-3jz9ec figcaption:where(.svelte-3jz9ec),.screen-showcase.svelte-3jz9ec figcaption:where(.svelte-3jz9ec) span:where(.svelte-3jz9ec){font-size:.9rem}.case-closing.svelte-3jz9ec{margin-top:3rem;padding:3rem 0 1rem}.case-closing.svelte-3jz9ec p:where(.svelte-3jz9ec){font-size:1.45rem;line-height:1.25}}
