.story-page.story-project,.story-page.story-article{padding:0 0 var(--section-space)}.story-opening{padding-top:clamp(7.5rem,10vw,10rem)}.story-page .story-header{border-top:0;padding-top:0;align-items:start}.story-page .story-title{font-weight:400;letter-spacing:-.045em;line-height:1.05}.story-page .story-lead{max-width:52ch;font-size:clamp(1.12rem,1.7vw,1.4rem);line-height:1.75}.story-page .story-meta{font-size:.9rem;font-weight:400;letter-spacing:0;line-height:1.6;text-transform:none}.story-page .story-actions .text-link{min-height:2.75rem;font-size:1rem;font-weight:400}.story-page .story-lifecycle{color:var(--accent);font-weight:600}.story-page .story-cover img{height:auto;max-height:none;object-fit:contain;box-shadow:none}.story-page .story-cover{width:min(100%,var(--content-width))}.story-project .story-opening{--text-primary: var(--atelier-ivory, #f3ebdd);--text-secondary: #d4d7cc;--text-muted: #c6c9bf;--text-dim: #bec5b9;--accent: var(--atelier-champagne, #b4a07c);--border: #46544b;--border-strong: #7c806a;--focus-ring: var(--atelier-ivory, #f3ebdd);--focus-contrast: var(--atelier-forest, #17251f);padding-bottom:clamp(2.5rem,6vw,5rem);background:var(--atelier-forest, #17251f);color:var(--text-primary)}.story-project .story-opening-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(13rem,.28fr);gap:1.5rem clamp(2rem,4vw,4rem)}.story-project .story-header{display:contents}.story-project .story-back{grid-column:1 / -1}.story-project .story-heading{max-width:72rem}.story-project .story-title{max-width:20ch;font-size:clamp(3.5rem,7.5vw,7rem)}.story-project .story-header-details{grid-column:2;grid-row:2 / span 2;display:flex;padding:2.5rem 0 0 clamp(1.5rem,3vw,2.5rem);border-left:1px solid var(--border-strong);flex-direction:column;justify-content:center;gap:2rem}.story-project .story-meta{display:grid;margin-top:0;gap:1.5rem;font-size:1rem}.story-project .story-meta>*{padding-bottom:1.5rem;border-bottom:1px solid var(--border-strong)}.story-project .story-meta time>span{display:block;margin-bottom:.4rem;color:var(--accent)}.story-project .story-actions{margin-top:0}.story-project .story-cover{grid-column:1;width:100%;margin:0;padding:0}.story-project .story-cover img{padding:.6rem;border-color:var(--atelier-champagne, #b4a07c);background:var(--atelier-ivory, #f3ebdd)}.story-article .story-title{max-width:21ch;font-size:clamp(3rem,5.8vw,5.8rem)}.story-article .story-header-details{grid-column:2}.story-article .story-cover{width:min(100%,68rem);margin-top:3rem}.story-page .story-body{margin-top:clamp(3.5rem,6vw,6rem);grid-template-columns:minmax(13rem,.34fr) minmax(0,var(--reading-width))}.story-body:not(.has-toc) .mdx-prose{grid-column:2}.story-page .story-rail{font-size:.92rem;line-height:1.65}.story-page .story-rail-inner{padding:0 1.5rem 1rem 0;border-top:0;border-right:1px solid var(--border)}.story-page .story-toc{margin-top:0;padding-top:0;border-top:0}.story-page .story-toc-heading{margin-bottom:1.1rem}.story-page .story-toc-label{font-family:Fraunces,IBM Plex Sans Thai,serif;font-size:1.55rem;font-weight:400;letter-spacing:0;text-transform:none}.story-page .story-toc-progress{font-size:.78rem}.story-page .story-toc-link{padding-block:.6rem;line-height:1.55}.story-page .story-toc-nested .story-toc-link{font-size:.85rem}.story-page .mdx-prose{font-size:clamp(1.08rem,1.45vw,1.2rem);line-height:1.88}.story-page .mdx-prose h2{padding-top:0;border-top:0;font-size:clamp(2rem,3.2vw,3rem);font-weight:400}.story-page .mdx-prose h3{font-size:clamp(1.6rem,2.2vw,2.1rem);font-weight:400}.story-page .mdx-prose blockquote{padding-block:.7rem;border-left:2px solid var(--accent);font-weight:400}.story-page .mdx-prose img{box-shadow:none}.story-page .mdx-prose figcaption{font-size:.88rem;line-height:1.65}.story-page .mdx-prose pre{padding:1.4rem;font-size:.9rem}.story-page .mdx-prose th{font-size:.95rem;letter-spacing:0}.story-page .case-footprint{margin-top:clamp(2.5rem,5vw,4rem)}.story-page .case-footprint-heading p,.story-page .case-footprint-note{font-size:.9rem;line-height:1.65}.story-page .case-footprint-metric dt{font-size:.85rem}.story-page .case-footprint-metric dd{font-weight:400}.story-page .story-footer .text-link{font-size:1rem;font-weight:400}html[lang=th] .story-page .story-title{font-family:IBM Plex Sans Thai,sans-serif;letter-spacing:-.02em;line-height:1.35}html[lang=th] .story-project .story-title{font-size:clamp(2.7rem,6.2vw,5.3rem)}html[lang=th] .story-article .story-title{font-size:clamp(2.5rem,5.4vw,4.8rem)}html[lang=th] .story-page .mdx-prose{line-height:2}html[lang=th] .story-page .mdx-prose h2,html[lang=th] .story-page .mdx-prose h3{line-height:1.45}@media(max-width:1020px){.story-project .story-opening-inner{grid-template-columns:minmax(0,1fr) minmax(11rem,.32fr)}.story-project .story-title{font-size:clamp(3.2rem,7vw,5rem)}.story-page .story-body{grid-template-columns:minmax(11rem,.32fr) minmax(0,1fr);gap:2rem}.story-page .story-toc-label{font-size:1.35rem}}@media(max-width:760px){.story-project .story-opening-inner{grid-template-columns:minmax(0,1fr)}.story-project .story-header-details{grid-column:1;grid-row:auto;padding:1rem 0 0;border-left:0;border-top:1px solid var(--border-strong);gap:1rem}.story-project .story-meta{display:flex;gap:.8rem 1.5rem;font-size:.9rem}.story-project .story-meta>*{padding-bottom:0;border-bottom:0}.story-project .story-meta time>span{display:inline;margin:0}.story-article .story-header-details{grid-column:1}.story-page .story-header,.story-page .story-body{grid-template-columns:minmax(0,1fr);gap:1.5rem}.story-body:not(.has-toc) .mdx-prose{grid-column:1}.story-page .story-title{font-size:clamp(2.6rem,10.5vw,4rem)}.story-project .story-title{font-size:clamp(3rem,12vw,5rem)}.story-page .story-rail{top:5.5rem}.story-page .story-rail-inner{padding:0;border-right:0}.story-page .story-toc-mobile{background:var(--surface);backdrop-filter:none}.story-page .story-toc-mobile summary{min-height:3.5rem;font-size:.92rem}.story-page .story-toc-mobile .story-toc-link{padding-block:.8rem}.story-page .mdx-prose{font-size:1.08rem}.story-page .story-cover{margin-top:2rem}.story-project .story-cover img{padding:.35rem}}.safe-markdown[data-astro-cid-a5bmapzx]{min-width:0;overflow-wrap:anywhere}.safe-markdown[data-astro-cid-a5bmapzx] h2,.safe-markdown[data-astro-cid-a5bmapzx] h3,.safe-markdown[data-astro-cid-a5bmapzx] h4,.safe-markdown[data-astro-cid-a5bmapzx] h5,.safe-markdown[data-astro-cid-a5bmapzx] h6{margin:1.8em 0 .65em;color:var(--text)}.safe-markdown[data-astro-cid-a5bmapzx] h2{font-size:clamp(1.65rem,3vw,2.25rem)}.safe-markdown[data-astro-cid-a5bmapzx] h3{font-size:clamp(1.3rem,2.2vw,1.7rem)}.safe-markdown[data-astro-cid-a5bmapzx] p,.safe-markdown[data-astro-cid-a5bmapzx] li,.safe-markdown[data-astro-cid-a5bmapzx] blockquote{color:var(--text-secondary);font-size:17px;line-height:1.85}.safe-markdown[data-astro-cid-a5bmapzx] p,.safe-markdown[data-astro-cid-a5bmapzx] ul,.safe-markdown[data-astro-cid-a5bmapzx] ol,.safe-markdown[data-astro-cid-a5bmapzx] blockquote,.safe-markdown[data-astro-cid-a5bmapzx] img{margin:0 0 1.5rem}.safe-markdown[data-astro-cid-a5bmapzx] ul,.safe-markdown[data-astro-cid-a5bmapzx] ol{padding-left:1.4em}.safe-markdown[data-astro-cid-a5bmapzx] li+li{margin-top:.4rem}.safe-markdown[data-astro-cid-a5bmapzx] a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.safe-markdown[data-astro-cid-a5bmapzx] a:hover{color:var(--text)}.safe-markdown[data-astro-cid-a5bmapzx] blockquote{padding:1rem 1.5rem;border-left:3px solid var(--qh-honk);background:var(--bg-subtle)}.safe-markdown[data-astro-cid-a5bmapzx] blockquote>:last-child{margin-bottom:0}.safe-markdown[data-astro-cid-a5bmapzx] img{display:block;width:auto;max-width:100%;height:auto}.safe-markdown[data-astro-cid-a5bmapzx] pre{max-width:100%;overflow-x:auto}.safe-markdown[data-astro-cid-a5bmapzx] table{display:block;max-width:100%;overflow-x:auto}.mdx-prose{min-width:0;max-width:100%;overflow-wrap:anywhere}.mdx-prose a,.mdx-prose code{overflow-wrap:anywhere;word-break:break-word}.mdx-prose pre,.mdx-prose pre code{overflow-wrap:normal;word-break:normal;white-space:pre}.translation-notice[data-astro-cid-repkg2ph]{margin-block:0 2rem;padding:clamp(1.5rem,4vw,2.5rem);border-block:1px solid var(--border);background:color-mix(in srgb,var(--surface-muted) 72%,transparent)}.translation-notice[data-astro-cid-repkg2ph] h2[data-astro-cid-repkg2ph]{max-width:20ch;margin:.55rem 0 .85rem;font-size:clamp(1.7rem,3.5vw,2.5rem);line-height:1.08;text-wrap:balance}
