{"id":879,"date":"2026-05-16T03:08:05","date_gmt":"2026-05-16T03:08:05","guid":{"rendered":"https:\/\/cristpham.com\/?p=879"},"modified":"2026-05-21T14:44:00","modified_gmt":"2026-05-21T14:44:00","slug":"dabaco","status":"publish","type":"post","link":"https:\/\/cristpham.com\/en\/dabaco\/","title":{"rendered":"DABACO"},"content":{"rendered":"<div class=\"wp-block-uagb-container uagb-block-e655a173 alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<div data-aos= \"fade\" data-aos-duration=\"400\" data-aos-delay=\"0\" data-aos-easing=\"ease-in-out\" data-aos-once=\"true\" class=\"wp-block-uagb-image alignleft uagb-block-819fc5c1 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-left logo-mobile-fix uag-hide-tab uag-hide-mob\"><figure class=\"wp-block-uagb-image__figure\"><a class=\"\" href=\"\/en\/\" target=\"\" rel=\"noopener\"><img decoding=\"async\" srcset=\"https:\/\/cristpham.com\/wp-content\/uploads\/2026\/04\/Asset-1.svg ,https:\/\/cristpham.com\/wp-content\/uploads\/2026\/04\/Asset-1.svg 780w, https:\/\/cristpham.com\/wp-content\/uploads\/2026\/04\/Asset-1.svg 360w\" sizes=\"auto, (max-width: 480px) 150px\" src=\"https:\/\/cristpham.com\/wp-content\/uploads\/2026\/04\/Asset-1.svg\" alt=\"\" class=\"uag-image-16\" width=\"150\" height=\"40\" title=\"Asset 1\" loading=\"lazy\" role=\"img\"\/><\/a><\/figure><\/div>\n\n\n\n<div data-aos= \"fade\" data-aos-duration=\"400\" data-aos-delay=\"0\" data-aos-easing=\"ease-in-out\" data-aos-once=\"true\" class=\"wp-block-uagb-image aligncenter uagb-block-6429b1f8 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-center logo-mobile-fix uag-hide-desktop\"><figure class=\"wp-block-uagb-image__figure\"><a class=\"\" href=\"\/en\/\" target=\"\" rel=\"noopener\"><img decoding=\"async\" srcset=\"https:\/\/cristpham.com\/wp-content\/uploads\/2026\/04\/Asset-1.svg ,https:\/\/cristpham.com\/wp-content\/uploads\/2026\/04\/Asset-1.svg 780w, https:\/\/cristpham.com\/wp-content\/uploads\/2026\/04\/Asset-1.svg 360w\" sizes=\"auto, (max-width: 480px) 150px\" src=\"https:\/\/cristpham.com\/wp-content\/uploads\/2026\/04\/Asset-1.svg\" alt=\"\" class=\"uag-image-16\" width=\"150\" height=\"40\" title=\"Asset 1\" loading=\"lazy\" role=\"img\"\/><\/a><\/figure><\/div>\n\n\n\n<div data-aos= \"fade\" data-aos-duration=\"400\" data-aos-delay=\"0\" data-aos-easing=\"ease-in-out\" data-aos-once=\"true\" class=\"wp-block-uagb-buttons uagb-buttons__outer-wrap uagb-btn__default-btn uagb-btn-tablet__default-btn uagb-btn-mobile__small-btn uagb-block-c770f5fc\"><div class=\"uagb-buttons__wrap uagb-buttons-layout-wrap\">\n<div class=\"wp-block-uagb-buttons-child uagb-buttons__outer-wrap uagb-block-252f41b2 wp-block-button\"><div class=\"uagb-button__wrapper\"><a class=\"uagb-buttons-repeater wp-block-button__link\" aria-label=\"\" href=\"\/en\/works\/\" rel=\"follow noopener\" target=\"_self\" role=\"button\"><div class=\"uagb-button__link\">WORKS<\/div><\/a><\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-buttons-child uagb-buttons__outer-wrap uagb-block-8f7c0fb7 wp-block-button\"><div class=\"uagb-button__wrapper\"><a class=\"uagb-buttons-repeater wp-block-button__link\" aria-label=\"\" href=\"\/en\/about-me\/\" rel=\"follow noopener\" target=\"_self\" role=\"button\"><div class=\"uagb-button__link\">ABOUT ME<\/div><\/a><\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-buttons-child uagb-buttons__outer-wrap uagb-block-3b917f21 wp-block-button\"><div class=\"uagb-button__wrapper\"><a class=\"uagb-buttons-repeater wp-block-button__link\" aria-label=\"\" href=\"\/en\/contacts\/\" rel=\"follow noopener\" target=\"_self\" role=\"button\"><div class=\"uagb-button__link\">Contacts<\/div><\/a><\/div><\/div>\n<\/div><\/div>\n\n\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    \/\/ 1. T\u1ef1 \u0111\u1ed9ng ch\u00e8n kh\u1ed1i Cursor v\u00e0o t\u1ea5t c\u1ea3 c\u00e1c trang\n    if (!document.getElementById('crist-cursor')) {\n        const cursorDiv = document.createElement('div');\n        cursorDiv.id = 'crist-cursor';\n        document.body.appendChild(cursorDiv);\n    }\n\n    const cursor = document.getElementById('crist-cursor');\n    \n    \/\/ T\u1ecda \u0111\u1ed9 th\u1ef1c t\u1ebf c\u1ee7a chu\u1ed9t\n    let mouseX = window.innerWidth \/ 2;\n    let mouseY = window.innerHeight \/ 2;\n    \n    \/\/ T\u1ecda \u0111\u1ed9 c\u1ee7a v\u00f2ng tr\u00f2n (s\u1ebd ch\u1ea1y theo sau)\n    let cursorX = window.innerWidth \/ 2;\n    let cursorY = window.innerHeight \/ 2;\n\n    \/\/ \u0110\u1ed8 TR\u1ec4: Thay \u0111\u1ed5i t\u1eeb 0.05 \u0111\u1ebfn 1. (0.15 l\u00e0 \u0111\u1ed9 tr\u1ec5 m\u01b0\u1ee3t, s\u1ed1 c\u00e0ng nh\u1ecf tr\u01b0\u1ee3t theo c\u00e0ng ch\u1eadm)\n    const speed = 0.15; \n\n    \/\/ L\u1ea5y t\u1ecda \u0111\u1ed9 chu\u1ed9t li\u00ean t\u1ee5c\n    document.addEventListener('mousemove', (e) => {\n        mouseX = e.clientX;\n        mouseY = e.clientY;\n    });\n\n    \/\/ Thu\u1eadt to\u00e1n t\u1ea1o \u0111\u1ed9 tr\u1ec5 m\u01b0\u1ee3t m\u00e0\n    function animateCursor() {\n        cursorX += (mouseX - cursorX) * speed;\n        cursorY += (mouseY - cursorY) * speed;\n        \n        \/\/ C\u0103n gi\u1eefa con tr\u1ecf v\u00e0o chu\u1ed9t\n        cursor.style.transform = `translate(${cursorX - cursor.offsetWidth \/ 2}px, ${cursorY - cursor.offsetHeight \/ 2}px)`;\n        \n        requestAnimationFrame(animateCursor);\n    }\n    animateCursor();\n\n    \/\/ 2. K\u00edch ho\u1ea1t v\u00f2ng tr\u00f2n to ra khi hover v\u00e0o c\u00e1c th\u1ebb c\u00f3 th\u1ec3 click\n    const hoverElements = document.querySelectorAll('a, button, .uagb-button__wrapper, .crist-gradient-btn a, .st-card, .cs-item, .cs-view-all');\n    \n    hoverElements.forEach(el => {\n        el.addEventListener('mouseenter', () => cursor.classList.add('hovering'));\n        el.addEventListener('mouseleave', () => cursor.classList.remove('hovering'));\n    });\n});\n<\/script>\n<\/div><\/div>\n\n\n\n<div class=\"crist-showcase-grid\">\n\n    <div class=\"crist-grid-row\">\n        <div class=\"crist-img-wrapper ratio-16-9\">\n            <img decoding=\"async\" src=\"https:\/\/cristpham.com\/wp-content\/uploads\/2026\/05\/logo-animation.gif\" alt=\"Logo Animation\">\n        <\/div>\n    <\/div>\n\n    <div class=\"crist-grid-row\">\n        <div class=\"crist-text-col\">\n            <h3 class=\"prj-title\">Client: DABACO<\/h3>\n            <p class=\"prj-meta\">Motion Graphic &#038; Social Media &#8211; 2026<\/p>\n            <div class=\"prj-desc\">\n                Chi\u1ebfn d\u1ecbch truy\u1ec1n th\u00f4ng t\u00e1i \u0111\u1ecbnh v\u1ecb th\u01b0\u01a1ng hi\u1ec7u (Rebranding) c\u1ee7a DABACO GROUP \u0111\u00e1nh d\u1ea5u b\u01b0\u1edbc chuy\u1ec3n m\u00ecnh chi\u1ebfn l\u01b0\u1ee3c: t\u1eeb m\u1ed9t t\u1eadp \u0111o\u00e0n n\u00f4ng nghi\u1ec7p truy\u1ec1n th\u1ed1ng v\u01b0\u01a1n l\u00ean th\u00e0nh bi\u1ec3u t\u01b0\u1ee3ng N\u00f4ng nghi\u1ec7p &#8211; Th\u1ef1c ph\u1ea9m &#8211; C\u00f4ng ngh\u1ec7 sinh h\u1ecdc h\u00e0ng \u0111\u1ea7u Vi\u1ec7t Nam. V\u1edbi th\u00f4ng \u0111i\u1ec7p &#8220;Kh\u1edfi t\u1ea1o tinh hoa &#8211; K\u1ef7 nguy\u00ean b\u1ee9t ph\u00e1&#8221;, d\u1ef1 \u00e1n \u0111\u00f2i h\u1ecfi s\u1ef1 b\u00f9ng n\u1ed5 v\u1ec1 m\u1eb7t th\u1ecb gi\u00e1c \u0111\u1ec3 truy\u1ec1n t\u1ea3i tr\u1ecdn v\u1eb9n b\u1ec1 d\u00e0y 30 n\u0103m l\u1ecbch s\u1eed v\u00e0 kh\u00e1t v\u1ecdng v\u01b0\u01a1n t\u1ea7m qu\u1ed1c t\u1ebf.\n                <br><br>\n                \u0110\u1ea3m nh\u1eadn vai tr\u00f2 x\u1eed l\u00fd h\u1eadu k\u1ef3 v\u00e0 thi\u1ebft k\u1ebf h\u00ecnh \u1ea3nh, t\u00f4i ch\u1ecbu tr\u00e1ch nhi\u1ec7m hi\u1ec7n th\u1ef1c h\u00f3a b\u1ed9 nh\u1eadn di\u1ec7n m\u1edbi l\u00ean c\u00e1c n\u1ec1n t\u1ea3ng s\u1ed1. C\u00f4ng vi\u1ec7c b\u1eaft \u0111\u1ea7u t\u1eeb vi\u1ec7c \u0111\u1ecbnh h\u00ecnh phong c\u00e1ch (moodboard, storyboard) cho \u0111\u1ebfn tr\u1ef1c ti\u1ebfp edit ho\u00e0n thi\u1ec7n Video Launching v\u00e0 Logo Animation. \n            <\/div>\n        <\/div>\n        <div class=\"crist-img-col-right\">\n            <div class=\"crist-img-wrapper ratio-3-4\">\n                <img decoding=\"async\" src=\"https:\/\/cristpham.com\/wp-content\/uploads\/2026\/05\/DB27-1-1-scaled.webp\" alt=\"Dabaco Key Visual\">\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"crist-grid-row\">\n        <div class=\"crist-storyboard-container ratio-21-9\">\n            <div class=\"crist-zoom-controls\">\n                <button class=\"crist-btn-zoom btn-zoom-in\" title=\"Zoom In\">+<\/button>\n                <button class=\"crist-btn-zoom btn-zoom-out\" title=\"Zoom Out\">&#8211;<\/button>\n            <\/div>\n            <div class=\"crist-pan-area\">\n                <img decoding=\"async\" src=\"https:\/\/cristpham.com\/wp-content\/uploads\/2026\/05\/dabaco-storyboard-scaled.webp\" alt=\"Dabaco Storyboard\" class=\"crist-zoomable-img\">\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"crist-grid-row\">\n        <div class=\"crist-grid-col\"><div class=\"crist-img-wrapper ratio-16-9\"><img decoding=\"async\" src=\"https:\/\/cristpham.com\/wp-content\/uploads\/2026\/05\/dabacolaunching-frame-1.gif\"><\/div><\/div>\n        <div class=\"crist-grid-col\"><div class=\"crist-img-wrapper ratio-16-9\"><img decoding=\"async\" src=\"https:\/\/cristpham.com\/wp-content\/uploads\/2026\/05\/dabacolaunching-frame-2.gif\"><\/div><\/div>\n    <\/div>\n    <div class=\"crist-grid-row\">\n        <div class=\"crist-grid-col\"><div class=\"crist-img-wrapper ratio-16-9\"><img decoding=\"async\" src=\"https:\/\/cristpham.com\/wp-content\/uploads\/2026\/05\/dabacolaunching-frame-3.gif\"><\/div><\/div>\n        <div class=\"crist-grid-col\"><div class=\"crist-img-wrapper ratio-16-9\"><img decoding=\"async\" src=\"https:\/\/cristpham.com\/wp-content\/uploads\/2026\/05\/dabacolaunching-frame-4.gif\"><\/div><\/div>\n        <div class=\"crist-grid-col\"><div class=\"crist-img-wrapper ratio-16-9\"><img decoding=\"async\" src=\"https:\/\/cristpham.com\/wp-content\/uploads\/2026\/05\/dabacolaunching-frame-5.gif\"><\/div><\/div>\n    <\/div>\n\n    <div class=\"crist-grid-row\"><div class=\"crist-img-wrapper ratio-21-9\"><img decoding=\"async\" src=\"https:\/\/cristpham.com\/wp-content\/uploads\/2026\/05\/anh-2-dabaco-scaled.webp\"><\/div><\/div>\n    <div class=\"crist-grid-row\"><div class=\"crist-img-wrapper ratio-16-9\"><img decoding=\"async\" src=\"https:\/\/cristpham.com\/wp-content\/uploads\/2026\/05\/anh-3-dabaco.webp\"><\/div><\/div>\n    <div class=\"crist-grid-row\"><div class=\"crist-img-wrapper ratio-16-9\"><img decoding=\"async\" src=\"https:\/\/cristpham.com\/wp-content\/uploads\/2026\/05\/anh-4-dabaco-scaled.webp\"><\/div><\/div>\n\n    <div class=\"crist-grid-row crist-align-stretch\">\n        <div class=\"crist-col-5\">\n            <div class=\"crist-img-wrapper\" style=\"height: 100%; background: transparent;\">\n                <img decoding=\"async\" src=\"https:\/\/cristpham.com\/wp-content\/uploads\/2026\/05\/anh-5-dabaco.webp\" alt=\"Dabaco Logo Box\" style=\"height: 100%; width: 100%; object-fit: contain; object-position: left center;\">\n            <\/div>\n        <\/div>\n        <div class=\"crist-col-678\">\n            <div class=\"crist-img-wrapper ratio-1-1\"><img decoding=\"async\" src=\"https:\/\/cristpham.com\/wp-content\/uploads\/2026\/05\/anh-6-dabaco.webp\"><\/div>\n            <div class=\"crist-img-wrapper ratio-1-1\"><img decoding=\"async\" src=\"https:\/\/cristpham.com\/wp-content\/uploads\/2026\/05\/anh-7-dabaco.webp\"><\/div>\n            <div class=\"crist-img-wrapper ratio-1-1\"><img decoding=\"async\" src=\"https:\/\/cristpham.com\/wp-content\/uploads\/2026\/05\/anh-8-dabaco.webp\"><\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"crist-grid-row\">\n        <div class=\"crist-grid-col\"><div class=\"crist-img-wrapper ratio-1-1\"><img decoding=\"async\" src=\"https:\/\/cristpham.com\/wp-content\/uploads\/2026\/05\/anh-9-dabaco-scaled.webp\"><\/div><\/div>\n        <div class=\"crist-grid-col\"><div class=\"crist-img-wrapper ratio-1-1\"><img decoding=\"async\" src=\"https:\/\/cristpham.com\/wp-content\/uploads\/2026\/05\/anh-10-dabaco-scaled.webp\"><\/div><\/div>\n        <div class=\"crist-grid-col\"><div class=\"crist-img-wrapper ratio-1-1\"><img decoding=\"async\" src=\"https:\/\/cristpham.com\/wp-content\/uploads\/2026\/05\/anh-11-dabaco-scaled.webp\"><\/div><\/div>\n    <\/div>\n\n    <div class=\"crist-grid-row crist-align-center\" style=\"margin: 30px 0;\">\n        <div class=\"crist-text-col\">\n            <p class=\"prj-desc\" style=\"text-align: left; margin: 0;\">\n                M\u00e0u s\u1eafc \u0111\u01b0\u1ee3c x\u00e2y d\u1ef1ng b\u00e1m s\u00e1t h\u1ec7 nh\u1eadn di\u1ec7n th\u01b0\u01a1ng hi\u1ec7u, k\u1ebft h\u1ee3p c\u00f9ng motif t\u1eeb logo DABACO m\u1edbi \u0111\u1ec3 t\u1ea1o n\u00ean m\u1ed9t ng\u00f4n ng\u1eef th\u1ecb gi\u00e1c nh\u1ea5t qu\u00e1n, hi\u1ec7n \u0111\u1ea1i v\u00e0 d\u1ec5 nh\u1eadn di\u1ec7n. \n                <br><br>\n                Th\u00f4ng qua k\u1ef9 thu\u1eadt image manipulation, c\u00e1c l\u1edbp h\u00ecnh \u1ea3nh, \u00e1nh s\u00e1ng v\u00e0 m\u00e0u s\u1eafc \u0111\u01b0\u1ee3c x\u1eed l\u00fd, blend v\u00e0 k\u1ebft n\u1ed1i th\u00e0nh m\u1ed9t t\u1ed5ng th\u1ec3 h\u00e0i h\u00f2a, th\u1ec3 hi\u1ec7n tinh th\u1ea7n ti\u00ean phong, quy m\u00f4 v\u00e0 kh\u00e1t v\u1ecdng v\u01b0\u01a1n t\u1ea7m c\u1ee7a DABACO.\n            <\/p>\n        <\/div>\n        <div class=\"crist-img-col-right\">\n            <div class=\"crist-img-wrapper ratio-1100-737\">\n                <img decoding=\"async\" src=\"https:\/\/cristpham.com\/wp-content\/uploads\/2026\/05\/anh-12-dabaco.webp\" alt=\"Social Post\">\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"crist-grid-row\"><div class=\"crist-img-wrapper ratio-1600-836\"><img decoding=\"async\" src=\"https:\/\/cristpham.com\/wp-content\/uploads\/2026\/05\/anh-13-dabaco.webp\"><\/div><\/div>\n    <div class=\"crist-grid-row\"><div class=\"crist-img-wrapper ratio-1585-796\"><img decoding=\"async\" src=\"https:\/\/cristpham.com\/wp-content\/uploads\/2026\/05\/anh-14-dabaco-scaled.webp\"><\/div><\/div>\n    <div class=\"crist-grid-row\"><div class=\"crist-img-wrapper ratio-1585-796\"><img decoding=\"async\" src=\"https:\/\/cristpham.com\/wp-content\/uploads\/2026\/05\/anh-15-dabaco-scaled.webp\"><\/div><\/div>\n\n    <div class=\"crist-grid-row\">\n        <div class=\"crist-grid-col\"><div class=\"crist-img-wrapper ratio-1-1\"><img decoding=\"async\" src=\"https:\/\/cristpham.com\/wp-content\/uploads\/2026\/05\/anh-16-dabaco.webp\"><\/div><\/div>\n        <div class=\"crist-grid-col\"><div class=\"crist-img-wrapper ratio-1-1\"><img decoding=\"async\" src=\"https:\/\/cristpham.com\/wp-content\/uploads\/2026\/05\/anh-17-dabaco-scaled.webp\"><\/div><\/div>\n        <div class=\"crist-grid-col\"><div class=\"crist-img-wrapper ratio-1-1\"><img decoding=\"async\" src=\"https:\/\/cristpham.com\/wp-content\/uploads\/2026\/05\/anh-18-dabaco-scaled.webp\"><\/div><\/div>\n    <\/div>\n\n<\/div>\n\n<style>\n    .crist-showcase-grid { box-sizing: border-box; display: flex; flex-direction: column; gap: 24px; width: 100%; max-width: 1200px; margin: 50px auto; font-family: 'Inter', sans-serif; }\n    .crist-showcase-grid * { box-sizing: border-box; }\n    .crist-grid-row { display: flex; gap: 24px; width: 100%; }\n    .crist-align-center { align-items: center; }\n    .crist-align-stretch { align-items: stretch; }\n    .crist-grid-col { flex: 1; min-width: 0; }\n\n    \/* LAYOUT \u0110\u1eb6C BI\u1ec6T 5-6-7-8 *\/\n    .crist-col-5 { flex: 4.8; min-width: 0; }\n    .crist-col-678 { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 24px; }\n\n    .crist-text-col { flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; padding-right: 40px; color: #ffffff; }\n    .crist-img-col-right { flex: 1.5; min-width: 0; }\n\n    .prj-title { font-size: 28px; font-weight: 700; margin: 0 0 5px 0; text-transform: uppercase; color: #fff; }\n    .prj-meta { font-size: 14px; font-weight: 600; margin: 0 0 20px 0; color: #aaaaaa; }\n    .prj-desc { font-size: 16px; line-height: 1.6; font-weight: 300; color: #e0e0e0; text-align: justify; }\n\n    .crist-img-wrapper { width: 100%; background-color: #1a1a1a; border-radius: 12px; overflow: hidden; position: relative; }\n    .crist-img-wrapper img { width: 100%; height: 100%; object-fit: cover; display: block; border: none; }\n\n    \/* T\u1ef6 L\u1ec6 C\u1ed0 \u0110\u1ecaNH *\/\n    .ratio-21-9 { aspect-ratio: 21 \/ 9; } .ratio-16-9 { aspect-ratio: 16 \/ 9; } .ratio-1-1 { aspect-ratio: 1 \/ 1; } .ratio-3-4 { aspect-ratio: 3 \/ 4; }\n    .ratio-1100-737 { aspect-ratio: 1100 \/ 737; } .ratio-1600-836 { aspect-ratio: 1600 \/ 836; } \n    .ratio-1585-796 { aspect-ratio: 1585 \/ 796; }\n\n    \/* ZOOM & DRAG STORYBOARD *\/\n    .crist-storyboard-container { position: relative; overflow: hidden; width: 100%; background-color: #111; border-radius: 12px; }\n    .crist-zoom-controls { position: absolute; top: 20px; right: 20px; z-index: 10; display: flex; flex-direction: column; gap: 8px; }\n    .crist-btn-zoom { width: 36px; height: 36px; background: rgba(20,20,20,0.7); color:#fff; border: 1px solid rgba(255,255,255,0.2); border-radius: 6px; font-size: 22px; cursor: pointer; display: flex; align-items: center; justify-content: center; backdrop-filter: blur(8px); transition: 0.2s; }\n    .crist-btn-zoom:hover { background: rgba(255,255,255,0.2); }\n    .crist-pan-area { width: 100%; height: 100%; cursor: grab; display: flex; align-items: center; justify-content: center; }\n    .crist-pan-area:active { cursor: grabbing; }\n    .crist-zoomable-img { width: 100%; height: 100%; object-fit: cover; transform-origin: center center; pointer-events: none; transition: transform 0.1s ease-out; }\n\n    @media (max-width: 768px) {\n        .crist-showcase-grid { padding: 0 16px; gap: 20px; }\n        .crist-grid-row { flex-direction: column; gap: 20px; }\n        .crist-col-5, .crist-col-678 { flex: none !important; width: 100% !important; }\n        .crist-text-col { padding: 0; padding-bottom: 5px; width: 100%; }\n        .ratio-21-9, .ratio-16-9, .ratio-1100-737, .ratio-1600-836, .ratio-1585-796 { aspect-ratio: 16 \/ 10 !important; }\n    }\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    const container = document.querySelector('.crist-storyboard-container');\n    if (!container) return;\n    const img = container.querySelector('.crist-zoomable-img');\n    const panArea = container.querySelector('.crist-pan-area');\n    const btnIn = container.querySelector('.btn-zoom-in');\n    const btnOut = container.querySelector('.btn-zoom-out');\n    let scale = 1, panning = false, pointX = 0, pointY = 0, startX = 0, startY = 0;\n    function setTransform() { img.style.transform = `translate(${pointX}px, ${pointY}px) scale(${scale})`; }\n    btnIn.onclick = () => { scale *= 1.3; setTransform(); };\n    btnOut.onclick = () => { scale \/= 1.3; if(scale<=1){scale=1; pointX=0; pointY=0;} setTransform(); };\n    container.addEventListener('wheel', (e) => { e.preventDefault(); scale *= (e.deltaY < 0) ? 1.15 : 0.85; if(scale<=1){scale=1; pointX=0; pointY=0;} setTransform(); }, { passive: false });\n    panArea.onmousedown = (e) => { if(scale>1){ e.preventDefault(); panning = true; startX = e.clientX - pointX; startY = e.clientY - pointY; } };\n    window.onmousemove = (e) => { if(!panning) return; pointX = e.clientX - startX; pointY = e.clientY - startY; img.style.transition = 'none'; setTransform(); };\n    window.onmouseup = () => { panning = false; img.style.transition = 'transform 0.1s ease-out'; };\n});\n<\/script>\n\n\n<div class=\"crist-footer-wrapper\">\n    <div class=\"crist-footer-container\">\n        \n        <div class=\"crist-footer-left\">\n            <h4 class=\"crist-ft-label\">Contact<\/h4>\n            <h2 class=\"crist-ft-heading\">\n                B\u1ea0N MU\u1ed0N BOOK T\u00d4I?<br>\n                Z\u00c9P L\u00c0O NGAY NH\u00c9!\n            <\/h2>\n        <\/div>\n\n        <div class=\"crist-footer-right\">\n            \n            <div class=\"crist-ft-col crist-social-col\">\n                <h4 class=\"crist-col-title\">Social<\/h4>\n                <div class=\"crist-social-grid\">\n                    <a href=\"https:\/\/www.facebook.com\/thangpham0609\/\" target=\"_blank\"><span class=\"glow-dot\"><\/span>Facebook<\/a>\n                    <a href=\"https:\/\/w.app\/a8eu3v\" target=\"_blank\"><span class=\"glow-dot\"><\/span>Whatsapp<\/a>\n                    <a href=\"https:\/\/www.linkedin.com\/in\/\u0111\u1ee9c-th\u1eafng-ph\u1ea1m-144998256\" target=\"_blank\"><span class=\"glow-dot\"><\/span>LinkedIn<\/a>\n                    <a href=\"https:\/\/zalo.me\/0368812316\" target=\"_blank\"><span class=\"glow-dot\"><\/span>Zalo<\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"crist-ft-col crist-contact-col\">\n                <h4 class=\"crist-col-title text-right\">Contact<\/h4>\n                <div class=\"crist-contact-list\">\n                    <a href=\"tel:+840368812316\">(+84) 0368 812 316<\/a>\n                    <a href=\"mailto:thangpd.business@gmail.com\">thangpd.business@gmail.com<\/a>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n    \/* B\u1eccC NGO\u00c0I C\u00d9NG *\/\n    .crist-footer-wrapper {\n        width: 100%;\n        background-color: transparent;\n        padding: 100px 20px 80px 20px;\n        box-sizing: border-box;\n        border-top: 1px solid rgba(255, 255, 255, 0.05);\n        font-family: 'Inter', sans-serif;\n    }\n\n    \/* CONTAINER C\u0102N GI\u1eeeA *\/\n    .crist-footer-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-start;\n        flex-wrap: wrap;\n        gap: 50px;\n    }\n\n    \/* --- C\u1ed8T TR\u00c1I --- *\/\n    .crist-footer-left {\n        flex: 1;\n        min-width: 300px;\n    }\n\n    .crist-ft-label {\n        font-size: 20px;\n        font-weight: 500;\n        color: #ffffff;\n        margin: 0 0 20px 0;\n        letter-spacing: 1px;\n    }\n\n    .crist-ft-heading {\n        font-size: 36px;\n        font-weight: 700;\n        line-height: 1.3;\n        margin: 0;\n        background: linear-gradient(90deg, #c2e9fb 0%, #3b82f6 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        letter-spacing: -0.5px;\n    }\n\n    \/* --- C\u1ed8T PH\u1ea2I --- *\/\n    .crist-footer-right {\n        display: flex;\n        gap: 80px;\n        flex-wrap: wrap;\n    }\n\n    .crist-col-title {\n        font-size: 16px;\n        font-weight: 700;\n        color: #ffffff;\n        margin: 0 0 25px 0;\n    }\n\n    .text-right {\n        text-align: right;\n    }\n\n    \/* L\u01b0\u1edbi Social 2 c\u1ed9t *\/\n    .crist-social-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 15px 40px;\n    }\n\n    .crist-social-grid a {\n        display: flex;\n        align-items: center;\n        color: #cccccc;\n        text-decoration: none;\n        font-size: 15px;\n        font-weight: 400;\n        transition: all 0.3s ease;\n    }\n\n    .glow-dot {\n        width: 6px;\n        height: 6px;\n        background-color: #2f80ed;\n        border-radius: 50%;\n        margin-right: 12px;\n        transition: all 0.3s ease;\n        box-shadow: 0 0 8px rgba(47, 128, 237, 0.5);\n    }\n\n    \/* Hover Social *\/\n    .crist-social-grid a:hover {\n        color: #ffffff;\n        transform: translateX(3px);\n    }\n    .crist-social-grid a:hover .glow-dot {\n        background-color: #00ffff;\n        box-shadow: 0 0 12px rgba(0, 255, 255, 0.8);\n    }\n\n    \/* C\u1ed9t Contact *\/\n    .crist-contact-col {\n        text-align: right;\n    }\n\n    .crist-contact-list {\n        display: flex;\n        flex-direction: column;\n        gap: 15px;\n    }\n\n    .crist-contact-list a {\n        color: #cccccc;\n        text-decoration: none;\n        font-size: 15px;\n        font-weight: 400;\n        transition: all 0.3s ease;\n        position: relative;\n    }\n\n    .crist-contact-list a:hover {\n        color: #ffffff;\n    }\n\n    \/* --- RESPONSIVE MOBILE --- *\/\n    @media (max-width: 850px) {\n        .crist-footer-container {\n            flex-direction: column;\n            gap: 50px;\n        }\n        .crist-footer-right {\n            width: 100%;\n            justify-content: space-between;\n            gap: 30px;\n        }\n    }\n\n    @media (max-width: 500px) {\n        .crist-footer-right {\n            flex-direction: column;\n        }\n        .crist-contact-col, .text-right {\n            text-align: left;\n        }\n        .crist-social-grid {\n            grid-template-columns: 1fr;\n        }\n        .crist-ft-heading {\n            font-size: 28px;\n        }\n    }\n<\/style>","protected":false},"excerpt":{"rendered":"<p>Client: DABACO Motion Graphic &#038; Social Media &#8211; 2026 Chi\u1ebfn d\u1ecbch truy\u1ec1n th\u00f4ng t\u00e1i \u0111\u1ecbnh v\u1ecb th\u01b0\u01a1ng hi\u1ec7u (Rebranding) c\u1ee7a DABACO GROUP \u0111\u00e1nh d\u1ea5u b\u01b0\u1edbc chuy\u1ec3n m\u00ecnh chi\u1ebfn l\u01b0\u1ee3c: t\u1eeb m\u1ed9t t\u1eadp \u0111o\u00e0n n\u00f4ng nghi\u1ec7p truy\u1ec1n th\u1ed1ng v\u01b0\u01a1n l\u00ean th\u00e0nh bi\u1ec3u t\u01b0\u1ee3ng N\u00f4ng nghi\u1ec7p &#8211; Th\u1ef1c ph\u1ea9m &#8211; C\u00f4ng ngh\u1ec7 sinh h\u1ecdc h\u00e0ng \u0111\u1ea7u Vi\u1ec7t<\/p>","protected":false},"author":1,"featured_media":909,"comment_status":"open","ping_status":"open","sticky":false,"template":"blank","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"categories":[4,3,1],"tags":[],"class_list":["post-879","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-motion-graphic","category-social-media","category-uncategorized"],"spectra_custom_meta":{"_uagb_previous_block_counts":["a:90:{s:21:\"uagb\/advanced-heading\";i:0;s:15:\"uagb\/blockquote\";i:0;s:12:\"uagb\/buttons\";i:0;s:18:\"uagb\/buttons-child\";i:0;s:19:\"uagb\/call-to-action\";i:0;s:15:\"uagb\/cf7-styler\";i:0;s:11:\"uagb\/column\";i:0;s:12:\"uagb\/columns\";i:0;s:14:\"uagb\/container\";i:0;s:21:\"uagb\/content-timeline\";i:0;s:27:\"uagb\/content-timeline-child\";i:0;s:14:\"uagb\/countdown\";i:0;s:12:\"uagb\/counter\";i:0;s:8:\"uagb\/faq\";i:0;s:14:\"uagb\/faq-child\";i:0;s:10:\"uagb\/forms\";i:0;s:17:\"uagb\/forms-accept\";i:0;s:19:\"uagb\/forms-checkbox\";i:0;s:15:\"uagb\/forms-date\";i:0;s:16:\"uagb\/forms-email\";i:0;s:17:\"uagb\/forms-hidden\";i:0;s:15:\"uagb\/forms-name\";i:0;s:16:\"uagb\/forms-phone\";i:0;s:16:\"uagb\/forms-radio\";i:0;s:17:\"uagb\/forms-select\";i:0;s:19:\"uagb\/forms-textarea\";i:0;s:17:\"uagb\/forms-toggle\";i:0;s:14:\"uagb\/forms-url\";i:0;s:14:\"uagb\/gf-styler\";i:0;s:15:\"uagb\/google-map\";i:0;s:11:\"uagb\/how-to\";i:0;s:16:\"uagb\/how-to-step\";i:0;s:9:\"uagb\/icon\";i:0;s:14:\"uagb\/icon-list\";i:0;s:20:\"uagb\/icon-list-child\";i:0;s:10:\"uagb\/image\";i:0;s:18:\"uagb\/image-gallery\";i:0;s:13:\"uagb\/info-box\";i:0;s:18:\"uagb\/inline-notice\";i:0;s:11:\"uagb\/lottie\";i:0;s:21:\"uagb\/marketing-button\";i:0;s:10:\"uagb\/modal\";i:0;s:18:\"uagb\/popup-builder\";i:0;s:16:\"uagb\/post-button\";i:0;s:18:\"uagb\/post-carousel\";i:0;s:17:\"uagb\/post-excerpt\";i:0;s:14:\"uagb\/post-grid\";i:0;s:15:\"uagb\/post-image\";i:0;s:17:\"uagb\/post-masonry\";i:0;s:14:\"uagb\/post-meta\";i:0;s:18:\"uagb\/post-taxonomy\";i:0;s:18:\"uagb\/post-timeline\";i:0;s:15:\"uagb\/post-title\";i:0;s:20:\"uagb\/restaurant-menu\";i:0;s:26:\"uagb\/restaurant-menu-child\";i:0;s:11:\"uagb\/review\";i:0;s:12:\"uagb\/section\";i:0;s:14:\"uagb\/separator\";i:0;s:11:\"uagb\/slider\";i:0;s:17:\"uagb\/slider-child\";i:0;s:17:\"uagb\/social-share\";i:0;s:23:\"uagb\/social-share-child\";i:0;s:16:\"uagb\/star-rating\";i:0;s:23:\"uagb\/sure-cart-checkout\";i:0;s:22:\"uagb\/sure-cart-product\";i:0;s:15:\"uagb\/sure-forms\";i:0;s:22:\"uagb\/table-of-contents\";i:0;s:9:\"uagb\/tabs\";i:0;s:15:\"uagb\/tabs-child\";i:0;s:18:\"uagb\/taxonomy-list\";i:0;s:9:\"uagb\/team\";i:0;s:16:\"uagb\/testimonial\";i:0;s:14:\"uagb\/wp-search\";i:0;s:19:\"uagb\/instagram-feed\";i:0;s:10:\"uagb\/login\";i:0;s:17:\"uagb\/loop-builder\";i:0;s:18:\"uagb\/loop-category\";i:0;s:20:\"uagb\/loop-pagination\";i:0;s:15:\"uagb\/loop-reset\";i:0;s:16:\"uagb\/loop-search\";i:0;s:14:\"uagb\/loop-sort\";i:0;s:17:\"uagb\/loop-wrapper\";i:0;s:13:\"uagb\/register\";i:0;s:19:\"uagb\/register-email\";i:0;s:24:\"uagb\/register-first-name\";i:0;s:23:\"uagb\/register-last-name\";i:0;s:22:\"uagb\/register-password\";i:0;s:30:\"uagb\/register-reenter-password\";i:0;s:19:\"uagb\/register-terms\";i:0;s:22:\"uagb\/register-username\";i:0;}","a:90:{s:21:\"uagb\/advanced-heading\";i:0;s:15:\"uagb\/blockquote\";i:0;s:12:\"uagb\/buttons\";i:0;s:18:\"uagb\/buttons-child\";i:0;s:19:\"uagb\/call-to-action\";i:0;s:15:\"uagb\/cf7-styler\";i:0;s:11:\"uagb\/column\";i:0;s:12:\"uagb\/columns\";i:0;s:14:\"uagb\/container\";i:0;s:21:\"uagb\/content-timeline\";i:0;s:27:\"uagb\/content-timeline-child\";i:0;s:14:\"uagb\/countdown\";i:0;s:12:\"uagb\/counter\";i:0;s:8:\"uagb\/faq\";i:0;s:14:\"uagb\/faq-child\";i:0;s:10:\"uagb\/forms\";i:0;s:17:\"uagb\/forms-accept\";i:0;s:19:\"uagb\/forms-checkbox\";i:0;s:15:\"uagb\/forms-date\";i:0;s:16:\"uagb\/forms-email\";i:0;s:17:\"uagb\/forms-hidden\";i:0;s:15:\"uagb\/forms-name\";i:0;s:16:\"uagb\/forms-phone\";i:0;s:16:\"uagb\/forms-radio\";i:0;s:17:\"uagb\/forms-select\";i:0;s:19:\"uagb\/forms-textarea\";i:0;s:17:\"uagb\/forms-toggle\";i:0;s:14:\"uagb\/forms-url\";i:0;s:14:\"uagb\/gf-styler\";i:0;s:15:\"uagb\/google-map\";i:0;s:11:\"uagb\/how-to\";i:0;s:16:\"uagb\/how-to-step\";i:0;s:9:\"uagb\/icon\";i:0;s:14:\"uagb\/icon-list\";i:0;s:20:\"uagb\/icon-list-child\";i:0;s:10:\"uagb\/image\";i:0;s:18:\"uagb\/image-gallery\";i:0;s:13:\"uagb\/info-box\";i:0;s:18:\"uagb\/inline-notice\";i:0;s:11:\"uagb\/lottie\";i:0;s:21:\"uagb\/marketing-button\";i:0;s:10:\"uagb\/modal\";i:0;s:18:\"uagb\/popup-builder\";i:0;s:16:\"uagb\/post-button\";i:0;s:18:\"uagb\/post-carousel\";i:0;s:17:\"uagb\/post-excerpt\";i:0;s:14:\"uagb\/post-grid\";i:0;s:15:\"uagb\/post-image\";i:0;s:17:\"uagb\/post-masonry\";i:0;s:14:\"uagb\/post-meta\";i:0;s:18:\"uagb\/post-taxonomy\";i:0;s:18:\"uagb\/post-timeline\";i:0;s:15:\"uagb\/post-title\";i:0;s:20:\"uagb\/restaurant-menu\";i:0;s:26:\"uagb\/restaurant-menu-child\";i:0;s:11:\"uagb\/review\";i:0;s:12:\"uagb\/section\";i:0;s:14:\"uagb\/separator\";i:0;s:11:\"uagb\/slider\";i:0;s:17:\"uagb\/slider-child\";i:0;s:17:\"uagb\/social-share\";i:0;s:23:\"uagb\/social-share-child\";i:0;s:16:\"uagb\/star-rating\";i:0;s:23:\"uagb\/sure-cart-checkout\";i:0;s:22:\"uagb\/sure-cart-product\";i:0;s:15:\"uagb\/sure-forms\";i:0;s:22:\"uagb\/table-of-contents\";i:0;s:9:\"uagb\/tabs\";i:0;s:15:\"uagb\/tabs-child\";i:0;s:18:\"uagb\/taxonomy-list\";i:0;s:9:\"uagb\/team\";i:0;s:16:\"uagb\/testimonial\";i:0;s:14:\"uagb\/wp-search\";i:0;s:19:\"uagb\/instagram-feed\";i:0;s:10:\"uagb\/login\";i:0;s:17:\"uagb\/loop-builder\";i:0;s:18:\"uagb\/loop-category\";i:0;s:20:\"uagb\/loop-pagination\";i:0;s:15:\"uagb\/loop-reset\";i:0;s:16:\"uagb\/loop-search\";i:0;s:14:\"uagb\/loop-sort\";i:0;s:17:\"uagb\/loop-wrapper\";i:0;s:13:\"uagb\/register\";i:0;s:19:\"uagb\/register-email\";i:0;s:24:\"uagb\/register-first-name\";i:0;s:23:\"uagb\/register-last-name\";i:0;s:22:\"uagb\/register-password\";i:0;s:30:\"uagb\/register-reenter-password\";i:0;s:19:\"uagb\/register-terms\";i:0;s:22:\"uagb\/register-username\";i:0;}"],"_thumbnail_id":["909"],"_wp_page_template":["blank"],"_wp_old_slug":["hello-world"],"_dp_original":["1"],"_edit_last":["1"],"_edit_lock":["1779374634:1"],"_uag_css_file_name":["uag-css-879.css"],"_uag_js_file_name":["uag-js-879.js"]},"uagb_featured_image_src":{"full":["https:\/\/cristpham.com\/wp-content\/uploads\/2026\/05\/anh-2-dabaco-scaled.webp",2560,973,false],"thumbnail":["https:\/\/cristpham.com\/wp-content\/uploads\/2026\/05\/anh-2-dabaco-150x150.webp",150,150,true],"medium":["https:\/\/cristpham.com\/wp-content\/uploads\/2026\/05\/anh-2-dabaco-300x114.webp",300,114,true],"medium_large":["https:\/\/cristpham.com\/wp-content\/uploads\/2026\/05\/anh-2-dabaco-768x292.webp",768,292,true],"large":["https:\/\/cristpham.com\/wp-content\/uploads\/2026\/05\/anh-2-dabaco-1024x389.webp",1024,389,true],"1536x1536":["https:\/\/cristpham.com\/wp-content\/uploads\/2026\/05\/anh-2-dabaco-1536x584.webp",1536,584,true],"2048x2048":["https:\/\/cristpham.com\/wp-content\/uploads\/2026\/05\/anh-2-dabaco-2048x778.webp",2048,778,true],"trp-custom-language-flag":["https:\/\/cristpham.com\/wp-content\/uploads\/2026\/05\/anh-2-dabaco-scaled.webp",18,7,false]},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/cristpham.com\/en\/author\/admin\/"},"uagb_comment_info":0,"uagb_excerpt":"Client: DABACO Motion Graphic &#038; Social Media &#8211; 2026 Chi\u1ebfn d\u1ecbch truy\u1ec1n th\u00f4ng t\u00e1i \u0111\u1ecbnh v\u1ecb th\u01b0\u01a1ng hi\u1ec7u (Rebranding) c\u1ee7a DABACO GROUP \u0111\u00e1nh d\u1ea5u b\u01b0\u1edbc chuy\u1ec3n m\u00ecnh chi\u1ebfn l\u01b0\u1ee3c: t\u1eeb m\u1ed9t t\u1eadp \u0111o\u00e0n n\u00f4ng nghi\u1ec7p truy\u1ec1n th\u1ed1ng v\u01b0\u01a1n l\u00ean th\u00e0nh bi\u1ec3u t\u01b0\u1ee3ng N\u00f4ng nghi\u1ec7p &#8211; Th\u1ef1c ph\u1ea9m &#8211; C\u00f4ng ngh\u1ec7 sinh h\u1ecdc h\u00e0ng \u0111\u1ea7u Vi\u1ec7t","_links":{"self":[{"href":"https:\/\/cristpham.com\/en\/wp-json\/wp\/v2\/posts\/879","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cristpham.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cristpham.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cristpham.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cristpham.com\/en\/wp-json\/wp\/v2\/comments?post=879"}],"version-history":[{"count":21,"href":"https:\/\/cristpham.com\/en\/wp-json\/wp\/v2\/posts\/879\/revisions"}],"predecessor-version":[{"id":933,"href":"https:\/\/cristpham.com\/en\/wp-json\/wp\/v2\/posts\/879\/revisions\/933"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cristpham.com\/en\/wp-json\/wp\/v2\/media\/909"}],"wp:attachment":[{"href":"https:\/\/cristpham.com\/en\/wp-json\/wp\/v2\/media?parent=879"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cristpham.com\/en\/wp-json\/wp\/v2\/categories?post=879"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cristpham.com\/en\/wp-json\/wp\/v2\/tags?post=879"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}