@font-face{font-family:Thai;src:url('/assets/fonts/NotoSansThai.ttf');font-display:swap}@font-face{font-family:Editorial;src:url('/assets/fonts/CormorantGaramond.ttf');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f2ec;color:#253743;font-family:Thai,Arial,sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2{font-weight:400;line-height:1.25;white-space:pre-line;letter-spacing:-.035em}h1{font-size:62px}h2{font-size:40px}h3{font-size:23px;font-weight:400;line-height:1.4}p{color:#647078;max-width:660px}small{font-family:Arial,sans-serif;font-size:10px;letter-spacing:2px;display:block;line-height:1.6}p+ p{margin-top:18px}.serif{font-family:Editorial,Georgia,serif;font-style:italic;font-size:27px;color:#9c7b66;line-height:1.35}html[lang=en] h1,html[lang=en] h2{font-family:Editorial,Georgia,serif;font-weight:500}html[lang=en] h1{font-size:80px}html[lang=en] h2{font-size:49px}.topline{height:30px;padding:0 5%;background:#253743;color:#fff;display:flex;align-items:center;justify-content:space-between;font:9px Arial;letter-spacing:1.7px}header{height:100px;background:#fffefb;display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:30px;border-bottom:1px solid #e1ddd5}.brand{display:flex;align-items:center;gap:12px}.brand img{height:76px;width:76px;object-fit:contain}.brand>span{font:31px Editorial,Georgia;letter-spacing:2px}.brand small{font-size:9px;letter-spacing:4px;text-align:center}nav{display:flex;align-items:center;gap:30px;font-size:13px}nav a{border-bottom:1px solid transparent;padding:10px 0}nav .active{border-color:#ad8a73}nav span{display:none}.header-actions{display:flex;gap:20px;align-items:center}.lang{border:1px solid #d4d0c9;padding:5px 12px;font-size:12px}.menu-toggle{display:none}section{padding:82px 7%}.hero{padding:0;display:grid;grid-template-columns:1fr 1fr;min-height:630px;background:#f5f2ec}.hero-copy{padding:80px 11% 40px 14%;display:flex;flex-direction:column;justify-content:center}.hero-copy small{color:#ad8a73;margin-bottom:28px}.hero-copy h1{margin-bottom:25px}.hero-copy .serif{max-width:450px}html[lang=th] .hero-copy .serif{font-family:Thai;font-style:normal;font-size:17px;line-height:1.8}.hero-image{position:relative;min-height:630px;background:#e3e1df}.hero-image img{height:100%;width:100%;position:absolute;object-fit:cover;object-position:center 25%}.hero:has(img[src*="work-"]) .hero-image{padding:40px;display:flex;align-items:center;background:#e9e4dc}.hero:has(img[src*="work-"]) .hero-image img{position:static;object-fit:contain;height:auto;max-height:640px}.hero-actions{margin-top:38px}.hero-meta{font:9px Arial;letter-spacing:2px;color:#8d9699;margin-top:55px}.btn{display:inline-flex;align-items:center;gap:35px;justify-content:space-between;background:#253743;color:#fff;padding:15px 24px;min-height:52px;font-size:13px;border:1px solid #253743;transition:background .2s,transform .2s}.btn:hover{background:#435561;transform:translateY(-2px)}.btn span{font-size:20px}.ribbon{padding:27px 7%;background:#253743;color:#fff;display:flex;justify-content:space-between;font:10px Arial;letter-spacing:1.8px}.ribbon span{border-right:1px solid #66757e;width:33%;padding-left:20px}.ribbon span:first-child{padding-left:0}.ribbon span:last-child{border:0}.section-head{margin-bottom:38px}.section-head small{color:#ad8a73;margin-bottom:15px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.cards article{background:#fffefb}.cards img{height:340px;object-fit:contain;background:#eae4dc}.card-copy{padding:25px}.card-copy small{color:#ad8a73;margin-bottom:12px}.card-copy a{display:flex;justify-content:space-between;border-top:1px solid #e2ddd6;margin-top:25px;padding-top:15px;font-size:12px}.story{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.story>div:first-child img{max-height:660px;object-fit:cover;object-position:50% 20%}.story small{color:#ad8a73;margin-bottom:22px}.story h2{margin-bottom:25px}.story p{margin-bottom:28px}.text-link{display:inline-flex;gap:50px;border-bottom:1px solid #ad8a73;padding-bottom:8px;margin-top:25px;font-size:14px}.ink{background:#253743;color:#fffefb}.ink p{color:#d0d4d5}.ink .btn{background:#fffefb;color:#253743;border-color:#fffefb}.ink .serif{color:#c8aa95}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.gallery a{display:block;background:#fffefb;color:#253743}.gallery img{height:330px;object-fit:contain;background:#e5e0d8}.gallery span{display:block;padding:13px 18px;font-size:11px;letter-spacing:.5px}.closing{text-align:center;padding:82px 15%;background:#e8e8e3}.closing small{color:#9c7b66;margin-bottom:20px}.closing h2{margin:0 auto 28px;max-width:850px}.closing .btn{margin:auto}.intro{padding-bottom:55px}.intro small{color:#ad8a73;margin-bottom:23px}.intro h1{margin-bottom:22px}.intro p{max-width:710px}.topless{padding-top:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:20px 0 45px}.steps:has(article:nth-child(4)){grid-template-columns:repeat(4,1fr)}.steps article{border-top:1px solid #bca28e;padding-top:24px}.steps .serif{display:block;font-size:32px;margin-bottom:16px}.steps h3{margin-bottom:14px}.steps p{font-size:14px}.sage{background:#e3e7e2}.rose{background:#eaded8}.paper{background:#eeeae2}.note{font-size:12px;margin-top:26px;max-width:100%}.scene{min-height:670px;background:#e9dfd0 url('/assets/backgrounds/atelier-light.webp') center/cover;display:flex;align-items:center}.scene-card{background:#fffefb;padding:45px;max-width:570px}.scene-card small{color:#ad8a73;margin-bottom:22px}.scene-card h1{margin-bottom:25px}.scene-card p{margin-bottom:30px}.filters{display:flex;gap:14px;margin-top:35px}.filters button{background:transparent;border:1px solid #c5bdb3;padding:9px 23px;font-size:13px;color:#253743}.filters button[aria-pressed=true]{background:#253743;color:#fff}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.portfolio-item{background:#fffefb}.portfolio-item img{aspect-ratio:1;object-fit:contain;background:#e8e2d9}.portfolio-item span{display:block;padding:15px 20px;font-size:13px}.portfolio-item[hidden]{display:none}.case-original{max-width:750px;margin:50px auto 0}.manifesto{text-align:center;padding:80px 20%}.manifesto small{color:#ad8a73;margin-bottom:25px}.manifesto h2{margin-bottom:30px}.manifesto p{margin:auto}.location{display:grid;grid-template-columns:1fr 1fr;gap:10%}.location h2{margin:20px 0}.location p{margin-bottom:25px}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.journal-grid img{aspect-ratio:1;object-fit:contain;background:#e9e1d8;margin-bottom:25px}.journal-grid small{color:#ad8a73;margin-bottom:20px}.journal-grid h2{font-size:28px;margin-bottom:22px}html[lang=en] .journal-grid h2{font-size:36px}.journal-grid p{font-size:15px}details{padding:23px 0;border-bottom:1px solid #bec5be}summary{cursor:pointer;font-size:20px}details p{margin-top:20px}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.contact-grid>a{padding:25px 0;border-top:1px solid #ad8a73;position:relative}.contact-grid h3{font-size:21px;margin-top:15px}.contact-grid small{color:#9c7b66}.contact-grid span{position:absolute;right:0;top:20px}footer{background:#1e2e38;color:#e9ecec;padding:55px 7% 25px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:45px}footer a{display:block;font-size:12px;padding:4px 0}footer a span{display:none}.footer-brand{font:33px Editorial}.footer-brand p{font:12px Thai;color:#bfc7cb;margin-top:18px}.copyright{grid-column:1/-1;padding-top:22px;border-top:1px solid #43515a;font:9px Arial;letter-spacing:1.5px;color:#aeb9bf}.mobile-contact{display:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ad8a73;outline-offset:4px}
@media(max-width:1000px){nav{gap:15px}header{gap:10px}.hero-copy{padding:55px 10%}h1{font-size:49px}html[lang=en] h1{font-size:62px}.cards img,.gallery img{height:270px}}
@media(max-width:700px){body{font-size:15px}.topline{height:25px;padding:0 20px;font-size:7px;letter-spacing:1px}.topline>a{font-size:8px}header{height:80px;padding:0 17px}.brand{gap:5px}.brand img{width:57px;height:57px}.brand>span{font-size:24px}.brand small{font-size:7px;letter-spacing:3px}.header-actions{gap:10px}.lang{font-size:10px;padding:5px 8px}.menu-toggle{display:block;border:0;background:transparent;font-size:11px;color:#253743;padding:8px 0}nav{display:none;position:absolute;left:0;right:0;top:105px;background:#fffefb;padding:20px 25px;z-index:20;box-shadow:0 12px 20px #25374320}nav.open{display:grid;grid-template-columns:1fr 1fr;gap:5px 30px}section{padding:48px 23px}h1{font-size:38px;line-height:1.35}h2{font-size:29px}h3{font-size:21px}html[lang=en] h1{font-size:52px;line-height:1.04}html[lang=en] h2{font-size:38px}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:42px 25px 32px}.hero-copy small{font-size:8px;margin-bottom:18px}.hero-copy h1{margin-bottom:18px}.hero-copy .serif{font-size:24px}html[lang=th] .hero-copy .serif{font-size:14px}.hero-actions{margin-top:25px}.hero-meta{margin-top:22px;font-size:7px}.hero-image{min-height:0;height:470px;flex:none}.hero-image img{object-position:center 25%}.hero:has(img[src*="work-"]) .hero-image{height:auto;padding:22px}.hero:has(img[src*="work-"]) .hero-image img{max-height:420px}.btn{font-size:12px;min-height:48px;padding:12px 20px}.ribbon{padding:20px 23px;gap:12px;font-size:7px;line-height:1.7;letter-spacing:.6px}.ribbon span{padding-left:8px}.cards{grid-template-columns:1fr;gap:26px}.cards img{height:auto;max-height:420px;aspect-ratio:1;object-fit:contain}.card-copy{padding:22px}.card-copy small{margin-bottom:8px}.card-copy a{margin-top:18px}.section-head{margin-bottom:25px}.section-head small{font-size:8px}.story{grid-template-columns:1fr;gap:35px}.story>div:first-child img{height:auto;max-height:490px;object-fit:contain}.story h2{margin-bottom:20px}.story p{font-size:14px}.gallery{grid-template-columns:1fr 1fr;gap:12px}.gallery img{height:auto;aspect-ratio:1;object-fit:contain}.gallery span{font-size:9px;padding:10px}.gallery:has(a:nth-child(3):last-child) a:first-child{grid-column:1/-1}.gallery:has(a:nth-child(3):last-child) a:first-child img{aspect-ratio:1.1;max-height:400px}.closing{padding:48px 24px}.closing h2{font-size:30px}html[lang=en] .closing h2{font-size:37px}.intro{padding-bottom:35px}.intro p{font-size:14px}.steps,.steps:has(article:nth-child(4)){grid-template-columns:1fr;gap:24px;margin:5px 0 30px}.steps article{padding-top:20px;display:grid;grid-template-columns:42px 1fr;gap:0 10px}.steps .serif{grid-row:1/3;margin:0;font-size:27px}.steps p{grid-column:2;font-size:14px}.steps h3{font-size:21px;margin-bottom:10px}.topless{padding-top:0}.scene{min-height:630px;padding:50px 23px;background-position:65% center}.scene-card{padding:30px 25px}.scene-card small{font-size:8px}.scene-card p{font-size:14px}.filters{gap:7px;flex-wrap:wrap;margin-top:25px}.filters button{font-size:12px;padding:7px 15px}.portfolio-grid{grid-template-columns:1fr 1fr;gap:12px}.portfolio-item span{padding:10px;font-size:11px}.case-original{margin-top:30px}.manifesto{padding:50px 25px}.manifesto p{font-size:14px}.location{grid-template-columns:1fr;gap:30px}.journal-grid{grid-template-columns:1fr;gap:50px}.journal-grid img{max-height:390px}.journal-grid p{font-size:14px}.journal-grid h2{font-size:27px}.journal-grid small{font-size:9px}.contact-grid{grid-template-columns:1fr;gap:5px}.contact-grid>a{padding:22px 0}.contact-grid h3{font-size:23px}summary{font-size:17px}footer{padding:42px 25px 90px;grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:1/-1;font-size:32px}.copyright{font-size:8px;line-height:1.8}.mobile-contact{display:flex;position:fixed;z-index:30;bottom:0;left:0;right:0;padding:10px 15px calc(10px + env(safe-area-inset-bottom));gap:10px;background:#fffefbf5;border-top:1px solid #ded9d1;backdrop-filter:blur(10px)}.mobile-contact a{background:#253743;color:#fff;padding:10px 20px;text-align:center;font-size:12px;flex:2}.mobile-contact a:last-child{background:#ede7df;color:#253743;flex:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
.gallery:has(a:nth-child(2):last-child){grid-template-columns:repeat(2,1fr)}

/* ---- production additions (Nexora) ---- */
.intro{display:none}
html.intro-on{overflow:hidden}
html.intro-on .intro{display:block;position:fixed;top:130px;left:0;right:0;bottom:0;z-index:15;background:#1e2e38;transition:opacity .7s ease}
html.intro-on .mobile-contact{display:none}
@media(max-width:700px){html.intro-on .intro{top:105px}}
.intro video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.intro.leaving{opacity:0;pointer-events:none}
.intro-skip{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:calc(28px + env(safe-area-inset-bottom));min-height:44px;padding:10px 20px;background:rgba(30,46,56,.55);color:#fffefb;border:1px solid rgba(255,254,251,.55);font:13px Thai,Arial,sans-serif;backdrop-filter:blur(6px);transition:background .2s}
.intro-skip:hover{background:rgba(30,46,56,.85)}
html[lang=en] .intro-skip{font:12px Arial,sans-serif;letter-spacing:2px}
@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.hero-copy>*{animation:rise .5s ease-out both}
html.intro-on .hero-copy>*{animation-play-state:paused}
.hero-copy>:nth-child(1){animation-delay:0ms}.hero-copy>:nth-child(2){animation-delay:80ms}.hero-copy>:nth-child(3){animation-delay:160ms}.hero-copy>:nth-child(4){animation-delay:240ms}.hero-copy>:nth-child(5){animation-delay:320ms}
.reveal{opacity:0;transform:translateY(14px);transition:opacity .52s ease-out,transform .52s ease-out}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.hero-copy>*{animation:none}.reveal{opacity:1;transform:none;transition:none}}
.notfound{min-height:60vh;display:flex;flex-direction:column;justify-content:center;gap:18px}