/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */.admin{width:min(100% - 40px,1150px);margin:auto;padding:49px 0 64px}.admin-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px;display:flex}.admin-head-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.admin-gate h1,.admin-head h1{letter-spacing:-.05em;margin:9px 0 0;font-size:clamp(2.3rem,5.5vw,4.2rem);line-height:1.15}.admin-tabs{border-bottom:var(--stroke);gap:12px;display:flex}.admin-tabs button{min-height:48px;color:var(--muted);background:0 0;border:0;border-radius:8px 8px 0 0;padding:0 12px}.admin-tabs button[aria-pressed=true]{background:var(--accent);color:var(--ink);font-weight:800}.admin-tabs span{margin-left:6px;font-size:.77rem}.admin-message{color:#17633f;min-height:36px;padding:9px 0;font-size:.92rem}.admin-error,.admin-outline.admin-danger{color:#a01e34}.admin-grid{grid-template-columns:minmax(260px,1fr) minmax(320px,1.2fr);align-items:start;gap:35px;display:grid}.admin-panel-head{justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin-bottom:13px;display:flex}.admin-panel-head h2{font-size:1.24rem}.admin-outline,.admin-primary{border:var(--stroke);min-height:44px;color:var(--ink);border-radius:7px;justify-content:center;align-items:center;padding:0 13px;font-size:.91rem;font-weight:800;display:inline-flex}.admin-primary{background:var(--accent);box-shadow:3px 3px 0 var(--ink)}.admin-primary:hover{background:var(--lime)}.admin-outline{background:var(--white)}.admin-outline:hover{background:var(--accent)}.admin-projects{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.admin-projects li{border-bottom:1px solid var(--line)}.admin-projects button{text-align:left;width:100%;min-height:64px;color:var(--ink);background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex}.admin-projects button:hover,.admin-projects button[aria-pressed=true]{background:var(--accent)}.admin-projects small{color:var(--muted);display:block}.admin-projects strong{overflow-wrap:anywhere}.admin-state{color:var(--muted);flex:none;font-size:.76rem}.admin-state.published{color:#17633f}.admin-empty{border:1px dashed var(--line);color:var(--muted);padding:26px 14px}.admin-form{border:var(--stroke);background:var(--white);min-width:0;box-shadow:4px 4px 0 var(--ink);border-radius:10px 22px 10px 10px;padding:clamp(16px,2.6vw,30px)}.settings-form{max-width:670px}.admin-fields,.image-field{border:0;gap:14px;min-width:0;margin:0 0 20px;padding:0;display:grid}.admin-fields label,.image-field legend{gap:5px;font-size:.87rem;font-weight:600;display:grid}.admin-fields input,.admin-fields select,.admin-fields textarea{border:var(--stroke);width:100%;min-width:0;min-height:44px;color:var(--ink);background:#fff;border-radius:6px;padding:9px 10px}.admin-fields input[type=file]{border:0;padding:4px 0}.admin-translation{border:1px solid var(--line);border-radius:6px;padding-inline:12px}.admin-translation summary{cursor:pointer;padding-block:12px;font-size:.9rem;font-weight:800}.admin-translation-fields{gap:14px;padding-bottom:14px;display:grid}.admin-translation-fields p{color:var(--muted);font-size:.84rem}.image-field{border:1px solid var(--line);gap:8px;margin:0;padding:10px}.image-field legend{padding:0 5px}.admin-image{object-fit:contain;object-position:left;background:var(--paper);width:100%;max-height:190px}.admin-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.admin-actions{flex-wrap:wrap;gap:10px;display:flex}.admin-gate{width:min(100% - 44px,560px);margin:clamp(72px,18vh,180px) auto}.admin-gate p:not(.index-label){color:var(--muted);margin-top:12px}.gate-back{align-items:center;width:fit-content;min-height:44px;margin-top:10px;text-decoration:underline;display:flex}.railway-gate{border:var(--stroke);background:var(--white);box-shadow:var(--shadow);border-radius:12px 30px 12px 12px}.railway-gate-brand{border-bottom:var(--stroke);background:var(--accent);border-radius:10px 28px 0 0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px clamp(18px,5vw,40px);display:flex}.railway-gate-brand img{mix-blend-mode:multiply;width:124px;height:auto}.railway-gate-brand span{font:700 .8rem/1 var(--mono)}.railway-gate-content{padding:clamp(22px,5vw,40px)}.railway-gate-content .admin-fields{margin:22px 0 0}.railway-gate-content button{justify-content:space-between}.railway-gate-content p.admin-error{color:#a01e34;margin-top:0}@media (max-width:760px){.admin{padding-top:32px}.admin-grid{grid-template-columns:1fr;gap:24px}}@font-face{font-family:Cabinet Grotesk;src:url(/fonts/cabinet-grotesk.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/satoshi.woff2)format("woff2");font-weight:300 900;font-display:swap}@font-face{font-family:Noto Sans Thai;src:url(/fonts/noto-sans-thai.woff2)format("woff2");font-weight:100 900;font-display:swap;unicode-range:u+e01-e5b}:root{--ink:#161510;--muted:#56514a;--paper:#fbf8ef;--white:#fffdfa;--accent:#778873;--lilac:#dccaff;--lime:#d5edb1;--line:#d2cabc;--focus:#253824;--stroke:2px solid var(--ink);--shadow:6px 6px 0 var(--ink);--gutter:clamp(20px,5.5vw,96px);--thai:"Noto Sans Thai";--mono:var(--thai),"Cascadia Code","SFMono-Regular",Consolas,monospace;--sans:var(--thai),"Satoshi","Leelawadee UI","Segoe UI",sans-serif;--display:var(--thai),"Cabinet Grotesk",var(--sans)}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);font:500 16px/1.55 var(--sans)}body,figure,h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display)}a{color:inherit;text-decoration:none}img,svg{display:block}img{max-width:100%}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}[id]{scroll-margin-top:98px}.shell{width:min(calc(100% - var(--gutter) * 2),1320px);margin-inline:auto}.skip-link{z-index:10;background:var(--white);border:var(--stroke);padding:12px 18px;position:fixed;inset:12px auto auto 12px;transform:translateY(-160%)}.skip-link:focus{transform:none}.site-header{z-index:5;background:var(--paper);border-bottom:var(--stroke);position:sticky;top:0}.nav-inner{justify-content:space-between;gap:18px;height:84px}.brand,.nav-inner{align-items:center;display:flex}.brand{border:var(--stroke);background:var(--white);width:186px;height:62px;box-shadow:4px 4px 0 var(--ink);border-radius:9px 17px 9px 9px;flex:none;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden}.brand:hover{box-shadow:5px 5px 0 var(--ink);transform:translate(-1px,-1px)}.brand img{object-fit:contain;width:100%;height:100%;padding:5px 10px}.brand img.brand-original{filter:grayscale()brightness(1.12);mix-blend-mode:multiply;width:198px;max-width:none;height:auto;padding:0;position:absolute;top:-11px;left:-8px}.site-nav{align-items:center;gap:8px;margin-inline-start:auto;display:flex}.site-nav a{white-space:nowrap;border:2px solid #0000;border-radius:9px;align-items:center;min-height:44px;padding:0 14px;font-weight:800;transition:background .15s,border-color .15s;display:inline-flex}.site-nav a:hover{background:var(--accent);border-color:var(--ink)}.language-switch{border:var(--stroke);background:var(--white);border-radius:9px;flex:none;display:flex}.language-switch a{min-width:44px;min-height:44px;font:800 .82rem/1 var(--mono);border-radius:6px 0 0 6px;place-items:center;display:grid}.language-switch a+a{border-inline-start:var(--stroke);border-radius:0 6px 6px 0}.language-switch a[aria-current=page]{background:var(--accent)}.language-switch a:hover{text-underline-offset:3px;text-decoration:underline}.hero{background:var(--accent)}.hero-inner{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,64px);padding-block:clamp(46px,5vw,86px);display:grid}.hero-copy{min-width:0}.hero-label,.index-label{width:fit-content;font:700 .72rem/1.4 var(--mono);letter-spacing:.085em;text-transform:uppercase}.hero-label{border:var(--stroke);background:var(--white);box-shadow:2px 2px 0 var(--ink);border-radius:40px;align-items:center;gap:9px;padding:8px 11px;display:inline-flex}.hero-label svg{width:14px;height:14px}.hero h1{letter-spacing:-.065em;overflow-wrap:anywhere;margin:27px 0 25px;font-size:clamp(3.2rem,7.9vw,8.2rem);font-weight:900;line-height:.88}.hero h1 span{display:block}.hero h1 span+span{margin-top:.08em}.hero-accent{isolation:isolate;width:fit-content;max-width:100%;position:relative}.hero-accent:after{content:"";z-index:-1;background:var(--white);border-bottom:2px solid var(--ink);height:.17em;position:absolute;inset:auto 0 .035em;transform:rotate(-1.6deg)}.hero-intro{max-width:30em;font-size:clamp(1rem,1.45vw,1.22rem);font-weight:650}.contact-link,.primary-link{border:var(--stroke);background:var(--white);min-height:52px;box-shadow:4px 4px 0 var(--ink);border-radius:9px;align-items:center;gap:22px;padding:0 17px 0 19px;font-size:.98rem;font-weight:800;transition:background .15s,transform .15s,box-shadow .15s;display:inline-flex}.primary-link{margin-top:28px}.contact-link:hover,.primary-link:hover{background:var(--lime);box-shadow:6px 6px 0 var(--ink);transform:translate(-2px,-2px)}.contact-link:active,.primary-link:active{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}.hero-art{border:var(--stroke);background:var(--white);min-width:0;box-shadow:8px 8px 0 var(--ink);border-radius:12px 36px 12px 12px;align-self:center;overflow:hidden;transform:rotate(2deg)}.hero-art img{width:100%;height:auto}.hero-art figcaption{border-top:var(--stroke);min-height:47px;font:700 .68rem/1.4 var(--mono);letter-spacing:.06em;justify-content:space-between;align-items:center;gap:9px;padding:9px 17px;display:flex}.hero-art figcaption svg{flex:none;width:17px;height:17px}.marquee{border-block:var(--stroke);background:var(--ink);min-height:61px;color:var(--accent);align-items:stretch;display:flex;position:relative}.marquee-toggle{clip-path:inset(50%);width:1px;height:1px;position:absolute;inset:0 0 auto auto;overflow:hidden}.marquee-window{flex:1;align-items:center;min-width:0;display:flex;overflow:hidden}.marquee-track{flex:none;width:max-content;animation:roll 34s linear infinite;display:flex}.marquee-group{justify-content:space-around;align-items:center;gap:30px;min-width:100vw;padding-right:30px;display:flex}.marquee-group span{font:900 clamp(1.12rem,2vw,1.55rem)/1.1 var(--display);letter-spacing:.075em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:30px;display:inline-flex}.marquee-group svg{width:17px;height:17px;color:var(--white)}.marquee-control{border-left:2px solid var(--ink);background:var(--accent);color:var(--ink);cursor:pointer;flex:0 0 60px;place-items:center;display:grid}.marquee-control:hover{background:var(--white)}.marquee-toggle:focus-visible~.marquee-control{outline:3px solid var(--focus);outline-offset:-6px}.marquee-toggle:checked~.marquee-window .marquee-track{animation-play-state:paused}.marquee-control .play-icon,.marquee-toggle:checked~.marquee-control .pause-icon{display:none}.marquee-toggle:checked~.marquee-control .play-icon{display:block}@keyframes roll{to{transform:translate(-50%)}}.project-section{padding:clamp(55px,5.5vw,86px) 0 clamp(63px,6.5vw,106px)}.section-head{justify-content:space-between;align-items:end;gap:18px;margin-bottom:30px;display:flex}.index-label{border:var(--stroke);background:var(--accent);border-radius:5px;padding:6px 8px}.about-section h2,.section-head h2{letter-spacing:-.065em;overflow-wrap:anywhere;margin-top:12px;font-size:clamp(3.6rem,8vw,7.5rem);font-weight:900;line-height:.88}.section-head h2 span{color:var(--focus)}.project-note{border:var(--stroke);background:var(--white);border-radius:20px;padding:7px 12px;font-size:.86rem;font-weight:700}.work-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(18px,2.2vw,30px);display:grid}.work-grid:has(>.work-item:only-child){grid-template-columns:minmax(0,850px)}.work-grid:has(>.work-item:nth-child(3))>.work-item:first-child{grid-row:span 2}.work-item{--card-radius:12px 38px 12px 12px;min-width:0}.work-item:nth-child(3n+2){--card-radius:28px 12px 12px 12px}.work-item:nth-child(3n+3){--card-radius:12px 12px 36px 12px}.work-link,.work-preview{border:var(--stroke);border-radius:var(--card-radius);background:var(--white);height:100%;box-shadow:var(--shadow);flex-direction:column;display:flex;overflow:hidden}.work-link{transition:transform .16s,box-shadow .16s}.work-link:hover{box-shadow:8px 8px 0 var(--ink);transform:translate(-2px,-2px)}.work-link:active{box-shadow:2px 2px 0 var(--ink);transform:translate(4px,4px)}.work-image{aspect-ratio:2.3;background:var(--lilac);flex:1 0 auto;min-height:150px;position:relative;overflow:hidden}.work-grid:has(>.work-item:nth-child(3))>.work-item:first-child .work-image{aspect-ratio:auto;min-height:260px}.work-image img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.work-featured,.work-number{border:var(--stroke);background:var(--white);font:700 .72rem/1.2 var(--mono);border-radius:5px;padding:5px 8px;position:absolute;top:13px}.work-number{left:14px}.work-featured{background:var(--accent);right:18px}.work-title{border-top:var(--stroke);justify-content:space-between;align-items:center;gap:12px;min-height:84px;padding:13px 18px 16px;display:flex}.work-title h3{letter-spacing:-.035em;overflow-wrap:anywhere;font-size:clamp(1.45rem,2.6vw,2.25rem);font-weight:900;line-height:1}.work-title p{color:var(--muted);overflow-wrap:anywhere;margin-top:5px;font-size:.94rem}.work-title .work-description{max-width:40em;color:var(--ink);margin-top:9px;line-height:1.55}.work-arrow{border:var(--stroke);background:var(--accent);border-radius:9px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.about-section{border-block:var(--stroke);background:var(--lilac);padding:clamp(58px,7vw,100px) 0}.about-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.18fr);align-items:stretch;gap:clamp(24px,4vw,60px);display:grid}.about-heading{align-self:center;padding:6px 0 32px;position:relative}.about-heading .index-label{background:var(--white)}.about-stamp{aspect-ratio:1;border:var(--stroke);background:var(--lime);width:clamp(44px,5vw,69px);box-shadow:4px 4px 0 var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:0;right:6%;transform:rotate(12deg)}.about-stamp svg{width:52%;height:52%}.about-body{border:var(--stroke);background:var(--accent);min-width:0;box-shadow:var(--shadow);border-radius:12px 12px 38px;flex-direction:column;justify-content:center;align-items:start;gap:21px;padding:clamp(24px,3.8vw,56px);display:flex}.about-description{white-space:pre-line;overflow-wrap:anywhere;max-width:32em;font-size:clamp(1rem,1.55vw,1.25rem);font-weight:650;line-height:1.6}.expertise{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.expertise li{border:var(--stroke);background:var(--white);border-radius:6px;align-items:center;gap:7px;padding:6px 9px;font-weight:800;display:inline-flex}.expertise li span{color:var(--muted);font:.68rem var(--mono)}.contact-link{min-height:45px;margin-bottom:4px}.contact-text{overflow-wrap:anywhere;max-width:100%;font-weight:750}.site-footer{background:var(--paper)}.footer-inner{align-items:center;gap:clamp(12px,2.5vw,35px);min-height:80px;font-size:.88rem;display:flex}.footer-inner a{align-items:center;gap:5px;min-height:44px;font-weight:750;display:inline-flex}.footer-inner a:hover{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}.footer-name{font:900 1.6rem/1 var(--display);letter-spacing:-.04em;overflow-wrap:anywhere;margin-right:auto}html[lang=th] :is(.hero h1,.section-head h2,.about-section h2,.work-title h3,.admin-gate h1){letter-spacing:normal;line-height:1.15}html[lang=th] :is(.section-head h2,.about-section h2){font-size:clamp(2.65rem,6.8vw,6rem);font-weight:850}html[lang=th] :is(.hero-label,.index-label,.hero-art figcaption,.marquee-group span){letter-spacing:normal;line-height:1.45}html[lang=th] :is(.hero-intro,.about-description,.work-title .work-description){line-height:1.7}@media (max-width:960px){.hero-inner{grid-template-columns:minmax(0,1.23fr) minmax(0,1fr);gap:24px}.hero h1{font-size:clamp(3rem,7.4vw,5.4rem)}.about-stamp{right:0}}@media (max-width:750px){[id]{scroll-margin-top:82px}.nav-inner{gap:8px;height:72px}.brand{width:145px;height:52px}.brand img.brand-original{width:158px;top:-8px;left:-8px}.site-nav{gap:2px}.site-nav a{padding-inline:9px;font-size:.92rem}.hero-inner{grid-template-columns:1fr;gap:28px;padding:40px 0 44px}.hero h1{margin-block:22px 20px;font-size:clamp(2.85rem,10.7vw,5.6rem)}.primary-link{min-height:49px;margin-top:20px}.hero-art{width:calc(100% - 6px);max-width:540px;box-shadow:5px 5px 0 var(--ink);border-top-right-radius:25px;margin-inline:auto;transform:rotate(1deg)}.hero-art figcaption{min-height:40px;padding-inline:12px}.marquee{min-height:53px}.marquee-control{flex-basis:52px}.marquee-group,.marquee-group span{gap:22px}.marquee-group{padding-right:22px}.section-head{flex-direction:column;align-items:start;gap:14px;margin-bottom:22px}.work-grid{grid-template-columns:minmax(0,1fr);gap:22px}.work-grid:has(>.work-item:nth-child(3))>.work-item:first-child{grid-row:auto}.work-grid .work-image,.work-grid:has(>.work-item:nth-child(3))>.work-item:first-child .work-image{aspect-ratio:1.6;min-height:0}.about-grid{grid-template-columns:1fr;gap:22px}.about-heading{padding-bottom:9px}.about-stamp{bottom:6%;right:4%}.footer-inner{min-height:70px}}@media (max-width:480px){[id]{scroll-margin-top:130px}.nav-inner{grid-template-columns:minmax(0,1fr) auto;gap:6px 8px;height:auto;padding-block:9px 7px;display:grid}.brand{grid-column:1/-1}.site-nav{margin-inline-start:0}.site-nav a:first-child{padding-inline-start:4px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition-duration:.01ms!important}.marquee-track{animation:none}.marquee-control,.marquee-toggle{display:none}}