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