@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Inter:wght@400;500;600;700&family=Noto+Sans+Thai:wght@300;400;500;600;700&display=swap";:root{--sb-concrete: #a7a39a;--sb-concrete-rgb: 167 163 154;--sb-concrete-hsl: 41.538 6.878% 62.941%;--sb-slate: #6b6963;--sb-slate-rgb: 107 105 99;--sb-slate-hsl: 45 3.883% 40.392%;--sb-greige: #b8b1a4;--sb-greige-rgb: 184 177 164;--sb-greige-hsl: 39 12.346% 68.235%;--sb-sand: #d9d2c2;--sb-sand-rgb: 217 210 194;--sb-sand-hsl: 41.739 23.232% 80.588%;--sb-taupe: #8b7f6e;--sb-taupe-rgb: 139 127 110;--sb-taupe-hsl: 35.172 11.647% 48.824%;--sb-cocoa: #4a4239;--sb-cocoa-rgb: 74 66 57;--sb-cocoa-hsl: 31.765 12.977% 25.686%;--sb-sage: #7c826e;--sb-sage-rgb: 124 130 110;--sb-sage-hsl: 78 8.333% 47.059%;--sb-charcoal: #2c2c2a;--sb-charcoal-rgb: 44 44 42;--sb-charcoal-hsl: 60 2.326% 16.863%;--sb-paper: #f1eee7;--sb-paper-rgb: 241 238 231;--sb-paper-hsl: 42 26.316% 92.549%;--sb-wash: #e8e2d7;--sb-wash-rgb: 232 226 215;--sb-wash-hsl: 38.824 26.984% 87.647%;--sb-body: "Inter", "Noto Sans Thai", sans-serif;--sb-display: "Cormorant Garamond", "Noto Sans Thai", serif;--sb-thai: "Noto Sans Thai", sans-serif;--font-body: var(--sb-body);--font-heading: var(--sb-display);--font-display: var(--sb-display);--font-mono: var(--sb-body)}html,body{background:var(--sb-paper);color:var(--sb-charcoal);font-family:var(--sb-body)}button,input,select,textarea,table{font-family:var(--sb-body)}input,select,textarea{accent-color:var(--sb-cocoa)}::-moz-selection{background:var(--sb-sand);color:var(--sb-charcoal)}::selection{background:var(--sb-sand);color:var(--sb-charcoal)}html body{-webkit-font-smoothing:antialiased}html :is(.hero,.learning-hero){background:var(--sb-wash)}html :is(.nav-shell,.learning-nav){background:var(--sb-paper);border-color:var(--sb-concrete)}html .hero-copy h1{font-weight:400;letter-spacing:-.025em}html .hero-photo,html .learning-hero-visual{border:1px solid rgb(var(--sb-cocoa-rgb) / .15)}html .hero .hero-studio-tag{background:rgb(var(--sb-paper-rgb) / .92);border-color:var(--sb-sand)}html .wordmark{font-weight:500}html .wordmark .fashion-mark{color:var(--sb-cocoa)}html .fashion-mark-rule{stroke:var(--sb-sage)}html .fashion-marquee{background:var(--sb-cocoa);border-color:var(--sb-taupe)}html .choose{background:var(--sb-sand)}html .role-card{background:rgb(var(--sb-paper-rgb) / .48)}html .role-card:hover{background:var(--sb-paper)}html .role-card strong{font-weight:400}html .positioning{background:var(--sb-charcoal)}html .proof{background:var(--sb-wash)}html .approach-grid li{transition:background-color .3s}html .approach-grid li:hover{background:var(--sb-wash)}html .credit-title{font-weight:400;letter-spacing:-.02em}html .portal-main{background:var(--sb-paper)}html .portal-notice{background:var(--sb-sand);border-left-color:var(--sb-taupe)}html .owner-card{background:var(--sb-wash);border-color:var(--sb-concrete);transition:border-color .25s,background-color .25s}html a.owner-card:hover{border-color:var(--sb-cocoa);background:var(--sb-sand)}html .owner-list{background:var(--sb-paper);border-color:var(--sb-concrete)}html .owner-table th{background:var(--sb-sand);color:var(--sb-cocoa);font-weight:500}html .hub-form :is(input,select,textarea){background:var(--sb-paper);border-color:var(--sb-concrete)}html .hub-form :is(input,select,textarea):focus{outline:2px solid var(--sb-cocoa);outline-offset:2px}html .solid-link{background:var(--sb-cocoa);color:var(--sb-paper);transition:background-color .25s}html .solid-link:hover{background:var(--sb-charcoal)}html .unified-bar{background:var(--sb-charcoal);color:var(--sb-paper)}html .fashion-motion-control{background:rgb(var(--sb-paper-rgb) / .94);border-color:var(--sb-concrete);color:var(--sb-cocoa)}@media(max-width:767px){html .hero-copy h1{font-size:clamp(33px,8.8vw,48px);line-height:1.48;letter-spacing:-.03em}html .credit-title{font-size:clamp(32px,8.2vw,48px);line-height:1.45}}html :is(.hero,.learning-hero,.choose,.proof,.worth-hero,.hub-services) :is(.kicker,.section-label,.section-head>p,.hub-heading>p,.hero-lead,.role-copy,.role-eyebrow,.service-card>p,.credit-intro,.proof-copy>p){color:var(--sb-cocoa)}html .role-card .role-link{color:var(--sb-cocoa)}.brand-loader{--growth-cycle: 6.6s;box-sizing:border-box;display:grid;place-items:center;min-height:290px;width:100%;padding:32px 20px;color:var(--sb-cocoa, #4a4239);font-family:var(--sb-body, "Inter", "Noto Sans Thai", sans-serif);text-align:center;isolation:isolate}.brand-loader--page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;min-height:100svh;overflow:auto;background:var(--sb-paper, #f1eee7)}.brand-loader__signature{display:grid;justify-items:center;gap:0;width:100%}.brand-loader__name{color:var(--sb-slate, #6b6963);font-family:var(--sb-thai, "Noto Sans Thai", sans-serif);font-size:12px;font-weight:400;line-height:1.6}.brand-loader__name span{margin-left:5px;font-family:var(--sb-body, "Inter", sans-serif);letter-spacing:.15em}.brand-loader__tree{display:block;width:146px;height:154px;margin:22px auto 8px;overflow:visible;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.brand-loader--page .brand-loader__tree{width:184px;height:194px;margin-top:32px}.brand-loader__ground{stroke:var(--sb-taupe, #8b7f6e);stroke-width:.8;opacity:.5}.brand-loader__growth{animation:brand-tree-cycle var(--growth-cycle) linear infinite}.brand-loader__root,.brand-loader__trunk,.brand-loader__branch{stroke-dasharray:1;stroke-dashoffset:0}.brand-loader__root{stroke-width:1.1;animation:brand-tree-root var(--growth-cycle) ease-in-out infinite}.brand-loader__trunk{animation:brand-tree-trunk var(--growth-cycle) ease-in-out infinite}.brand-loader__branch{animation:brand-tree-branch var(--growth-cycle) ease-in-out infinite}.brand-loader__leaves{fill:var(--sb-taupe, #8b7f6e);fill-opacity:.2;stroke-width:1.2;transform-box:fill-box;transform-origin:50% 100%;animation:brand-tree-leaves var(--growth-cycle) ease-in-out infinite}.brand-loader__words{display:grid;place-items:center;min-height:53px;width:100%;font-family:var(--sb-display, "Cormorant Garamond", serif);font-size:36px;font-weight:400;line-height:1.25;letter-spacing:-.025em}.brand-loader--page .brand-loader__words{font-size:clamp(36px,5vw,46px);min-height:64px}.brand-loader__word{grid-area:1 / 1;opacity:0;animation:brand-loader-word var(--growth-cycle) ease infinite both}.brand-loader__word--communicate{animation-delay:-4.4s}.brand-loader__word--goal{animation-delay:-2.2s}.brand-loader__rhythm{display:flex;gap:6px;margin-top:16px}.brand-loader__rhythm i{display:block;width:22px;height:1px;background:currentColor;opacity:.18;animation:brand-loader-beat var(--growth-cycle) linear infinite}.brand-loader__rhythm i:nth-child(2){animation-delay:-4.4s}.brand-loader__rhythm i:nth-child(3){animation-delay:-2.2s}.brand-loader__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@keyframes brand-tree-cycle{0%,88%{opacity:1}to{opacity:0}}@keyframes brand-tree-root{0%{stroke-dashoffset:1}14%,to{stroke-dashoffset:0}}@keyframes brand-tree-trunk{0%,5%{stroke-dashoffset:1}34%,to{stroke-dashoffset:0}}@keyframes brand-tree-branch{0%,29%{stroke-dashoffset:1}62%,to{stroke-dashoffset:0}}@keyframes brand-tree-leaves{0%,60%{opacity:0;transform:scale(.76)}80%,to{opacity:1;transform:scale(1)}}@keyframes brand-loader-word{0%{opacity:0;transform:translateY(6px)}5%,27%{opacity:1;transform:translateY(0)}33.333%,to{opacity:0;transform:translateY(-5px)}}@keyframes brand-loader-beat{0%,32%{opacity:.8}33.333%,to{opacity:.18}}.fashion-motion-off .brand-loader *{animation:none!important}.fashion-motion-off .brand-loader__words{display:flex;flex-wrap:wrap;justify-content:center;gap:0 12px;font-size:25px}.fashion-motion-off .brand-loader__word{opacity:1;transform:none}.fashion-motion-off .brand-loader__word+.brand-loader__word:before{content:"–";margin-right:12px;color:var(--sb-taupe, #8b7f6e)}@media(prefers-reduced-motion:reduce){.brand-loader *{animation:none!important}.brand-loader__words,.brand-loader--page .brand-loader__words{display:flex;flex-wrap:wrap;justify-content:center;gap:0 12px;font-size:25px}.brand-loader__word{opacity:1;transform:none}.brand-loader__word+.brand-loader__word:before{content:"–";margin-right:12px;color:var(--sb-taupe, #8b7f6e)}}.fashion-mark{width:30px;height:35px;stroke:currentColor;stroke-width:1.25;stroke-linecap:square;flex-shrink:0}.fashion-mark-rule{opacity:.45}.wordmark{display:inline-flex;gap:12px;align-items:center}.wordmark .fashion-mark{width:26px;height:31px;color:var(--sb-cocoa)}.fashion-index{flex-shrink:0;width:25px;font:500 12px/1.9 Inter,sans-serif;letter-spacing:.06em;color:var(--sb-cocoa)}.fashion-reveal{--reveal-delay:0ms}.fashion-motion-on .fashion-reveal{opacity:0;translate:0 34px;transition:opacity .85s cubic-bezier(.2,.7,.2,1) var(--reveal-delay),translate 1.05s cubic-bezier(.16,1,.3,1) var(--reveal-delay)}.fashion-motion-on .fashion-reveal.is-in-view,.fashion-reveal:focus-within{opacity:1;translate:0 0}.fashion-motion-off .fashion-reveal{opacity:1!important;translate:none!important}.fashion-reading-progress{position:fixed;inset:0 0 auto;height:3px;background:var(--sb-cocoa);z-index:999;transform:scaleX(var(--reading-progress,0));transform-origin:left;pointer-events:none}.fashion-motion-control{position:fixed;right:18px;bottom:16px;z-index:80;display:flex;align-items:center;gap:7px;padding:9px 12px;background:rgb(var(--sb-paper-rgb) / .9294);color:var(--sb-cocoa);border:1px solid rgb(var(--sb-cocoa-rgb) / .251);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font:500 9px/1.4 Inter,sans-serif;letter-spacing:.14em;cursor:pointer;min-height:36px}.fashion-motion-control span{font-size:13px}.fashion-marquee{overflow:hidden;border-block:1px solid var(--sb-concrete);background:var(--sb-cocoa);color:var(--sb-paper);padding:22px 0}.fashion-marquee-track{display:flex;width:-moz-max-content;width:max-content}.fashion-marquee-copy{display:flex;align-items:center;gap:40px;padding-right:40px;white-space:nowrap;font:400 clamp(24px,3.2vw,48px)/1 "Cormorant Garamond",serif;letter-spacing:.03em}.fashion-marquee-copy i{font-style:normal;color:var(--sb-greige);font-size:.7em}.fashion-motion-on .fashion-marquee-track{animation:fashion-ticker 36s linear infinite}.fashion-marquee:hover .fashion-marquee-track{animation-play-state:paused}.fashion-motion-on .hero-photo img,.fashion-motion-on .learning-hero-visual img{transform:translateY(var(--portrait-drift,0px)) scale(1.08);transition:transform .18s linear}.fashion-motion-on .hero-copy>.kicker{animation:fashion-enter .9s .08s both}.fashion-motion-on .hero-copy h1{animation:fashion-title 1.3s .16s both}.fashion-motion-on .hero-lead{animation:fashion-enter 1s .4s both}.fashion-motion-on .hero-scroll{animation:fashion-enter 1s .56s both}.fashion-motion-on .hero-photo,.fashion-motion-on .learning-hero-visual{animation:fashion-image 1.35s cubic-bezier(.16,1,.3,1) both}.hero-photo,.learning-hero-visual{border-radius:2px!important}.hero .hero-studio-tag{display:flex;position:absolute;right:7.5vw;top:95px;z-index:4;align-items:center;gap:14px;background:rgb(var(--sb-paper-rgb) / .9294);color:var(--sb-cocoa);padding:13px 17px;border:1px solid rgb(var(--sb-paper-rgb) / .502)}.hero-studio-tag .fashion-mark{width:26px;height:31px}.hero-studio-tag>span{font:500 10px Inter,sans-serif;letter-spacing:.2em}.fashion-motion-on .fashion-mark path{stroke-dasharray:90;stroke-dashoffset:90;animation:fashion-signature 1.7s .35s ease forwards}.fashion-motion-on .fashion-mark path:nth-child(2){animation-delay:.58s}.hero-scroll svg,.role-link svg,.service-card>a svg,.social-arrow,.credit-actions a{transition:transform .35s cubic-bezier(.2,.8,.2,1)}.hero-scroll:hover svg{transform:translateY(5px)}.role-card:hover .role-link svg,.service-card>a:hover svg,.social-card:hover .social-arrow{transform:translate(7px)}.credit-projects article>a{display:block;overflow:hidden}.credit-projects img{transition:transform .9s cubic-bezier(.16,1,.3,1),filter .7s}.credit-projects article:hover img{transform:scale(1.035);filter:saturate(.78)}.role-card{overflow:hidden}.role-card:after{content:"";position:absolute;left:0;bottom:0;right:0;height:3px;transform:scaleX(0);transform-origin:left;transition:transform .55s;background:var(--sb-cocoa)}.role-card:hover:after{transform:scaleX(1)}.unified-bar>a{display:flex;align-items:center;gap:10px}.unified-bar .fashion-mark{width:23px;height:27px}.fashion-motion-off .fashion-marquee-track{animation:none}.fashion-motion-off .hero-photo img,.fashion-motion-off .learning-hero-visual img{transform:none}@keyframes fashion-ticker{to{transform:translate(-50%)}}@keyframes fashion-enter{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes fashion-title{0%{opacity:0;clip-path:inset(0 0 100%);transform:translateY(20px)}to{opacity:1;clip-path:inset(0);transform:translateY(0)}}@keyframes fashion-image{0%{opacity:0;clip-path:inset(9% 0 0 9%)}to{opacity:1;clip-path:inset(0)}}@keyframes fashion-signature{to{stroke-dashoffset:0}}@media(max-width:767px){.wordmark{gap:8px}.wordmark .fashion-mark{width:21px;height:27px}.hero .hero-studio-tag{top:auto;bottom:85px;right:38px;padding:10px 12px}.fashion-marquee{padding:19px 0}.fashion-marquee-copy{gap:24px;padding-right:24px}.fashion-motion-control{right:10px;bottom:10px}.fashion-motion-on .fashion-reveal{translate:0 22px}.fashion-motion-on .fashion-reveal.is-in-view{translate:0 0}}@media(prefers-reduced-motion:reduce){.fashion-reveal{opacity:1!important;translate:none!important}.fashion-marquee-track,.fashion-mark path{animation:none!important}.fashion-mark path{stroke-dashoffset:0!important}.fashion-reading-progress{display:none}.hero-photo img,.learning-hero-visual img{transform:none!important}}