@font-face {
  font-family: 'Marketingkub Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(fonts/noto-sans-thai-thai-400-normal.woff2) format('woff2'), url(fonts/noto-sans-thai-thai-400-normal.woff) format('woff');
}
@font-face {
  font-family: 'Marketingkub Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(fonts/noto-sans-thai-latin-400-normal.woff2) format('woff2'), url(fonts/noto-sans-thai-latin-400-normal.woff) format('woff');
}
@font-face {
  font-family: 'Marketingkub Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(fonts/noto-sans-thai-thai-600-normal.woff2) format('woff2'), url(fonts/noto-sans-thai-thai-600-normal.woff) format('woff');
}
@font-face {
  font-family: 'Marketingkub Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(fonts/noto-sans-thai-latin-600-normal.woff2) format('woff2'), url(fonts/noto-sans-thai-latin-600-normal.woff) format('woff');
}
@font-face {
  font-family: 'Marketingkub Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(fonts/noto-sans-thai-thai-700-normal.woff2) format('woff2'), url(fonts/noto-sans-thai-thai-700-normal.woff) format('woff');
}
@font-face {
  font-family: 'Marketingkub Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(fonts/noto-sans-thai-latin-700-normal.woff2) format('woff2'), url(fonts/noto-sans-thai-latin-700-normal.woff) format('woff');
}
@font-face{font-family:"MK Display";font-style:normal;font-weight:700;src:url("fonts/barlow-condensed-latin-700-normal.woff2") format("woff2");font-display:swap}
@font-face{font-family:"MK Display";font-style:normal;font-weight:800;src:url("fonts/barlow-condensed-latin-800-normal.woff2") format("woff2");font-display:swap}

