:root{
  --mist:#DEDEE6;--silver:#C3C3C3;--slate:#7C8594;--steel:#2E4566;
  --blue:#1D3456;--deep:#152C4C;--navy:#12253F;--ink:#091C38;--midnight:#061930;
  --line:rgba(222,222,230,.18);--ease:cubic-bezier(.2,.8,.2,1)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--mist);color:var(--midnight);font-family:"DM Sans","Noto Sans Thai",sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.nav{height:84px;padding:0 4vw;position:absolute;z-index:20;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;color:var(--mist);border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(6,25,48,.9),rgba(6,25,48,.12));backdrop-filter:blur(14px)}
.brand{width:205px}.brand img{width:100%}.nav nav{display:flex;gap:34px;font:500 11px/1 Manrope;letter-spacing:.12em;text-transform:uppercase}.nav nav a{opacity:.7;transition:.25s}.nav nav a:hover{opacity:1}.nav-cta{border:1px solid rgba(222,222,230,.62);border-radius:99px;padding:13px 20px;font:600 10px/1 Manrope;letter-spacing:.12em;text-transform:uppercase;transition:.3s}.nav-cta:hover{background:var(--mist);color:var(--midnight)}.menu{display:none;background:none;border:0;color:var(--mist)}
.hero{min-height:100svh;padding:138px 4vw 82px;position:relative;display:flex;align-items:center;overflow:hidden;color:var(--mist);background:radial-gradient(circle at 77% 31%,var(--steel),var(--navy) 35%,var(--midnight) 72%)}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(222,222,230,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(222,222,230,.045) 1px,transparent 1px);background-size:6.25vw 6.25vw;mask-image:linear-gradient(to bottom,var(--midnight),transparent 92%)}
.hero-ambient{position:absolute;width:55vw;height:55vw;right:-18vw;top:-24vw;border:1px solid rgba(222,222,230,.1);border-radius:50%;box-shadow:0 0 0 8vw rgba(29,52,86,.12),0 0 0 16vw rgba(18,37,63,.12);animation:breathe 8s ease-in-out infinite alternate}.grain{position:absolute;inset:0;opacity:.08;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}
.hero-layout{position:relative;z-index:2;width:100%;display:grid;grid-template-columns:1.08fr .92fr;gap:5vw;align-items:center}.hero-copy{padding:0}.eyebrow,.section-tag{font:600 9px/1.4 Manrope;letter-spacing:.24em;text-transform:uppercase}.eyebrow i{display:inline-block;width:20px;border-top:1px solid;margin:0 11px 3px;opacity:.5}.hero h1{font:400 clamp(66px,7.9vw,128px)/.86 Manrope;letter-spacing:-.075em;margin:36px 0 32px}.hero h1 span{color:var(--silver)}.hero-thai{max-width:570px;margin:0;color:var(--silver);font:300 16px/1.8 "Noto Sans Thai"}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:40px}.primary-link{display:flex;align-items:center;justify-content:space-between;gap:35px;min-width:215px;padding:17px 20px;background:var(--mist);color:var(--midnight);font:600 10px Manrope;letter-spacing:.12em;text-transform:uppercase;transition:.3s}.primary-link:hover{background:var(--silver);transform:translateY(-3px)}.text-link{font:600 10px Manrope;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid var(--slate);padding-bottom:6px}
.action-stage{position:relative;aspect-ratio:1;overflow:hidden;border:1px solid rgba(222,222,230,.2);background:rgba(9,28,56,.26);box-shadow:0 45px 100px rgba(6,25,48,.48)}.action-stage:before,.action-stage:after{content:"";position:absolute;background:rgba(222,222,230,.12)}.action-stage:before{width:1px;height:100%;left:50%}.action-stage:after{height:1px;width:100%;top:50%}.stage-ring{position:absolute;border:1px solid rgba(195,195,195,.44);border-radius:50%;inset:15%;animation:orbit 15s linear infinite}.ring-b{inset:30%;border-style:dashed;animation-direction:reverse;animation-duration:10s}.stage-cross{position:absolute;top:7%;right:8%;font:200 48px Manrope;color:var(--silver);animation:spin 9s linear infinite}.stage-number{position:absolute;left:-4%;bottom:-12%;font:300 19vw/.8 Manrope;color:rgba(222,222,230,.055);letter-spacing:-.1em}.stage-word{position:absolute;left:7%;right:7%;top:44%;transform:translateY(-50%);font:500 clamp(46px,6vw,105px)/1 Manrope;letter-spacing:-.09em;white-space:nowrap}.stage-word span{color:var(--silver)}.stage-note{position:absolute;left:7%;bottom:7%;font:500 8px Manrope;letter-spacing:.23em;color:var(--slate)}.visual-index{display:flex;justify-content:space-between;color:var(--slate);margin-top:18px;font:500 8px Manrope;letter-spacing:.18em}.scroll-cue{position:absolute;z-index:3;bottom:21px;left:4vw;right:4vw;border-top:1px solid var(--line);padding-top:12px;display:flex;justify-content:space-between;color:var(--slate);font:500 8px Manrope;letter-spacing:.2em}.scroll-cue b{color:var(--mist);font-size:17px;animation:down 1.7s ease-in-out infinite}
.section{padding:130px 5vw}.section-dark{padding:120px 5vw;background:var(--midnight);color:var(--mist)}.section-tag{color:var(--steel)}.intro-main,.section-head{display:grid;grid-template-columns:.9fr 1.1fr;gap:5vw;margin-top:62px}.section-head{align-items:end;margin-top:0}.section-head .section-tag{align-self:start}.intro h2,.section-head h2{font:450 clamp(42px,5.4vw,82px)/.98 Manrope;letter-spacing:-.055em;margin:0}.intro h2 em{font-style:normal;color:var(--steel)}.intro-copy{max-width:650px}.intro-copy p{font:400 19px/1.75 "Noto Sans Thai";margin:0 0 24px}.intro-copy .muted{color:var(--slate);font:400 15px/1.8 Manrope}.pillars{display:grid;grid-template-columns:repeat(4,1fr);margin-top:92px;border-top:1px solid rgba(46,69,102,.3)}.pillars article{padding:34px 30px 30px 0;border-right:1px solid rgba(46,69,102,.3);margin-right:28px;min-height:235px}.pillars article:last-child{border:0}.pillars b{font:600 10px Manrope;color:var(--steel)}.pillars h3{font:500 28px Manrope;margin:36px 0 14px;transition:.25s}.pillars article:hover h3{color:var(--blue)}.pillars p{font:400 13px/1.65 Manrope;color:var(--slate)}
.marquee{background:var(--steel);color:var(--mist);overflow:hidden;padding:18px 0;font:600 12px Manrope;letter-spacing:.19em;white-space:nowrap}.marquee div{width:max-content;animation:scroll 25s linear infinite}.services{background:var(--silver)}.service-list{margin-top:86px;border-top:1px solid rgba(46,69,102,.32)}.service-list article{position:relative;display:grid;grid-template-columns:70px 1fr;padding:37px 0;border-bottom:1px solid rgba(46,69,102,.32);transition:.35s}.service-list article>div{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.service-list span{font:600 10px Manrope;color:var(--steel)}.service-list h3{font:450 clamp(25px,3vw,40px) Manrope;letter-spacing:-.035em;margin:0}.service-list p{max-width:520px;font:400 14px/1.75 Manrope;color:var(--steel);margin:5px 0}.service-list article:after{content:"↗";position:absolute;right:0;top:37px;opacity:0;transform:translate(-8px,8px);transition:.3s}.service-list article:hover{padding-left:16px}.service-list article:hover:after{opacity:1;transform:none}
.industries .section-tag,.why .section-tag{color:var(--silver)}.industry-grid{display:grid;grid-template-columns:repeat(2,1fr);margin-top:54px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.industry-grid>div{position:relative;overflow:hidden;padding:38px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:210px;transition:.4s}.industry-grid>div:before{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(124,133,148,.35);border-radius:50%;right:-110px;top:-110px;transition:.45s}.industry-grid>div:hover{background:var(--navy)}.industry-grid>div:hover:before{right:-55px;top:-55px}.industry-grid span{font:600 10px Manrope;color:var(--silver)}.industry-grid h3{font:400 clamp(29px,4vw,54px) Manrope;letter-spacing:-.04em;margin:42px 0 9px}.industry-grid p{font:300 13px/1.6 Manrope;color:var(--silver)}.reach{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:end;margin-top:80px}.reach div{display:flex;align-items:end;gap:25px}.reach strong{font:300 clamp(80px,12vw,180px)/.75 Manrope;letter-spacing:-.08em;color:var(--mist)}.reach span{max-width:125px;font:600 10px/1.5 Manrope;letter-spacing:.12em;text-transform:uppercase}.reach p{font:300 16px/1.8 Manrope;color:var(--silver);max-width:580px}
.work{background:var(--slate)}.work .section-tag{color:var(--midnight)}.work-grid{margin-top:82px;display:grid;grid-template-columns:1.3fr 1fr;gap:18px}.work-card{position:relative;background:var(--midnight);color:var(--mist);overflow:hidden;box-shadow:0 20px 55px rgba(6,25,48,.2);transition:.45s var(--ease)}.work-card:hover{transform:translateY(-8px);box-shadow:0 28px 70px rgba(6,25,48,.34)}.work-card img{width:100%;aspect-ratio:16/9;object-fit:cover;filter:saturate(.62) contrast(1.08);transition:.8s var(--ease)}.work-card:hover img{transform:scale(1.035);filter:saturate(.9) contrast(1.04)}.work-card>div{padding:26px 28px 30px}.work-card span{font:600 9px Manrope;letter-spacing:.17em;color:var(--silver)}.work-card h3{font:500 28px Manrope;letter-spacing:-.03em;margin:13px 0 8px}.work-card p{font:300 13px/1.55 Manrope;color:var(--silver);margin:0}.work-card.large{grid-row:span 2}.work-card.large img{aspect-ratio:16/12;height:calc(100% - 138px)}.work-card.wide{grid-column:1/-1;display:grid;grid-template-columns:1.5fr 1fr}.work-card.wide img{aspect-ratio:16/8}.production-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.production-strip img{aspect-ratio:16/9;object-fit:cover;filter:saturate(.62);border:8px solid var(--mist);box-shadow:0 14px 40px rgba(6,25,48,.2)}
.approach{background:var(--mist)}.approach-flow{margin-top:86px;border-top:1px solid rgba(46,69,102,.3)}.approach-flow article{display:grid;grid-template-columns:70px 1fr;padding:34px 0;border-bottom:1px solid rgba(46,69,102,.3);transition:.35s}.approach-flow article>span{font:600 10px Manrope;color:var(--steel)}.approach-flow article>div{display:grid;grid-template-columns:150px 1fr 1fr;gap:5vw;align-items:start}.approach-flow small{font:600 9px Manrope;letter-spacing:.18em;color:var(--slate);padding-top:9px}.approach-flow h3{font:450 clamp(24px,2.8vw,42px)/1.08 Manrope;letter-spacing:-.04em;margin:0}.approach-flow p{font:400 14px/1.75 Manrope;color:var(--steel);margin:3px 0;max-width:470px}.approach-flow article:hover{background:var(--silver);padding-left:18px;padding-right:18px}.why{background:var(--navy)}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px;border-top:1px solid var(--line)}.why-grid article{padding:36px 30px 0 0;margin-right:30px;border-right:1px solid var(--line)}.why-grid article:last-child{border:0}.why-grid h3{font:400 31px Manrope;margin:0 0 22px}.why-grid p{font:300 14px/1.8 "Noto Sans Thai";color:var(--silver)}
.contact{background:var(--steel);color:var(--mist);padding:108px 5vw 30px}.contact>.eyebrow{color:var(--silver)}.contact h2{font:400 clamp(55px,9vw,135px)/.88 Manrope;letter-spacing:-.07em;margin:25px 0 88px}.contact h2 span{color:transparent;-webkit-text-stroke:1px var(--mist)}.contact-details{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;padding:30px 0 78px;border-top:1px solid rgba(222,222,230,.35)}.contact-details a,.contact-details address{font:400 15px/1.65 Manrope;font-style:normal}.contact footer{border-top:1px solid rgba(222,222,230,.35);padding-top:27px;display:flex;justify-content:space-between;align-items:center;font:600 9px Manrope;letter-spacing:.12em}.contact footer img{width:205px}
.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .8s var(--ease)}.reveal.in-view{opacity:1;transform:none}@keyframes scroll{to{transform:translateX(-50%)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{to{transform:scale(1.08);opacity:.65}}@keyframes down{50%{transform:translateY(5px)}}
@media(max-width:850px){.nav{height:74px}.nav nav,.nav-cta{display:none}.brand{width:188px}.menu{display:block;width:32px;padding:6px}.menu span{display:block;border-top:1px solid;margin:7px 0}.nav.open{position:fixed;background:var(--midnight);height:auto;min-height:330px;align-items:flex-start;padding-top:27px}.nav.open nav{display:flex;position:absolute;top:95px;left:5vw;flex-direction:column;font-size:18px}.hero{padding:120px 5vw 70px;align-items:flex-start}.hero-layout{grid-template-columns:1fr;gap:58px}.hero h1{font-size:clamp(58px,14vw,94px)}.action-stage{aspect-ratio:16/10}.stage-number{font-size:35vw}.stage-word{font-size:13vw}.scroll-cue{left:5vw;right:5vw}.section,.section-dark{padding:92px 5vw}.intro-main,.section-head{grid-template-columns:1fr;gap:38px;margin-top:42px}.pillars{grid-template-columns:1fr 1fr;margin-top:68px}.pillars article:nth-child(2){border-right:0}.service-list article>div{grid-template-columns:1fr;gap:13px}.reach{grid-template-columns:1fr}.work-grid{grid-template-columns:1fr}.work-card.large{grid-row:auto}.work-card.large img{height:auto;aspect-ratio:16/9}.work-card.wide{grid-column:auto;display:block}.approach-flow article>div{grid-template-columns:110px 1fr;gap:25px}.approach-flow p{grid-column:2}.why-grid{grid-template-columns:1fr 1fr}.contact-details{grid-template-columns:1fr}.contact footer{gap:20px;flex-wrap:wrap}}
@media(max-width:560px){.nav{height:70px}.brand{width:168px}.hero{min-height:auto;padding-top:110px}.hero .eyebrow{font-size:8px;letter-spacing:.12em}.eyebrow i{width:8px;margin-inline:4px}.hero h1{font-size:15.7vw;margin:27px 0}.hero-thai{font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column;gap:22px;margin-top:30px}.action-stage{aspect-ratio:1}.stage-word{font-size:15vw}.visual-index{font-size:7px}.scroll-cue{display:none}.section,.section-dark{padding:74px 5vw}.intro h2,.section-head h2{font-size:42px}.intro-copy p{font-size:16px}.pillars{grid-template-columns:1fr}.pillars article,.pillars article:nth-child(2){border-right:0;border-bottom:1px solid rgba(46,69,102,.3);margin:0}.industry-grid{grid-template-columns:1fr}.industry-grid>div{min-height:170px;padding:28px}.reach div{align-items:start;flex-direction:column}.reach strong{font-size:98px}.production-strip{grid-template-columns:1fr}.approach-flow{margin-top:54px}.approach-flow article{grid-template-columns:38px 1fr}.approach-flow article>div{grid-template-columns:1fr}.approach-flow p{grid-column:auto}.approach-flow h3{font-size:28px}.service-list article:hover,.approach-flow article:hover{padding-left:0;padding-right:0}.why-grid{grid-template-columns:1fr}.why-grid article{border-right:0;border-bottom:1px solid var(--line);padding-bottom:25px;margin:0}.contact h2{font-size:56px}.contact footer span{order:3;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee div,.stage-ring,.stage-cross,.hero-ambient,.scroll-cue b{animation:none}.reveal{opacity:1;transform:none;transition:none}}