{"id":19993,"date":"2025-11-11T11:16:40","date_gmt":"2025-11-11T04:16:40","guid":{"rendered":"https:\/\/vaultmark.com\/portfolio\/"},"modified":"2026-07-27T01:16:21","modified_gmt":"2026-07-26T18:16:21","slug":"portfolio","status":"publish","type":"page","link":"https:\/\/vaultmark.com\/th\/portfolio\/","title":{"rendered":"\u0e1e\u0e2d\u0e23\u0e4c\u0e15\u0e42\u0e1f\u0e25\u0e34\u0e42\u0e2d"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"19993\" class=\"elementor elementor-19993 elementor-19977\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ddbc05c e-con-full e-flex e-con e-parent\" data-id=\"ddbc05c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c72a9c6 elementor-widget elementor-widget-html\" data-id=\"c72a9c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\nVAULT MARK PORTFOLIO \u2014 ELEMENTOR PRO HTML WIDGET\nPaste this entire file into one Elementor Pro HTML widget.\nNo header or footer is included. The snippet automatically switches to Thai when the page <html lang> begins with \"th\".\nRequired site font: IBM Plex Sans Thai.\n-->\n<style>\n  .vm-portfolio,\n  .vm-portfolio * {\n    box-sizing: border-box;\n  }\n\n  .vm-portfolio {\n    --vm-black: #000000;\n    --vm-white: #FFFFFF;\n    --vm-green: #026A45;\n    --vm-lime: #73C800;\n    --vm-denim: #444D5F;\n    width: 100%;\n    overflow: clip;\n    background: var(--vm-white);\n    color: var(--vm-black);\n    font-family: \"IBM Plex Sans Thai\", sans-serif;\n    font-size: 16px;\n    line-height: 1.65;\n  }\n\n  .vm-portfolio a {\n    color: inherit;\n    text-decoration: none;\n  }\n\n  .vm-portfolio img {\n    display: block;\n    width: 100%;\n  }\n\n  .vm-portfolio button,\n  .vm-portfolio a {\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  .vm-portfolio .vm-lang-th {\n    display: none;\n  }\n\n  html[lang^=\"th\"] .vm-portfolio .vm-lang-en {\n    display: none !important;\n  }\n\n  html[lang^=\"th\"] .vm-portfolio .vm-lang-th {\n    display: initial;\n  }\n\n  html[lang^=\"th\"] .vm-portfolio .vm-lang-th.vm-block {\n    display: block;\n  }\n\n  .vm-portfolio .vm-section {\n    width: 100%;\n    scroll-margin-top: 96px;\n  }\n\n  .vm-portfolio .vm-inner-wide {\n    width: min(100%, 1320px);\n    margin-inline: auto;\n    padding-inline: 48px;\n  }\n\n  .vm-portfolio .vm-inner-standard {\n    width: min(100%, 1120px);\n    margin-inline: auto;\n    padding-inline: 48px;\n  }\n\n  .vm-portfolio .vm-label {\n    margin: 0;\n    color: var(--vm-green);\n    font-size: 13px;\n    font-weight: 600;\n    letter-spacing: .08em;\n    line-height: 1.35;\n    text-transform: uppercase;\n  }\n\n  .vm-portfolio .vm-label--lime {\n    color: var(--vm-lime);\n  }\n\n  .vm-portfolio .vm-reading {\n    max-width: 720px;\n  }\n\n  .vm-portfolio .vm-btn-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n  }\n\n  .vm-portfolio .vm-btn {\n    display: inline-flex;\n    min-height: 54px;\n    align-items: center;\n    justify-content: center;\n    padding: 15px 24px;\n    border: 1px solid var(--vm-lime);\n    border-radius: 2px;\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 1.2;\n    transition: background-color .2s ease, color .2s ease, border-color .2s ease;\n  }\n\n  .vm-portfolio .vm-btn--primary {\n    background: var(--vm-lime);\n    color: var(--vm-black);\n  }\n\n  .vm-portfolio .vm-btn--primary:hover,\n  .vm-portfolio .vm-btn--primary:focus-visible {\n    background: var(--vm-white);\n    border-color: var(--vm-white);\n  }\n\n  .vm-portfolio .vm-btn--secondary {\n    background: transparent;\n    color: var(--vm-white);\n    border-color: var(--vm-white);\n  }\n\n  .vm-portfolio .vm-btn--secondary:hover,\n  .vm-portfolio .vm-btn--secondary:focus-visible {\n    background: var(--vm-white);\n    color: var(--vm-black);\n  }\n\n  .vm-portfolio .vm-text-link {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding-bottom: 3px;\n    border-bottom: 1px solid currentColor;\n    color: var(--vm-green);\n    font-size: 15px;\n    font-weight: 600;\n    line-height: 1.3;\n  }\n\n  .vm-portfolio .vm-text-link:hover,\n  .vm-portfolio .vm-text-link:focus-visible {\n    color: var(--vm-black);\n  }\n\n  \/* HERO *\/\n  .vm-portfolio .vm-hero {\n    min-height: 760px;\n    background: var(--vm-black);\n    color: var(--vm-white);\n  }\n\n  .vm-portfolio .vm-hero__inner {\n    display: grid;\n    grid-template-columns: minmax(0, 68fr) minmax(280px, 32fr);\n    gap: 64px;\n    min-height: 760px;\n    padding-top: 136px;\n    padding-bottom: 104px;\n  }\n\n  .vm-portfolio .vm-hero__main {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    min-width: 0;\n  }\n\n  .vm-portfolio .vm-hero__title {\n    margin: 32px 0 0;\n    max-width: 880px;\n    color: var(--vm-white);\n    font-size: clamp(28px, 3.1vw, 48px);\n    font-weight: 500;\n    letter-spacing: -.035em;\n    line-height: 1.06;\n  }\n\n  .vm-portfolio .vm-hero__title strong {\n    display: block;\n    margin-top: 22px;\n    color: var(--vm-lime);\n    font-size: clamp(88px, 11vw, 154px);\n    font-weight: 700;\n    letter-spacing: -.07em;\n    line-height: .82;\n  }\n\n  .vm-portfolio .vm-hero__lead {\n    margin: 44px 0 0;\n    max-width: 720px;\n    color: var(--vm-white);\n    font-size: clamp(20px, 2vw, 27px);\n    font-weight: 400;\n    line-height: 1.48;\n    opacity: .78;\n  }\n\n  .vm-portfolio .vm-hero .vm-btn-row {\n    margin-top: 38px;\n  }\n\n  .vm-portfolio .vm-hero__qualifier {\n    margin: 26px 0 0;\n    max-width: 680px;\n    color: var(--vm-white);\n    font-size: 14px;\n    line-height: 1.65;\n    opacity: .52;\n  }\n\n  .vm-portfolio .vm-hero__rail {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    min-width: 0;\n    padding: 32px 0 32px 40px;\n    border-left: 1px solid var(--vm-denim);\n  }\n\n  .vm-portfolio .vm-hero__rail-head {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 24px;\n    padding-bottom: 20px;\n    border-bottom: 1px solid var(--vm-denim);\n  }\n\n  .vm-portfolio .vm-hero__rail-head span:last-child {\n    color: var(--vm-lime);\n    font-size: 12px;\n    font-weight: 600;\n    letter-spacing: .08em;\n  }\n\n  .vm-portfolio .vm-signal-list {\n    margin: 28px 0 44px;\n    padding: 0;\n    list-style: none;\n  }\n\n  .vm-portfolio .vm-signal-list li {\n    display: grid;\n    grid-template-columns: 38px minmax(0, 1fr);\n    gap: 12px;\n    align-items: baseline;\n    padding: 18px 0;\n    border-bottom: 1px solid var(--vm-denim);\n  }\n\n  .vm-portfolio .vm-signal-list small {\n    color: var(--vm-lime);\n    font-size: 12px;\n    font-weight: 600;\n  }\n\n  .vm-portfolio .vm-signal-list strong {\n    color: var(--vm-white);\n    font-size: 18px;\n    font-weight: 500;\n    line-height: 1.35;\n  }\n\n  .vm-portfolio .vm-hero__rail-note {\n    margin: 0;\n    color: var(--vm-white);\n    font-size: 14px;\n    line-height: 1.65;\n    opacity: .62;\n  }\n\n  \/* PROOF PRINCIPLES *\/\n  .vm-portfolio .vm-principles {\n    padding: 128px 0 132px;\n    background: var(--vm-white);\n  }\n\n  .vm-portfolio .vm-principles__intro {\n    display: grid;\n    grid-template-columns: minmax(0, 42fr) minmax(0, 58fr);\n    gap: 80px;\n    align-items: start;\n  }\n\n  .vm-portfolio .vm-section-title {\n    margin: 22px 0 0;\n    color: var(--vm-black);\n    font-size: clamp(48px, 5.2vw, 68px);\n    font-weight: 600;\n    letter-spacing: -.045em;\n    line-height: 1.02;\n  }\n\n  .vm-portfolio .vm-intro-copy {\n    margin: 4px 0 0;\n    max-width: 660px;\n    color: var(--vm-black);\n    font-size: 21px;\n    font-weight: 500;\n    line-height: 1.62;\n  }\n\n  .vm-portfolio .vm-intro-copy + p {\n    margin: 24px 0 0;\n    max-width: 680px;\n    color: var(--vm-denim);\n    font-size: 17px;\n    line-height: 1.75;\n  }\n\n  .vm-portfolio .vm-principles__rows {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    margin-top: 78px;\n    border-top: 1px solid var(--vm-denim);\n    border-bottom: 1px solid var(--vm-denim);\n  }\n\n  .vm-portfolio .vm-principle {\n    min-height: 248px;\n    padding: 32px;\n    border-right: 1px solid var(--vm-denim);\n  }\n\n  .vm-portfolio .vm-principle:last-child {\n    border-right: 0;\n  }\n\n  .vm-portfolio .vm-principle:nth-child(2) {\n    background: var(--vm-black);\n    color: var(--vm-white);\n  }\n\n  .vm-portfolio .vm-principle__number {\n    color: var(--vm-green);\n    font-size: 13px;\n    font-weight: 600;\n  }\n\n  .vm-portfolio .vm-principle:nth-child(2) .vm-principle__number {\n    color: var(--vm-lime);\n  }\n\n  .vm-portfolio .vm-principle h3 {\n    margin: 54px 0 0;\n    color: inherit;\n    font-size: 30px;\n    font-weight: 600;\n    letter-spacing: -.025em;\n    line-height: 1.12;\n  }\n\n  .vm-portfolio .vm-principle p {\n    margin: 18px 0 0;\n    color: var(--vm-denim);\n    font-size: 16px;\n    line-height: 1.65;\n  }\n\n  .vm-portfolio .vm-principle:nth-child(2) p {\n    color: var(--vm-white);\n    opacity: .7;\n  }\n\n  \/* FEATURED PROJECT *\/\n  .vm-portfolio .vm-featured {\n    padding: 132px 0;\n    background: var(--vm-black);\n    color: var(--vm-white);\n  }\n\n  .vm-portfolio .vm-featured__header {\n    display: grid;\n    grid-template-columns: minmax(0, 60fr) minmax(260px, 40fr);\n    gap: 80px;\n    align-items: end;\n    margin-bottom: 64px;\n  }\n\n  .vm-portfolio .vm-featured__header h2 {\n    margin: 20px 0 0;\n    max-width: 780px;\n    color: var(--vm-white);\n    font-size: clamp(48px, 5.4vw, 72px);\n    font-weight: 600;\n    letter-spacing: -.05em;\n    line-height: 1.02;\n  }\n\n  .vm-portfolio .vm-featured__header p {\n    margin: 0;\n    max-width: 520px;\n    color: var(--vm-white);\n    font-size: 18px;\n    line-height: 1.72;\n    opacity: .72;\n  }\n\n  .vm-portfolio .vm-featured__grid {\n    display: grid;\n    grid-template-columns: minmax(0, 62fr) minmax(310px, 38fr);\n    gap: 32px;\n    align-items: stretch;\n  }\n\n  .vm-portfolio .vm-featured__visuals {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 12px;\n    min-width: 0;\n  }\n\n  .vm-portfolio .vm-evidence-frame {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 0;\n    overflow: hidden;\n    background: var(--vm-white);\n    border: 1px solid var(--vm-denim);\n  }\n\n  .vm-portfolio .vm-evidence-frame img {\n    width: 100%;\n    height: 100%;\n    aspect-ratio: 1 \/ 1;\n    object-fit: contain;\n    object-position: center;\n    background: var(--vm-white);\n  }\n\n  .vm-portfolio .vm-featured__summary {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n    padding: 40px;\n    border: 1px solid var(--vm-denim);\n  }\n\n  .vm-portfolio .vm-project-index {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 24px;\n    padding-bottom: 22px;\n    border-bottom: 1px solid var(--vm-denim);\n    color: var(--vm-lime);\n    font-size: 13px;\n    font-weight: 600;\n    letter-spacing: .06em;\n    text-transform: uppercase;\n  }\n\n  .vm-portfolio .vm-featured__summary h3 {\n    margin: 42px 0 0;\n    color: var(--vm-white);\n    font-size: clamp(38px, 4vw, 54px);\n    font-weight: 600;\n    letter-spacing: -.045em;\n    line-height: 1.03;\n  }\n\n  .vm-portfolio .vm-featured__summary > p {\n    margin: 28px 0 0;\n    color: var(--vm-white);\n    font-size: 17px;\n    line-height: 1.72;\n    opacity: .72;\n  }\n\n  .vm-portfolio .vm-project-facts {\n    margin: auto 0 0;\n    padding: 44px 0 0;\n    list-style: none;\n  }\n\n  .vm-portfolio .vm-project-facts li {\n    display: grid;\n    grid-template-columns: 112px minmax(0, 1fr);\n    gap: 18px;\n    padding: 16px 0;\n    border-top: 1px solid var(--vm-denim);\n  }\n\n  .vm-portfolio .vm-project-facts span {\n    color: var(--vm-lime);\n    font-size: 12px;\n    font-weight: 600;\n    letter-spacing: .05em;\n    text-transform: uppercase;\n  }\n\n  .vm-portfolio .vm-project-facts strong {\n    color: var(--vm-white);\n    font-size: 15px;\n    font-weight: 500;\n    line-height: 1.55;\n  }\n\n  .vm-portfolio .vm-featured__summary .vm-text-link {\n    align-self: flex-start;\n    margin-top: 34px;\n    color: var(--vm-lime);\n  }\n\n  .vm-portfolio .vm-featured__summary .vm-text-link:hover,\n  .vm-portfolio .vm-featured__summary .vm-text-link:focus-visible {\n    color: var(--vm-white);\n  }\n\n  \/* PORTFOLIO INDEX *\/\n  .vm-portfolio .vm-work {\n    padding: 132px 0 144px;\n    background: var(--vm-white);\n  }\n\n  .vm-portfolio .vm-work__header {\n    display: grid;\n    grid-template-columns: minmax(0, 58fr) minmax(280px, 42fr);\n    gap: 72px;\n    align-items: end;\n  }\n\n  .vm-portfolio .vm-work__header p {\n    margin: 0;\n    max-width: 540px;\n    color: var(--vm-denim);\n    font-size: 18px;\n    line-height: 1.72;\n  }\n\n  .vm-portfolio .vm-filter {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin-top: 54px;\n    padding: 18px 0;\n    border-top: 1px solid var(--vm-denim);\n    border-bottom: 1px solid var(--vm-denim);\n  }\n\n  .vm-portfolio .vm-filter button {\n    appearance: none;\n    min-height: 42px;\n    margin: 0;\n    padding: 9px 14px;\n    border: 1px solid var(--vm-denim);\n    border-radius: 0;\n    background: var(--vm-white);\n    color: var(--vm-denim);\n    font: inherit;\n    font-size: 13px;\n    font-weight: 600;\n    line-height: 1.2;\n    cursor: pointer;\n  }\n\n  .vm-portfolio .vm-filter button:hover,\n  .vm-portfolio .vm-filter button:focus-visible,\n  .vm-portfolio .vm-filter button[aria-pressed=\"true\"] {\n    border-color: var(--vm-black);\n    background: var(--vm-black);\n    color: var(--vm-white);\n  }\n\n  .vm-portfolio .vm-work-list {\n    margin-top: 58px;\n    border-top: 1px solid var(--vm-denim);\n  }\n\n  .vm-portfolio .vm-work-item {\n    display: grid;\n    grid-template-columns: 70px minmax(210px, 25fr) minmax(0, 36fr) minmax(260px, 39fr);\n    gap: 30px;\n    align-items: center;\n    min-height: 330px;\n    padding: 36px 0;\n    border-bottom: 1px solid var(--vm-denim);\n  }\n\n  .vm-portfolio .vm-work-item[hidden] {\n    display: none;\n  }\n\n  .vm-portfolio .vm-work-item__number {\n    align-self: start;\n    padding-top: 4px;\n    color: var(--vm-green);\n    font-size: 13px;\n    font-weight: 600;\n  }\n\n  .vm-portfolio .vm-work-item__title {\n    align-self: start;\n  }\n\n  .vm-portfolio .vm-work-item__title .vm-label {\n    color: var(--vm-denim);\n    font-size: 11px;\n  }\n\n  .vm-portfolio .vm-work-item__title h3 {\n    margin: 28px 0 0;\n    color: var(--vm-black);\n    font-size: clamp(30px, 3vw, 42px);\n    font-weight: 600;\n    letter-spacing: -.04em;\n    line-height: 1.05;\n  }\n\n  .vm-portfolio .vm-work-item__copy {\n    align-self: start;\n  }\n\n  .vm-portfolio .vm-work-item__copy p {\n    margin: 0;\n    color: var(--vm-denim);\n    font-size: 16px;\n    line-height: 1.72;\n  }\n\n  .vm-portfolio .vm-work-item__copy .vm-text-link {\n    margin-top: 26px;\n  }\n\n  .vm-portfolio .vm-work-item__visual {\n    min-width: 0;\n    background: var(--vm-white);\n    border: 1px solid var(--vm-denim);\n  }\n\n  .vm-portfolio .vm-work-item__visual img {\n    width: 100%;\n    aspect-ratio: 1 \/ 1;\n    object-fit: contain;\n    object-position: center;\n    background: var(--vm-white);\n  }\n\n  .vm-portfolio .vm-work-item--text-only {\n    grid-template-columns: 70px minmax(210px, 30fr) minmax(0, 70fr);\n    min-height: 230px;\n  }\n\n  .vm-portfolio .vm-work-item--text-only .vm-work-item__copy {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) auto;\n    gap: 40px;\n    align-items: start;\n  }\n\n  .vm-portfolio .vm-work-item--text-only .vm-work-item__copy p {\n    max-width: 680px;\n  }\n\n  \/* CTA *\/\n  .vm-portfolio .vm-final {\n    padding: 132px 0;\n    background: var(--vm-green);\n    color: var(--vm-white);\n  }\n\n  .vm-portfolio .vm-final__inner {\n    display: grid;\n    grid-template-columns: minmax(0, 60fr) minmax(300px, 40fr);\n    gap: 72px;\n    align-items: center;\n  }\n\n  .vm-portfolio .vm-final h2 {\n    margin: 24px 0 0;\n    max-width: 780px;\n    color: var(--vm-white);\n    font-size: clamp(48px, 5.4vw, 72px);\n    font-weight: 600;\n    letter-spacing: -.05em;\n    line-height: 1.02;\n  }\n\n  .vm-portfolio .vm-final__copy > p {\n    margin: 28px 0 0;\n    max-width: 680px;\n    color: var(--vm-white);\n    font-size: 20px;\n    line-height: 1.65;\n    opacity: .82;\n  }\n\n  .vm-portfolio .vm-final .vm-btn-row {\n    margin-top: 36px;\n  }\n\n  .vm-portfolio .vm-final__rail {\n    border-top: 1px solid var(--vm-white);\n    border-bottom: 1px solid var(--vm-white);\n  }\n\n  .vm-portfolio .vm-final__rail-row {\n    display: grid;\n    grid-template-columns: 44px minmax(0, 1fr);\n    gap: 16px;\n    padding: 20px 0;\n    border-bottom: 1px solid var(--vm-white);\n  }\n\n  .vm-portfolio .vm-final__rail-row:last-child {\n    border-bottom: 0;\n  }\n\n  .vm-portfolio .vm-final__rail-row span {\n    color: var(--vm-lime);\n    font-size: 12px;\n    font-weight: 600;\n  }\n\n  .vm-portfolio .vm-final__rail-row strong {\n    color: var(--vm-white);\n    font-size: 17px;\n    font-weight: 500;\n    line-height: 1.45;\n  }\n\n  @media (max-width: 1024px) {\n    .vm-portfolio .vm-inner-wide,\n    .vm-portfolio .vm-inner-standard {\n      padding-inline: 32px;\n    }\n\n    .vm-portfolio .vm-hero__inner {\n      grid-template-columns: minmax(0, 60fr) minmax(270px, 40fr);\n      gap: 36px;\n      padding-top: 104px;\n      padding-bottom: 84px;\n    }\n\n    .vm-portfolio .vm-hero__rail {\n      padding-left: 28px;\n    }\n\n    .vm-portfolio .vm-principles__intro {\n      gap: 48px;\n      grid-template-columns: minmax(0, 46fr) minmax(0, 54fr);\n    }\n\n    .vm-portfolio .vm-principle {\n      padding: 28px 24px;\n    }\n\n    .vm-portfolio .vm-featured__header,\n    .vm-portfolio .vm-work__header {\n      gap: 44px;\n    }\n\n    .vm-portfolio .vm-featured__grid {\n      grid-template-columns: minmax(0, 58fr) minmax(300px, 42fr);\n      gap: 24px;\n    }\n\n    .vm-portfolio .vm-featured__summary {\n      padding: 32px;\n    }\n\n    .vm-portfolio .vm-work-item {\n      grid-template-columns: 48px minmax(180px, 26fr) minmax(0, 34fr) minmax(220px, 40fr);\n      gap: 22px;\n      min-height: 290px;\n    }\n\n    .vm-portfolio .vm-final__inner {\n      gap: 44px;\n      grid-template-columns: minmax(0, 56fr) minmax(280px, 44fr);\n    }\n  }\n\n  @media (max-width: 767px) {\n    .vm-portfolio .vm-inner-wide,\n    .vm-portfolio .vm-inner-standard {\n      padding-inline: 20px;\n    }\n\n    .vm-portfolio .vm-btn-row {\n      flex-direction: column;\n    }\n\n    .vm-portfolio .vm-btn {\n      width: 100%;\n    }\n\n    .vm-portfolio .vm-hero,\n    .vm-portfolio .vm-hero__inner {\n      min-height: 0;\n    }\n\n    .vm-portfolio .vm-hero__inner {\n      grid-template-columns: 1fr;\n      gap: 52px;\n      padding-top: 76px;\n      padding-bottom: 68px;\n    }\n\n    .vm-portfolio .vm-hero__title {\n      margin-top: 26px;\n      font-size: 27px;\n      line-height: 1.16;\n    }\n\n    .vm-portfolio .vm-hero__title strong {\n      margin-top: 18px;\n      font-size: clamp(64px, 21vw, 88px);\n      line-height: .88;\n    }\n\n    .vm-portfolio .vm-hero__lead {\n      margin-top: 34px;\n      font-size: 20px;\n    }\n\n    .vm-portfolio .vm-hero__rail {\n      padding: 34px 0 0;\n      border-top: 1px solid var(--vm-denim);\n      border-left: 0;\n    }\n\n    .vm-portfolio .vm-principles,\n    .vm-portfolio .vm-featured,\n    .vm-portfolio .vm-work,\n    .vm-portfolio .vm-final {\n      padding-top: 84px;\n      padding-bottom: 88px;\n    }\n\n    .vm-portfolio .vm-principles__intro,\n    .vm-portfolio .vm-featured__header,\n    .vm-portfolio .vm-work__header,\n    .vm-portfolio .vm-featured__grid,\n    .vm-portfolio .vm-final__inner {\n      grid-template-columns: 1fr;\n    }\n\n    .vm-portfolio .vm-principles__intro,\n    .vm-portfolio .vm-featured__header,\n    .vm-portfolio .vm-work__header,\n    .vm-portfolio .vm-final__inner {\n      gap: 38px;\n    }\n\n    .vm-portfolio .vm-section-title,\n    .vm-portfolio .vm-featured__header h2,\n    .vm-portfolio .vm-final h2 {\n      font-size: clamp(40px, 12vw, 54px);\n    }\n\n    .vm-portfolio .vm-principles__rows {\n      grid-template-columns: 1fr;\n      margin-top: 54px;\n    }\n\n    .vm-portfolio .vm-principle {\n      min-height: 0;\n      padding: 30px 0;\n      border-right: 0;\n      border-bottom: 1px solid var(--vm-denim);\n    }\n\n    .vm-portfolio .vm-principle:last-child {\n      border-bottom: 0;\n    }\n\n    .vm-portfolio .vm-principle:nth-child(2) {\n      padding-inline: 24px;\n    }\n\n    .vm-portfolio .vm-principle h3 {\n      margin-top: 34px;\n    }\n\n    .vm-portfolio .vm-featured__header {\n      margin-bottom: 44px;\n    }\n\n    .vm-portfolio .vm-featured__visuals {\n      gap: 8px;\n    }\n\n    .vm-portfolio .vm-featured__summary {\n      padding: 28px 22px;\n    }\n\n    .vm-portfolio .vm-project-facts li {\n      grid-template-columns: 92px minmax(0, 1fr);\n    }\n\n    .vm-portfolio .vm-filter {\n      margin-top: 38px;\n      overflow-x: auto;\n      flex-wrap: nowrap;\n      scrollbar-width: thin;\n    }\n\n    .vm-portfolio .vm-filter button {\n      flex: 0 0 auto;\n    }\n\n    .vm-portfolio .vm-work-list {\n      margin-top: 42px;\n    }\n\n    .vm-portfolio .vm-work-item,\n    .vm-portfolio .vm-work-item--text-only {\n      grid-template-columns: 44px minmax(0, 1fr);\n      gap: 20px 14px;\n      min-height: 0;\n      padding: 32px 0;\n    }\n\n    .vm-portfolio .vm-work-item__number {\n      grid-column: 1;\n      grid-row: 1;\n    }\n\n    .vm-portfolio .vm-work-item__title {\n      grid-column: 2;\n      grid-row: 1;\n    }\n\n    .vm-portfolio .vm-work-item__copy,\n    .vm-portfolio .vm-work-item__visual {\n      grid-column: 1 \/ -1;\n    }\n\n    .vm-portfolio .vm-work-item__copy {\n      grid-row: 2;\n      padding-left: 58px;\n    }\n\n    .vm-portfolio .vm-work-item__visual {\n      grid-row: 3;\n      margin-top: 10px;\n    }\n\n    .vm-portfolio .vm-work-item--text-only .vm-work-item__copy {\n      display: block;\n    }\n\n    .vm-portfolio .vm-work-item--text-only .vm-text-link {\n      margin-top: 24px;\n    }\n\n    .vm-portfolio .vm-final__rail {\n      margin-top: 8px;\n    }\n  }\n\n  @media (max-width: 420px) {\n    .vm-portfolio .vm-featured__visuals {\n      grid-template-columns: 1fr;\n    }\n\n    .vm-portfolio .vm-work-item__copy {\n      padding-left: 0;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .vm-portfolio *,\n    .vm-portfolio *::before,\n    .vm-portfolio *::after {\n      scroll-behavior: auto !important;\n      transition: none !important;\n    }\n  }\n<\/style>\n\n<div class=\"vm-portfolio\" id=\"vm-portfolio-page\">\n  <section class=\"vm-section vm-hero\" aria-labelledby=\"vm-portfolio-title\">\n    <div class=\"vm-inner-wide vm-hero__inner\">\n      <div class=\"vm-hero__main\">\n        <p class=\"vm-label vm-label--lime\">\n          <span class=\"vm-lang-en\">Portfolio \/ Selected Client Work<\/span>\n          <span class=\"vm-lang-th\">\u0e1c\u0e25\u0e07\u0e32\u0e19 \/ \u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e04\u0e31\u0e14\u0e2a\u0e23\u0e23\u0e08\u0e32\u0e01\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e08\u0e23\u0e34\u0e07<\/span>\n        <\/p>\n        <h1 class=\"vm-hero__title\" id=\"vm-portfolio-title\">\n          <span class=\"vm-lang-en\">The work is not the claim.<\/span>\n          <span class=\"vm-lang-th\">\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e44\u0e21\u0e48\u0e43\u0e0a\u0e48\u0e04\u0e33\u0e01\u0e25\u0e48\u0e32\u0e27\u0e2d\u0e49\u0e32\u0e07<\/span>\n          <strong>\n            <span class=\"vm-lang-en\">PROOF.<\/span>\n            <span class=\"vm-lang-th\">\u0e2b\u0e25\u0e31\u0e01\u0e10\u0e32\u0e19.<\/span>\n          <\/strong>\n        <\/h1>\n        <p class=\"vm-hero__lead\">\n          <span class=\"vm-lang-en\">Selected work across social, Line OA, ecommerce, websites and growth execution\u2014shown through real artifacts, business context and the job each project was built to do.<\/span>\n          <span class=\"vm-lang-th\">\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e04\u0e31\u0e14\u0e2a\u0e23\u0e23\u0e08\u0e32\u0e01\u0e07\u0e32\u0e19\u0e42\u0e0b\u0e40\u0e0a\u0e35\u0e22\u0e25 Line OA \u0e2d\u0e35\u0e04\u0e2d\u0e21\u0e40\u0e21\u0e34\u0e23\u0e4c\u0e0b \u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e25\u0e07\u0e21\u0e37\u0e2d\u0e17\u0e33\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e40\u0e15\u0e34\u0e1a\u0e42\u0e15\u2014\u0e19\u0e33\u0e40\u0e2a\u0e19\u0e2d\u0e1c\u0e48\u0e32\u0e19\u0e0a\u0e34\u0e49\u0e19\u0e07\u0e32\u0e19\u0e08\u0e23\u0e34\u0e07 \u0e1a\u0e23\u0e34\u0e1a\u0e17\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08 \u0e41\u0e25\u0e30\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e02\u0e2d\u0e07\u0e41\u0e15\u0e48\u0e25\u0e30\u0e42\u0e1b\u0e23\u0e40\u0e08\u0e01\u0e15\u0e4c<\/span>\n        <\/p>\n        <div class=\"vm-btn-row\">\n          <a class=\"vm-btn vm-btn--primary\" href=\"https:\/\/vaultmark.com\/contact\/\" data-en-href=\"https:\/\/vaultmark.com\/contact\/\" data-th-href=\"https:\/\/vaultmark.com\/th\/contact\/\">\n            <span class=\"vm-lang-en\">Discuss a defined project<\/span>\n            <span class=\"vm-lang-th\">\u0e04\u0e38\u0e22\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e42\u0e1b\u0e23\u0e40\u0e08\u0e01\u0e15\u0e4c\u0e17\u0e35\u0e48\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19<\/span>\n          <\/a>\n          <a class=\"vm-btn vm-btn--secondary\" href=\"https:\/\/vaultmark.com\/customer-growth-blueprint\/\" data-en-href=\"https:\/\/vaultmark.com\/customer-growth-blueprint\/\" data-th-href=\"https:\/\/vaultmark.com\/th\/customer-growth-blueprint\/\">\n            <span class=\"vm-lang-en\">Start with Customer Growth Blueprint<\/span>\n            <span class=\"vm-lang-th\">\u0e40\u0e23\u0e34\u0e48\u0e21\u0e08\u0e32\u0e01 Customer Growth Blueprint<\/span>\n          <\/a>\n        <\/div>\n        <p class=\"vm-hero__qualifier\">\n          <span class=\"vm-lang-en\">For business owners, executives and marketing leaders who need a partner able to connect the brief, the execution and the commercial decision.<\/span>\n          <span class=\"vm-lang-th\">\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e40\u0e08\u0e49\u0e32\u0e02\u0e2d\u0e07\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08 \u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23 \u0e41\u0e25\u0e30\u0e1c\u0e39\u0e49\u0e19\u0e33\u0e01\u0e32\u0e23\u0e15\u0e25\u0e32\u0e14\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e1e\u0e32\u0e23\u0e4c\u0e17\u0e40\u0e19\u0e2d\u0e23\u0e4c\u0e0b\u0e36\u0e48\u0e07\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e42\u0e08\u0e17\u0e22\u0e4c \u0e01\u0e32\u0e23\u0e25\u0e07\u0e21\u0e37\u0e2d\u0e17\u0e33 \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e15\u0e31\u0e14\u0e2a\u0e34\u0e19\u0e43\u0e08\u0e17\u0e32\u0e07\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e40\u0e02\u0e49\u0e32\u0e14\u0e49\u0e27\u0e22\u0e01\u0e31\u0e19\u0e44\u0e14\u0e49<\/span>\n        <\/p>\n      <\/div>\n\n      <aside class=\"vm-hero__rail\" aria-label=\"Portfolio evidence framework\">\n        <div>\n          <div class=\"vm-hero__rail-head\">\n            <span class=\"vm-label vm-label--lime\">\n              <span class=\"vm-lang-en\">Evidence Framework<\/span>\n              <span class=\"vm-lang-th\">\u0e01\u0e23\u0e2d\u0e1a\u0e2b\u0e25\u0e31\u0e01\u0e10\u0e32\u0e19<\/span>\n            <\/span>\n            <span>01\u201404<\/span>\n          <\/div>\n          <ol class=\"vm-signal-list\">\n            <li><small>01<\/small><strong><span class=\"vm-lang-en\">Business context<\/span><span class=\"vm-lang-th\">\u0e1a\u0e23\u0e34\u0e1a\u0e17\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08<\/span><\/strong><\/li>\n            <li><small>02<\/small><strong><span class=\"vm-lang-en\">Work delivered<\/span><span class=\"vm-lang-th\">\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e2a\u0e48\u0e07\u0e21\u0e2d\u0e1a<\/span><\/strong><\/li>\n            <li><small>03<\/small><strong><span class=\"vm-lang-en\">Artifact visible<\/span><span class=\"vm-lang-th\">\u0e0a\u0e34\u0e49\u0e19\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e15\u0e23\u0e27\u0e08\u0e14\u0e39\u0e44\u0e14\u0e49<\/span><\/strong><\/li>\n            <li><small>04<\/small><strong><span class=\"vm-lang-en\">Next action clear<\/span><span class=\"vm-lang-th\">\u0e02\u0e31\u0e49\u0e19\u0e15\u0e48\u0e2d\u0e44\u0e1b\u0e17\u0e35\u0e48\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19<\/span><\/strong><\/li>\n          <\/ol>\n        <\/div>\n        <p class=\"vm-hero__rail-note\">\n          <span class=\"vm-lang-en\">Every image on this page is a real work artifact from a published Vault Mark portfolio project.<\/span>\n          <span class=\"vm-lang-th\">\u0e20\u0e32\u0e1e\u0e17\u0e38\u0e01\u0e20\u0e32\u0e1e\u0e43\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e19\u0e35\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e0a\u0e34\u0e49\u0e19\u0e07\u0e32\u0e19\u0e08\u0e23\u0e34\u0e07\u0e08\u0e32\u0e01\u0e42\u0e1b\u0e23\u0e40\u0e08\u0e01\u0e15\u0e4c Portfolio \u0e17\u0e35\u0e48 Vault Mark \u0e40\u0e1c\u0e22\u0e41\u0e1e\u0e23\u0e48\u0e41\u0e25\u0e49\u0e27<\/span>\n        <\/p>\n      <\/aside>\n    <\/div>\n  <\/section>\n\n  <section class=\"vm-section vm-principles\" aria-labelledby=\"vm-proof-principles-title\">\n    <div class=\"vm-inner-standard\">\n      <div class=\"vm-principles__intro\">\n        <div>\n          <p class=\"vm-label\">\n            <span class=\"vm-lang-en\">How to read the portfolio<\/span>\n            <span class=\"vm-lang-th\">\u0e27\u0e34\u0e18\u0e35\u0e2d\u0e48\u0e32\u0e19\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e0a\u0e38\u0e14\u0e19\u0e35\u0e49<\/span>\n          <\/p>\n          <h2 class=\"vm-section-title\" id=\"vm-proof-principles-title\">\n            <span class=\"vm-lang-en\">Look past the surface.<\/span>\n            <span class=\"vm-lang-th\">\u0e21\u0e2d\u0e07\u0e43\u0e2b\u0e49\u0e25\u0e36\u0e01\u0e01\u0e27\u0e48\u0e32\u0e2b\u0e19\u0e49\u0e32\u0e15\u0e32<\/span>\n          <\/h2>\n        <\/div>\n        <div>\n          <p class=\"vm-intro-copy\">\n            <span class=\"vm-lang-en\">A polished artifact matters only when it makes the message easier to understand, the next action easier to take, or the commercial path easier to manage.<\/span>\n            <span class=\"vm-lang-th\">\u0e0a\u0e34\u0e49\u0e19\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e14\u0e39\u0e14\u0e35\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e2b\u0e21\u0e32\u0e22\u0e01\u0e47\u0e15\u0e48\u0e2d\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e2a\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e07\u0e48\u0e32\u0e22\u0e02\u0e36\u0e49\u0e19 \u0e01\u0e32\u0e23\u0e25\u0e07\u0e21\u0e37\u0e2d\u0e17\u0e33\u0e07\u0e48\u0e32\u0e22\u0e02\u0e36\u0e49\u0e19 \u0e2b\u0e23\u0e37\u0e2d\u0e40\u0e2a\u0e49\u0e19\u0e17\u0e32\u0e07\u0e40\u0e0a\u0e34\u0e07\u0e1e\u0e32\u0e13\u0e34\u0e0a\u0e22\u0e4c\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e44\u0e14\u0e49\u0e0a\u0e31\u0e14\u0e02\u0e36\u0e49\u0e19<\/span>\n          <\/p>\n          <p>\n            <span class=\"vm-lang-en\">The examples below are organised around the business job\u2014not a generic agency service menu.<\/span>\n            <span class=\"vm-lang-th\">\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07\u0e08\u0e31\u0e14\u0e15\u0e32\u0e21\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e17\u0e32\u0e07\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e02\u0e2d\u0e07\u0e07\u0e32\u0e19 \u0e44\u0e21\u0e48\u0e43\u0e0a\u0e48\u0e40\u0e21\u0e19\u0e39\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e41\u0e1a\u0e1a\u0e40\u0e2d\u0e40\u0e08\u0e19\u0e0b\u0e35\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b<\/span>\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"vm-principles__rows\">\n        <article class=\"vm-principle\">\n          <span class=\"vm-principle__number\">01<\/span>\n          <h3><span class=\"vm-lang-en\">Clarity<\/span><span class=\"vm-lang-th\">\u0e04\u0e27\u0e32\u0e21\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19<\/span><\/h3>\n          <p><span class=\"vm-lang-en\">Can the audience understand the offer, information or next step quickly?<\/span><span class=\"vm-lang-th\">\u0e1c\u0e39\u0e49\u0e0a\u0e21\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e02\u0e49\u0e2d\u0e40\u0e2a\u0e19\u0e2d \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25 \u0e2b\u0e23\u0e37\u0e2d\u0e02\u0e31\u0e49\u0e19\u0e15\u0e48\u0e2d\u0e44\u0e1b\u0e44\u0e14\u0e49\u0e23\u0e27\u0e14\u0e40\u0e23\u0e47\u0e27\u0e2b\u0e23\u0e37\u0e2d\u0e44\u0e21\u0e48<\/span><\/p>\n        <\/article>\n        <article class=\"vm-principle\">\n          <span class=\"vm-principle__number\">02<\/span>\n          <h3><span class=\"vm-lang-en\">Fit<\/span><span class=\"vm-lang-th\">\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21<\/span><\/h3>\n          <p><span class=\"vm-lang-en\">Does the work match the category, buyer context, platform and compliance requirement?<\/span><span class=\"vm-lang-th\">\u0e07\u0e32\u0e19\u0e2a\u0e2d\u0e14\u0e04\u0e25\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e1a\u0e2b\u0e21\u0e27\u0e14\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08 \u0e1a\u0e23\u0e34\u0e1a\u0e17\u0e1c\u0e39\u0e49\u0e0b\u0e37\u0e49\u0e2d \u0e41\u0e1e\u0e25\u0e15\u0e1f\u0e2d\u0e23\u0e4c\u0e21 \u0e41\u0e25\u0e30\u0e02\u0e49\u0e2d\u0e01\u0e33\u0e01\u0e31\u0e1a\u0e2b\u0e23\u0e37\u0e2d\u0e44\u0e21\u0e48<\/span><\/p>\n        <\/article>\n        <article class=\"vm-principle\">\n          <span class=\"vm-principle__number\">03<\/span>\n          <h3><span class=\"vm-lang-en\">Movement<\/span><span class=\"vm-lang-th\">\u0e01\u0e32\u0e23\u0e02\u0e22\u0e31\u0e1a\u0e44\u0e1b\u0e02\u0e49\u0e32\u0e07\u0e2b\u0e19\u0e49\u0e32<\/span><\/h3>\n          <p><span class=\"vm-lang-en\">Does the execution help move attention toward inquiry, booking, purchase or the next decision?<\/span><span class=\"vm-lang-th\">\u0e01\u0e32\u0e23\u0e25\u0e07\u0e21\u0e37\u0e2d\u0e17\u0e33\u0e0a\u0e48\u0e27\u0e22\u0e1e\u0e32\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e19\u0e43\u0e08\u0e44\u0e1b\u0e2a\u0e39\u0e48\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21 \u0e08\u0e2d\u0e07 \u0e0b\u0e37\u0e49\u0e2d \u0e2b\u0e23\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e15\u0e31\u0e14\u0e2a\u0e34\u0e19\u0e43\u0e08\u0e02\u0e31\u0e49\u0e19\u0e16\u0e31\u0e14\u0e44\u0e1b\u0e2b\u0e23\u0e37\u0e2d\u0e44\u0e21\u0e48<\/span><\/p>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"vm-section vm-featured\" aria-labelledby=\"vm-featured-title\">\n    <div class=\"vm-inner-wide\">\n      <div class=\"vm-featured__header\">\n        <div>\n          <p class=\"vm-label vm-label--lime\">\n            <span class=\"vm-lang-en\">Featured Project<\/span>\n            <span class=\"vm-lang-th\">\u0e42\u0e1b\u0e23\u0e40\u0e08\u0e01\u0e15\u0e4c\u0e40\u0e14\u0e48\u0e19<\/span>\n          <\/p>\n          <h2 id=\"vm-featured-title\">\n            <span class=\"vm-lang-en\">Medical information made easier to trust and act on.<\/span>\n            <span class=\"vm-lang-th\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e38\u0e02\u0e20\u0e32\u0e1e\u0e17\u0e35\u0e48\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e07\u0e48\u0e32\u0e22 \u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e16\u0e37\u0e2d\u0e44\u0e14\u0e49 \u0e41\u0e25\u0e30\u0e19\u0e33\u0e44\u0e1b\u0e2a\u0e39\u0e48\u0e01\u0e32\u0e23\u0e25\u0e07\u0e21\u0e37\u0e2d\u0e17\u0e33<\/span>\n          <\/h2>\n        <\/div>\n        <p>\n          <span class=\"vm-lang-en\">Wincell Research required a 15-asset Facebook creative set that could communicate health packages and specialised services with fast comprehension and professional credibility.<\/span>\n          <span class=\"vm-lang-th\">Wincell Research \u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e0a\u0e38\u0e14\u0e04\u0e23\u0e35\u0e40\u0e2d\u0e17\u0e35\u0e1f Facebook 15 \u0e0a\u0e34\u0e49\u0e19 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e37\u0e48\u0e2d\u0e2a\u0e32\u0e23\u0e41\u0e1e\u0e47\u0e01\u0e40\u0e01\u0e08\u0e2a\u0e38\u0e02\u0e20\u0e32\u0e1e\u0e41\u0e25\u0e30\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e17\u0e32\u0e07\u0e43\u0e2b\u0e49\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e40\u0e23\u0e47\u0e27\u0e41\u0e25\u0e30\u0e19\u0e48\u0e32\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e16\u0e37\u0e2d\u0e43\u0e19\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e21\u0e37\u0e2d\u0e2d\u0e32\u0e0a\u0e35\u0e1e<\/span>\n        <\/p>\n      <\/div>\n\n      <div class=\"vm-featured__grid\">\n        <div class=\"vm-featured__visuals\" aria-label=\"Wincell Research project artwork\">\n          <figure class=\"vm-evidence-frame\">\n            <img src=\"https:\/\/vaultmark.com\/wp-content\/uploads\/2024\/10\/Untitled-1-2-01.webp\" alt=\"Wincell Research Facebook artwork for online cancer-risk assessment\" loading=\"eager\" decoding=\"async\">\n          <\/figure>\n          <figure class=\"vm-evidence-frame\">\n            <img src=\"https:\/\/vaultmark.com\/wp-content\/uploads\/2024\/10\/Untitled-1-02-1.webp\" alt=\"Wincell Research educational Facebook artwork on cancer risk factors\" loading=\"eager\" decoding=\"async\">\n          <\/figure>\n        <\/div>\n\n        <article class=\"vm-featured__summary\">\n          <div class=\"vm-project-index\"><span>Wincell Research<\/span><span>01<\/span><\/div>\n          <h3><span class=\"vm-lang-en\">Research-grade clarity for social content.<\/span><span class=\"vm-lang-th\">\u0e04\u0e27\u0e32\u0e21\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19\u0e41\u0e1a\u0e1a\u0e07\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e04\u0e2d\u0e19\u0e40\u0e17\u0e19\u0e15\u0e4c\u0e42\u0e0b\u0e40\u0e0a\u0e35\u0e22\u0e25<\/span><\/h3>\n          <p>\n            <span class=\"vm-lang-en\">The work uses clean hierarchy, specialised medical cues and direct calls to action to move the audience from post view toward online booking with less friction.<\/span>\n            <span class=\"vm-lang-th\">\u0e07\u0e32\u0e19\u0e43\u0e0a\u0e49\u0e25\u0e33\u0e14\u0e31\u0e1a\u0e0a\u0e31\u0e49\u0e19\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e35\u0e48\u0e2a\u0e30\u0e2d\u0e32\u0e14 \u0e2a\u0e31\u0e0d\u0e0d\u0e32\u0e13\u0e14\u0e49\u0e32\u0e19\u0e01\u0e32\u0e23\u0e41\u0e1e\u0e17\u0e22\u0e4c\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21 \u0e41\u0e25\u0e30 CTA \u0e17\u0e35\u0e48\u0e15\u0e23\u0e07 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1e\u0e32\u0e1c\u0e39\u0e49\u0e0a\u0e21\u0e08\u0e32\u0e01\u0e01\u0e32\u0e23\u0e40\u0e2b\u0e47\u0e19\u0e42\u0e1e\u0e2a\u0e15\u0e4c\u0e44\u0e1b\u0e2a\u0e39\u0e48\u0e01\u0e32\u0e23\u0e08\u0e2d\u0e07\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c\u0e42\u0e14\u0e22\u0e25\u0e14\u0e41\u0e23\u0e07\u0e40\u0e2a\u0e35\u0e22\u0e14\u0e17\u0e32\u0e19<\/span>\n          <\/p>\n          <ul class=\"vm-project-facts\">\n            <li><span><span class=\"vm-lang-en\">Deliverable<\/span><span class=\"vm-lang-th\">\u0e2a\u0e34\u0e48\u0e07\u0e17\u0e35\u0e48\u0e2a\u0e48\u0e07\u0e21\u0e2d\u0e1a<\/span><\/span><strong><span class=\"vm-lang-en\">15 Facebook creative assets<\/span><span class=\"vm-lang-th\">\u0e04\u0e23\u0e35\u0e40\u0e2d\u0e17\u0e35\u0e1f Facebook 15 \u0e0a\u0e34\u0e49\u0e19<\/span><\/strong><\/li>\n            <li><span><span class=\"vm-lang-en\">Objective<\/span><span class=\"vm-lang-th\">\u0e40\u0e1b\u0e49\u0e32\u0e2b\u0e21\u0e32\u0e22<\/span><\/span><strong><span class=\"vm-lang-en\">Explain packages and specialised services clearly<\/span><span class=\"vm-lang-th\">\u0e2d\u0e18\u0e34\u0e1a\u0e32\u0e22\u0e41\u0e1e\u0e47\u0e01\u0e40\u0e01\u0e08\u0e41\u0e25\u0e30\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e17\u0e32\u0e07\u0e43\u0e2b\u0e49\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19<\/span><\/strong><\/li>\n            <li><span><span class=\"vm-lang-en\">Action<\/span><span class=\"vm-lang-th\">\u0e01\u0e32\u0e23\u0e25\u0e07\u0e21\u0e37\u0e2d\u0e17\u0e33<\/span><\/span><strong><span class=\"vm-lang-en\">Guide viewers toward online booking<\/span><span class=\"vm-lang-th\">\u0e1e\u0e32\u0e1c\u0e39\u0e49\u0e0a\u0e21\u0e44\u0e1b\u0e2a\u0e39\u0e48\u0e01\u0e32\u0e23\u0e08\u0e2d\u0e07\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c<\/span><\/strong><\/li>\n          <\/ul>\n          <a class=\"vm-text-link\" href=\"https:\/\/vaultmark.com\/blog\/portfolios\/wincell-research\/\" data-en-href=\"https:\/\/vaultmark.com\/blog\/portfolios\/wincell-research\/\" data-th-href=\"https:\/\/vaultmark.com\/th\/blog\/portfolios\/wincell-research\/\">\n            <span class=\"vm-lang-en\">View Wincell Research project \u2197<\/span>\n            <span class=\"vm-lang-th\">\u0e14\u0e39\u0e42\u0e1b\u0e23\u0e40\u0e08\u0e01\u0e15\u0e4c Wincell Research \u2197<\/span>\n          <\/a>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"vm-section vm-work\" aria-labelledby=\"vm-work-title\">\n    <div class=\"vm-inner-wide\">\n      <div class=\"vm-work__header\">\n        <div>\n          <p class=\"vm-label\">\n            <span class=\"vm-lang-en\">Selected Work Index<\/span>\n            <span class=\"vm-lang-th\">\u0e14\u0e31\u0e0a\u0e19\u0e35\u0e1c\u0e25\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e04\u0e31\u0e14\u0e2a\u0e23\u0e23<\/span>\n          <\/p>\n          <h2 class=\"vm-section-title\" id=\"vm-work-title\">\n            <span class=\"vm-lang-en\">Different businesses. Different jobs.<\/span>\n            <span class=\"vm-lang-th\">\u0e15\u0e48\u0e32\u0e07\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08 \u0e15\u0e48\u0e32\u0e07\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e02\u0e2d\u0e07\u0e07\u0e32\u0e19<\/span>\n          <\/h2>\n        <\/div>\n        <p>\n          <span class=\"vm-lang-en\">Filter by the role the work played. Each entry links to the published project page where available.<\/span>\n          <span class=\"vm-lang-th\">\u0e01\u0e23\u0e2d\u0e07\u0e15\u0e32\u0e21\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e02\u0e2d\u0e07\u0e07\u0e32\u0e19 \u0e41\u0e15\u0e48\u0e25\u0e30\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e44\u0e1b\u0e22\u0e31\u0e07\u0e2b\u0e19\u0e49\u0e32\u0e42\u0e1b\u0e23\u0e40\u0e08\u0e01\u0e15\u0e4c\u0e17\u0e35\u0e48\u0e40\u0e1c\u0e22\u0e41\u0e1e\u0e23\u0e48\u0e41\u0e25\u0e49\u0e27\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e21\u0e35\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e1e\u0e23\u0e49\u0e2d\u0e21<\/span>\n        <\/p>\n      <\/div>\n\n      <div class=\"vm-filter\" role=\"group\" aria-label=\"Filter portfolio projects\">\n        <button type=\"button\" data-filter=\"all\" aria-pressed=\"true\"><span class=\"vm-lang-en\">All work<\/span><span class=\"vm-lang-th\">\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/span><\/button>\n        <button type=\"button\" data-filter=\"social\" aria-pressed=\"false\"><span class=\"vm-lang-en\">Social content<\/span><span class=\"vm-lang-th\">\u0e04\u0e2d\u0e19\u0e40\u0e17\u0e19\u0e15\u0e4c\u0e42\u0e0b\u0e40\u0e0a\u0e35\u0e22\u0e25<\/span><\/button>\n        <button type=\"button\" data-filter=\"line\" aria-pressed=\"false\">Line OA<\/button>\n        <button type=\"button\" data-filter=\"commerce\" aria-pressed=\"false\"><span class=\"vm-lang-en\">Commerce<\/span><span class=\"vm-lang-th\">\u0e2d\u0e35\u0e04\u0e2d\u0e21\u0e40\u0e21\u0e34\u0e23\u0e4c\u0e0b<\/span><\/button>\n        <button type=\"button\" data-filter=\"b2b\" aria-pressed=\"false\">B2B<\/button>\n      <\/div>\n\n      <div class=\"vm-work-list\" id=\"vm-work-list\">\n        <article class=\"vm-work-item\" data-categories=\"social commerce\">\n          <span class=\"vm-work-item__number\">02<\/span>\n          <div class=\"vm-work-item__title\">\n            <p class=\"vm-label\">Wellness \/ Facebook \/ Instagram \/ Line OA<\/p>\n            <h3>Annavocado<\/h3>\n          <\/div>\n          <div class=\"vm-work-item__copy\">\n            <p>\n              <span class=\"vm-lang-en\">Education-first creatives explain benefits, usage and FAQs, then direct audiences toward Line OA adds or purchase with clear calls to action.<\/span>\n              <span class=\"vm-lang-th\">\u0e04\u0e23\u0e35\u0e40\u0e2d\u0e17\u0e35\u0e1f\u0e40\u0e0a\u0e34\u0e07\u0e43\u0e2b\u0e49\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e0a\u0e48\u0e27\u0e22\u0e2d\u0e18\u0e34\u0e1a\u0e32\u0e22\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c \u0e27\u0e34\u0e18\u0e35\u0e43\u0e0a\u0e49 \u0e41\u0e25\u0e30\u0e04\u0e33\u0e16\u0e32\u0e21\u0e17\u0e35\u0e48\u0e1e\u0e1a\u0e1a\u0e48\u0e2d\u0e22 \u0e08\u0e32\u0e01\u0e19\u0e31\u0e49\u0e19\u0e1e\u0e32\u0e1c\u0e39\u0e49\u0e0a\u0e21\u0e44\u0e1b\u0e2a\u0e39\u0e48\u0e01\u0e32\u0e23\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19 Line OA \u0e2b\u0e23\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e0b\u0e37\u0e49\u0e2d\u0e14\u0e49\u0e27\u0e22 CTA \u0e17\u0e35\u0e48\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19<\/span>\n            <\/p>\n            <a class=\"vm-text-link\" href=\"https:\/\/vaultmark.com\/blog\/portfolios\/annavocado\/\" data-en-href=\"https:\/\/vaultmark.com\/blog\/portfolios\/annavocado\/\" data-th-href=\"https:\/\/vaultmark.com\/th\/blog\/portfolios\/annavocado\/\">\n              <span class=\"vm-lang-en\">View project \u2197<\/span><span class=\"vm-lang-th\">\u0e14\u0e39\u0e42\u0e1b\u0e23\u0e40\u0e08\u0e01\u0e15\u0e4c \u2197<\/span>\n            <\/a>\n          <\/div>\n          <figure class=\"vm-work-item__visual\">\n            <img src=\"https:\/\/vaultmark.com\/wp-content\/uploads\/2024\/10\/202305-1-4.webp\" alt=\"Annavocado educational product social media artwork\" loading=\"lazy\" decoding=\"async\">\n          <\/figure>\n        <\/article>\n\n        <article class=\"vm-work-item\" data-categories=\"social line commerce\">\n          <span class=\"vm-work-item__number\">03<\/span>\n          <div class=\"vm-work-item__title\">\n            <p class=\"vm-label\">Clinic \/ Line OA \/ Product Education<\/p>\n            <h3>Arin Clinic \u00d7 Eucerin<\/h3>\n          <\/div>\n          <div class=\"vm-work-item__copy\">\n            <p>\n              <span class=\"vm-lang-en\">Clinic-exclusive Eucerin selections were communicated through education-led content, compliant copy, segmented broadcasts and clear calls to action for bookings, inquiries and reorders.<\/span>\n              <span class=\"vm-lang-th\">\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c Eucerin \u0e17\u0e35\u0e48\u0e08\u0e33\u0e2b\u0e19\u0e48\u0e32\u0e22\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e04\u0e25\u0e34\u0e19\u0e34\u0e01\u0e16\u0e39\u0e01\u0e2a\u0e37\u0e48\u0e2d\u0e2a\u0e32\u0e23\u0e1c\u0e48\u0e32\u0e19\u0e04\u0e2d\u0e19\u0e40\u0e17\u0e19\u0e15\u0e4c\u0e40\u0e0a\u0e34\u0e07\u0e43\u0e2b\u0e49\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49 \u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21 \u0e01\u0e32\u0e23\u0e1a\u0e23\u0e2d\u0e14\u0e41\u0e04\u0e2a\u0e15\u0e4c\u0e41\u0e1a\u0e1a\u0e41\u0e1a\u0e48\u0e07\u0e01\u0e25\u0e38\u0e48\u0e21 \u0e41\u0e25\u0e30 CTA \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e08\u0e2d\u0e07 \u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21 \u0e41\u0e25\u0e30\u0e0b\u0e37\u0e49\u0e2d\u0e0b\u0e49\u0e33<\/span>\n            <\/p>\n            <a class=\"vm-text-link\" href=\"https:\/\/vaultmark.com\/blog\/portfolios\/eucerin-arin-clinic\/\" data-en-href=\"https:\/\/vaultmark.com\/blog\/portfolios\/eucerin-arin-clinic\/\" data-th-href=\"https:\/\/vaultmark.com\/th\/blog\/portfolios\/eucerin-arin-clinic\/\">\n              <span class=\"vm-lang-en\">View project \u2197<\/span><span class=\"vm-lang-th\">\u0e14\u0e39\u0e42\u0e1b\u0e23\u0e40\u0e08\u0e01\u0e15\u0e4c \u2197<\/span>\n            <\/a>\n          <\/div>\n          <figure class=\"vm-work-item__visual\">\n            <img src=\"https:\/\/vaultmark.com\/wp-content\/uploads\/2024\/10\/202403-Payday-02.webp\" alt=\"Arin Clinic and Eucerin Line OA promotional artwork\" loading=\"lazy\" decoding=\"async\">\n          <\/figure>\n        <\/article>\n\n        <article class=\"vm-work-item\" data-categories=\"social commerce\">\n          <span class=\"vm-work-item__number\">04<\/span>\n          <div class=\"vm-work-item__title\">\n            <p class=\"vm-label\">Wellness \/ Promotional Conversion<\/p>\n            <h3>Annavocado Campaign<\/h3>\n          <\/div>\n          <div class=\"vm-work-item__copy\">\n            <p>\n              <span class=\"vm-lang-en\">A direct promotional asset converts a product bundle, price point and purchase action into one fast-scanning composition while keeping the product evidence visible.<\/span>\n              <span class=\"vm-lang-th\">\u0e0a\u0e34\u0e49\u0e19\u0e07\u0e32\u0e19\u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e01\u0e32\u0e23\u0e02\u0e32\u0e22\u0e2a\u0e23\u0e38\u0e1b\u0e0a\u0e38\u0e14\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32 \u0e23\u0e32\u0e04\u0e32 \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e0b\u0e37\u0e49\u0e2d\u0e43\u0e2b\u0e49\u0e2d\u0e22\u0e39\u0e48\u0e43\u0e19\u0e2d\u0e07\u0e04\u0e4c\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e17\u0e35\u0e48\u0e2d\u0e48\u0e32\u0e19\u0e40\u0e23\u0e47\u0e27 \u0e42\u0e14\u0e22\u0e22\u0e31\u0e07\u0e04\u0e07\u0e40\u0e2b\u0e47\u0e19\u0e2b\u0e25\u0e31\u0e01\u0e10\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19<\/span>\n            <\/p>\n            <a class=\"vm-text-link\" href=\"https:\/\/vaultmark.com\/blog\/portfolios\/annavocado\/\" data-en-href=\"https:\/\/vaultmark.com\/blog\/portfolios\/annavocado\/\" data-th-href=\"https:\/\/vaultmark.com\/th\/blog\/portfolios\/annavocado\/\">\n              <span class=\"vm-lang-en\">View project \u2197<\/span><span class=\"vm-lang-th\">\u0e14\u0e39\u0e42\u0e1b\u0e23\u0e40\u0e08\u0e01\u0e15\u0e4c \u2197<\/span>\n            <\/a>\n          <\/div>\n          <figure class=\"vm-work-item__visual\">\n            <img src=\"https:\/\/vaultmark.com\/wp-content\/uploads\/2024\/10\/202304-1-4.webp\" alt=\"Annavocado flash sale social media artwork\" loading=\"lazy\" decoding=\"async\">\n          <\/figure>\n        <\/article>\n\n        <article class=\"vm-work-item vm-work-item--text-only\" data-categories=\"social b2b\">\n          <span class=\"vm-work-item__number\">05<\/span>\n          <div class=\"vm-work-item__title\">\n            <p class=\"vm-label\">Commercial Real Estate \/ Facebook \/ LinkedIn<\/p>\n            <h3>JLL<\/h3>\n          <\/div>\n          <div class=\"vm-work-item__copy\">\n            <p>\n              <span class=\"vm-lang-en\">A concise, trust-led creative set for Thailand commercial real estate, covering office, retail and industrial or logistics content with business-grade visuals and clear inquiry calls to action.<\/span>\n              <span class=\"vm-lang-th\">\u0e0a\u0e38\u0e14\u0e04\u0e23\u0e35\u0e40\u0e2d\u0e17\u0e35\u0e1f\u0e17\u0e35\u0e48\u0e01\u0e23\u0e30\u0e0a\u0e31\u0e1a\u0e41\u0e25\u0e30\u0e40\u0e19\u0e49\u0e19\u0e04\u0e27\u0e32\u0e21\u0e19\u0e48\u0e32\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e16\u0e37\u0e2d\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2d\u0e2a\u0e31\u0e07\u0e2b\u0e32\u0e23\u0e34\u0e21\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e4c\u0e40\u0e0a\u0e34\u0e07\u0e1e\u0e32\u0e13\u0e34\u0e0a\u0e22\u0e4c\u0e43\u0e19\u0e44\u0e17\u0e22 \u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e25\u0e38\u0e21\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19 \u0e23\u0e35\u0e40\u0e17\u0e25 \u0e41\u0e25\u0e30\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e2b\u0e23\u0e37\u0e2d\u0e42\u0e25\u0e08\u0e34\u0e2a\u0e15\u0e34\u0e01\u0e2a\u0e4c \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e20\u0e32\u0e1e\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e41\u0e25\u0e30 CTA \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e1a\u0e16\u0e32\u0e21<\/span>\n            <\/p>\n            <a class=\"vm-text-link\" href=\"https:\/\/vaultmark.com\/portfolio\/\" data-en-href=\"https:\/\/vaultmark.com\/portfolio\/\" data-th-href=\"https:\/\/vaultmark.com\/th\/portfolio\/\">\n              <span class=\"vm-lang-en\">View portfolio archive \u2197<\/span><span class=\"vm-lang-th\">\u0e14\u0e39\u0e04\u0e25\u0e31\u0e07\u0e1c\u0e25\u0e07\u0e32\u0e19 \u2197<\/span>\n            <\/a>\n          <\/div>\n        <\/article>\n\n        <article class=\"vm-work-item vm-work-item--text-only\" data-categories=\"social line commerce\">\n          <span class=\"vm-work-item__number\">06<\/span>\n          <div class=\"vm-work-item__title\">\n            <p class=\"vm-label\">Food \/ Social-first Launch \/ Line OA<\/p>\n            <h3>Munchroom<\/h3>\n          <\/div>\n          <div class=\"vm-work-item__copy\">\n            <p>\n              <span class=\"vm-lang-en\">A social-first launch combined education and appetite appeal through short videos and carousels, then directed audiences toward Line OA and the shop through promo flows, coupons and FAQs.<\/span>\n              <span class=\"vm-lang-th\">\u0e01\u0e32\u0e23\u0e40\u0e1b\u0e34\u0e14\u0e15\u0e31\u0e27\u0e41\u0e1a\u0e1a social-first \u0e1c\u0e2a\u0e32\u0e19\u0e01\u0e32\u0e23\u0e43\u0e2b\u0e49\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e01\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e19\u0e48\u0e32\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e17\u0e32\u0e19\u0e1c\u0e48\u0e32\u0e19\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\u0e2a\u0e31\u0e49\u0e19\u0e41\u0e25\u0e30\u0e04\u0e32\u0e23\u0e39\u0e40\u0e0b\u0e25 \u0e01\u0e48\u0e2d\u0e19\u0e1e\u0e32\u0e1c\u0e39\u0e49\u0e0a\u0e21\u0e44\u0e1b\u0e22\u0e31\u0e07 Line OA \u0e41\u0e25\u0e30\u0e23\u0e49\u0e32\u0e19\u0e04\u0e49\u0e32\u0e14\u0e49\u0e27\u0e22\u0e42\u0e1b\u0e23\u0e42\u0e21\u0e0a\u0e31\u0e19 \u0e04\u0e39\u0e1b\u0e2d\u0e07 \u0e41\u0e25\u0e30\u0e04\u0e33\u0e16\u0e32\u0e21\u0e17\u0e35\u0e48\u0e1e\u0e1a\u0e1a\u0e48\u0e2d\u0e22<\/span>\n            <\/p>\n            <a class=\"vm-text-link\" href=\"https:\/\/vaultmark.com\/portfolio\/\" data-en-href=\"https:\/\/vaultmark.com\/portfolio\/\" data-th-href=\"https:\/\/vaultmark.com\/th\/portfolio\/\">\n              <span class=\"vm-lang-en\">View portfolio archive \u2197<\/span><span class=\"vm-lang-th\">\u0e14\u0e39\u0e04\u0e25\u0e31\u0e07\u0e1c\u0e25\u0e07\u0e32\u0e19 \u2197<\/span>\n            <\/a>\n          <\/div>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"vm-section vm-final\" aria-labelledby=\"vm-final-title\">\n    <div class=\"vm-inner-wide vm-final__inner\">\n      <div class=\"vm-final__copy\">\n        <p class=\"vm-label vm-label--lime\">\n          <span class=\"vm-lang-en\">Next Project<\/span>\n          <span class=\"vm-lang-th\">\u0e42\u0e1b\u0e23\u0e40\u0e08\u0e01\u0e15\u0e4c\u0e16\u0e31\u0e14\u0e44\u0e1b<\/span>\n        <\/p>\n        <h2 id=\"vm-final-title\">\n          <span class=\"vm-lang-en\">Bring the work that needs to perform better.<\/span>\n          <span class=\"vm-lang-th\">\u0e19\u0e33\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e44\u0e14\u0e49\u0e1c\u0e25\u0e14\u0e35\u0e01\u0e27\u0e48\u0e32\u0e40\u0e14\u0e34\u0e21\u0e21\u0e32\u0e04\u0e38\u0e22\u0e01\u0e31\u0e19<\/span>\n        <\/h2>\n        <p>\n          <span class=\"vm-lang-en\">Share the business context, the audience, the current constraint and the decision ahead. Vault Mark will route the conversation toward a defined project or the right diagnostic starting point.<\/span>\n          <span class=\"vm-lang-th\">\u0e2a\u0e48\u0e07\u0e1a\u0e23\u0e34\u0e1a\u0e17\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08 \u0e01\u0e25\u0e38\u0e48\u0e21\u0e40\u0e1b\u0e49\u0e32\u0e2b\u0e21\u0e32\u0e22 \u0e02\u0e49\u0e2d\u0e08\u0e33\u0e01\u0e31\u0e14\u0e1b\u0e31\u0e08\u0e08\u0e38\u0e1a\u0e31\u0e19 \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e15\u0e31\u0e14\u0e2a\u0e34\u0e19\u0e43\u0e08\u0e17\u0e35\u0e48\u0e01\u0e33\u0e25\u0e31\u0e07\u0e08\u0e30\u0e40\u0e01\u0e34\u0e14\u0e02\u0e36\u0e49\u0e19\u0e21\u0e32\u0e43\u0e2b\u0e49\u0e40\u0e23\u0e32 Vault Mark \u0e08\u0e30\u0e1e\u0e32\u0e01\u0e32\u0e23\u0e2a\u0e19\u0e17\u0e19\u0e32\u0e44\u0e1b\u0e2a\u0e39\u0e48\u0e42\u0e1b\u0e23\u0e40\u0e08\u0e01\u0e15\u0e4c\u0e17\u0e35\u0e48\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19\u0e2b\u0e23\u0e37\u0e2d\u0e08\u0e38\u0e14\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e14\u0e49\u0e32\u0e19\u0e01\u0e32\u0e23\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21<\/span>\n        <\/p>\n        <div class=\"vm-btn-row\">\n          <a class=\"vm-btn vm-btn--primary\" href=\"https:\/\/vaultmark.com\/contact\/\" data-en-href=\"https:\/\/vaultmark.com\/contact\/\" data-th-href=\"https:\/\/vaultmark.com\/th\/contact\/\">\n            <span class=\"vm-lang-en\">Discuss a defined project<\/span>\n            <span class=\"vm-lang-th\">\u0e04\u0e38\u0e22\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e42\u0e1b\u0e23\u0e40\u0e08\u0e01\u0e15\u0e4c\u0e17\u0e35\u0e48\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19<\/span>\n          <\/a>\n          <a class=\"vm-btn vm-btn--secondary\" href=\"https:\/\/vaultmark.com\/customer-growth-blueprint\/\" data-en-href=\"https:\/\/vaultmark.com\/customer-growth-blueprint\/\" data-th-href=\"https:\/\/vaultmark.com\/th\/customer-growth-blueprint\/\">\n            <span class=\"vm-lang-en\">See whether CGB should come first<\/span>\n            <span class=\"vm-lang-th\">\u0e14\u0e39\u0e27\u0e48\u0e32\u0e04\u0e27\u0e23\u0e40\u0e23\u0e34\u0e48\u0e21\u0e08\u0e32\u0e01 CGB \u0e2b\u0e23\u0e37\u0e2d\u0e44\u0e21\u0e48<\/span>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"vm-final__rail\" aria-label=\"Project starting points\">\n        <div class=\"vm-final__rail-row\"><span>01<\/span><strong><span class=\"vm-lang-en\">A defined scope, objective or execution need<\/span><span class=\"vm-lang-th\">\u0e21\u0e35\u0e02\u0e2d\u0e1a\u0e40\u0e02\u0e15 \u0e40\u0e1b\u0e49\u0e32\u0e2b\u0e21\u0e32\u0e22 \u0e2b\u0e23\u0e37\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e14\u0e49\u0e32\u0e19\u0e01\u0e32\u0e23\u0e25\u0e07\u0e21\u0e37\u0e2d\u0e17\u0e33\u0e17\u0e35\u0e48\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19<\/span><\/strong><\/div>\n        <div class=\"vm-final__rail-row\"><span>02<\/span><strong><span class=\"vm-lang-en\">A growth constraint that still needs diagnosis<\/span><span class=\"vm-lang-th\">\u0e21\u0e35\u0e02\u0e49\u0e2d\u0e08\u0e33\u0e01\u0e31\u0e14\u0e14\u0e49\u0e32\u0e19\u0e01\u0e32\u0e23\u0e40\u0e15\u0e34\u0e1a\u0e42\u0e15\u0e17\u0e35\u0e48\u0e22\u0e31\u0e07\u0e15\u0e49\u0e2d\u0e07\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c<\/span><\/strong><\/div>\n        <div class=\"vm-final__rail-row\"><span>03<\/span><strong><span class=\"vm-lang-en\">An important marketing decision ahead<\/span><span class=\"vm-lang-th\">\u0e21\u0e35\u0e01\u0e32\u0e23\u0e15\u0e31\u0e14\u0e2a\u0e34\u0e19\u0e43\u0e08\u0e14\u0e49\u0e32\u0e19\u0e01\u0e32\u0e23\u0e15\u0e25\u0e32\u0e14\u0e17\u0e35\u0e48\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e23\u0e2d\u0e2d\u0e22\u0e39\u0e48<\/span><\/strong><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<script>\n  (() => {\n    const root = document.getElementById('vm-portfolio-page');\n    if (!root) return;\n\n    const isThai = (document.documentElement.lang || '').toLowerCase().startsWith('th');\n\n    root.querySelectorAll('[data-en-href][data-th-href]').forEach((link) => {\n      link.href = isThai ? link.dataset.thHref : link.dataset.enHref;\n    });\n\n    const filters = Array.from(root.querySelectorAll('[data-filter]'));\n    const items = Array.from(root.querySelectorAll('.vm-work-item[data-categories]'));\n\n    filters.forEach((button) => {\n      button.addEventListener('click', () => {\n        const filter = button.dataset.filter;\n\n        filters.forEach((control) => {\n          control.setAttribute('aria-pressed', control === button ? 'true' : 'false');\n        });\n\n        items.forEach((item) => {\n          const categories = (item.dataset.categories || '').split(\/\\s+\/);\n          item.hidden = filter !== 'all' && !categories.includes(filter);\n        });\n      });\n    });\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Portfolio \/ Selected Client Work \u0e1c\u0e25\u0e07\u0e32\u0e19 \/ \u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e04\u0e31\u0e14\u0e2a\u0e23\u0e23\u0e08\u0e32\u0e01\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e08\u0e23\u0e34\u0e07 The work is not the claim. \u0e1c\u0e25\u0e07\u0e32\u0e19\u0e44\u0e21\u0e48\u0e43\u0e0a\u0e48\u0e04\u0e33\u0e01\u0e25\u0e48\u0e32\u0e27\u0e2d\u0e49\u0e32\u0e07 PROOF. \u0e2b\u0e25\u0e31\u0e01\u0e10\u0e32\u0e19. Selected work across social, Line OA, ecommerce, websites and growth execution\u2014shown through real artifacts, business context and the job each project was built to do. \u0e1c\u0e25\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e04\u0e31\u0e14\u0e2a\u0e23\u0e23\u0e08\u0e32\u0e01\u0e07\u0e32\u0e19\u0e42\u0e0b\u0e40\u0e0a\u0e35\u0e22\u0e25 Line OA \u0e2d\u0e35\u0e04\u0e2d\u0e21\u0e40\u0e21\u0e34\u0e23\u0e4c\u0e0b \u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e25\u0e07\u0e21\u0e37\u0e2d\u0e17\u0e33\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e40\u0e15\u0e34\u0e1a\u0e42\u0e15\u2014\u0e19\u0e33\u0e40\u0e2a\u0e19\u0e2d\u0e1c\u0e48\u0e32\u0e19\u0e0a\u0e34\u0e49\u0e19\u0e07\u0e32\u0e19\u0e08\u0e23\u0e34\u0e07 \u0e1a\u0e23\u0e34\u0e1a\u0e17\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08 \u0e41\u0e25\u0e30\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e02\u0e2d\u0e07\u0e41\u0e15\u0e48\u0e25\u0e30\u0e42\u0e1b\u0e23\u0e40\u0e08\u0e01\u0e15\u0e4c Discuss a defined project \u0e04\u0e38\u0e22\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e42\u0e1b\u0e23\u0e40\u0e08\u0e01\u0e15\u0e4c\u0e17\u0e35\u0e48\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"content-type":"","footnotes":""},"tags":[],"class_list":["post-19993","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vaultmark.com\/th\/wp-json\/wp\/v2\/pages\/19993","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vaultmark.com\/th\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vaultmark.com\/th\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vaultmark.com\/th\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vaultmark.com\/th\/wp-json\/wp\/v2\/comments?post=19993"}],"version-history":[{"count":3,"href":"https:\/\/vaultmark.com\/th\/wp-json\/wp\/v2\/pages\/19993\/revisions"}],"predecessor-version":[{"id":25059,"href":"https:\/\/vaultmark.com\/th\/wp-json\/wp\/v2\/pages\/19993\/revisions\/25059"}],"wp:attachment":[{"href":"https:\/\/vaultmark.com\/th\/wp-json\/wp\/v2\/media?parent=19993"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vaultmark.com\/th\/wp-json\/wp\/v2\/tags?post=19993"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}