@import url('/assets/fonts.css');
:root{--accent:#d7ff36;--bg:#111311;--ink:#f4f3ec;--muted:#a4aaa0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,'Noto Sans Thai',sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}header{display:flex;align-items:center;justify-content:space-between;padding:30px 5vw;border-bottom:1px solid #ffffff25;gap:32px}.brand{font-weight:900;letter-spacing:-1.8px;font-size:29px;line-height:1}.brand img{max-width:200px;max-height:70px;object-fit:contain}.brand small{display:block;letter-spacing:2px;font-size:8px;margin-top:10px}.brand-dot{color:var(--accent)}.brand .brand-dot{font-size:14px;vertical-align:top;margin-left:3px}.navigation summary{display:none}.navigation nav{display:flex;gap:28px;align-items:center;font-size:12px}.navigation{display:contents}.navigation nav a{padding:10px 0}.navigation nav a:hover,.navigation nav [aria-current]{color:var(--accent)}.skip{position:absolute;left:0;top:-100px;padding:12px;background:var(--accent);color:#111;z-index:99}.skip:focus{top:0}.hero{padding:55px 5vw 70px}.eyebrow{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:2px;font-weight:600}.hero .eyebrow{justify-content:space-between}.hero .eyebrow span:last-child{margin-left:auto}.status-dot{width:6px;height:6px;display:inline-block;background:var(--accent);border-radius:50%}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(64px,10.3vw,160px);font-weight:600;letter-spacing:-.075em;line-height:.98;max-width:1100px;margin:70px 0 40px}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:50px}.hero-bottom p{max-width:360px;color:var(--muted);font-size:15px;margin:0}.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;border:1px solid #ffffff55;border-radius:100px;padding:15px 24px;cursor:pointer;background:transparent;color:var(--ink);font-size:12px}.pill:hover{background:var(--accent);color:#111;border-color:var(--accent)}.hero-film{height:clamp(250px,48vw,650px);position:relative;overflow:hidden;border-radius:4px}.hero-film img{width:100%;height:100%;object-fit:cover}.hero-film a{position:absolute;left:25px;bottom:25px;background:var(--ink);color:#111;border-radius:30px;padding:12px 20px;font-size:12px}.hero-film a span{margin-left:30px}.work-section{padding:60px 5vw 100px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}.section-heading h2,.services h2{font-size:clamp(40px,5vw,76px);line-height:1.1;letter-spacing:-.05em;margin:12px 0}.text-link{font-size:12px;border-bottom:1px solid #ffffff60;padding-bottom:5px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 24px}.project-image{aspect-ratio:16/10;background:#242923;position:relative;overflow:hidden;border-radius:3px}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.project:hover img{transform:scale(1.025)}.image-placeholder{display:flex;align-items:center;justify-content:center;height:100%;font-size:90px;color:#414b38;letter-spacing:-6px}.image-placeholder span{font-size:10px;letter-spacing:3px;position:absolute;bottom:20px;left:20px;color:#9baf88}.project-arrow{position:absolute;right:15px;bottom:15px;width:36px;height:36px;border-radius:100%;background:var(--ink);color:#111;display:grid;place-content:center}.project-meta{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-top:17px}.project-meta h3{font-size:16px;font-weight:500;max-width:75%;margin:0}.project-meta p{color:var(--muted);font-size:9px;text-transform:uppercase;text-align:right;max-width:35%;margin:0}.services{padding:85px 5vw 110px;background:#1d221b;display:grid;grid-template-columns:1fr 1fr;column-gap:8vw}.services>.eyebrow{grid-column:1/-1;margin-bottom:35px}.services details{border-top:1px solid #ffffff30;padding:22px 0}.services details:last-child{border-bottom:1px solid #ffffff30}.services summary{list-style:none;display:flex;align-items:center;gap:24px;font-size:20px;cursor:pointer}.services summary span{font-size:10px;color:var(--muted)}.services summary b{margin-left:auto;font-size:18px;color:var(--accent)}.services details p{font-size:13px;color:var(--muted);margin:20px 30px 0}.services details[open] summary b{transform:rotate(45deg)}footer{padding:70px 5vw 25px}footer>div:first-child{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:70px}.footer-title{font-size:clamp(40px,5vw,76px);letter-spacing:-.05em;line-height:1.1}.footer-title span{color:var(--accent)}footer>div>a:last-child{font-size:12px}.footer-bottom{border-top:1px solid #ffffff25;padding-top:22px;display:flex;gap:25px;align-items:center;font-size:10px;color:var(--muted)}.footer-bottom span{margin-right:auto}.archive,.article{padding:75px 5vw 100px;min-height:65vh}.archive h1,.article h1{font-size:clamp(44px,7vw,100px);line-height:1.05;letter-spacing:-.05em;margin:30px 0 45px;overflow-wrap:anywhere}.archive-filters{display:flex;gap:18px;align-items:end;border-bottom:1px solid #ffffff35;padding-bottom:25px}.archive-filters label{font-size:10px;letter-spacing:1px;display:flex;flex-direction:column;gap:10px;flex:1}.archive-filters input,.archive-filters select{padding:12px;background:transparent;color:var(--ink);border:1px solid #ffffff50;border-radius:3px}.archive-filters option{background:var(--bg)}.result-count{color:var(--muted);font-size:11px;margin:24px 0}.pagination{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:50px}.pagination span{font-size:12px;color:var(--muted)}.article>.eyebrow{margin-top:45px}.article-cover{width:100%;max-height:700px;object-fit:cover;border-radius:4px;margin-bottom:40px}.prose{max-width:960px;font-size:17px;line-height:1.85}.prose p{margin-bottom:25px}.prose img,.prose video{max-width:100%;height:auto}.prose iframe{width:100%;aspect-ratio:16/9;height:auto;border:0}.prose a{text-decoration:underline;text-underline-offset:3px}.prose h2{font-size:36px;letter-spacing:-.03em}.prose ul{padding-left:24px}.empty-state{grid-column:1/-1;padding:60px 0;color:var(--muted);border-top:1px solid #ffffff25}.empty-state a{color:var(--accent);font-size:12px}@media(min-width:801px){.navigation nav{display:flex!important}}@media(max-width:800px){header{padding:24px 6vw}.brand{font-size:25px}.navigation{display:block}.navigation summary{display:flex;gap:20px;cursor:pointer;font-size:12px}.navigation nav{display:none}.navigation[open] nav{display:flex;position:absolute;left:0;top:100px;width:100%;padding:35px 6vw;background:var(--bg);z-index:10;flex-direction:column;align-items:start;border-bottom:1px solid #ffffff30}.hero{padding:40px 6vw}.hero .eyebrow span:last-child{display:none}.hero h1{font-size:clamp(64px,13vw,105px);margin:60px 0 35px}.hero-bottom{flex-direction:column;align-items:start}.work-section,.archive,.article{padding:50px 6vw}.project-grid{grid-template-columns:1fr;gap:34px}.project-meta{gap:10px}.project-meta h3{font-size:15px}.section-heading{align-items:end}.services{padding:60px 6vw;grid-template-columns:1fr}.services h2{margin-bottom:45px}.archive-filters{flex-wrap:wrap}.archive-filters label{min-width:180px}.archive-filters .pill{width:100%}.footer-bottom{flex-wrap:wrap;gap:15px}.footer-bottom span{width:100%}footer{padding:55px 6vw 25px}footer>div:first-child{align-items:start;flex-direction:column}.article h1{font-size:48px}.prose{font-size:16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

@media(min-width:801px){.navigation{display:none}.desktop-nav{display:flex;gap:28px;align-items:center;font-size:12px}.desktop-nav a{padding:10px 0}.desktop-nav a:hover,.desktop-nav [aria-current]{color:var(--accent)}}@media(max-width:800px){.desktop-nav{display:none}}

.renovation-notice{margin:48px 0 0;padding:34px 0 38px;border-top:1px solid var(--accent);border-bottom:1px solid #ffffff30;max-width:1100px}.renovation-notice>.eyebrow{color:var(--accent);justify-content:flex-start;margin-bottom:22px}.renovation-notice h1{font-size:clamp(36px,5.4vw,78px);font-weight:600;letter-spacing:-.055em;line-height:1.06;margin:0 0 22px;max-width:1000px;text-wrap:balance}.renovation-signoff{color:var(--accent);font-size:clamp(18px,2vw,28px);letter-spacing:-.025em;margin:0}.renovation-notice+h1{margin-top:60px}@media(max-width:800px){.renovation-notice{margin-top:32px;padding:25px 0 30px}.renovation-notice h1{font-size:clamp(34px,7.8vw,56px)}}

.coming-soon-page{min-height:58vh;display:flex;align-items:center}.coming-soon-page .renovation-notice{width:100%;margin:0}.hero .renovation-notice h1{font-size:clamp(36px,5.4vw,78px);font-weight:600;letter-spacing:-.055em;line-height:1.06;margin:0 0 22px;max-width:1000px;text-wrap:balance}@media(max-width:800px){.hero .renovation-notice h1{font-size:clamp(34px,7.8vw,56px)}}