.use-cases-page{color:var(--p-text);font-family:var(--sans);max-width:1200px;margin:0 auto;padding:64px 24px 96px}.use-cases-hero{grid-template-columns:240px minmax(0,1fr);align-items:center;gap:48px;padding-block:16px 64px;display:grid}.use-cases-hero .pixel-art{width:240px;max-width:100%;height:auto}.use-cases-kicker{color:var(--p-accent);font:13px/1.5 var(--mono);margin:0 0 20px}.use-cases-intro h1{font:500 clamp(36px, 4.5vw, 60px)/1.1 var(--sans);letter-spacing:-.045em;margin:0 0 24px}.use-cases-intro>p:last-child{color:var(--p-muted);margin:0;font-size:19px;line-height:1.7}.use-case-catalog-heading{border-top:1px solid var(--p-border);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;padding-top:40px;display:flex}.use-case-catalog-heading h2{font:500 32px/1.2 var(--sans);letter-spacing:-.03em;margin:0}.use-case-catalog-heading p{color:var(--p-muted);font:13px var(--mono)}.use-case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px;display:grid}.use-case-card{background:var(--p-surface);border:1px solid var(--p-border);border-radius:12px;padding:32px;display:block}.use-case-card h3{color:var(--p-text);letter-spacing:-.025em;margin:0 0 16px;font-size:26px;font-weight:500}.use-case-card>p{color:var(--p-muted);font-size:17px;line-height:1.7}.use-case-card small{color:var(--p-muted);font:13px/1.6 var(--mono);margin-top:24px;display:block}.use-case-card strong{color:var(--p-accent);margin-top:20px;font-size:15px;font-weight:500;display:block}.use-case-card.pending{background:0 0}.use-case-card.pending strong{color:var(--p-muted)}a.use-case-card:hover{border-color:var(--p-accent)}a.use-case-card:focus-visible{outline:2px solid var(--p-accent);outline-offset:4px}.use-cases-caveat{color:var(--p-muted);font:13px/1.6 var(--mono);margin-top:28px}.fieldnote .use-case-article .page-hero{border-bottom:1px solid var(--p-border);margin:0 -24px;padding:64px 24px 56px}.fieldnote .use-case-article .hero-inner{max-width:960px}.fieldnote .use-case-article h1{color:var(--p-text);max-width:22ch}.fieldnote .use-case-article h1 :is(em,.answer){color:var(--p-accent);font-style:normal}.fieldnote .use-case-article .hero-dek{color:var(--p-muted);max-width:760px;margin:24px 0}.fieldnote .use-case-article .level-design-topline{flex-wrap:wrap;align-items:baseline;gap:16px 32px;margin-bottom:28px;display:flex}.fieldnote .use-case-article :is(.level-design-badge,.level-design-meta,.level-design-intro-label){color:var(--p-muted);font:13px/1.5 var(--mono);margin:0}.fieldnote .use-case-article .level-design-badge{color:var(--p-accent)}.fieldnote .use-case-article .level-design-intro{grid-template-columns:140px minmax(0,1fr);gap:24px;margin-top:40px;display:grid}.fieldnote .use-case-article .level-design-deck{color:var(--p-muted);margin:0;font-size:20px;line-height:1.7}.fieldnote .use-case-article .level-design-proofline{color:var(--p-accent);margin-top:28px;font-size:15px;display:inline-block}.fieldnote .use-case-article .doc{padding-top:0}.fieldnote .use-case-article figure.level-design-transition.is-dark{background:var(--code-bg);border-color:var(--code-border);border-radius:12px}.fieldnote .use-case-article .level-design-transition :is(figcaption,.level-design-transition-head){color:var(--code-muted)}@media (max-width:700px){.use-cases-page{padding-top:32px}.use-cases-hero{grid-template-columns:1fr;gap:24px;padding-bottom:40px}.use-cases-hero .pixel-art{width:180px}.use-case-grid{grid-template-columns:minmax(0,1fr)}.use-case-card{padding:24px}.fieldnote .use-case-article .page-hero{padding-top:36px;padding-bottom:36px}.fieldnote .use-case-article .level-design-intro{grid-template-columns:1fr;gap:16px;margin-top:28px}.fieldnote .use-case-article .level-design-deck{font-size:18px}}