:root{--ink:#111;--paper:#fff;--line:#ddd;--serif:"Iowan Old Style",Baskerville,"Times New Roman",serif;--sans:"Helvetica Neue",Arial,Tahoma,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans)}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}figure{margin:0}button{font:inherit;color:inherit}a:focus-visible,button:focus-visible{outline:2px solid #111;outline-offset:6px}.skip{position:fixed;top:-100px;background:#fff;padding:12px;z-index:30}.skip:focus{top:0}.nav{min-height:96px;display:flex;align-items:center;justify-content:space-between;padding:20px 5vw;border-bottom:1px solid var(--line);gap:24px}.brand{width:230px;flex-shrink:0}.brand img{width:100%;height:42px;object-fit:cover}.nav nav{display:flex;gap:30px;font-size:.875rem}.nav nav a{padding:8px 0;border-bottom:1px solid transparent}.nav nav a:hover,.nav nav a[aria-current=page]{border-color:var(--ink)}.hero{display:grid;grid-template-columns:43% 57%;min-height:min(820px,calc(100svh - 96px))}.hero-copy{padding:7vw 4vw 4vw 6vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{font-size:.875rem;letter-spacing:.16em;text-transform:uppercase;margin:0 0 30px}h1,h2,h3,p{margin-top:0}h1{font:400 clamp(4.5rem,8.6vw,9rem)/.98 var(--serif);letter-spacing:-.055em;margin-bottom:30px}h1 em{font-weight:400}h2{font:400 clamp(2.75rem,5.2vw,5.8rem)/1.05 var(--serif);letter-spacing:-.04em;margin-bottom:30px}h3{font:400 2rem/1.2 var(--serif);margin-bottom:16px}.lead{font-size:clamp(1.125rem,1.55vw,1.4rem);line-height:1.6}.text-link{display:inline-flex;align-items:center;gap:22px;font-size:.875rem;border-bottom:1px solid #111;padding:10px 0;margin-top:16px}.text-link:hover{opacity:.65}.hero-caption{font-size:.8125rem;margin-top:60px;letter-spacing:.06em}.hero-image{position:relative;overflow:hidden;min-height:620px;background:#f5f5f5}.hero-photo{height:100%;position:absolute;inset:0;object-fit:cover;object-position:center;animation:drift 16s ease-in-out infinite alternate}.motion-toggle{position:absolute;bottom:18px;right:18px;border:1px solid #bbb;background:rgba(255,255,255,.94);padding:8px 14px;font-size:.8125rem;cursor:pointer}.section{padding:110px 6vw}.intro{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center;border-bottom:1px solid var(--line)}.intro-copy{max-width:540px}.detail{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding:17px 0;font-size:.875rem}.detail strong{font-weight:500;text-align:right}.editorial,.spaces,.closing{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.portrait{overflow:hidden}.portrait img{aspect-ratio:4/5;object-fit:cover}.editorial-copy p:not(.eyebrow){max-width:470px;font-size:1.125rem}.spaces{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.spaces-copy>p:not(.eyebrow){max-width:370px;margin-bottom:45px}.space-item{display:flex;align-items:baseline;gap:28px;border-top:1px solid var(--line);padding:21px 0}.space-item span{font-size:.8125rem}.space-item h3{margin:0}.how h2{margin-bottom:65px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:4vw;border-top:1px solid var(--line);padding-top:30px}.steps article{padding-right:22px}.steps p{max-width:310px}.step-number{display:block;font:1.75rem var(--serif);margin-bottom:50px}.closing{border-top:1px solid var(--line)}.closing figure img{aspect-ratio:1;object-fit:cover}.socials{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{display:inline-block;padding:12px 26px;border:1px solid #111;font-size:.875rem;transition:background .2s,color .2s}.button:hover{background:#111;color:#fff}footer{border-top:1px solid var(--line);padding:30px 5vw;display:flex;justify-content:space-between;gap:24px;font-size:.8125rem}footer>a{letter-spacing:.18em}.story-top{text-align:center;padding:95px 24px 70px}.story-top h1{font-size:clamp(4.5rem,10vw,9rem)}.story-top .lead{max-width:640px;margin:0 auto}.story-layout{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:start;padding:20px 7vw 110px}.story-layout figure{position:sticky;top:40px}.story-layout figure img{aspect-ratio:4/5;object-fit:cover}.story-text{padding-top:25px;max-width:600px}.story-text p{font-size:1.125rem;line-height:1.9}.story-text h2{font-size:clamp(2.5rem,4vw,4rem)}.thai-story{border-top:1px solid var(--line);margin-top:40px;padding-top:36px}.thai-story h2{font:400 1.6rem/1.6 var(--sans);letter-spacing:0}.signature{font:italic 2.5rem var(--serif);margin-top:36px}.story-end{text-align:center;border-top:1px solid var(--line);padding:70px 24px}.story-end h2{font-size:clamp(2.5rem,5vw,5rem)}.motion-on .reveal{opacity:0;transform:translateY(18px);transition:opacity .8s ease,transform .8s ease}.motion-on .reveal.visible{opacity:1;transform:none}.motion-paused .hero-photo{animation-play-state:paused}.motion-paused .reveal{opacity:1;transform:none;transition:none}@keyframes drift{from{transform:scale(1)}to{transform:scale(1.055)}}
@media(max-width:820px){.nav{padding:16px 22px;flex-wrap:wrap;justify-content:center;gap:10px}.brand{width:205px}.nav nav{width:100%;justify-content:center;gap:26px}.hero{display:flex;flex-direction:column}.hero-image{order:-1;min-height:0;height:57svh;max-height:620px}.hero-copy{padding:44px 7vw 55px}h1{font-size:clamp(4.5rem,17vw,7rem)}.hero-copy h1 br{display:none}.hero-copy h1{max-width:8ch}.hero-copy .eyebrow{margin-bottom:20px}.hero-caption{margin-top:35px}.section{padding:75px 7vw}.intro,.editorial,.spaces,.closing,.story-layout{grid-template-columns:1fr;gap:44px}.steps{grid-template-columns:1fr;gap:30px}.steps article{border-bottom:1px solid var(--line);padding:0 0 25px}.step-number{margin-bottom:24px}.how h2{margin-bottom:40px}.spaces figure{order:-1}.story-top{padding:65px 7vw 45px}.story-layout{padding:0 7vw 65px}.story-layout figure{position:static}.story-text{padding:0;max-width:none}.story-top h1{font-size:clamp(4rem,16vw,7rem)}footer{flex-direction:column;gap:10px;padding:28px 7vw}.detail{flex-wrap:wrap}}
.hero-image.film-frame{display:flex;justify-content:center;background:#fff;min-height:620px}.brand-film{display:block;width:100%;height:min(820px,calc(100svh - 96px));min-height:620px;object-fit:contain;background:#fff}.studio-motion{position:relative}.studio-photo{animation:drift 16s ease-in-out infinite alternate}.motion-paused .studio-photo{animation-play-state:paused}.launch{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw;border-top:1px solid var(--line)}.launch-film-frame{max-width:390px;width:100%;margin:auto}.launch video{display:block;width:100%;aspect-ratio:512/910;background:#fff}.launch h2{font-size:clamp(2.5rem,4.5vw,5rem)}
@media(max-width:820px){.hero-copy h1 br{display:initial}.hero-image.film-frame{height:auto;min-height:0}.brand-film{height:70svh;min-height:0;width:100%;object-fit:contain}.launch{grid-template-columns:1fr;gap:40px}.launch-film-frame{max-width:360px}}
@media(prefers-reduced-motion:reduce){.studio-photo{animation:none}}
/* Bilingual copy keeps Thai readable without Latin tracking or capitals. */
.th-copy[lang=th],.editorial-copy p.th-copy,.story-text p.th-copy{font:400 1rem/1.9 var(--sans);letter-spacing:0;text-transform:none;color:#444;margin-top:-6px;margin-bottom:26px;max-width:38rem}
.th-heading[lang=th],.story-text p.th-heading,.editorial-copy p.th-heading{font:400 clamp(1.125rem,1.6vw,1.4rem)/1.8 var(--sans);letter-spacing:0;text-transform:none;margin-top:-16px;margin-bottom:30px;color:#333}
.th-label[lang=th],.th-nav[lang=th]{display:block;font:400 .875rem/1.8 var(--sans);letter-spacing:0;text-transform:none;margin-top:4px;color:#444}
.nav nav a{text-align:center}.story-top .th-copy{margin:20px auto 0}.how h2{margin-bottom:30px}.how .th-heading{margin-bottom:45px}.motion-toggle{max-width:calc(100% - 36px);font-size:.875rem}.hero-copy{padding-top:4vw;padding-bottom:4vw}
@media(max-width:820px){.hero-copy{padding-top:44px;padding-bottom:55px}.nav nav{gap:20px}.nav .th-nav{font-size:.875rem}}
/* Logo-inspired typography; retain the supplied image as the exact wordmark. */
:root{--sans:"Avenir Next",Avenir,"Helvetica Neue",Helvetica,Arial,Tahoma,sans-serif;--serif:var(--sans)}
body{font-family:var(--sans);font-weight:400;letter-spacing:.025em}
h1,h2,h3,.signature,.step-number{font-family:var(--sans);font-weight:300;font-style:normal}
h1{font-size:clamp(3rem,5.6vw,6.1rem);line-height:1.22;letter-spacing:.13em;text-transform:uppercase}
h1 em,em{font-style:normal;font-weight:inherit}
h2{font-size:clamp(2rem,3.6vw,4rem);line-height:1.3;letter-spacing:.09em;text-transform:uppercase;overflow-wrap:normal}
h3{font-size:1.55rem;line-height:1.4;letter-spacing:.1em;text-transform:uppercase}
.eyebrow{letter-spacing:.2em}.lead{font-weight:400;letter-spacing:.035em}.nav nav,.button,.text-link{letter-spacing:.06em}
.story-top h1{font-size:clamp(2.8rem,6.4vw,7rem)}
.story-text h2,.story-end h2,.launch h2{font-size:clamp(2rem,3.4vw,3.7rem)}
.signature{font-size:1.7rem;letter-spacing:.25em;text-transform:uppercase}
.thai-story h2{font-family:var(--sans);font-weight:400;letter-spacing:0;text-transform:none}
[lang=th]{letter-spacing:0;line-height:1.9}
@media(max-width:820px){h1{font-size:clamp(2.8rem,10vw,4.8rem);letter-spacing:.1em}.hero-copy h1{max-width:none}.story-top h1{font-size:clamp(2.5rem,9vw,4.8rem)}h2{font-size:clamp(1.9rem,7vw,3rem);letter-spacing:.065em}.launch h2,.story-text h2,.story-end h2{font-size:clamp(1.9rem,7vw,3rem)}.nav nav{gap:22px;letter-spacing:.035em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-photo{animation:none}.motion-on .reveal{opacity:1;transform:none;transition:none}.motion-toggle{display:none}}