{"id":1,"date":"2026-04-06T15:37:46","date_gmt":"2026-04-06T15:37:46","guid":{"rendered":"https:\/\/cristpham.com\/?p=1"},"modified":"2026-05-16T02:55:32","modified_gmt":"2026-05-16T02:55:32","slug":"heid","status":"publish","type":"post","link":"https:\/\/cristpham.com\/en\/heid\/","title":{"rendered":"HEID"},"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\/04\/thumb-post-HEID.webp\" alt=\"Project Image 1\">\n        <\/div>\n    <\/div>\n\n    <div class=\"crist-grid-row\">\n        <div class=\"crist-text-col\">\n            <h3 class=\"prj-title\">Client: HEID<\/h3>\n            <p class=\"prj-meta\">Motion Graphic &#038; Social Media &#8211; 2026<\/p>\n            <div class=\"prj-desc\">\n                D\u1ef1 \u00e1n thi\u1ebft k\u1ebf social media v\u00e0 motion graphic \u0111\u01b0\u1ee3c ph\u00e1t tri\u1ec3n cho HEID (C\u00f4ng ty C\u1ed5 ph\u1ea7n \u0110\u1ea7u t\u01b0 v\u00e0 Ph\u00e1t tri\u1ec3n Gi\u00e1o d\u1ee5c H\u00e0 N\u1ed9i), v\u1edbi tr\u1ecdng t\u00e2m l\u00e0 truy\u1ec1n t\u1ea3i n\u1ed9i dung gi\u00e1o d\u1ee5c &#8211; bao g\u1ed3m c\u00e1c h\u1ec7 th\u1ed1ng s\u00e1ch gi\u00e1o khoa v\u00e0 s\u00e1ch b\u1ed5 tr\u1ee3 &#8211; m\u1ed9t c\u00e1ch sinh \u0111\u1ed9ng v\u00e0 tr\u1ef1c quan nh\u1ea5t.\n                <br><br>\n                \u0110i\u1ec3m nh\u1ea5n c\u1ee7a d\u1ef1 \u00e1n n\u1eb1m \u1edf quy t\u1eafc \u0111\u1ecbnh d\u1ea1ng th\u1ecb gi\u00e1c (visual identity) mang t\u00ednh c\u00e1 nh\u00e2n h\u00f3a cao: m\u1ed7i fanpage \u0111\u01b0\u1ee3c quy \u0111\u1ecbnh m\u1ed9t h\u1ec7 th\u1ed1ng m\u00e0u s\u1eafc nh\u1eadn di\u1ec7n ri\u00eang bi\u1ec7t, \u0111\u1ed3ng th\u1eddi thi\u1ebft k\u1ebf c\u1ee7a t\u1eebng b\u00e0i \u0111\u0103ng ph\u1ea3i \u0111\u1ed3ng b\u1ed9 tuy\u1ec7t \u0111\u1ed1i v\u1edbi tone m\u00e0u \u0111\u1eb7c tr\u01b0ng c\u1ee7a cu\u1ed1n s\u00e1ch \u0111\u01b0\u1ee3c nh\u1eafc t\u1edbi.\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\/anh-1.webp\" alt=\"Project Image 2\">\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"crist-grid-row\">\n        <div class=\"crist-img-wrapper ratio-21-9\">\n            <img decoding=\"async\" src=\"https:\/\/cristpham.com\/wp-content\/uploads\/2026\/05\/anh-3.webp\" alt=\"Project Image 3\">\n        <\/div>\n    <\/div>\n\n    <div class=\"crist-grid-row\">\n        <div class=\"crist-grid-col\">\n            <div class=\"crist-img-wrapper ratio-1-1\">\n                <img decoding=\"async\" src=\"https:\/\/cristpham.com\/wp-content\/uploads\/2026\/05\/anh-4.webp\" alt=\"Project Image 4\">\n            <\/div>\n        <\/div>\n        <div class=\"crist-grid-col\">\n            <div class=\"crist-img-wrapper ratio-1-1\">\n                <img decoding=\"async\" src=\"https:\/\/cristpham.com\/wp-content\/uploads\/2026\/05\/anh-5.webp\" alt=\"Project Image 5\">\n            <\/div>\n        <\/div>\n    <\/div>\n\n   <div class=\"crist-grid-row\">\n        <div class=\"crist-grid-col\">\n            <div class=\"crist-img-wrapper ratio-9-16\">\n                <iframe src=\"https:\/\/player.vimeo.com\/video\/1192094889?badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479&amp;autoplay=1&amp;muted=1&amp;loop=1\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" title=\"GS0607\"><\/iframe>\n            <\/div>\n        <\/div>\n        <div class=\"crist-grid-col\">\n            <div class=\"crist-img-wrapper ratio-9-16\">\n                <iframe src=\"https:\/\/player.vimeo.com\/video\/1192095100?badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479&amp;autoplay=1&amp;muted=1&amp;loop=1\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" title=\"HE0721\"><\/iframe>\n            <\/div>\n        <\/div>\n        <div class=\"crist-grid-col\">\n            <div class=\"crist-img-wrapper ratio-9-16\">\n                <iframe src=\"https:\/\/player.vimeo.com\/video\/1192094789?badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479&amp;autoplay=1&amp;muted=1&amp;loop=1\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" title=\"GS0508\"><\/iframe>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"crist-quote-block\">\n        <h2 class=\"quote-big\">\u0110\u1ed3ng h\u00e0nh xuy\u00ean su\u1ed1t<br>H\u00e0nh tr\u00ecnh ph\u00e1t tri\u1ec3n c\u1ee7a <span class=\"highlight\">gi\u00e1o d\u1ee5c Vi\u1ec7t.<\/span><\/h2>\n    <\/div>\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\/anh-9.webp\" alt=\"Project Image 9\">\n        <\/div>\n    <\/div>\n\n    <div class=\"crist-grid-row\">\n        <div class=\"crist-grid-col\">\n            <div class=\"crist-img-wrapper ratio-2-3\"> \n                <img decoding=\"async\" src=\"https:\/\/cristpham.com\/wp-content\/uploads\/2026\/05\/anh-7.webp\" alt=\"Project Image 10\">\n            <\/div>\n        <\/div>\n        <div class=\"crist-grid-col pc-only\">\n            <\/div>\n    <\/div>\n\n    <div class=\"crist-grid-row\">\n        <div class=\"crist-grid-col\">\n            <div class=\"crist-img-wrapper ratio-1-1\">\n                <img decoding=\"async\" src=\"https:\/\/cristpham.com\/wp-content\/uploads\/2026\/05\/anh-8.webp\" alt=\"Project Image 11\">\n            <\/div>\n        <\/div>\n        <div class=\"crist-grid-col\">\n            <div class=\"crist-img-wrapper ratio-1-1\">\n                <img decoding=\"async\" src=\"https:\/\/cristpham.com\/wp-content\/uploads\/2026\/05\/anh-10.webp\" alt=\"Project Image 12\">\n            <\/div>\n        <\/div>\n    <\/div>\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\/HE0615-Zalo-scaled.webp\" alt=\"Project Image 13\">\n        <\/div>\n    <\/div>\n\n<\/div>\n\n<script src=\"https:\/\/player.vimeo.com\/api\/player.js\"><\/script>\n\n<style>\n    \/* --------------------------------------\n       CSS CHU\u1ea8N PC (M\u1eb6C \u0110\u1ecaNH)\n       -------------------------------------- *\/\n    .crist-showcase-grid {\n        \/* L\u1ec6NH TH\u1ea6N TH\u00c1NH \u00c9P KHUNG KH\u00d4NG B\u1eca PH\u00ccNH TO KHI C\u00d3 PADDING *\/\n        box-sizing: border-box; \n        display: flex;\n        flex-direction: column;\n        gap: 24px; \n        width: 100%;\n        max-width: 1200px;\n        margin: 50px auto;\n        font-family: 'Inter', sans-serif;\n    }\n\n    \/* K\u1ebf th\u1eeba box-sizing cho t\u1ea5t c\u1ea3 th\u00e0nh ph\u1ea7n con b\u00ean trong *\/\n    .crist-showcase-grid * {\n        box-sizing: border-box;\n    }\n\n    .crist-grid-row {\n        display: flex;\n        gap: 24px; \n        width: 100%;\n    }\n\n    .crist-grid-col { flex: 1; min-width: 0; }\n\n    \/* FIX L\u1ed6I \u00c9P CH\u1eee TR\u00caN PC *\/\n    .crist-text-col {\n        flex: 1; \/* Ch\u1eef chi\u1ebfm 1 ph\u1ea7n *\/\n        min-width: 0; \/* L\u1ec6NH B\u1eaeT BU\u1ed8C: \u00c9p c\u1ed9t ch\u1eef kh\u00f4ng b\u1ecb b\u1eb9p b\u1eb9p d\u00ed *\/\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        padding-right: 40px;\n        color: #ffffff;\n    }\n\n    \/* TR\u1ea2 L\u1ea0I C\u1ed8T \u1ea2NH B\u00caN PH\u1ea2I B\u1eca R\u1edaT NH\u1ecaP *\/\n    .crist-img-col-right {\n        flex: 1.5; \/* \u1ea2nh chi\u1ebfm 1.5 ph\u1ea7n (to h\u01a1n ch\u1eef 1 ch\u00fat) *\/\n        min-width: 0; \/* L\u1ec6NH B\u1eaeT BU\u1ed8C: Kh\u00f3a \u1ea3nh l\u1ea1i, c\u1ea5m ph\u00ecnh to ch\u00e8n \u00e9p ch\u1eef *\/\n    }\n\n    .prj-title { font-size: 28px; font-weight: 700; margin: 0 0 5px 0; text-transform: uppercase; }\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-quote-block { text-align: center; margin: 80px 0; color: #ffffff; }\n    .quote-big { font-size: 32px; font-weight: 700; line-height: 1.3; margin: 0; }\n    .quote-big .highlight { color: #8c8dfa; }\n\n    .crist-img-wrapper {\n        width: 100%;\n        background-color: #222; \n        border-radius: 12px;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .crist-img-wrapper img, .crist-img-wrapper iframe {\n        width: 100%;\n        height: 100%;\n        object-fit: cover; \/* Ph\u1ee7 k\u00edn khung, b\u1ecf v\u1ec7t \u0111en *\/\n        display: block;\n        border: none;\n    }\n\n    \/* T\u1ef7 l\u1ec7 khung h\u00ecnh *\/\n    .ratio-16-9 { aspect-ratio: 16 \/ 9; }\n    .ratio-21-9 { aspect-ratio: 21 \/ 9; } \n    .ratio-1-1 { aspect-ratio: 1 \/ 1; }   \n    .ratio-3-4 { aspect-ratio: 3 \/ 4; }   \n    .ratio-2-3 { aspect-ratio: 2 \/ 3; }\n    .ratio-9-16 { aspect-ratio: 9 \/ 16; }\n\n    \/* --------------------------------------\n       CSS CHUY\u00caN TR\u1eca RESPONSIVE MOBILE\n       -------------------------------------- *\/\n    @media (max-width: 768px) {\n        .crist-showcase-grid {\n            padding: 0 16px !important; \/* L\u1ec1 2 b\u00ean 16px v\u1eeba v\u1eb7n chu\u1ea9n app *\/\n            gap: 20px !important;\n            margin: 30px auto !important;\n            width: 100% !important;\n            overflow: hidden !important; \/* C\u1eaft r\u00e2u ria th\u1eeba n\u1ebfu c\u00f3 *\/\n        }\n\n        .crist-grid-row {\n            flex-direction: column !important;\n            gap: 20px !important;\n        }\n\n        .crist-text-col {\n            padding: 0 !important; \/* Xo\u00e1 l\u1ec1 ph\u1ea3i c\u0169 c\u1ee7a PC *\/\n            padding-bottom: 5px !important;\n            width: 100% !important;\n        }\n\n        \/* \u0110\u00c3 \u00c9P SIZE CH\u1eee NH\u1ece L\u1ea0I CHO \u0110I\u1ec6N THO\u1ea0I *\/\n        .prj-title { font-size: 20px !important; }\n        .prj-meta { font-size: 12px !important; margin-bottom: 12px !important; }\n        .prj-desc { \n            font-size: 13px !important; \/* Thu nh\u1ecf text m\u00f4 t\u1ea3 *\/\n            text-align: left !important; \n            line-height: 1.5 !important;\n        }\n\n        .quote-big { font-size: 20px !important; }\n        .crist-quote-block { margin: 30px 0 !important; }\n\n        \/* Ch\u1ec9nh l\u1ea1i t\u1ef7 l\u1ec7 \u1ea3nh ngang tr\u00ean Mobile cho \u0111\u1ee1 b\u1ecb d\u1eb9t *\/\n        .ratio-21-9, .ratio-16-9 { aspect-ratio: 16 \/ 10 !important; }\n\n        \/* \u1ea8n c\u1ed9t tr\u1ed1ng \u00e9p layout *\/\n        .pc-only { display: none !important; }\n    }\n<\/style>\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: HEID Motion Graphic &#038; Social Media &#8211; 2026 D\u1ef1 \u00e1n thi\u1ebft k\u1ebf social media v\u00e0 motion graphic \u0111\u01b0\u1ee3c ph\u00e1t tri\u1ec3n cho HEID (C\u00f4ng ty C\u1ed5 ph\u1ea7n \u0110\u1ea7u t\u01b0 v\u00e0 Ph\u00e1t tri\u1ec3n Gi\u00e1o d\u1ee5c H\u00e0 N\u1ed9i), v\u1edbi tr\u1ecdng t\u00e2m l\u00e0 truy\u1ec1n t\u1ea3i n\u1ed9i dung gi\u00e1o d\u1ee5c &#8211; bao g\u1ed3m c\u00e1c h\u1ec7 th\u1ed1ng s\u00e1ch gi\u00e1o khoa<\/p>","protected":false},"author":1,"featured_media":746,"comment_status":"open","ping_status":"open","sticky":false,"template":"blank","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"categories":[3,1],"tags":[],"class_list":["post-1","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-social-media","category-uncategorized"],"spectra_custom_meta":{"_edit_lock":["1780139272:1"],"_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;}"],"_thumbnail_id":["746"],"_wp_page_template":["blank"],"_edit_last":["1"],"_wp_old_slug":["hello-world"],"_uag_css_file_name":["uag-css-1.css"],"_uag_js_file_name":["uag-js-1.js"]},"uagb_featured_image_src":{"full":["https:\/\/cristpham.com\/wp-content\/uploads\/2026\/04\/thumb-post-HEID.webp",1920,1080,false],"thumbnail":["https:\/\/cristpham.com\/wp-content\/uploads\/2026\/04\/thumb-post-HEID-150x150.webp",150,150,true],"medium":["https:\/\/cristpham.com\/wp-content\/uploads\/2026\/04\/thumb-post-HEID-300x169.webp",300,169,true],"medium_large":["https:\/\/cristpham.com\/wp-content\/uploads\/2026\/04\/thumb-post-HEID-768x432.webp",768,432,true],"large":["https:\/\/cristpham.com\/wp-content\/uploads\/2026\/04\/thumb-post-HEID-1024x576.webp",1024,576,true],"1536x1536":["https:\/\/cristpham.com\/wp-content\/uploads\/2026\/04\/thumb-post-HEID-1536x864.webp",1536,864,true],"2048x2048":["https:\/\/cristpham.com\/wp-content\/uploads\/2026\/04\/thumb-post-HEID.webp",1920,1080,false],"trp-custom-language-flag":["https:\/\/cristpham.com\/wp-content\/uploads\/2026\/04\/thumb-post-HEID.webp",18,10,false]},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/cristpham.com\/en\/author\/admin\/"},"uagb_comment_info":1,"uagb_excerpt":"Client: HEID Motion Graphic &#038; Social Media &#8211; 2026 D\u1ef1 \u00e1n thi\u1ebft k\u1ebf social media v\u00e0 motion graphic \u0111\u01b0\u1ee3c ph\u00e1t tri\u1ec3n cho HEID (C\u00f4ng ty C\u1ed5 ph\u1ea7n \u0110\u1ea7u t\u01b0 v\u00e0 Ph\u00e1t tri\u1ec3n Gi\u00e1o d\u1ee5c H\u00e0 N\u1ed9i), v\u1edbi tr\u1ecdng t\u00e2m l\u00e0 truy\u1ec1n t\u1ea3i n\u1ed9i dung gi\u00e1o d\u1ee5c &#8211; bao g\u1ed3m c\u00e1c h\u1ec7 th\u1ed1ng s\u00e1ch gi\u00e1o khoa","_links":{"self":[{"href":"https:\/\/cristpham.com\/en\/wp-json\/wp\/v2\/posts\/1","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=1"}],"version-history":[{"count":34,"href":"https:\/\/cristpham.com\/en\/wp-json\/wp\/v2\/posts\/1\/revisions"}],"predecessor-version":[{"id":846,"href":"https:\/\/cristpham.com\/en\/wp-json\/wp\/v2\/posts\/1\/revisions\/846"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cristpham.com\/en\/wp-json\/wp\/v2\/media\/746"}],"wp:attachment":[{"href":"https:\/\/cristpham.com\/en\/wp-json\/wp\/v2\/media?parent=1"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cristpham.com\/en\/wp-json\/wp\/v2\/categories?post=1"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cristpham.com\/en\/wp-json\/wp\/v2\/tags?post=1"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}