.project-hero[data-astro-cid-2b6kflyk]{display:grid;grid-template-columns:minmax(0,1fr);justify-items:start;gap:var(--space-md);padding-block:var(--space-3xl) var(--space-xl)}.project-hero__copy[data-astro-cid-2b6kflyk]{display:grid;grid-template-columns:minmax(0,1fr);align-content:center;gap:var(--space-md);width:100%;min-width:0}.project-hero__copy[data-astro-cid-2b6kflyk]>[data-astro-cid-2b6kflyk]:where(p,h1){margin:0}.project-hero__category[data-astro-cid-2b6kflyk]{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-sm)}.project-hero__copy[data-astro-cid-2b6kflyk]>.status[data-astro-cid-2b6kflyk]{width:fit-content;max-width:100%;white-space:normal}.project-hero[data-astro-cid-2b6kflyk] h1[data-astro-cid-2b6kflyk]{max-width:22ch;font-size:clamp(2.4rem,5vw,4.75rem);line-height:1.05;text-wrap:balance}[data-astro-cid-2b6kflyk]:lang(th) .project-hero[data-astro-cid-2b6kflyk] h1[data-astro-cid-2b6kflyk]{line-height:1.1}.project-hero__hook[data-astro-cid-2b6kflyk]{max-width:34ch;font-size:clamp(1.2rem,2.2vw,1.65rem);font-weight:620;line-height:1.4}.project-hero__summary[data-astro-cid-2b6kflyk]{max-width:var(--measure-intro);color:var(--color-muted);font-size:var(--text-md)}.project-hero__visual[data-astro-cid-2b6kflyk]{width:min(100%,52rem);max-width:100%;margin-block-start:var(--space-sm)}.project-hero__visual[data-astro-cid-2b6kflyk]>svg[data-astro-cid-2b6kflyk]{width:min(100%,18rem);padding:var(--space-md);border:1px solid var(--color-rule);background:var(--color-paper-2);transform:rotate(1deg)}.project-hero__evidence[data-astro-cid-2b6kflyk]{padding:var(--space-md);border:1px solid var(--color-ink);background:var(--color-paper-2);box-shadow:.35rem .4rem 0 var(--project-shadow, transparent);transform:rotate(-.35deg)}.project-hero__evidence .project-evidence__frame{aspect-ratio:1.65 / 1;border-color:var(--color-ink)}.project-hero__evidence .project-evidence__image{width:100%;height:100%;object-fit:contain}.project-hero__links[data-astro-cid-2b6kflyk],.story-source__links[data-astro-cid-2b6kflyk]{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.project-hero__demo-note[data-astro-cid-2b6kflyk]{display:grid;max-width:var(--measure-body);gap:var(--space-xs);color:var(--color-muted);font-size:var(--text-sm);line-height:1.55}.project-hero__demo-note[data-astro-cid-2b6kflyk] p[data-astro-cid-2b6kflyk]{margin:0}.case-study[data-astro-cid-2b6kflyk]{display:grid;gap:var(--space-2xl);padding-block:var(--space-2xl);border-block-start:var(--rule-hairline) solid var(--color-rule-strong)}.case-study__sidebar[data-astro-cid-2b6kflyk]{display:grid;align-content:start;gap:var(--space-md);padding:var(--space-md);border:1px solid var(--color-rule);background:var(--color-paper-2)}.case-study__sidebar-head[data-astro-cid-2b6kflyk]{display:grid;gap:var(--space-2xs);padding-block-end:var(--space-sm);border-block-end:1px solid var(--color-rule)}.case-study__sidebar-head[data-astro-cid-2b6kflyk]>span[data-astro-cid-2b6kflyk]{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.case-study__sidebar[data-astro-cid-2b6kflyk] nav[data-astro-cid-2b6kflyk]{display:grid;gap:var(--space-sm)}.case-study__sidebar[data-astro-cid-2b6kflyk] nav[data-astro-cid-2b6kflyk] a[data-astro-cid-2b6kflyk]{text-decoration-color:var(--color-blue);text-underline-offset:.28em}.case-study__map[data-astro-cid-2b6kflyk]>summary[data-astro-cid-2b6kflyk]{display:flex;min-height:2.75rem;align-items:center;justify-content:space-between;gap:var(--space-sm);cursor:pointer;font-weight:700;list-style:none}.case-study__map[data-astro-cid-2b6kflyk]>summary[data-astro-cid-2b6kflyk]::-webkit-details-marker{display:none}.case-study__map[data-astro-cid-2b6kflyk]>summary[data-astro-cid-2b6kflyk]:after{content:"↘";color:var(--color-blue);font-family:var(--font-mono);font-size:var(--text-sm)}.case-study__map[data-astro-cid-2b6kflyk][open]>summary[data-astro-cid-2b6kflyk]:after{content:"↗"}.case-study__body[data-astro-cid-2b6kflyk]{display:grid;min-width:0;width:100%;max-width:none;gap:var(--space-2xl)}.case-study__body[data-astro-cid-2b6kflyk]>[data-astro-cid-2b6kflyk]{min-width:0}.case-study__body[data-astro-cid-2b6kflyk] section[data-astro-cid-2b6kflyk]{display:grid;gap:var(--space-md)}.case-study__body[data-astro-cid-2b6kflyk] h2[data-astro-cid-2b6kflyk].project-section-heading{display:grid;gap:var(--space-xs);text-wrap:balance}.case-study__body[data-astro-cid-2b6kflyk] h2[data-astro-cid-2b6kflyk].project-section-heading:before{content:attr(data-section-index) " / " attr(data-section-label);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.08em;line-height:1.3;text-transform:uppercase}.case-study__body[data-astro-cid-2b6kflyk] p[data-astro-cid-2b6kflyk],.case-study__body[data-astro-cid-2b6kflyk] li[data-astro-cid-2b6kflyk]{max-width:var(--measure-body);line-height:1.75;overflow-wrap:break-word}.story-list[data-astro-cid-2b6kflyk]{display:grid;gap:var(--space-sm);padding-inline-start:1.25rem}.story-flow[data-astro-cid-2b6kflyk]{display:grid;gap:0;margin:0;padding:0;list-style:none}.story-flow[data-astro-cid-2b6kflyk] li[data-astro-cid-2b6kflyk]{display:grid;grid-template-columns:2.25rem minmax(0,1fr);gap:var(--space-md);align-items:start;padding-block:var(--space-md);border-block-start:var(--rule-hairline) solid var(--color-rule)}.story-flow[data-astro-cid-2b6kflyk] li[data-astro-cid-2b6kflyk]:last-child{border-block-end:var(--rule-hairline) solid var(--color-rule)}.story-flow[data-astro-cid-2b6kflyk] span[data-astro-cid-2b6kflyk]{display:grid;place-items:center;width:1.75rem;height:1.75rem;border:var(--rule-hairline) solid var(--color-border-interactive);border-radius:50%;color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.story-flow[data-astro-cid-2b6kflyk] p[data-astro-cid-2b6kflyk]{margin:0}.story-tags[data-astro-cid-2b6kflyk]{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.story-turning-point[data-astro-cid-2b6kflyk]{padding:var(--space-lg);border:1px solid var(--color-rule-strong);background:color-mix(in srgb,var(--color-coral) 12%,var(--color-paper-2))}.story-figure[data-astro-cid-2b6kflyk]{display:grid;gap:var(--space-sm);margin:0;padding:var(--space-md);border:1px solid var(--color-ink);background:var(--color-paper-2);box-shadow:.3rem .35rem 0 var(--project-shadow, transparent);transform:rotate(-.2deg)}.story-figure[data-astro-cid-2b6kflyk],.case-study__body[data-astro-cid-2b6kflyk]>.story-figure[data-astro-cid-2b6kflyk]{width:100%}.story-figure[data-astro-cid-2b6kflyk] img[data-astro-cid-2b6kflyk]{display:block;width:100%;height:auto;border:var(--rule-hairline) solid var(--color-border-subtle);background:var(--color-paper-2)}.story-figure[data-astro-cid-2b6kflyk] picture[data-astro-cid-2b6kflyk]{display:block}.story-figure[data-astro-cid-2b6kflyk] figcaption[data-astro-cid-2b6kflyk]{color:var(--color-muted);font-size:var(--text-sm);line-height:1.55}.story-source[data-astro-cid-2b6kflyk]{padding-block-start:var(--space-md);border-block-start:var(--rule-hairline) solid var(--color-rule)}.project-related[data-astro-cid-2b6kflyk]{display:grid;gap:var(--space-md);padding-block-start:var(--space-lg);border-block-start:var(--rule-hairline) solid var(--color-rule)}.project-related__list[data-astro-cid-2b6kflyk],.project-related__projects[data-astro-cid-2b6kflyk]{display:grid;gap:0;margin:0;padding:0;list-style:none}.project-related__list[data-astro-cid-2b6kflyk] li[data-astro-cid-2b6kflyk],.project-related__projects[data-astro-cid-2b6kflyk] a[data-astro-cid-2b6kflyk]{border-block-start:1px solid var(--color-rule)}.project-related__list[data-astro-cid-2b6kflyk] li[data-astro-cid-2b6kflyk]:last-child,.project-related__projects[data-astro-cid-2b6kflyk] a[data-astro-cid-2b6kflyk]:last-child{border-block-end:1px solid var(--color-rule)}.project-related__list[data-astro-cid-2b6kflyk] a[data-astro-cid-2b6kflyk],.project-related__projects[data-astro-cid-2b6kflyk] a[data-astro-cid-2b6kflyk]{display:grid;gap:var(--space-2xs);padding-block:var(--space-md);text-decoration:none}.project-related__list[data-astro-cid-2b6kflyk] a[data-astro-cid-2b6kflyk]:hover,.project-related__projects[data-astro-cid-2b6kflyk] a[data-astro-cid-2b6kflyk]:hover{background:color-mix(in srgb,var(--color-butter) 14%,transparent)}.project-related__list[data-astro-cid-2b6kflyk] span[data-astro-cid-2b6kflyk],.project-related__projects[data-astro-cid-2b6kflyk] span[data-astro-cid-2b6kflyk]{color:var(--color-blue);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase}.project-related__list[data-astro-cid-2b6kflyk] strong[data-astro-cid-2b6kflyk],.project-related__projects[data-astro-cid-2b6kflyk] strong[data-astro-cid-2b6kflyk]{font-size:var(--text-md)}.project-related__list[data-astro-cid-2b6kflyk] small[data-astro-cid-2b6kflyk]{max-width:var(--measure-body);color:var(--color-muted);font-size:var(--text-sm);line-height:1.55}.project-related__projects[data-astro-cid-2b6kflyk]{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg)}.project-related__projects[data-astro-cid-2b6kflyk] a[data-astro-cid-2b6kflyk]{padding:var(--space-md);border:1px solid var(--color-rule-strong);background:var(--color-paper-2)}.project-nav[data-astro-cid-2b6kflyk]{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between;padding-block-start:var(--space-md)}.project-nav[data-astro-cid-2b6kflyk] .button[data-astro-cid-2b6kflyk]{height:auto;min-height:2.75rem;white-space:normal}.project-brief[data-astro-cid-2b6kflyk]{display:grid;max-width:760px;gap:var(--space-md)}.project-brief[data-astro-cid-2b6kflyk]>p[data-astro-cid-2b6kflyk],.project-brief[data-astro-cid-2b6kflyk] li[data-astro-cid-2b6kflyk]{max-width:var(--measure-body);line-height:1.75}.project-brief__note[data-astro-cid-2b6kflyk]{color:var(--color-muted)}@media(min-width:68.75rem){.project-hero[data-astro-cid-2b6kflyk]{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:clamp(var(--space-xl),4vw,var(--space-3xl));align-items:center}.project-hero[data-astro-cid-2b6kflyk]>.breadcrumbs[data-astro-cid-2b6kflyk]{grid-column:1 / -1}.project-hero__copy[data-astro-cid-2b6kflyk]{grid-column:1;grid-row:2;max-width:38rem}.project-hero__visual[data-astro-cid-2b6kflyk]{grid-column:2;grid-row:2;width:min(100%,58rem);margin-block-start:0}.case-study[data-astro-cid-2b6kflyk]{width:min(calc(100% - 3rem),73.75rem);grid-template-columns:minmax(12.5rem,14rem) minmax(0,1fr);column-gap:var(--space-2xl);align-items:start}.case-study__sidebar[data-astro-cid-2b6kflyk]{position:sticky;inset-block-start:6rem;max-width:224px}.case-study__map[data-astro-cid-2b6kflyk]>summary[data-astro-cid-2b6kflyk]{display:none}.case-study__map[data-astro-cid-2b6kflyk]>nav[data-astro-cid-2b6kflyk]{display:grid}}@media(max-width:68.74rem){.case-study__sidebar[data-astro-cid-2b6kflyk]{order:-1;padding:var(--space-sm)}.case-study__map[data-astro-cid-2b6kflyk]>nav[data-astro-cid-2b6kflyk]{display:none;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--space-lg)}.case-study__map[data-astro-cid-2b6kflyk][open]>nav[data-astro-cid-2b6kflyk]{display:grid}}@media(max-width:35rem){.project-hero__evidence[data-astro-cid-2b6kflyk]{padding:var(--space-sm)}.project-hero__evidence .project-evidence__frame{aspect-ratio:1.25 / 1}.case-study__map[data-astro-cid-2b6kflyk]>nav[data-astro-cid-2b6kflyk]{grid-template-columns:1fr;gap:var(--space-xs)}.case-study__map[data-astro-cid-2b6kflyk] nav[data-astro-cid-2b6kflyk] a[data-astro-cid-2b6kflyk]{min-height:2.75rem;align-content:center}.story-figure[data-astro-cid-2b6kflyk]{padding:var(--space-sm)}.project-related__projects[data-astro-cid-2b6kflyk]{grid-template-columns:1fr;gap:var(--space-sm)}}.story-label[data-astro-cid-2b6kflyk]{color:var(--color-muted);letter-spacing:.14em;margin-block-end:var(--space-2xs)}.story-label[data-astro-cid-2b6kflyk]:before{background:var(--color-coral);content:"";display:inline-block;block-size:.6rem;inline-size:.6rem;margin-inline-end:.5em}