.mkux-shell{font-family:"Marketingkub Sans",Tahoma,sans-serif;font-size:16px;line-height:1.8;color:#07132d;background:#fff}
.mkux-shell h1,.mkux-shell h2,.mkux-shell h3{font-family:inherit;line-height:1.3;letter-spacing:-.025em}.mkux-shell .row{max-width:1280px}.mkux-shell .ux-text{overflow-wrap:anywhere}
.mkux-shell .mkux-label{font-size:.8em;font-weight:700;letter-spacing:.08em}.mkux-shell .mkux-display h1,.mkux-shell .mkux-display h2{font-family:"MK Display",sans-serif;font-weight:800;line-height:.9;font-size:5.2em;letter-spacing:-.035em;margin-bottom:.28em}.mkux-shell .mkux-hero-type h1{font-size:7.1em;line-height:.85}.mkux-shell .mkux-team-type h2{font-size:4.2em}.mkux-shell .mkux-cta-type h2{font-size:6em}
.mkux-shell .button{font-family:inherit;text-transform:none;letter-spacing:0;font-weight:600;line-height:1.5;min-height:44px;padding:.7em 1.3em;white-space:normal;border-radius:28px}.mkux-shell .button.primary:not(.is-link):not(.is-outline){background:#0062ff!important;border-color:#0062ff!important;color:#fff!important}.mkux-shell .button.primary.is-link,.mkux-shell .button.primary.is-outline{color:#0062ff!important}.mkux-shell .button:hover{transform:translateY(-2px)}
.mkux-shell a:focus-visible,.mkux-shell button:focus-visible{outline:3px solid #43b6ff;outline-offset:4px}.mkux-shell .mkux-skip{position:absolute;top:-100px;left:12px;z-index:100;background:#fff;padding:12px}.mkux-shell .mkux-skip:focus{top:12px}
.mkux-shell .mkux-hero-v6{overflow:hidden}.mkux-shell .mkux-arrow-art{max-width:100%;margin:0;animation:mkux-float 7s ease-in-out infinite}.mkux-shell .mkux-arrow-art .img-inner{transform:translate3d(var(--art-x,0px),var(--art-y,0px),0);transition:transform .4s}
.mkux-shell .mkux-disciplines p{display:flex;justify-content:space-around;align-items:center;gap:12px;border-top:1px solid #dce6f7;border-bottom:1px solid #dce6f7;padding:20px 0;font-weight:700;letter-spacing:.08em;margin-bottom:0}.mkux-shell .mkux-disciplines span{color:#0062ff}
.mkux-shell .mkux-service-v6>.col-inner{height:100%;padding:24px 20px 20px 0;border-top:1px solid #bfd2ef;transition:border-color .3s,transform .3s}.mkux-shell .mkux-service-v6:hover>.col-inner{border-color:#0062ff;transform:translateY(-4px)}.mkux-shell .mkux-service-v6 .mkux-service-icon{max-width:48px;min-width:36px;margin:10px 0 18px}.mkux-shell .mkux-service-v6 h3{font-family:"MK Display",sans-serif;font-size:2em;margin-bottom:.25em}.mkux-shell .mkux-service-link{background:transparent!important;color:#0062ff!important;border:0!important;padding-left:0!important;box-shadow:none!important}
.mkux-shell .mkux-editorial-photo .img-inner,.mkux-shell .mkux-showcase-image .img-inner,.mkux-shell .mkux-campaign-image .img-inner{overflow:hidden;border-radius:12px}.mkux-shell .mkux-showcase-image img,.mkux-shell .mkux-campaign-image img{transition:transform .7s}.mkux-shell .mkux-showcase-image:hover img,.mkux-shell .mkux-campaign-image:hover img{transform:scale(1.035)}.mkux-shell .mkux-showcase-link{display:block;background:transparent!important;color:#fff!important;border:0!important;border-bottom:1px solid #80b2ff!important;border-radius:0!important;text-align:left;padding-left:0!important}
.mkux-shell .mkux-work-v6,.mkux-shell .mkux-work-v5{color:#fff}.mkux-shell .mkux-process-item>.col-inner{border-top:1px solid #bfd2ef;padding-top:20px}.mkux-shell .mkux-process-item h3{font-family:"MK Display",sans-serif;font-size:1.5em}.mkux-shell .mkux-listitem{border-bottom:1px solid #dce6f7}.mkux-shell .accordion-title{font-size:1em;text-transform:none;font-weight:600;line-height:1.65}
.mkux-shell #header{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.97);border-bottom:1px solid #e2eaf5;backdrop-filter:blur(12px)}body.admin-bar.mkux-shell #header{top:32px}.mkux-shell .mkux-header .col{padding-bottom:0}.mkux-shell .mkux-header .button{margin:0 4px;min-height:42px}.mkux-shell .mkux-header .img{display:inline-block;max-width:62px;vertical-align:middle;margin:0}.mkux-shell .mkux-wordmark{display:inline-block;vertical-align:middle;font-weight:700}.mkux-shell .mkux-wordmark p{margin:0}.mkux-shell .mkux-nav-contact{background:#0062ff!important;color:#fff!important;border-color:#0062ff}.mkux-shell #header a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}
.mkux-shell .mkux-service-menu{display:none;position:absolute;top:100%;left:0;right:0;max-height:75vh;overflow:auto;background:#fff;border-top:1px solid #e2eaf5;box-shadow:0 22px 36px #071a381a}.mkux-shell .mkux-service-menu.is-open{display:block}.mkux-shell .mkux-service-menu .mkux-service-icon{max-width:36px;margin-bottom:12px}.mkux-shell .mkux-service-menu .col{border-bottom:1px solid #e2eaf5}
.mkux-shell .mkux-footer-logo .img-inner{background:#fff;border-radius:14px;padding:12px}.mkux-shell .mkux-footer-logo{max-width:220px}.mkux-shell .mkux-footer-link{display:table;margin:0 0 3px;background:transparent!important;border:0!important;border-radius:0;color:#bed0ed!important;padding:5px 0!important;text-align:left}.mkux-shell .mkux-footer-link:hover{color:#fff!important;transform:translateX(3px)}.mkux-shell .mkux-footer-v6>.section-content>.row:last-child{border-top:1px solid #284468;padding-top:20px;margin-top:16px}
.mkux-shell .mkux-project-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.mkux-shell .mkux-filter{display:inline-flex;align-items:center;min-height:44px;border:1px solid #bdd0e9;border-radius:30px;padding:9px 17px;background:#fff;color:#16375f;font-size:14px}.mkux-shell .mkux-filter[aria-current=true]{background:#0062ff;color:#fff;border-color:#0062ff}.mkux-shell .mkux-projects{display:grid;grid-template-columns:repeat(var(--mkux-columns,2),minmax(0,1fr));gap:32px 26px}.mkux-shell .mkux-project-card a{display:block;color:inherit}.mkux-shell .mkux-project-media{aspect-ratio:1.5;overflow:hidden;border-radius:12px;background:#e6edf8;margin-bottom:16px}.mkux-shell .mkux-project-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.mkux-shell .mkux-project-card:hover img{transform:scale(1.045)}.mkux-shell .mkux-project-meta{font-size:14px;color:#0062ff}.mkux-shell .mkux-project-card h3{font-size:1.25rem;margin:8px 0}.mkux-shell .mkux-project-card p{font-size:.9em;color:#52647a}.mkux-shell .mkux-empty-work{padding:28px 0;border-top:1px solid #b7c8df;border-bottom:1px solid #b7c8df}.mkux-shell .mkux-project-pagination{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.mkux-shell .mkux-project-pagination a,.mkux-shell .mkux-project-pagination span{padding:8px 14px;border:1px solid #bdd0e9}.mkux-shell .mkux-project-browser[aria-busy=true]{opacity:.6;pointer-events:none}
.mkux-shell .mkux-work-v5 .mkux-filter{color:#fff;background:transparent;border-color:#8dbaff}.mkux-shell .mkux-work-v5 .mkux-filter[aria-current=true]{background:#fff;color:#0062ff}.mkux-shell .mkux-work-v5 h1,.mkux-shell .mkux-work-v5 h3,.mkux-shell .mkux-work-v5 .mkux-project-meta,.mkux-shell .mkux-work-v5 .mkux-project-card p,.mkux-shell .mkux-real-work-v6 .mkux-project-meta,.mkux-shell .mkux-real-work-v6 .mkux-project-card h3,.mkux-shell .mkux-real-work-v6 .mkux-project-card p{color:#fff}.mkux-shell .mkux-work-heading-v5 .mkux-display span{color:#b7d8ff}
.mkux-scroll-track{height:2px;position:absolute;bottom:0;left:0;width:100%;pointer-events:none}.mkux-scroll-track span{display:block;height:100%;background:#0062ff;transform:scaleX(var(--mkux-progress,0));transform-origin:left}.mkux-shell .mkux-back-top.is-floating{position:fixed;bottom:20px;right:20px;z-index:60;background:#fff!important;color:#0062ff!important;border-color:#c3d4ef!important;box-shadow:0 6px 22px #071a381a}
.mkux-motion .mkux-reveal{opacity:0;transform:translateY(16px);transition:opacity .45s,transform .45s}.mkux-motion .mkux-reveal.is-visible{opacity:1;transform:none}
.mkux-shell.mkux-editing #header{position:static;backdrop-filter:none}.mkux-shell.mkux-editing .mkux-reveal{opacity:1;transform:none}.mkux-shell.mkux-editing .mkux-arrow-art{animation:none}.mkux-shell.mkux-editing .mkux-arrow-art .img-inner{transform:none}.mkux-shell.mkux-editing .mkux-service-menu{display:none;position:static;max-height:none;box-shadow:none}.mkux-shell.mkux-editing-header .mkux-service-menu{display:block}.mkux-shell.mkux-editing .mkux-back-top{position:static;box-shadow:none}.mkux-shell.mkux-editing .mkux-scroll-track{display:none}
@keyframes mkux-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media(max-width:849px){.mkux-shell .mkux-wordmark{display:none}.mkux-shell .mkux-hero-type h1{font-size:5.1em}.mkux-shell .mkux-display h2{font-size:4em}}
@media(max-width:549px){.mkux-shell .mkux-display h1,.mkux-shell .mkux-display h2{font-size:3.6em}.mkux-shell .mkux-hero-type h1{font-size:4.6em}.mkux-shell .mkux-arrow-art{animation:none}.mkux-shell .mkux-disciplines p{font-size:10px;letter-spacing:.02em;gap:6px}.mkux-shell .mkux-header .button{font-size:11px;padding:7px 8px;margin:0 1px;min-height:40px}.mkux-shell .mkux-nav-about{display:none}.mkux-shell .mkux-header .img{max-width:52px}.mkux-shell .mkux-projects{grid-template-columns:1fr}.mkux-shell .mkux-campaign-image .img-inner{padding-top:45%!important}.mkux-shell .mkux-cta-v6 .col-inner{text-align:left!important}.mkux-shell .mkux-team-type h2{font-size:3.1em}.mkux-shell .mkux-service-v6>.col-inner{padding:16px 0}.mkux-shell .mkux-footer-v6 .col-inner{text-align:left!important}}
@media(max-width:782px){body.admin-bar.mkux-shell #header{top:46px}}
@media(prefers-reduced-motion:reduce){.mkux-shell *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.mkux-motion .mkux-reveal{opacity:1;transform:none}}

.mkux-shell .mkux-real-work-v6 .col,.mkux-shell .mkux-related-v6 .col{padding-bottom:0}.mkux-shell .mkux-real-work-v6 .mkux-project-browser,.mkux-shell .mkux-related-v6 .mkux-project-browser{padding:40px 0}