.experience-series{background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);border-radius:12px;grid-template-columns:minmax(220px,.8fr) minmax(0,2fr);gap:32px;margin-block:24px 40px;padding:28px;display:grid}.experience-series>header{min-width:0}.experience-series .experience-series-eyebrow{font-size:var(--font-size-sm);color:var(--color-accent);margin:0 0 8px}.experience-series :is(h2,h3){font-family:var(--font-serif);letter-spacing:0;margin:0 0 8px;font-size:1.65rem;font-weight:400;line-height:1.5}.experience-series header>p:last-child{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.85}.experience-series nav{min-width:0}.experience-series ol{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.experience-series li{min-width:0;margin:0;padding:0;display:flex}.experience-series a{border-top:2px solid var(--color-border);width:100%;color:var(--color-text);border-radius:0 0 6px 6px;flex-direction:column;align-items:start;gap:8px;padding:16px;text-decoration:none;display:flex}.experience-series a:hover,.experience-series a[aria-current=page]{background:var(--color-bg);border-color:var(--color-accent)}.experience-series a:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.experience-series-year{font-variant-numeric:tabular-nums;font-size:2rem;font-weight:300;line-height:1.4}.experience-series-theme{font-size:1rem;line-height:1.85}.experience-series-action{font-size:var(--font-size-sm);color:var(--color-accent);margin-top:auto;padding-top:12px;line-height:1.85}.experience-series-photo{background:var(--color-bg);border-radius:6px;justify-content:center;align-items:center;width:100%;height:100px;margin-bottom:4px;display:flex}.experience-series-photo img{object-fit:contain;border-radius:6px;width:100%;display:block;aspect-ratio:auto!important;height:100%!important}:lang(th) .experience-series :is(h2,p,a,span){letter-spacing:0;word-break:keep-all;font-style:normal}@media (width<=900px){.experience-series{grid-template-columns:1fr;gap:24px}}@media (width<=620px){.experience-series{gap:20px;margin-block:20px 32px;padding:20px}.experience-series ol{grid-template-columns:1fr;gap:0}.experience-series a{grid-template-columns:64px minmax(0,1fr);gap:4px 16px;padding:16px 4px;display:grid}.experience-series-year{grid-row:span 2;font-size:1.6rem}.experience-series-action{padding:0}.experience-series li:last-child a{padding-bottom:4px}.experience-series--images a{grid-template-columns:80px minmax(0,1fr);column-gap:16px}.experience-series--images .experience-series-photo{grid-row:span 3;width:80px;height:72px;margin:4px 0 0}.experience-series--images .experience-series-year{grid-row:auto;font-size:1.3rem}.experience-series--images .experience-series-theme,.experience-series--images .experience-series-action{grid-column:2}}.experience-series--compact{border:0;border-top:1px solid var(--color-border-subtle);background:0 0;border-radius:0;margin:0;padding:20px 0;display:block}.experience-series--compact>header{margin-bottom:16px}.experience-series--compact :is(h2,h3){font-family:var(--font-sans);margin:4px 0 8px;font-size:1.2rem}.experience-series--compact header>p:last-child{font-size:var(--font-size-sm)}.experience-series--compact ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.experience-series--compact a{border:0;gap:4px;padding:0 0 8px;display:flex}.experience-series--compact .experience-series-photo{background:var(--color-bg-subtle);grid-row:auto;width:100%;height:72px;margin:0 0 6px}.experience-series--compact .experience-series-year{grid-row:auto;font-size:1.2rem}.experience-series--compact .experience-series-theme{font-size:var(--font-size-sm)}@media (width<=620px){.experience-series--compact{padding-block:16px}.experience-series--compact a{display:flex}.experience-series--compact .experience-series-photo{width:100%;height:64px}.experience-series--compact :is(h2,h3){font-size:1.125rem}.experience-series--compact .experience-series-theme{grid-column:auto}}.experience-videos{border-top:1px solid var(--color-border-subtle);margin-block:40px;padding-top:28px}.experience-videos>:is(h2,h3){margin:0 0 12px;font-size:1.25rem}.experience-videos>p{color:var(--color-text-secondary);margin:0 0 24px;line-height:1.9}.experience-video-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.experience-video-grid figure{min-width:0;margin:0}.experience-video-grid video{aspect-ratio:9/16;object-fit:contain;background:#0f1716;border-radius:8px;width:100%;height:auto;display:block}.experience-video-grid figcaption{flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin-top:12px;font-size:.9375rem;line-height:1.9;display:flex}.experience-video-duration{color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.experience-video-grid .experience-text-link{font-size:.875rem}@media (width<=760px){.experience-video-grid{grid-template-columns:1fr;gap:32px}.experience-video-grid figure{width:min(100%,360px);margin-inline:auto}}.experience-videos--event .experience-video-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.experience-videos--event .experience-video-grid video{aspect-ratio:9/16}.experience-videos--event .experience-text-link{min-height:44px;color:var(--color-accent);text-underline-offset:4px;align-items:center;gap:8px;text-decoration:underline;display:inline-flex}@media (width<=1000px){.experience-videos--event .experience-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.experience-videos--event .experience-video-grid{grid-template-columns:1fr}}.practice-container{width:min(1280px,100% - 80px);margin-inline:auto}.practice-breadcrumb{color:var(--color-text-secondary);flex-wrap:wrap;align-items:center;gap:16px;padding-top:28px;font-size:.875rem;display:flex}.practice-breadcrumb a{align-items:center;min-height:44px;display:inline-flex}.practice-header{text-align:center;max-width:1040px;margin:12px auto 32px}.practice-header h1{font:500 clamp(2.1rem,3.6vw,3rem)/1.3 var(--font-sans);letter-spacing:0;text-wrap:balance;max-width:none;margin:16px 0}.practice-subtitle{color:var(--color-text);margin:16px 0;font-size:clamp(1.25rem,2vw,1.6rem);line-height:1.5}.practice-summary{max-width:830px;color:var(--color-text-secondary);margin:16px auto 12px;font-size:1.125rem;line-height:1.9}.practice-role{color:var(--color-text-secondary);margin:12px auto;font-size:.875rem}.practice-status{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:16px 0 24px;font-size:.875rem;line-height:1.85;display:flex}.experience-gallery{min-width:0;display:block}.experience-gallery [hidden]{display:none!important}.experience-gallery-stage{background:var(--color-bg-subtle);border-radius:12px;scroll-margin-top:110px;position:relative}.experience-gallery-slide{margin:0}.experience-gallery-slide>a{border-radius:12px;display:block;overflow:hidden}.experience-gallery-slide>a>img{object-fit:cover;object-position:center 48%;width:100%;height:auto;display:block;aspect-ratio:2.6!important}.experience-gallery-slide.is-document>a>img{object-fit:contain;background:var(--color-bg-subtle)}.experience-slide-caption{display:none}.experience-gallery-arrows{pointer-events:none;justify-content:space-between;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.experience-gallery-arrows button{pointer-events:auto;background:var(--color-accent);width:48px;height:48px;color:var(--color-on-accent);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.experience-gallery-arrows button>img{filter:brightness(0)invert()}.experience-gallery-arrows button:disabled{opacity:.4;cursor:default}.experience-gallery-meta{color:var(--color-text-secondary);justify-content:space-between;align-items:baseline;gap:24px;margin:12px 0;font-size:.875rem;line-height:1.85;display:flex}.experience-gallery-meta p{margin:0}.experience-gallery-meta>span{white-space:nowrap}.experience-gallery-thumbnails{scroll-snap-type:x proximity;gap:12px;padding:4px 3px 12px;display:flex;overflow-x:auto}.experience-gallery-thumbnails>button{cursor:pointer;scroll-snap-align:start;background:0 0;border:2px solid #0000;border-radius:8px;flex:0 0 calc(20% - 9.6px);min-width:100px;min-height:44px;padding:0;display:block}.experience-gallery-thumbnails>button>img{object-fit:cover;border-radius:5px;width:100%;height:auto;display:block;aspect-ratio:1.8!important}.experience-gallery-thumbnails>button[aria-current]{border-color:var(--color-accent)}.experience-gallery-navigation{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;margin-bottom:32px;display:flex}.experience-gallery-navigation nav{flex-wrap:wrap;gap:4px 24px;display:flex}.experience-gallery-navigation a{align-items:center;min-height:44px;font-size:.875rem;line-height:1.85;display:inline-flex}.experience-gallery-navigation a[aria-current]{color:var(--color-accent);text-underline-offset:9px;text-decoration:underline;text-decoration-thickness:2px}.experience-text-link{min-height:44px;color:var(--color-accent);text-underline-offset:5px;align-items:center;gap:12px;text-decoration:underline;display:inline-flex}.experience-gallery-all{border-block:1px solid var(--color-border-subtle);margin:24px 0}.experience-gallery-all>summary{cursor:pointer;min-height:44px;color:var(--color-accent);padding:16px 0}.experience-album-section{padding:24px 0;scroll-margin-top:110px}.experience-album-section>h3{margin:0 0 12px;font-size:1.4rem}.experience-album-section>p{color:var(--color-text-secondary)}.experience-album-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;display:grid}.experience-album-grid figure{min-width:0;margin:0}.experience-album-grid figure>a{display:block;position:relative}.experience-album-grid figure>a>img{object-fit:cover;border-radius:8px;width:100%;height:auto;display:block;aspect-ratio:4/3!important}.experience-album-grid .is-document>a>img{object-fit:contain;background:var(--color-bg-subtle);padding:12px;aspect-ratio:3/4!important}.experience-photo-open{min-height:44px;color:var(--color-accent);text-underline-offset:4px;align-items:center;font-size:.875rem;text-decoration:underline;display:inline-flex}.experience-album-grid figcaption{font-size:.9375rem;line-height:1.85}.experience-album-grid dl{overflow-wrap:anywhere;margin:16px 0;font-size:.875rem;line-height:1.85}.experience-album-grid dt{color:var(--color-text-secondary)}.experience-album-grid dd{margin:0 0 8px}.practice-development{background:var(--color-bg-subtle);margin:40px 0 0;padding:32px 0 40px}.practice-development h2{font:400 1.0625rem/1.85 var(--font-sans);margin:0 0 24px}.practice-development ol{grid-template-columns:repeat(5,minmax(0,1fr));gap:32px;margin:0;padding:0;list-style:none;display:grid}.practice-development li{position:relative}.practice-step-next{position:absolute;top:24px;right:-28px}.practice-development a{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:210px;margin:auto;line-height:1.85;display:flex}.practice-step-icon{background:var(--color-highlight);border-radius:50%;place-items:center;width:72px;height:72px;display:grid}.practice-development a:hover>span:last-child{text-underline-offset:5px;text-decoration:underline}.practice-story-layout{grid-template-columns:minmax(0,850px) minmax(220px,1fr);align-items:start;gap:72px;padding-top:56px;display:grid}.practice-story{min-width:0}.practice-chapter{border-bottom:1px solid var(--color-border-subtle);margin-bottom:40px;padding-bottom:48px;scroll-margin-top:110px}.practice-chapter h2{font:400 clamp(1.5rem,2.4vw,2rem)/1.5 var(--font-sans);text-wrap:pretty;margin:0 0 24px}.practice-prose{max-width:740px;line-height:1.9}.practice-prose p{color:var(--color-text-secondary);margin:0 0 24px}.practice-contents{border-left:1px solid var(--color-border);padding-left:28px;position:sticky;top:110px}.practice-contents h2{font:400 1.125rem/1.85 var(--font-sans);margin:0 0 16px}.practice-contents nav{gap:4px;display:grid}.practice-contents nav a{min-height:44px;color:var(--color-text-secondary);align-items:center;padding-block:8px;font-size:.875rem;line-height:1.85;display:flex}.practice-contents nav a:hover{color:var(--color-accent);text-underline-offset:4px;text-decoration:underline}.practice-contents .experience-text-link{margin-top:20px;font-size:.875rem}.practice-inline-album{margin-top:32px;padding:24px 0 0}.practice-inline-album>h3{margin:0 0 12px;font-size:1.25rem}.practice-inline-album>p{color:var(--color-text-secondary);margin:0 0 20px;font-size:.9375rem;line-height:1.85}.is-compact .experience-gallery-slide>a>img{aspect-ratio:16/10!important}.is-compact .experience-gallery-thumbnails>button{flex-basis:calc(33.3333% - 8px)}.practice-related{padding-block:32px 64px;scroll-margin-top:110px}.practice-related>h2{font:400 clamp(1.5rem,2.4vw,2rem)/1.5 var(--font-sans);margin:0 0 32px}.practice-related>div{grid-template-columns:1fr 1fr;gap:40px;display:grid}.practice-related article>a{border-top:1px solid var(--color-border);grid-template-columns:120px minmax(0,1fr);gap:24px;padding-top:24px;display:grid}.practice-related article>a>img{object-fit:contain;width:100%;height:auto;max-height:180px}.practice-related h3{font:400 1.25rem/1.6 var(--font-sans);margin:8px 0 16px}.practice-related p{color:var(--color-text-secondary);margin:0 0 12px;font-size:.875rem;line-height:1.85}.practice-related .experience-text-link{font-size:.875rem}.practice-related .experience-text-link img{width:20px;height:20px}.practice-footer{border-top:1px solid var(--color-border-subtle);padding:32px 0 64px}.practice-footer>a{min-height:44px;color:var(--color-accent);align-items:center;gap:20px;display:inline-flex}.experience-lightbox{background:var(--color-bg);width:100%;max-width:min(1180px,100vw - 32px);max-height:calc(100dvh - 24px);color:var(--color-text);border:1px solid var(--color-border);border-radius:12px;padding:16px 24px;overflow-y:auto}.experience-lightbox::backdrop{background:#0a1917d9}.experience-lightbox-toolbar,.experience-lightbox-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.experience-lightbox-toolbar button{background:var(--color-bg-subtle);cursor:pointer;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.experience-lightbox-image img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:70dvh;margin:auto;display:block}.experience-lightbox p{margin:16px 0;font-size:1rem;line-height:1.85}.experience-lightbox-controls button,.experience-lightbox-controls a{border:1px solid var(--color-border);background:var(--color-bg);min-height:44px;color:var(--color-text);cursor:pointer;border-radius:6px;padding:8px 12px}.practice-project :is(a,button,summary,[tabindex]):focus-visible,.experience-gallery :is(a,button,summary,[tabindex]):focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}:lang(th) .practice-project :is(h1,h2,h3,.practice-subtitle){font-family:var(--font-sans);letter-spacing:0;font-style:normal;font-weight:300;line-height:1.5}:lang(th) .practice-project :is(p,figcaption,li,dd,dt,summary){letter-spacing:0;word-break:keep-all;line-height:1.9}:lang(th) .practice-prose{letter-spacing:0;font-size:1.0625rem;line-height:1.9}:lang(th) .practice-project :is(button,a){letter-spacing:0;font-style:normal}:lang(th) .practice-header h1:lang(en){font-family:Newsreader,Georgia,serif;font-weight:500;line-height:1.12}experience-gallery[data-ready]>.experience-gallery-all:not([open]){display:none}@media (width<=1000px){.practice-story-layout{grid-template-columns:minmax(0,1fr);gap:0}.practice-contents{border:0;border-bottom:1px solid var(--color-border-subtle);grid-row:1;margin-bottom:40px;padding:0 0 32px;position:static}.practice-contents nav{flex-wrap:wrap;gap:8px 24px;display:flex}.practice-contents nav a{max-width:320px}.practice-prose{max-width:100%}}@media (width<=760px){.practice-container{width:calc(100% - 40px)}.practice-breadcrumb{gap:8px 16px;padding-top:16px}.practice-header{margin:8px auto 24px}.practice-header h1{font-size:2rem}.practice-subtitle{font-size:1.4rem}.practice-summary{font-size:1.0625rem}.practice-role{max-width:32ch}.experience-gallery-slide>a>img{aspect-ratio:4/3!important}.experience-gallery-arrows{padding:8px}.experience-gallery-arrows button{width:44px;height:44px}.experience-gallery-meta{flex-wrap:wrap;gap:12px}.experience-gallery-thumbnails{gap:8px}.experience-gallery-thumbnails>button{flex-basis:calc(33.3333% - 5.33333px)}.experience-gallery-navigation nav{gap:4px 16px}.experience-album-grid{grid-template-columns:1fr 1fr;gap:24px 16px}.practice-development{margin-top:24px;padding:24px 0 32px}.practice-development ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}.practice-step-next{display:none}.practice-step-icon{width:60px;height:60px}.practice-development a{text-align:left;align-items:start;gap:12px;margin:0}.practice-story-layout{padding-top:32px}.practice-chapter{margin-bottom:32px;padding-bottom:32px}.practice-chapter h2{font-size:1.5rem}.practice-related>div{grid-template-columns:1fr;gap:32px}.practice-related article>a{grid-template-columns:90px minmax(0,1fr);gap:20px}.practice-related{padding-block:24px 40px}.experience-lightbox{padding:12px}.experience-lightbox-image img{max-height:62dvh}.experience-lightbox-controls{gap:8px}.experience-lightbox-controls :is(button,a){padding:8px;font-size:.875rem}}@media (width<=420px){.experience-album-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.experience-gallery-thumbnails{scroll-behavior:auto}}:root.dark .practice-step-icon img,:root.dark .experience-text-link img,:root.dark .experience-lightbox-toolbar img,:root.dark .practice-status img{filter:invert()}.experience-gallery-slide.is-portrait>a>img{object-fit:contain;object-position:center;background:var(--color-bg-subtle)}.experience-gallery-thumbnails>button.is-portrait>img{object-fit:contain;background:var(--color-bg-subtle)}.experience-album-grid .is-portrait>a>img{object-fit:contain;background:var(--color-bg-subtle);aspect-ratio:3/4!important}.is-portrait-gallery .experience-gallery-stage{width:min(100%,440px);margin-inline:auto}.is-portrait-gallery .experience-gallery-slide>a>img{object-fit:contain;width:100%;height:auto;aspect-ratio:auto!important}.is-portrait-gallery .experience-gallery-thumbnails{justify-content:center}.is-portrait-gallery .experience-gallery-thumbnails>button{flex:0 0 100px}.is-portrait-gallery .experience-gallery-thumbnails>button>img{aspect-ratio:3/4!important}.is-portrait-gallery{max-width:440px;margin-inline:auto}.is-portrait-gallery .experience-gallery-meta{flex-wrap:wrap;gap:8px 20px}.experience-gallery-slide.is-full-frame>a>img,.experience-gallery-thumbnails>button.is-full-frame>img,.experience-album-grid .is-full-frame>a>img{object-fit:contain;background:var(--color-bg-subtle)}:root.dark .experience-gallery-arrows button>img{filter:brightness(0)}