:root{--orange:#ee6b0b;--red:#a72d3d;--purple:#421052;--ink:#18141b;--paper:#f5f1eb;--white:#fff;--line:rgba(24,20,27,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"IBM Plex Sans Thai",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.site-header{position:fixed;z-index:50;top:0;left:0;width:100%;height:92px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;transition:.35s;background:transparent}.site-header.scrolled{height:72px;background:rgba(245,241,235,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font:600 12px/1.1 Manrope,sans-serif;letter-spacing:.14em}.brand img{width:45px;height:45px;object-fit:cover;border-radius:50%}.brand small{font-size:8px;letter-spacing:.28em;color:#765e6f}.site-header nav{display:flex;gap:34px;font-size:14px}.site-header nav a{position:relative}.site-header nav a:after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:1px;background:var(--red);transition:.3s}.site-header nav a:hover:after{width:100%}.nav-contact,.map-link{font:600 11px Manrope,sans-serif;letter-spacing:.14em;border-bottom:1px solid;padding-bottom:5px}.menu-toggle{display:none;background:0;border:0}.hero{min-height:100vh;position:relative;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;padding:130px 8vw 80px;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 18%,rgba(238,107,11,.13),transparent 30%),linear-gradient(125deg,transparent 48%,rgba(66,16,82,.055) 48%)}.eyebrow{font:600 10px Manrope,sans-serif;letter-spacing:.28em;color:var(--red);margin:0 0 28px}.hero h1,.statement h2,.approach h2,.contact h2{font-weight:400;letter-spacing:-.055em;margin:0;line-height:1.04}.hero h1{font-size:clamp(58px,7.5vw,116px)}.hero h1 span,.statement h2 span,.contact h2 span{color:var(--red)}.lead{max-width:540px;font-size:19px;line-height:1.85;color:#5f555f;margin:36px 0}.text-link{font:600 12px Manrope,sans-serif;letter-spacing:.16em}.text-link span{display:inline-block;margin-left:12px;transition:.3s}.text-link:hover span{transform:translateX(7px)}.hero-mark{justify-self:center;width:min(34vw,500px);aspect-ratio:1;position:relative;display:grid;place-items:center}.mark-ring{position:absolute;inset:4%;border-radius:50%;background:conic-gradient(from 225deg,var(--orange),var(--red),var(--purple),var(--orange));box-shadow:0 35px 90px rgba(66,16,82,.18)}.mark-ring:after{content:"";position:absolute;inset:15%;background:var(--paper);border-radius:50%}.mark-core{position:relative;z-index:2;font:700 clamp(56px,8vw,120px) Manrope,sans-serif;letter-spacing:-.11em;background:linear-gradient(120deg,var(--orange),var(--purple));-webkit-background-clip:text;color:transparent}.hero-mark p{position:absolute;z-index:2;bottom:19%;font:600 9px Manrope,sans-serif;letter-spacing:.3em}.hero-orbit,.contact-orbit{position:absolute;border:1px solid rgba(66,16,82,.12);border-radius:50%}.orbit-one{width:430px;height:430px;left:-280px;top:22%}.orbit-two{width:180px;height:180px;right:35%;top:8%;border-color:rgba(238,107,11,.26)}.scroll-cue{position:absolute;bottom:30px;left:8vw;font:500 8px Manrope,sans-serif;letter-spacing:.24em;display:flex;align-items:center;gap:12px}.scroll-cue span{display:block;height:1px;width:42px;background:var(--ink)}.statement{min-height:90vh;position:relative;padding:160px 9vw;display:grid;grid-template-columns:18% 82%;align-items:center;background:#fff;overflow:hidden}.section-number{font:400 12px Manrope,sans-serif;align-self:start;padding-top:12px;color:#887c84}.statement h2{font-size:clamp(48px,6vw,88px);max-width:930px}.statement-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;max-width:900px;margin:70px 0 0 18%}.statement-grid p{font-size:17px;line-height:1.9;color:#625861;margin:0}.floating-word{position:absolute;right:-20px;bottom:-45px;font:700 clamp(90px,15vw,220px) Manrope,sans-serif;color:rgba(66,16,82,.035);letter-spacing:-.06em}.approach{background:var(--ink);color:#fff;padding:150px 8vw 120px;position:relative}.approach:before{content:"";position:absolute;width:46%;height:4px;top:0;left:0;background:linear-gradient(90deg,var(--orange),var(--red),var(--purple))}.approach-intro{display:grid;grid-template-columns:2fr 1fr;gap:8vw;align-items:end}.eyebrow.light{color:#dc7e71}.approach h2{font-size:clamp(45px,5.5vw,78px)}.approach-intro>p{color:#b9afb8;line-height:1.9;font-size:16px}.principles{display:grid;grid-template-columns:repeat(3,1fr);margin-top:100px;border-top:1px solid rgba(255,255,255,.18)}.principle{padding:42px 10% 20px 0;border-right:1px solid rgba(255,255,255,.18);min-height:230px}.principle+ .principle{padding-left:10%}.principle:last-child{border-right:0}.principle span{font:500 10px Manrope,sans-serif;color:#b7645c}.principle h3{font:500 clamp(27px,3vw,40px) Manrope,sans-serif;margin:36px 0 18px}.principle p{color:#a79da5;line-height:1.8;margin:0}.contact{min-height:90vh;display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:center;padding:140px 8vw;position:relative;overflow:hidden}.contact h2{font-size:clamp(56px,6vw,90px)}.company-card{position:relative;background:#fff;padding:50px;box-shadow:0 30px 80px rgba(45,21,39,.1)}.company-title{display:flex;gap:22px;align-items:center;padding-bottom:34px;border-bottom:1px solid var(--line)}.company-title img{width:75px;height:75px;object-fit:cover;border-radius:50%}.company-title h3{font-size:20px;font-weight:500;margin:0 0 5px}.company-title p{font:500 9px Manrope,sans-serif;letter-spacing:.13em;color:#7c6e77;margin:0}.company-card dl{margin:32px 0}.company-card dl>div{display:grid;grid-template-columns:130px 1fr;padding:14px 0}.company-card dt{font-size:12px;color:#8a7d85}.company-card dd{margin:0;font-size:15px;line-height:1.65}.contact-orbit{width:460px;height:460px;left:-260px;bottom:-150px;border-color:rgba(167,45,61,.15)}footer{height:100px;padding:0 8vw;background:#120f14;color:#8f878e;display:flex;align-items:center;justify-content:space-between;font:500 9px Manrope,sans-serif;letter-spacing:.13em}.reveal{opacity:0;transform:translateY(35px);transition:opacity .85s ease,transform .85s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:800px){.site-header{height:72px;padding:0 6vw}.site-header nav,.nav-contact{display:none}.menu-toggle{display:grid;gap:6px;padding:10px}.menu-toggle span{display:block;width:25px;height:1px;background:var(--ink);transition:.3s}.site-header.open nav{display:flex;position:absolute;top:72px;left:0;width:100%;height:calc(100vh - 72px);background:var(--paper);flex-direction:column;align-items:center;justify-content:center;font-size:24px}.hero{grid-template-columns:1fr;padding:130px 7vw 80px}.hero-mark{position:absolute;width:65vw;right:-26vw;top:16%;opacity:.24}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(54px,15vw,82px)}.lead{font-size:16px;max-width:85%}.statement{grid-template-columns:1fr;padding:110px 7vw}.section-number{display:none}.statement h2{font-size:45px}.statement-grid{grid-template-columns:1fr;gap:25px;margin:55px 0 0}.approach{padding:110px 7vw 80px}.approach-intro{grid-template-columns:1fr}.principles{grid-template-columns:1fr;margin-top:70px}.principle,.principle+.principle{padding:35px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.18);min-height:auto}.contact{grid-template-columns:1fr;padding:110px 7vw}.company-card{padding:30px 24px}.company-title img{width:58px;height:58px}.company-title h3{font-size:17px}.company-card dl>div{grid-template-columns:1fr;gap:5px}.company-card dd{font-size:14px}footer{height:auto;min-height:110px;gap:25px;flex-direction:column;justify-content:center;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
.header-actions{display:flex;align-items:center;gap:28px}.language-switcher{display:flex;align-items:center;gap:5px;font:600 10px Manrope,sans-serif;letter-spacing:.1em}.language-switcher button{border:0;background:transparent;padding:6px 2px;color:#988b94;cursor:pointer;font:inherit;transition:.25s}.language-switcher button.active{color:var(--red)}.language-switcher span{color:#b7abb3}@media(max-width:800px){.header-actions{margin-left:auto;margin-right:12px;gap:0}.language-switcher{font-size:10px}}