:root{--paper:#f0eee8;--ink:#21231f;--muted:#74766d;--line:#d3d4ca;--dark:#171916;--accent:#c45b3e;--serif:Georgia,'Times New Roman',serif;--sans:'DM Sans','Noto Sans Thai',sans-serif;--display:'Manrope','Noto Sans Thai',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 var(--sans);-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0}button:disabled{cursor:default}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:white}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--paper);padding:12px 24px}.skip:focus{top:15px}.header{height:94px;padding:0 4%;display:flex;align-items:center;gap:44px;background:var(--paper);position:relative;z-index:10;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;line-height:1}.brand-symbol{font:800 57px/.9 var(--display);letter-spacing:-5px}.brand-symbol>span{color:var(--accent)}.brand-name{font:800 13px/1.25 var(--display);letter-spacing:.08em}.header-note{font-size:9px;line-height:1.5;letter-spacing:.13em;margin-left:26px;color:var(--muted)}nav{margin-left:auto;display:flex;align-items:center;gap:31px}nav>a{font-size:12px;font-weight:500;transition:color .2s}nav>a:hover{color:var(--accent)}.nav-contact{display:flex;gap:26px;border:1px solid var(--ink);padding:10px 17px}.nav-contact span:last-child{font-size:18px;line-height:1}.language{font:500 10px var(--sans);background:transparent;padding:8px 0;letter-spacing:.07em;white-space:nowrap}.language span{color:var(--muted)}.hero{position:relative;min-height:650px;height:calc(100svh - 94px);max-height:1050px;color:var(--paper);background:var(--dark);overflow:hidden}.hero-image{position:absolute;inset:0 0 0 25%}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:53% 45%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,17,15,.98) 0%,rgba(15,17,15,.78) 24%,rgba(15,17,15,.19) 59%,rgba(15,17,15,.08) 100%),linear-gradient(0deg,rgba(15,17,15,.72),transparent 40%)}.hero-top{position:absolute;top:30px;left:4%;right:4%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.16em;opacity:.8}.hero-top>span{display:flex;align-items:center;gap:10px}.status-dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;flex:none}.hero-content{position:relative;z-index:1;padding:150px 4% 120px;display:flex;flex-direction:column;justify-content:center;height:100%}.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:500;text-transform:uppercase}.hero-content>.eyebrow{margin-bottom:27px;opacity:.75}.hero h1{font:500 clamp(67px,8.8vw,145px)/1.06 var(--display);letter-spacing:-.065em}.hero h1 span{font:italic 400 1.12em/1 var(--serif);letter-spacing:-.055em}.hero-link{display:flex;align-items:center;gap:23px;font-size:12px;margin-top:36px;max-width:max-content}.arrow-circle{display:grid;place-items:center;border:1px solid #aaa9a48f;width:42px;height:42px;border-radius:50%;font-size:21px;transition:background .2s,color .2s,transform .2s}.hero-link:hover .arrow-circle{background:var(--paper);color:var(--ink);transform:rotate(45deg)}.hero-bottom{position:absolute;bottom:27px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.14em;gap:20px}.hero-caption{opacity:.6}.hero-caption span{padding:0 8px}.section-pad{padding-left:6%;padding-right:6%}.intro{display:grid;grid-template-columns:1fr 1.7fr 1.1fr;gap:40px;align-items:start;padding-top:83px;padding-bottom:84px;border-bottom:1px solid var(--line)}.intro .eyebrow{display:flex;align-items:center;gap:12px;padding-top:8px}.little-cross{color:var(--accent);font-size:25px}.intro-statement{font:500 clamp(24px,2.5vw,38px)/1.5 var(--display);letter-spacing:-.04em}.intro-copy{font-size:12px;line-height:1.9;color:var(--muted);padding-top:10px}.work{padding-top:100px;padding-bottom:90px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:36px}.section-heading .eyebrow{margin-bottom:22px;color:var(--muted)}h2{font:500 clamp(42px,5.3vw,80px)/1.1 var(--display);letter-spacing:-.065em}.accent{color:var(--accent)}.section-side{text-align:right;font-size:11px;color:var(--muted);line-height:1.8;padding-bottom:4px}.section-side #archive-total{font-size:17px;font-weight:600;color:var(--ink)}.filter-wrap{margin-top:49px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;gap:20px;align-items:center}.filters{display:flex;flex-wrap:wrap;gap:8px;flex:1}.filter{background:transparent;padding:8px 13px;font-size:11px;display:flex;gap:7px;align-items:center;white-space:nowrap;transition:background .2s,color .2s}.filter sup{font-size:8px;opacity:.6}.filter:hover{background:#e3e2da}.filter[aria-pressed=true]{background:var(--ink);color:var(--paper)}.grid-mark{font-size:24px;line-height:1;color:var(--muted)}.gallery-meta{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);padding:20px 0 27px;gap:15px;letter-spacing:.03em}.gallery{columns:3;column-gap:24px}.photo{break-inside:avoid;margin:0 0 30px;position:relative;animation:appear .5s both}.photo button{display:block;padding:0;width:100%;position:relative;background:#dedfd6;overflow:hidden;cursor:zoom-in;text-align:left}.photo img{width:100%;height:auto;transition:transform .65s cubic-bezier(.2,.7,.3,1),filter .4s}.photo button:hover img{transform:scale(1.025);filter:brightness(.94)}.photo-expand{position:absolute;bottom:16px;right:16px;width:33px;height:33px;border-radius:50%;background:#f0eee8f0;display:grid;place-items:center;color:var(--ink);opacity:0;transform:translateY(8px);transition:.25s}.photo button:hover .photo-expand,.photo button:focus-visible .photo-expand{opacity:1;transform:none}.photo figcaption{display:flex;justify-content:space-between;gap:10px;margin-top:10px;font-size:9px;letter-spacing:.025em;color:var(--muted)}.photo figcaption span:first-child{max-width:85%}.photo .photo-category{color:var(--ink);font-size:10px;display:block}.photo figcaption .photo-number{font-size:8px;padding-top:2px}.gallery-more{display:flex;flex-direction:column;gap:18px;align-items:center;padding:35px 0 0;font-size:10px;color:var(--muted)}.button-outline{background:transparent;border:1px solid var(--ink);color:var(--ink);padding:13px 23px;min-width:210px;display:flex;align-items:center;justify-content:space-between;gap:35px;font-size:12px;transition:background .2s,color .2s}.button-outline:hover{background:var(--ink);color:var(--paper)}.project-context{padding:22px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:24px}.project-context>div{flex:1}.project-context h3{font-size:23px;font-weight:500}.project-context p{font-size:11px;color:var(--muted)}.project-context button{background:transparent;font-size:12px;text-decoration:underline}.cinema{background:var(--dark);color:var(--paper);padding-top:95px;padding-bottom:80px}.cinema .eyebrow{color:#a1a497}.serif-word{font-family:var(--serif);font-style:italic;letter-spacing:-.06em;font-weight:400}.cinema-intro{font-size:13px;line-height:1.9;color:#b6b8aa;max-width:300px}.cinema-intro>.eyebrow{display:block;margin-top:24px}.film-projects{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:50px 25px;margin-top:64px}.film-card{border-top:1px solid #44473e;padding-top:14px;min-width:0}.film-card .film-order{font-size:9px;color:#939688;display:flex;justify-content:space-between;letter-spacing:.1em;margin-bottom:16px}.film-poster{padding:0;width:100%;background:#22241e;display:block;position:relative;overflow:hidden}.film-poster img{width:100%;aspect-ratio:2/3;object-fit:contain;background:#22241e;transition:transform .5s}.film-poster:hover img{transform:scale(1.025)}.film-card h3{font:500 17px/1.5 var(--sans);margin:17px 0 7px}.film-card .film-en{font-size:10px;color:#a5a899;min-height:17px}.film-facts{margin:16px 0 0;font-size:11px}.film-facts>div{border-top:1px solid #36392f;padding:9px 0;display:flex;justify-content:space-between;gap:15px}.film-facts dt{color:#939688;flex:0 0 66px}.film-facts dd{margin:0;text-align:right}.film-sources{font-size:9px;color:#a5a899;display:flex;gap:12px;flex-wrap:wrap;margin-top:11px}.film-sources a{border-bottom:1px solid #575b4c}.film-sources a:hover{color:var(--paper)}.film-view{margin-top:18px;display:flex;width:100%;justify-content:space-between;align-items:center;padding:9px 0;background:transparent;border-bottom:1px solid #666a5a;font-size:11px}.source-note{font-size:10px;line-height:1.8;color:#969a8b;margin-top:56px;max-width:780px}.about{padding-top:110px;padding-bottom:110px;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.about-photo{position:relative;background:#c6c7bd}.about-photo>img{width:100%;max-height:670px;object-fit:cover;object-position:50% 23%}.about-photo-label{position:absolute;bottom:20px;left:22px;right:22px;display:flex;justify-content:space-between;gap:10px;color:white;font-size:8px;letter-spacing:.1em}.about-copy>.eyebrow{color:var(--muted);margin-bottom:28px}.about-copy h2{font-size:clamp(48px,6vw,88px);line-height:1.02}.thai-name{font-size:14px;margin:20px 0 27px}.about-lead{font-size:18px;line-height:1.7}.about-copy>p:not(.eyebrow):not(.thai-name):not(.about-lead){font-size:12px;color:var(--muted);line-height:1.9;margin-top:22px;max-width:430px}.about-links{display:flex;gap:25px;margin-top:24px;font-size:9px;letter-spacing:.03em}.about-links a{border-bottom:1px solid var(--line);padding-bottom:5px}.practice-list{display:flex;gap:40px;border-top:1px solid var(--line);margin-top:33px;padding-top:24px;font-size:11px}.practice-list>span{color:var(--muted);font-size:10px}.contact{background:#dee0d5;padding-top:40px;padding-bottom:46px}.contact-top{display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:.11em}.contact-top>.eyebrow{display:flex;gap:12px;align-items:center}.contact-heading{display:flex;align-items:center;justify-content:space-between;padding:52px 0}.contact h2{font-size:clamp(66px,10.4vw,160px);line-height:1.01}.contact-arrow{font:300 clamp(75px,14vw,190px)/1 var(--sans);padding-right:3%;transition:transform .3s}.contact-heading:hover .contact-arrow{transform:translate(8px,-8px)}.contact-bottom{display:flex;justify-content:space-between;gap:25px;align-items:flex-end;font-size:12px}.contact-bottom>p{color:#656a5c;font-size:11px}.contact-bottom>a{border-bottom:1px solid #7f8574;padding-bottom:7px;min-width:250px;display:flex;justify-content:space-between}.footer{padding:46px 4% 22px}.footer-name{font:800 clamp(30px,8.4vw,130px)/1.1 var(--display);letter-spacing:-.06em;display:block;white-space:nowrap}.footer-name>span{font:400 .17em var(--sans);vertical-align:top;display:inline-block;margin-left:8px;margin-top:.65em}.footer>div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:30px;padding-top:19px;font-size:8px;color:var(--muted);letter-spacing:.04em}.lightbox{padding:0;border:0;background:#121410;color:#f0eee8;max-width:none;max-height:none;width:100vw;height:100dvh;margin:0}.lightbox::backdrop{background:#121410}.lightbox[open]{display:flex;flex-direction:column}.lightbox-top{height:65px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;flex:none;border-bottom:1px solid #303329;font-size:10px;letter-spacing:.07em}.lightbox-brand{font-weight:600}.icon-button{background:transparent;width:40px;height:40px;color:white;font-size:22px}.lightbox-body{display:flex;position:relative;flex:1;min-height:0;gap:0}.lightbox-image-wrap{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-width:0;padding:20px 65px}.lightbox-image-wrap img{max-width:100%;max-height:100%;object-fit:contain;width:auto;height:auto;transition:opacity .15s}.lightbox-image-wrap.loading img{opacity:.35}.photo-nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;background:#24271fbd;color:#f0eee8;border:1px solid #5d6251;border-radius:50%;z-index:3;font-size:21px}.previous{left:12px}.next{right:12px}.lightbox.has-details .next{right:332px}.lightbox-details{width:320px;flex:none;border-left:1px solid #303329;padding:28px 24px;overflow:auto;display:none}.has-details .lightbox-details{display:block}.lightbox-details>.eyebrow{font-size:8px;color:#9da18f;margin-bottom:17px}.lightbox-details h3{font-size:24px;line-height:1.5;font-weight:500}.lightbox-details .detail-en{font-size:11px;color:#a5a899}.lightbox-details p{font-size:11px;color:#a5a899;margin-top:20px}.lightbox-details .film-facts{font-size:11px;margin-top:27px}.lightbox-bottom{min-height:56px;padding:14px 26px;border-top:1px solid #303329;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:10px;flex:none}.lightbox-bottom>span:last-child{font-size:9px;color:#a5a899}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:13px 24px;background:var(--ink);color:white;font-size:12px;z-index:100}.supplement-label{display:inline-block;background:#3c4232;color:#cad2bd;padding:4px 7px;font-size:8px;margin-top:13px}.events{margin-top:70px;border-top:1px solid #44473e;padding-top:40px}.events-heading{font-size:32px;margin-bottom:25px}.events .film-projects{margin-top:25px}.film-description{font-size:11px;color:#a5a899;margin-top:10px}.hero-caption{display:block}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1800px){.section-pad{padding-left:max(6%,calc((100% - 1600px)/2));padding-right:max(6%,calc((100% - 1600px)/2))}.gallery{columns:4}.hero-content{padding-left:6%}}
@media(max-width:1100px){.header{gap:26px}.header-note{display:none}nav{gap:22px}.intro{grid-template-columns:.8fr 1.5fr}.intro-copy{grid-column:2;padding:0}.film-projects{grid-template-columns:repeat(3,minmax(0,1fr))}.about{gap:7%}.gallery{column-gap:18px}.hero-caption{display:none}.hero-image{left:16%}.hero h1{font-size:11vw}}
@media(max-width:760px){html{scroll-padding-top:20px}.header{height:78px;padding:0 5%;gap:18px}.brand-symbol{font-size:46px}.brand-name{font-size:10px}.brand{gap:9px}nav{gap:18px}nav>a{font-size:11px}nav>a[href='#about'],.nav-contact{display:none}.language{font-size:9px}.hero{height:78svh;min-height:580px;max-height:800px}.hero-image{inset:0}.hero-image img{object-position:62% 40%}.hero-shade{background:linear-gradient(90deg,#14161290,#14161210 85%),linear-gradient(0deg,#141612ee,transparent 85%)}.hero-top{top:23px;left:5%;right:5%;font-size:7px;letter-spacing:.1em}.hero-top>span:last-child{display:none}.hero-content{padding:190px 5% 95px;justify-content:flex-end}.hero-content>.eyebrow{font-size:9px;margin-bottom:20px}.hero h1{font-size:clamp(62px,12.5vw,95px)}.hero-link{margin-top:25px;font-size:11px}.arrow-circle{width:35px;height:35px;font-size:19px}.hero-bottom{left:5%;right:5%;bottom:23px;font-size:7px;letter-spacing:.07em}.section-pad{padding-left:5%;padding-right:5%}.intro{padding-top:45px;padding-bottom:48px;display:block}.intro .eyebrow{margin-bottom:22px}.intro-statement{font-size:27px;line-height:1.5}.intro-copy{font-size:11px;margin-top:20px;max-width:360px}.work{padding-top:60px;padding-bottom:55px}.section-heading{gap:15px}.section-heading .eyebrow{font-size:8px;margin-bottom:15px}h2{font-size:46px}.section-side{font-size:9px;line-height:1.8}.section-side #archive-total{font-size:14px}.filter-wrap{margin-top:29px;padding:13px 0;gap:8px}.filters{gap:4px}.filter{font-size:10px;padding:7px 9px;gap:4px}.filter sup{font-size:7px}.grid-mark{display:none}.gallery-meta{font-size:8px;padding:16px 0 20px}.gallery-meta>span:last-child{font-size:7px}.gallery{columns:2;column-gap:12px}.photo{margin-bottom:22px}.photo figcaption{font-size:8px;line-height:1.5;margin-top:7px;gap:5px}.photo .photo-category{font-size:8px}.photo figcaption .photo-number{font-size:7px}.photo-expand{display:none}.gallery-more{padding-top:15px}.button-outline{font-size:11px;padding:12px 20px}.cinema{padding-top:57px;padding-bottom:45px}.cinema .section-heading{display:block}.cinema h2{font-size:48px}.cinema-intro{margin-top:24px;font-size:11px;max-width:none;display:flex;justify-content:space-between;align-items:flex-end}.cinema-intro>.eyebrow{font-size:8px}.film-projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 15px;margin-top:35px}.film-card .film-order{font-size:7px;letter-spacing:.04em}.film-card h3{font-size:14px;margin-top:12px}.film-en{font-size:9px!important}.film-facts{font-size:9px}.film-facts>div{gap:7px;display:block;padding:7px 0}.film-facts dt{font-size:8px}.film-facts dd{text-align:left;margin-top:2px}.film-sources{font-size:8px;gap:9px}.film-view{font-size:9px;margin-top:11px}.source-note{font-size:8px;margin-top:35px}.about{display:block;padding-top:58px;padding-bottom:58px}.about-photo{max-width:480px}.about-photo>img{max-height:500px;object-position:50% 21%}.about-copy{margin-top:40px}.about-copy h2{font-size:65px}.about-copy>.eyebrow{margin-bottom:20px}.thai-name{margin:18px 0 22px;font-size:13px}.about-lead{font-size:17px}.practice-list{margin-top:27px}.contact{padding-top:29px;padding-bottom:30px}.contact-top>span{display:none}.contact-top .eyebrow{font-size:9px}.contact-heading{padding:35px 0}.contact h2{font-size:16vw}.contact-arrow{font-size:20vw;padding:0}.contact-bottom{display:block}.contact-bottom>p{font-size:10px}.contact-bottom>a{margin-top:24px;min-width:0;font-size:12px}.footer{padding:32px 5% 22px}.footer-name{font-size:8.7vw}.footer>div{font-size:7px;margin-top:22px;gap:10px}.footer>div>span:nth-child(2){display:none}.lightbox-top{height:57px;padding:0 15px;font-size:8px}.lightbox-body{flex-direction:column;overflow:auto}.lightbox-image-wrap{padding:15px 40px;min-height:0;height:100%;flex:1}.lightbox.has-details .lightbox-image-wrap{height:57vh;min-height:300px;flex:none}.photo-nav{width:32px;height:32px;font-size:17px}.previous{left:5px}.next,.lightbox.has-details .next{right:5px}.has-details .photo-nav{top:28vh}.lightbox-details{width:auto;border-left:0;border-top:1px solid #303329;overflow:visible;padding:22px}.lightbox-details .film-facts>div{display:flex}.lightbox-details .film-facts dd{text-align:right}.lightbox-details h3{font-size:21px}.lightbox-bottom{padding:13px 15px;min-height:45px;font-size:9px}.lightbox-bottom>span:last-child{display:none}.project-context h3{font-size:18px}.project-context p{font-size:10px}.project-context button{font-size:10px}.events-heading{font-size:26px}.events{margin-top:45px;padding-top:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}