{"id":4906,"date":"2026-10-01T10:40:49","date_gmt":"2026-10-01T10:40:49","guid":{"rendered":"https:\/\/theaclinic.vn\/?page_id=4906"},"modified":"2026-10-01T10:45:47","modified_gmt":"2026-10-01T10:45:47","slug":"ket-qua-thea","status":"publish","type":"page","link":"https:\/\/theaclinic.vn\/?page_id=4906","title":{"rendered":"K\u1ebft Qu\u1ea3 Thea"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4906\" class=\"elementor elementor-4906\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6747b95 e-con-full e-flex e-con e-parent\" data-id=\"6747b95\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d29608c elementor-widget elementor-widget-html\" data-id=\"d29608c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\nTHEA RESULTS V1\nK\u1ebeT QU\u1ea2 TH\u1ef0C T\u1ebe \u00b7 REAL JOURNEYS\nWordPress + Elementor HTML Widget\n\n- Gi\u1eef Header \/ Footer Global hi\u1ec7n t\u1ea1i\n- \u1ea2nh Before \/ After: t\u01b0 li\u1ec7u THEA\n- \u1ea2nh BS & d\u1ecbch v\u1ee5: Thea-BS-lieutri-V00001 \u2192 V00032\n========================================================= -->\n\n<main id=\"thea-results-v1\" class=\"tr1-page\" lang=\"vi\">\n\n\n  <!-- =====================================================\n       01. HERO\n  ====================================================== -->\n  <section class=\"tr1-hero\" id=\"tr1-top\">\n\n    <div class=\"tr1-hero-media\">\n\n      <img\n        src=\"https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-hero-05-trai-nghiem-khach-hang-v001.webp\"\n        alt=\"Tr\u1ea3i nghi\u1ec7m ch\u0103m s\u00f3c t\u1ea1i THEA\"\n        fetchpriority=\"high\"\n        loading=\"eager\"\n        decoding=\"async\"\n      >\n\n    <\/div>\n\n    <div class=\"tr1-hero-overlay\"><\/div>\n\n    <span class=\"tr1-flower tr1-flower-hero-left\"><\/span>\n    <span class=\"tr1-flower tr1-flower-hero-right\"><\/span>\n\n\n    <div class=\"tr1-wrap tr1-hero-inner\">\n\n      <div class=\"tr1-hero-copy tr1-reveal\">\n\n        <span\n          class=\"tr1-kicker\"\n          data-vi=\"THEA RESULTS\"\n          data-en=\"THEA RESULTS\"\n        >\n          THEA RESULTS\n        <\/span>\n\n\n        <h1>\n\n          <span\n            data-vi=\"K\u1ebft qu\u1ea3 th\u1ef1c t\u1ebf.\"\n            data-en=\"Real results.\"\n          >\n            K\u1ebft qu\u1ea3 th\u1ef1c t\u1ebf.\n          <\/span>\n\n          <em\n            data-vi=\"M\u1ed7i h\u00e0nh tr\u00ecnh\"\n            data-en=\"Every journey\"\n          >\n            M\u1ed7i h\u00e0nh tr\u00ecnh\n          <\/em>\n\n          <em\n            data-vi=\"mang m\u1ed9t c\u00e2u chuy\u1ec7n ri\u00eang.\"\n            data-en=\"tells its own story.\"\n          >\n            mang m\u1ed9t c\u00e2u chuy\u1ec7n ri\u00eang.\n          <\/em>\n\n        <\/h1>\n\n\n        <p\n          data-vi=\"M\u1ed7i h\u00ecnh \u1ea3nh ph\u1ea3n \u00e1nh m\u1ed9t t\u00ecnh tr\u1ea1ng, nhu c\u1ea7u v\u00e0 h\u01b0\u1edbng ch\u0103m s\u00f3c ri\u00eang. THEA t\u00f4n tr\u1ecdng s\u1ef1 kh\u00e1c bi\u1ec7t c\u1ee7a t\u1eebng kh\u00e1ch h\u00e0ng v\u00e0 ti\u1ebfp c\u1eadn m\u1ed7i h\u00e0nh tr\u00ecnh theo h\u01b0\u1edbng c\u00e1 nh\u00e2n h\u00f3a.\"\n          data-en=\"Each image reflects an individual condition, concern and care journey. THEA respects individual differences and approaches every journey personally.\"\n        >\n          M\u1ed7i h\u00ecnh \u1ea3nh ph\u1ea3n \u00e1nh m\u1ed9t t\u00ecnh tr\u1ea1ng, nhu c\u1ea7u\n          v\u00e0 h\u01b0\u1edbng ch\u0103m s\u00f3c ri\u00eang. THEA t\u00f4n tr\u1ecdng s\u1ef1 kh\u00e1c bi\u1ec7t\n          c\u1ee7a t\u1eebng kh\u00e1ch h\u00e0ng v\u00e0 ti\u1ebfp c\u1eadn m\u1ed7i h\u00e0nh tr\u00ecnh\n          theo h\u01b0\u1edbng c\u00e1 nh\u00e2n h\u00f3a.\n        <\/p>\n\n\n        <div class=\"tr1-hero-actions\">\n\n          <a href=\"#tr1-gallery\" class=\"tr1-btn tr1-btn-bronze\">\n\n            <span\n              data-vi=\"KH\u00c1M PH\u00c1 K\u1ebeT QU\u1ea2\"\n              data-en=\"EXPLORE RESULTS\"\n            >\n              KH\u00c1M PH\u00c1 K\u1ebeT QU\u1ea2\n            <\/span>\n\n            <span>\u2192<\/span>\n\n          <\/a>\n\n\n          <a\n            href=\"\/lien-he-dat-hen\/\"\n            class=\"tr1-btn tr1-btn-light\"\n          >\n\n            <span\n              data-vi=\"\u0110\u1eb6T H\u1eb8N T\u01af V\u1ea4N\"\n              data-en=\"BOOK A CONSULTATION\"\n            >\n              \u0110\u1eb6T H\u1eb8N T\u01af V\u1ea4N\n            <\/span>\n\n          <\/a>\n\n        <\/div>\n\n\n        <a href=\"#tr1-featured\" class=\"tr1-scroll\">\n\n          <span><\/span>\n\n          <b>SCROLL TO DISCOVER<\/b>\n\n          <i>\u2193<\/i>\n\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- =====================================================\n       02. FILTER NAV\n  ====================================================== -->\n  <section class=\"tr1-filterbar\">\n\n    <div class=\"tr1-wrap\">\n\n      <div\n        class=\"tr1-filter-scroll\"\n        role=\"tablist\"\n        aria-label=\"L\u1ecdc k\u1ebft qu\u1ea3 THEA\"\n      >\n\n        <button\n          class=\"tr1-filter is-active\"\n          type=\"button\"\n          data-filter=\"all\"\n        >\n          <span\n            data-vi=\"T\u1ea4T C\u1ea2\"\n            data-en=\"ALL\"\n          >\n            T\u1ea4T C\u1ea2\n          <\/span>\n        <\/button>\n\n\n        <button\n          class=\"tr1-filter\"\n          type=\"button\"\n          data-filter=\"lifting\"\n        >\n          <span\n            data-vi=\"N\u00c2NG C\u01a0\"\n            data-en=\"LIFTING\"\n          >\n            N\u00c2NG C\u01a0\n          <\/span>\n        <\/button>\n\n\n        <button\n          class=\"tr1-filter\"\n          type=\"button\"\n          data-filter=\"tone\"\n        >\n          <span\n            data-vi=\"S\u1eaeC T\u1ed0\"\n            data-en=\"PIGMENTATION\"\n          >\n            S\u1eaeC T\u1ed0\n          <\/span>\n        <\/button>\n\n\n        <button\n          class=\"tr1-filter\"\n          type=\"button\"\n          data-filter=\"skin\"\n        >\n          <span\n            data-vi=\"L\u00c0N DA\"\n            data-en=\"SKIN\"\n          >\n            L\u00c0N DA\n          <\/span>\n        <\/button>\n\n\n        <button\n          class=\"tr1-filter\"\n          type=\"button\"\n          data-filter=\"rejuvenation\"\n        >\n          <span\n            data-vi=\"TR\u1eba H\u00d3A\"\n            data-en=\"REJUVENATION\"\n          >\n            TR\u1eba H\u00d3A\n          <\/span>\n        <\/button>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- =====================================================\n       03. FEATURED CASE\n  ====================================================== -->\n  <section class=\"tr1-featured\" id=\"tr1-featured\">\n\n    <span class=\"tr1-flower tr1-flower-feature-left\"><\/span>\n    <span class=\"tr1-flower tr1-flower-feature-right\"><\/span>\n\n\n    <div class=\"tr1-wrap tr1-featured-grid\">\n\n\n      <!-- TEXT -->\n      <div class=\"tr1-feature-copy tr1-reveal\">\n\n        <span class=\"tr1-case-label\">\n          CASE 01 \/ FEATURED RESULT\n        <\/span>\n\n        <span\n          class=\"tr1-case-type\"\n          data-vi=\"N\u00c2NG C\u01a0 \u00b7 \u0110\u01af\u1edcNG N\u00c9T\"\n          data-en=\"LIFTING \u00b7 CONTOUR\"\n        >\n          N\u00c2NG C\u01a0 \u00b7 \u0110\u01af\u1edcNG N\u00c9T\n        <\/span>\n\n\n        <h2>\n          Thermage FLX\n        <\/h2>\n\n\n        <p\n          class=\"tr1-feature-lead\"\n          data-vi=\"H\u01b0\u1edbng ch\u0103m s\u00f3c t\u1eadp trung v\u00e0o \u0111\u1ed9 s\u0103n ch\u1eafc v\u00e0 \u0111\u01b0\u1eddng n\u00e9t khu\u00f4n m\u1eb7t.\"\n          data-en=\"Care focused on firmness and facial contour.\"\n        >\n          H\u01b0\u1edbng ch\u0103m s\u00f3c t\u1eadp trung v\u00e0o\n          \u0111\u1ed9 s\u0103n ch\u1eafc v\u00e0 \u0111\u01b0\u1eddng n\u00e9t khu\u00f4n m\u1eb7t.\n        <\/p>\n\n\n        <div class=\"tr1-case-meta\">\n\n          <div>\n\n            <small\n              data-vi=\"M\u1ed0I QUAN T\u00c2M\"\n              data-en=\"CONCERN\"\n            >\n              M\u1ed0I QUAN T\u00c2M\n            <\/small>\n\n            <strong\n              data-vi=\"\u0110\u1ed9 s\u0103n ch\u1eafc \u00b7 \u0111\u01b0\u1eddng n\u00e9t\"\n              data-en=\"Firmness \u00b7 facial contour\"\n            >\n              \u0110\u1ed9 s\u0103n ch\u1eafc \u00b7 \u0111\u01b0\u1eddng n\u00e9t\n            <\/strong>\n\n          <\/div>\n\n\n          <div>\n\n            <small\n              data-vi=\"H\u01af\u1edaNG CH\u0102M S\u00d3C\"\n              data-en=\"CARE DIRECTION\"\n            >\n              H\u01af\u1edaNG CH\u0102M S\u00d3C\n            <\/small>\n\n            <strong>\n              Thermage FLX\n            <\/strong>\n\n          <\/div>\n\n\n          <div>\n\n            <small\n              data-vi=\"H\u00ccNH \u1ea2NH\"\n              data-en=\"IMAGE\"\n            >\n              H\u00ccNH \u1ea2NH\n            <\/small>\n\n            <strong\n              data-vi=\"T\u01b0 li\u1ec7u THEA\"\n              data-en=\"THEA archive\"\n            >\n              T\u01b0 li\u1ec7u THEA\n            <\/strong>\n\n          <\/div>\n\n        <\/div>\n\n\n        <button\n          type=\"button\"\n          class=\"tr1-outline-btn\"\n          data-open-result=\"featured\"\n        >\n\n          <span\n            data-vi=\"XEM \u1ea2NH \u0110\u1ea6Y \u0110\u1ee6\"\n            data-en=\"VIEW FULL IMAGE\"\n          >\n            XEM \u1ea2NH \u0110\u1ea6Y \u0110\u1ee6\n          <\/span>\n\n          \u2192\n\n        <\/button>\n\n      <\/div>\n\n\n      <!-- IMAGE -->\n      <button\n        type=\"button\"\n        class=\"tr1-feature-image tr1-reveal\"\n        data-open-result=\"featured\"\n        aria-label=\"Xem h\u00ecnh \u1ea3nh Thermage FLX\"\n      >\n\n        <img\n          src=\"https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-before-after-case-041-thermage-flx-v001.webp\"\n          alt=\"H\u00ecnh \u1ea3nh tr\u01b0\u1edbc v\u00e0 sau Thermage FLX - t\u01b0 li\u1ec7u THEA\"\n          loading=\"eager\"\n          decoding=\"async\"\n        >\n\n        <span class=\"tr1-view\">\n          +\n        <\/span>\n\n      <\/button>\n\n\n      <!-- NOTE -->\n      <aside class=\"tr1-feature-note tr1-reveal\">\n\n        <div>\n\n          <span class=\"tr1-note-icon\">\n            01\n          <\/span>\n\n          <div>\n\n            <small\n              data-vi=\"C\u00c1 NH\u00c2N H\u00d3A\"\n              data-en=\"PERSONALISED\"\n            >\n              C\u00c1 NH\u00c2N H\u00d3A\n            <\/small>\n\n            <p\n              data-vi=\"H\u01b0\u1edbng ch\u0103m s\u00f3c \u0111\u01b0\u1ee3c trao \u0111\u1ed5i theo t\u00ecnh tr\u1ea1ng th\u1ef1c t\u1ebf.\"\n              data-en=\"Care direction is discussed according to the individual condition.\"\n            >\n              H\u01b0\u1edbng ch\u0103m s\u00f3c \u0111\u01b0\u1ee3c trao \u0111\u1ed5i\n              theo t\u00ecnh tr\u1ea1ng th\u1ef1c t\u1ebf.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div>\n\n          <span class=\"tr1-note-icon\">\n            02\n          <\/span>\n\n          <div>\n\n            <small\n              data-vi=\"T\u01af LI\u1ec6U\"\n              data-en=\"ARCHIVE\"\n            >\n              T\u01af LI\u1ec6U\n            <\/small>\n\n            <p\n              data-vi=\"H\u00ecnh \u1ea3nh t\u1eeb kho t\u01b0 li\u1ec7u THEA.\"\n              data-en=\"Image from THEA's archive.\"\n            >\n              H\u00ecnh \u1ea3nh t\u1eeb kho t\u01b0 li\u1ec7u THEA.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n\n        <p\n          class=\"tr1-disclaimer\"\n          data-vi=\"K\u1ebft qu\u1ea3 th\u1ef1c t\u1ebf c\u00f3 th\u1ec3 kh\u00e1c nhau t\u00f9y t\u00ecnh tr\u1ea1ng, c\u01a1 \u0111\u1ecba v\u00e0 h\u01b0\u1edbng ch\u0103m s\u00f3c c\u1ee7a t\u1eebng kh\u00e1ch h\u00e0ng.\"\n          data-en=\"Actual results may vary according to individual condition, physiology and care plan.\"\n        >\n          K\u1ebft qu\u1ea3 th\u1ef1c t\u1ebf c\u00f3 th\u1ec3 kh\u00e1c nhau t\u00f9y t\u00ecnh tr\u1ea1ng,\n          c\u01a1 \u0111\u1ecba v\u00e0 h\u01b0\u1edbng ch\u0103m s\u00f3c c\u1ee7a t\u1eebng kh\u00e1ch h\u00e0ng.\n        <\/p>\n\n      <\/aside>\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- =====================================================\n       04. RESULTS GALLERY\n  ====================================================== -->\n  <section class=\"tr1-gallery-section\" id=\"tr1-gallery\">\n\n    <div class=\"tr1-wrap\">\n\n      <header class=\"tr1-heading tr1-reveal\">\n\n        <div>\n\n          <span\n            class=\"tr1-kicker\"\n            data-vi=\"C\u00c1C K\u1ebeT QU\u1ea2 N\u1ed4I B\u1eacT\"\n            data-en=\"FEATURED RESULTS\"\n          >\n            C\u00c1C K\u1ebeT QU\u1ea2 N\u1ed4I B\u1eacT\n          <\/span>\n\n          <h2\n            data-vi=\"Nh\u1eefng h\u00e0nh tr\u00ecnh \u0111\u01b0\u1ee3c ghi l\u1ea1i.\"\n            data-en=\"Journeys captured in images.\"\n          >\n            Nh\u1eefng h\u00e0nh tr\u00ecnh \u0111\u01b0\u1ee3c ghi l\u1ea1i.\n          <\/h2>\n\n        <\/div>\n\n\n        <p\n          data-vi=\"Ch\u1ecdn t\u1eebng nh\u00f3m \u0111\u1ec3 xem c\u00e1c h\u00ecnh \u1ea3nh Before \/ After trong kho t\u01b0 li\u1ec7u THEA.\"\n          data-en=\"Choose a category to explore Before \/ After images from THEA's archive.\"\n        >\n          Ch\u1ecdn t\u1eebng nh\u00f3m \u0111\u1ec3 xem c\u00e1c h\u00ecnh \u1ea3nh Before \/ After\n          trong kho t\u01b0 li\u1ec7u THEA.\n        <\/p>\n\n      <\/header>\n\n\n      <div\n        class=\"tr1-results-grid\"\n        id=\"tr1-results-grid\"\n      ><\/div>\n\n\n      <div class=\"tr1-gallery-actions\">\n\n        <button\n          type=\"button\"\n          class=\"tr1-load-more\"\n          id=\"tr1-load-more\"\n        >\n\n          <span\n            data-vi=\"XEM TH\u00caM K\u1ebeT QU\u1ea2\"\n            data-en=\"VIEW MORE RESULTS\"\n          >\n            XEM TH\u00caM K\u1ebeT QU\u1ea2\n          <\/span>\n\n          <span>\u2193<\/span>\n\n        <\/button>\n\n      <\/div>\n\n\n      <p\n        class=\"tr1-gallery-note\"\n        data-vi=\"H\u00ecnh \u1ea3nh \u0111\u01b0\u1ee3c tr\u00ecnh b\u00e0y theo t\u01b0 li\u1ec7u THEA. K\u1ebft qu\u1ea3 \u1edf m\u1ed7i ng\u01b0\u1eddi c\u00f3 th\u1ec3 kh\u00e1c nhau.\"\n        data-en=\"Images are presented from THEA's archive. Individual results may vary.\"\n      >\n        H\u00ecnh \u1ea3nh \u0111\u01b0\u1ee3c tr\u00ecnh b\u00e0y theo t\u01b0 li\u1ec7u THEA.\n        K\u1ebft qu\u1ea3 \u1edf m\u1ed7i ng\u01b0\u1eddi c\u00f3 th\u1ec3 kh\u00e1c nhau.\n      <\/p>\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- =====================================================\n       05. CASE JOURNEYS\n  ====================================================== -->\n  <section class=\"tr1-journeys\">\n\n    <span class=\"tr1-flower tr1-flower-journey-left\"><\/span>\n\n\n    <div class=\"tr1-wrap\">\n\n      <header class=\"tr1-heading tr1-heading-left tr1-reveal\">\n\n        <div>\n\n          <span\n            class=\"tr1-kicker\"\n            data-vi=\"H\u00c0NH TR\u00ccNH TH\u1ef0C T\u1ebe\"\n            data-en=\"REAL JOURNEYS\"\n          >\n            H\u00c0NH TR\u00ccNH TH\u1ef0C T\u1ebe\n          <\/span>\n\n          <h2\n            data-vi=\"M\u1ed7i t\u00ecnh tr\u1ea1ng l\u00e0 m\u1ed9t c\u00e2u chuy\u1ec7n ri\u00eang.\"\n            data-en=\"Every concern has its own story.\"\n          >\n            M\u1ed7i t\u00ecnh tr\u1ea1ng l\u00e0 m\u1ed9t\n            c\u00e2u chuy\u1ec7n ri\u00eang.\n          <\/h2>\n\n        <\/div>\n\n      <\/header>\n\n\n\n      <!-- CASE BBL -->\n      <article class=\"tr1-journey-card tr1-reveal\">\n\n        <button\n          type=\"button\"\n          class=\"tr1-journey-image\"\n          data-case-src=\"https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-before-after-case-035-laser-bbl-collagen-v001.webp\"\n          data-case-title=\"Laser \u00b7 BBL\"\n        >\n\n          <img\n            src=\"https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-before-after-case-035-laser-bbl-collagen-v001.webp\"\n            alt=\"H\u00ecnh \u1ea3nh tr\u01b0\u1edbc v\u00e0 sau Laser BBL - t\u01b0 li\u1ec7u THEA\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n\n          <span>+<\/span>\n\n        <\/button>\n\n\n        <div class=\"tr1-journey-copy\">\n\n          <span class=\"tr1-case-label\">\n            CASE 02\n          <\/span>\n\n          <span class=\"tr1-case-type\">\n            SKIN \u00b7 TONE\n          <\/span>\n\n          <h3>\n            Laser \u00b7 BBL\n          <\/h3>\n\n          <h4\n            data-vi=\"H\u01b0\u1edbng \u0111\u1ebfn l\u00e0n da \u0111\u1ec1u m\u00e0u h\u01a1n.\"\n            data-en=\"Towards a more even-looking complexion.\"\n          >\n            H\u01b0\u1edbng \u0111\u1ebfn l\u00e0n da\n            \u0111\u1ec1u m\u00e0u h\u01a1n.\n          <\/h4>\n\n          <p\n            data-vi=\"H\u01b0\u1edbng ch\u0103m s\u00f3c \u0111\u01b0\u1ee3c x\u00e2y d\u1ef1ng theo t\u00ecnh tr\u1ea1ng s\u1eafc t\u1ed1 v\u00e0 b\u1ec1 m\u1eb7t da t\u1ea1i th\u1eddi \u0111i\u1ec3m t\u01b0 v\u1ea5n.\"\n            data-en=\"The care direction is shaped according to pigmentation and skin surface concerns assessed during consultation.\"\n          >\n            H\u01b0\u1edbng ch\u0103m s\u00f3c \u0111\u01b0\u1ee3c x\u00e2y d\u1ef1ng theo t\u00ecnh tr\u1ea1ng\n            s\u1eafc t\u1ed1 v\u00e0 b\u1ec1 m\u1eb7t da t\u1ea1i th\u1eddi \u0111i\u1ec3m t\u01b0 v\u1ea5n.\n          <\/p>\n\n          <button\n            type=\"button\"\n            class=\"tr1-text-btn\"\n            data-case-src=\"https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-before-after-case-035-laser-bbl-collagen-v001.webp\"\n            data-case-title=\"Laser \u00b7 BBL\"\n          >\n\n            <span\n              data-vi=\"XEM H\u00ccNH \u1ea2NH\"\n              data-en=\"VIEW IMAGE\"\n            >\n              XEM H\u00ccNH \u1ea2NH\n            <\/span>\n\n            \u2192\n\n          <\/button>\n\n        <\/div>\n\n      <\/article>\n\n\n\n      <!-- CASE PROFHILO -->\n      <article class=\"tr1-journey-card tr1-journey-card-reverse tr1-reveal\">\n\n        <div class=\"tr1-journey-copy\">\n\n          <span class=\"tr1-case-label\">\n            CASE 03\n          <\/span>\n\n          <span class=\"tr1-case-type\">\n            SKIN \u00b7 REJUVENATION\n          <\/span>\n\n          <h3>\n            Profhilo\n          <\/h3>\n\n          <h4\n            data-vi=\"Ch\u0103m s\u00f3c \u0111\u1ed9 \u1ea9m v\u00e0 b\u1ec1 m\u1eb7t da.\"\n            data-en=\"Care focused on hydration and skin quality.\"\n          >\n            Ch\u0103m s\u00f3c \u0111\u1ed9 \u1ea9m\n            v\u00e0 b\u1ec1 m\u1eb7t da.\n          <\/h4>\n\n          <p\n            data-vi=\"M\u1ed7i h\u01b0\u1edbng ch\u0103m s\u00f3c \u0111\u01b0\u1ee3c trao \u0111\u1ed5i d\u1ef1a tr\u00ean t\u00ecnh tr\u1ea1ng l\u00e0n da, nhu c\u1ea7u v\u00e0 k\u1ef3 v\u1ecdng th\u1ef1c t\u1ebf c\u1ee7a t\u1eebng kh\u00e1ch h\u00e0ng.\"\n            data-en=\"Each care direction is discussed based on individual skin condition, concerns and realistic expectations.\"\n          >\n            M\u1ed7i h\u01b0\u1edbng ch\u0103m s\u00f3c \u0111\u01b0\u1ee3c trao \u0111\u1ed5i d\u1ef1a tr\u00ean\n            t\u00ecnh tr\u1ea1ng l\u00e0n da, nhu c\u1ea7u v\u00e0 k\u1ef3 v\u1ecdng th\u1ef1c t\u1ebf\n            c\u1ee7a t\u1eebng kh\u00e1ch h\u00e0ng.\n          <\/p>\n\n          <button\n            type=\"button\"\n            class=\"tr1-text-btn\"\n            data-case-src=\"https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-before-after-case-044-profhilo-chinh-dien-v001.webp\"\n            data-case-title=\"Profhilo\"\n          >\n\n            <span\n              data-vi=\"XEM H\u00ccNH \u1ea2NH\"\n              data-en=\"VIEW IMAGE\"\n            >\n              XEM H\u00ccNH \u1ea2NH\n            <\/span>\n\n            \u2192\n\n          <\/button>\n\n        <\/div>\n\n\n        <button\n          type=\"button\"\n          class=\"tr1-journey-image\"\n          data-case-src=\"https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-before-after-case-044-profhilo-chinh-dien-v001.webp\"\n          data-case-title=\"Profhilo\"\n        >\n\n          <img\n            src=\"https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-before-after-case-044-profhilo-chinh-dien-v001.webp\"\n            alt=\"H\u00ecnh \u1ea3nh tr\u01b0\u1edbc v\u00e0 sau Profhilo - t\u01b0 li\u1ec7u THEA\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n\n          <span>+<\/span>\n\n        <\/button>\n\n      <\/article>\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- =====================================================\n       06. PROFESSIONAL \/ SERVICE ARCHIVE\n  ====================================================== -->\n  <section class=\"tr1-professional\" id=\"tr1-professional\">\n\n    <div class=\"tr1-wrap\">\n\n      <header class=\"tr1-heading tr1-reveal\">\n\n        <div>\n\n          <span\n            class=\"tr1-kicker\"\n            data-vi=\"THEA BEHIND THE JOURNEY\"\n            data-en=\"THEA BEHIND THE JOURNEY\"\n          >\n            THEA BEHIND THE JOURNEY\n          <\/span>\n\n          <h2\n            data-vi=\"\u0110\u1ed9i ng\u0169 & nh\u1eefng kho\u1ea3nh kh\u1eafc ch\u0103m s\u00f3c.\"\n            data-en=\"The team & moments of care.\"\n          >\n            \u0110\u1ed9i ng\u0169 & nh\u1eefng\n            kho\u1ea3nh kh\u1eafc ch\u0103m s\u00f3c.\n          <\/h2>\n\n        <\/div>\n\n\n        <p\n          data-vi=\"B\u1ed9 h\u00ecnh \u1ea3nh th\u1ef1c t\u1ebf ghi l\u1ea1i \u0111\u1ed9i ng\u0169, ho\u1ea1t \u0111\u1ed9ng chuy\u00ean m\u00f4n v\u00e0 tr\u1ea3i nghi\u1ec7m t\u1ea1i THEA.\"\n          data-en=\"Real imagery documenting the team, professional activities and experiences at THEA.\"\n        >\n          B\u1ed9 h\u00ecnh \u1ea3nh th\u1ef1c t\u1ebf ghi l\u1ea1i \u0111\u1ed9i ng\u0169,\n          ho\u1ea1t \u0111\u1ed9ng chuy\u00ean m\u00f4n v\u00e0 tr\u1ea3i nghi\u1ec7m t\u1ea1i THEA.\n        <\/p>\n\n      <\/header>\n\n\n      <div\n        class=\"tr1-prof-grid\"\n        id=\"tr1-prof-grid\"\n      ><\/div>\n\n\n      <div class=\"tr1-gallery-actions\">\n\n        <button\n          type=\"button\"\n          class=\"tr1-load-more\"\n          id=\"tr1-prof-more\"\n        >\n\n          <span\n            data-vi=\"XEM TH\u00caM H\u00ccNH \u1ea2NH\"\n            data-en=\"VIEW MORE IMAGES\"\n          >\n            XEM TH\u00caM H\u00ccNH \u1ea2NH\n          <\/span>\n\n          \u2193\n\n        <\/button>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- =====================================================\n       07. THEA APPROACH\n  ====================================================== -->\n  <section class=\"tr1-approach\">\n\n    <div class=\"tr1-wrap\">\n\n      <header class=\"tr1-section-center tr1-reveal\">\n\n        <span\n          class=\"tr1-kicker\"\n          data-vi=\"THEA APPROACH\"\n          data-en=\"THEA APPROACH\"\n        >\n          THEA APPROACH\n        <\/span>\n\n        <h2\n          data-vi=\"M\u1ed9t k\u1ebft qu\u1ea3 \u0111\u1eb9p b\u1eaft \u0111\u1ea7u t\u1eeb s\u1ef1 ph\u00f9 h\u1ee3p.\"\n          data-en=\"A beautiful result begins with the right approach.\"\n        >\n          M\u1ed9t k\u1ebft qu\u1ea3 \u0111\u1eb9p b\u1eaft \u0111\u1ea7u\n          t\u1eeb s\u1ef1 ph\u00f9 h\u1ee3p.\n        <\/h2>\n\n      <\/header>\n\n\n      <div class=\"tr1-values-grid\">\n\n        <article class=\"tr1-value tr1-reveal\">\n\n          <span>\n            01\n          <\/span>\n\n          <h3\n            data-vi=\"L\u1eafng nghe nhu c\u1ea7u\"\n            data-en=\"Understanding your needs\"\n          >\n            L\u1eafng nghe nhu c\u1ea7u\n          <\/h3>\n\n          <p\n            data-vi=\"B\u1eaft \u0111\u1ea7u t\u1eeb \u0111i\u1ec1u kh\u00e1ch h\u00e0ng th\u1ef1c s\u1ef1 quan t\u00e2m.\"\n            data-en=\"Beginning with what truly matters to each client.\"\n          >\n            B\u1eaft \u0111\u1ea7u t\u1eeb \u0111i\u1ec1u kh\u00e1ch h\u00e0ng\n            th\u1ef1c s\u1ef1 quan t\u00e2m.\n          <\/p>\n\n        <\/article>\n\n\n        <article class=\"tr1-value tr1-reveal\">\n\n          <span>\n            02\n          <\/span>\n\n          <h3\n            data-vi=\"H\u01b0\u1edbng ch\u0103m s\u00f3c c\u00e1 nh\u00e2n h\u00f3a\"\n            data-en=\"Personalised care direction\"\n          >\n            H\u01b0\u1edbng ch\u0103m s\u00f3c c\u00e1 nh\u00e2n h\u00f3a\n          <\/h3>\n\n          <p\n            data-vi=\"\u0110\u01b0\u1ee3c trao \u0111\u1ed5i theo t\u00ecnh tr\u1ea1ng v\u00e0 nhu c\u1ea7u ri\u00eang.\"\n            data-en=\"Discussed according to individual condition and concerns.\"\n          >\n            \u0110\u01b0\u1ee3c trao \u0111\u1ed5i theo\n            t\u00ecnh tr\u1ea1ng v\u00e0 nhu c\u1ea7u ri\u00eang.\n          <\/p>\n\n        <\/article>\n\n\n        <article class=\"tr1-value tr1-reveal\">\n\n          <span>\n            03\n          <\/span>\n\n          <h3\n            data-vi=\"Kh\u00f4ng gian ri\u00eang t\u01b0\"\n            data-en=\"Private environment\"\n          >\n            Kh\u00f4ng gian ri\u00eang t\u01b0\n          <\/h3>\n\n          <p\n            data-vi=\"T\u1ea1o kho\u1ea3ng th\u1eddi gian nh\u1eb9 nh\u00e0ng cho m\u1ed7i h\u00e0nh tr\u00ecnh.\"\n            data-en=\"Creating a calm space for every journey.\"\n          >\n            T\u1ea1o kho\u1ea3ng th\u1eddi gian nh\u1eb9 nh\u00e0ng\n            cho m\u1ed7i h\u00e0nh tr\u00ecnh.\n          <\/p>\n\n        <\/article>\n\n\n        <article class=\"tr1-value tr1-reveal\">\n\n          <span>\n            04\n          <\/span>\n\n          <h3\n            data-vi=\"Theo d\u00f5i & h\u01b0\u1edbng d\u1eabn\"\n            data-en=\"Guidance & follow-up\"\n          >\n            Theo d\u00f5i & h\u01b0\u1edbng d\u1eabn\n          <\/h3>\n\n          <p\n            data-vi=\"H\u1ed7 tr\u1ee3 duy tr\u00ec routine ch\u0103m s\u00f3c ph\u00f9 h\u1ee3p sau m\u1ed7i bu\u1ed5i h\u1eb9n.\"\n            data-en=\"Supporting an appropriate care routine beyond each visit.\"\n          >\n            H\u1ed7 tr\u1ee3 duy tr\u00ec routine ch\u0103m s\u00f3c ph\u00f9 h\u1ee3p\n            sau m\u1ed7i bu\u1ed5i h\u1eb9n.\n          <\/p>\n\n        <\/article>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- =====================================================\n       08. FINAL CTA\n  ====================================================== -->\n  <section class=\"tr1-final\">\n\n    <div class=\"tr1-final-bg\">\n\n      <img\n        src=\"https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-03-pura-spa-minh-hoa-media-v001.webp\"\n        alt=\"\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      >\n\n    <\/div>\n\n    <div class=\"tr1-final-overlay\"><\/div>\n\n    <span class=\"tr1-final-flower\"><\/span>\n\n\n    <div class=\"tr1-wrap tr1-final-inner tr1-reveal\">\n\n      <div>\n\n        <span class=\"tr1-final-label\">\n          BEAUTY \u00b7 WELLNESS \u00b7 SOUL\n        <\/span>\n\n        <h2\n          data-vi=\"K\u1ebft qu\u1ea3 ph\u00f9 h\u1ee3p b\u1eaft \u0111\u1ea7u t\u1eeb m\u1ed9t h\u01b0\u1edbng ch\u0103m s\u00f3c ph\u00f9 h\u1ee3p.\"\n          data-en=\"A suitable result begins with the right care direction.\"\n        >\n          K\u1ebft qu\u1ea3 ph\u00f9 h\u1ee3p b\u1eaft \u0111\u1ea7u t\u1eeb\n          m\u1ed9t h\u01b0\u1edbng ch\u0103m s\u00f3c ph\u00f9 h\u1ee3p.\n        <\/h2>\n\n        <p\n          data-vi=\"Chia s\u1ebb \u0111i\u1ec1u b\u1ea1n \u0111ang quan t\u00e2m c\u00f9ng THEA.\"\n          data-en=\"Share what matters to you with THEA.\"\n        >\n          Chia s\u1ebb \u0111i\u1ec1u b\u1ea1n \u0111ang quan t\u00e2m c\u00f9ng THEA.\n        <\/p>\n\n      <\/div>\n\n\n      <a\n        href=\"\/lien-he-dat-hen\/\"\n        class=\"tr1-btn tr1-btn-gold\"\n      >\n\n        <span\n          data-vi=\"\u0110\u1eb6T L\u1ecaCH T\u01af V\u1ea4N\"\n          data-en=\"BOOK A CONSULTATION\"\n        >\n          \u0110\u1eb6T L\u1ecaCH T\u01af V\u1ea4N\n        <\/span>\n\n        \u2192\n\n      <\/a>\n\n    <\/div>\n\n  <\/section>\n\n\n\n  <!-- =====================================================\n       LIGHTBOX\n  ====================================================== -->\n  <div\n    class=\"tr1-lightbox\"\n    id=\"tr1-lightbox\"\n    aria-hidden=\"true\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n  >\n\n    <div class=\"tr1-lightbox-inner\">\n\n      <button\n        type=\"button\"\n        class=\"tr1-lightbox-close\"\n        aria-label=\"\u0110\u00f3ng\"\n      >\n        \u00d7\n      <\/button>\n\n\n      <div class=\"tr1-lightbox-media\">\n\n        <img decoding=\"async\"\n          src=\"\"\n          alt=\"\"\n          id=\"tr1-lightbox-img\"\n        >\n\n      <\/div>\n\n\n      <div class=\"tr1-lightbox-caption\">\n\n        <span>\n          THEA \u00b7 REAL JOURNEY\n        <\/span>\n\n        <h3 id=\"tr1-lightbox-title\">\n          THEA\n        <\/h3>\n\n        <p\n          data-vi=\"H\u00ecnh \u1ea3nh t\u1eeb t\u01b0 li\u1ec7u THEA. K\u1ebft qu\u1ea3 th\u1ef1c t\u1ebf c\u00f3 th\u1ec3 kh\u00e1c nhau t\u00f9y t\u00ecnh tr\u1ea1ng v\u00e0 h\u01b0\u1edbng ch\u0103m s\u00f3c c\u1ee7a t\u1eebng kh\u00e1ch h\u00e0ng.\"\n          data-en=\"Image from THEA's archive. Individual results may vary according to condition and care direction.\"\n        >\n          H\u00ecnh \u1ea3nh t\u1eeb t\u01b0 li\u1ec7u THEA.\n          K\u1ebft qu\u1ea3 th\u1ef1c t\u1ebf c\u00f3 th\u1ec3 kh\u00e1c nhau t\u00f9y t\u00ecnh tr\u1ea1ng\n          v\u00e0 h\u01b0\u1edbng ch\u0103m s\u00f3c c\u1ee7a t\u1eebng kh\u00e1ch h\u00e0ng.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n\n\n  <!-- MOBILE CTA -->\n  <div class=\"tr1-mobile-bar\">\n\n    <a href=\"#tr1-gallery\">\n\n      <span\n        data-vi=\"XEM K\u1ebeT QU\u1ea2\"\n        data-en=\"VIEW RESULTS\"\n      >\n        XEM K\u1ebeT QU\u1ea2\n      <\/span>\n\n    <\/a>\n\n\n    <a href=\"\/lien-he-dat-hen\/\">\n\n      <span\n        data-vi=\"\u0110\u1eb6T H\u1eb8N\"\n        data-en=\"BOOK NOW\"\n      >\n        \u0110\u1eb6T H\u1eb8N\n      <\/span>\n\n      \u2192\n\n    <\/a>\n\n  <\/div>\n\n\n<\/main>\n\n\n\n<style>\n\n\/* =========================================================\n   THEA RESULTS V1\n========================================================= *\/\n\n#thea-results-v1{\n\n  --tr-navy:#172A55;\n  --tr-deep:#101C38;\n\n  --tr-bronze:#B56F35;\n  --tr-bronze-dark:#87502B;\n  --tr-gold:#D4A16D;\n\n  --tr-ivory:#F4EFE9;\n  --tr-paper:#FCFAF7;\n  --tr-white:#FFFFFF;\n\n  --tr-text:#59616F;\n  --tr-soft:#85817C;\n\n  --tr-line:#DED2C7;\n\n  --tr-shadow:\n  0 15px 45px\n  rgba(16,28,56,.075);\n\n  --tr-shadow-lg:\n  0 30px 80px\n  rgba(16,28,56,.14);\n\n  --tr-max:1380px;\n\n  width:100%;\n\n  overflow:hidden;\n\n  background:\n  var(--tr-paper);\n\n  color:\n  var(--tr-navy);\n\n  font-family:\n  \"Be Vietnam Pro\",\n  Arial,\n  sans-serif;\n\n  line-height:1.65;\n\n  -webkit-font-smoothing:\n  antialiased;\n\n  text-rendering:\n  optimizeLegibility;\n}\n\n\n#thea-results-v1,\n#thea-results-v1 *,\n#thea-results-v1 *::before,\n#thea-results-v1 *::after{\n\n  box-sizing:border-box;\n\n}\n\n\n#thea-results-v1 :is(\nh1,h2,h3,h4,p,figure\n){\n\n  margin:0;\n\n}\n\n\n#thea-results-v1 img{\n\n  display:block;\n\n  width:100%;\n\n}\n\n\n#thea-results-v1 button,\n#thea-results-v1 a{\n\n  font:inherit;\n\n}\n\n\n#thea-results-v1 button{\n\n  cursor:pointer;\n\n}\n\n\n#thea-results-v1 a{\n\n  color:inherit;\n\n  text-decoration:none;\n\n}\n\n\n#thea-results-v1 section[id]{\n\n  scroll-margin-top:100px;\n\n}\n\n\n.tr1-wrap{\n\n  position:relative;\n\n  z-index:5;\n\n  width:min(\n    var(--tr-max),\n    calc(100% - 90px)\n  );\n\n  margin-inline:auto;\n\n}\n\n\n\n\/* =========================================================\n   COMMON\n========================================================= *\/\n\n.tr1-kicker{\n\n  display:inline-flex;\n\n  align-items:center;\n\n  gap:11px;\n\n  color:\n  var(--tr-bronze);\n\n  font-size:9px;\n\n  font-weight:700;\n\n  letter-spacing:.22em;\n\n  text-transform:uppercase;\n\n}\n\n\n.tr1-kicker::before{\n\n  content:\"\";\n\n  width:31px;\n\n  height:1px;\n\n  background:\n  currentColor;\n\n}\n\n\n.tr1-btn{\n\n  min-height:50px;\n\n  padding:\n  0 25px;\n\n  display:inline-flex;\n\n  align-items:center;\n\n  justify-content:center;\n\n  gap:13px;\n\n  border-radius:999px;\n\n  border:\n  1px solid transparent;\n\n  font-size:9px;\n\n  font-weight:700;\n\n  letter-spacing:.105em;\n\n  text-transform:uppercase;\n\n  transition:\n  transform .25s ease,\n  box-shadow .25s ease,\n  background .25s ease;\n\n}\n\n\n.tr1-btn:hover{\n\n  transform:\n  translateY(-2px);\n\n}\n\n\n.tr1-btn-bronze{\n\n  color:#fff;\n\n  background:\n  linear-gradient(\n    135deg,\n    #C6894E,\n    #9C5C2C\n  );\n\n  box-shadow:\n  0 13px 30px\n  rgba(181,111,53,.19);\n\n}\n\n\n.tr1-btn-light{\n\n  color:\n  var(--tr-navy);\n\n  background:\n  rgba(255,255,255,.87);\n\n  border-color:\n  var(--tr-line);\n\n}\n\n\n.tr1-btn-gold{\n\n  color:\n  var(--tr-deep);\n\n  background:\n  var(--tr-gold);\n\n}\n\n\n\n\/* =========================================================\n   FLOWERS\n========================================================= *\/\n\n.tr1-flower{\n\n  position:absolute;\n\n  display:block;\n\n  pointer-events:none;\n\n  background-repeat:no-repeat;\n\n  background-position:center;\n\n  background-size:contain;\n\n}\n\n\n.tr1-flower-hero-left{\n\n  width:300px;\n\n  height:370px;\n\n  left:-85px;\n\n  bottom:-35px;\n\n  z-index:2;\n\n  opacity:.46;\n\n  background-image:\n  url(\"https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-flower-corner-bottom-left-v001.png\");\n\n}\n\n\n.tr1-flower-hero-right{\n\n  width:270px;\n\n  height:350px;\n\n  right:-55px;\n\n  top:-30px;\n\n  z-index:2;\n\n  opacity:.43;\n\n  background-image:\n  url(\"https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-flower-corner-top-right-v001.png\");\n\n}\n\n\n.tr1-flower-feature-left{\n\n  width:190px;\n\n  height:380px;\n\n  left:-70px;\n\n  bottom:0;\n\n  opacity:.18;\n\n  background-image:\n  url(\"https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-flower-side-left-v001.png\");\n\n}\n\n\n.tr1-flower-feature-right{\n\n  width:210px;\n\n  height:300px;\n\n  right:-60px;\n\n  top:-25px;\n\n  opacity:.20;\n\n  background-image:\n  url(\"https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-flower-corner-top-right-v001.png\");\n\n}\n\n\n.tr1-flower-journey-left{\n\n  width:215px;\n\n  height:320px;\n\n  left:-75px;\n\n  bottom:5%;\n\n  opacity:.18;\n\n  background-image:\n  url(\"https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-flower-side-left-v001.png\");\n\n}\n\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.tr1-hero{\n\n  position:relative;\n\n  min-height:650px;\n\n  display:flex;\n\n  align-items:center;\n\n  overflow:hidden;\n\n  background:\n  var(--tr-ivory);\n\n}\n\n\n.tr1-hero-media{\n\n  position:absolute;\n\n  inset:0;\n\n}\n\n\n.tr1-hero-media img{\n\n  width:100%;\n\n  height:100%;\n\n  object-fit:cover;\n\n  object-position:\n  70% center;\n\n}\n\n\n.tr1-hero-overlay{\n\n  position:absolute;\n\n  inset:0;\n\n  z-index:1;\n\n  background:\n  linear-gradient(\n    90deg,\n    rgba(252,250,247,.99) 0%,\n    rgba(252,250,247,.95) 30%,\n    rgba(252,250,247,.73) 47%,\n    rgba(252,250,247,.20) 72%,\n    rgba(252,250,247,.02) 100%\n  );\n\n}\n\n\n.tr1-hero-inner{\n\n  min-height:650px;\n\n  display:flex;\n\n  align-items:center;\n\n}\n\n\n.tr1-hero-copy{\n\n  position:relative;\n\n  z-index:5;\n\n  max-width:720px;\n\n  padding:\n  80px 0;\n\n}\n\n\n.tr1-hero-copy h1{\n\n  margin-top:15px!important;\n\n  color:\n  var(--tr-navy);\n\n  font:\n  500\n  clamp(58px,5.6vw,88px)\/.94\n  \"Cormorant Garamond\",\n  Georgia,\n  serif;\n\n  letter-spacing:-.038em;\n\n}\n\n\n.tr1-hero-copy h1 span,\n.tr1-hero-copy h1 em{\n\n  display:block;\n\n}\n\n\n.tr1-hero-copy h1 em{\n\n  color:\n  var(--tr-bronze);\n\n  font-style:italic;\n\n  font-weight:400;\n\n}\n\n\n.tr1-hero-copy>p{\n\n  max-width:570px;\n\n  margin-top:25px!important;\n\n  color:\n  var(--tr-text);\n\n  font-size:14px;\n\n  line-height:1.86;\n\n}\n\n\n.tr1-hero-actions{\n\n  display:flex;\n\n  flex-wrap:wrap;\n\n  gap:11px;\n\n  margin-top:30px;\n\n}\n\n\n.tr1-scroll{\n\n  display:inline-flex;\n\n  align-items:center;\n\n  gap:11px;\n\n  margin-top:34px;\n\n  color:\n  var(--tr-navy);\n\n  font-size:8px;\n\n  letter-spacing:.18em;\n\n}\n\n\n.tr1-scroll>span{\n\n  width:44px;\n\n  height:1px;\n\n  background:\n  var(--tr-bronze);\n\n}\n\n\n.tr1-scroll i{\n\n  color:\n  var(--tr-bronze);\n\n  font-style:normal;\n\n}\n\n\n\n\/* =========================================================\n   FILTER\n========================================================= *\/\n\n.tr1-filterbar{\n\n  position:relative;\n\n  z-index:50;\n\n  background:\n  rgba(252,250,247,.98);\n\n  border-top:\n  1px solid\n  var(--tr-line);\n\n  border-bottom:\n  1px solid\n  var(--tr-line);\n\n}\n\n\n.tr1-filter-scroll{\n\n  display:flex;\n\n  justify-content:center;\n\n  gap:50px;\n\n  overflow-x:auto;\n\n  scrollbar-width:none;\n\n}\n\n\n.tr1-filter-scroll::-webkit-scrollbar{\n\n  display:none;\n\n}\n\n\n.tr1-filter{\n\n  position:relative;\n\n  min-height:72px;\n\n  flex-shrink:0;\n\n  padding:\n  0 5px;\n\n  border:0;\n\n  background:transparent;\n\n  color:\n  var(--tr-navy);\n\n  font-size:9px;\n\n  font-weight:700;\n\n  letter-spacing:.12em;\n\n}\n\n\n.tr1-filter::after{\n\n  content:\"\";\n\n  position:absolute;\n\n  left:0;\n\n  right:0;\n\n  bottom:0;\n\n  height:2px;\n\n  transform:\n  scaleX(0);\n\n  background:\n  var(--tr-bronze);\n\n  transition:\n  transform .25s ease;\n\n}\n\n\n.tr1-filter:hover,\n.tr1-filter.is-active{\n\n  color:\n  var(--tr-bronze-dark);\n\n}\n\n\n.tr1-filter.is-active::after{\n\n  transform:\n  scaleX(1);\n\n}\n\n\n\n\/* =========================================================\n   FEATURE CASE\n========================================================= *\/\n\n.tr1-featured{\n\n  position:relative;\n\n  padding:\n  90px 0;\n\n  overflow:hidden;\n\n  background:\n  #fff;\n\n}\n\n\n.tr1-featured-grid{\n\n  display:grid;\n\n  grid-template-columns:\n  .72fr\n  1.25fr\n  .52fr;\n\n  gap:38px;\n\n  align-items:center;\n\n}\n\n\n.tr1-case-label{\n\n  display:block;\n\n  color:\n  var(--tr-bronze);\n\n  font-size:8px;\n\n  font-weight:700;\n\n  letter-spacing:.18em;\n\n}\n\n\n.tr1-case-type{\n\n  display:block;\n\n  margin-top:27px;\n\n  color:\n  var(--tr-soft);\n\n  font-size:8px;\n\n  font-weight:700;\n\n  letter-spacing:.15em;\n\n}\n\n\n.tr1-feature-copy h2{\n\n  margin-top:8px!important;\n\n  color:\n  var(--tr-navy);\n\n  font:\n  500\n  clamp(45px,4.2vw,65px)\/1\n  \"Cormorant Garamond\",\n  Georgia,\n  serif;\n\n}\n\n\n.tr1-feature-lead{\n\n  margin-top:14px!important;\n\n  color:\n  var(--tr-navy);\n\n  font:\n  400\n  22px\/1.45\n  \"Cormorant Garamond\",\n  Georgia,\n  serif;\n\n}\n\n\n.tr1-case-meta{\n\n  display:grid;\n\n  gap:17px;\n\n  margin-top:27px;\n\n  padding-top:22px;\n\n  border-top:\n  1px solid\n  var(--tr-line);\n\n}\n\n\n.tr1-case-meta>div{\n\n  display:grid;\n\n  gap:5px;\n\n}\n\n\n.tr1-case-meta small{\n\n  color:\n  var(--tr-bronze);\n\n  font-size:7px;\n\n  font-weight:700;\n\n  letter-spacing:.15em;\n\n}\n\n\n.tr1-case-meta strong{\n\n  color:\n  var(--tr-text);\n\n  font-size:10.5px;\n\n  font-weight:500;\n\n}\n\n\n.tr1-outline-btn{\n\n  margin-top:28px;\n\n  padding:\n  13px 20px;\n\n  display:inline-flex;\n\n  align-items:center;\n\n  gap:13px;\n\n  border:\n  1px solid\n  var(--tr-bronze);\n\n  border-radius:999px;\n\n  background:transparent;\n\n  color:\n  var(--tr-bronze-dark);\n\n  font-size:8px;\n\n  font-weight:700;\n\n  letter-spacing:.10em;\n\n}\n\n\n.tr1-feature-image{\n\n  position:relative;\n\n  padding:0;\n\n  overflow:hidden;\n\n  border:0;\n\n  background:\n  var(--tr-ivory);\n\n  box-shadow:\n  var(--tr-shadow);\n\n}\n\n\n.tr1-feature-image img{\n\n  aspect-ratio:\n  1.56\/1;\n\n  object-fit:contain;\n\n  background:\n  #f6f1ea;\n\n  transition:\n  transform .65s ease;\n\n}\n\n\n.tr1-feature-image:hover img{\n\n  transform:\n  scale(1.025);\n\n}\n\n\n.tr1-view{\n\n  position:absolute;\n\n  left:50%;\n\n  top:50%;\n\n  width:46px;\n\n  height:46px;\n\n  display:grid;\n\n  place-items:center;\n\n  border-radius:50%;\n\n  transform:\n  translate(-50%,-50%);\n\n  background:\n  rgba(255,255,255,.93);\n\n  color:\n  var(--tr-bronze);\n\n  box-shadow:\n  0 6px 20px\n  rgba(16,28,56,.14);\n\n  font-size:22px;\n\n}\n\n\n.tr1-feature-note{\n\n  padding-left:22px;\n\n  border-left:\n  1px solid\n  var(--tr-line);\n\n}\n\n\n.tr1-feature-note>div{\n\n  display:grid;\n\n  grid-template-columns:\n  36px 1fr;\n\n  gap:12px;\n\n  padding:\n  18px 0;\n\n  border-bottom:\n  1px solid\n  var(--tr-line);\n\n}\n\n\n.tr1-note-icon{\n\n  color:\n  var(--tr-bronze);\n\n  font:\n  500\n  18px\/1\n  \"Cormorant Garamond\",\n  Georgia,\n  serif;\n\n}\n\n\n.tr1-feature-note small{\n\n  display:block;\n\n  color:\n  var(--tr-bronze);\n\n  font-size:7px;\n\n  font-weight:700;\n\n  letter-spacing:.14em;\n\n}\n\n\n.tr1-feature-note p{\n\n  margin-top:5px!important;\n\n  color:\n  var(--tr-text);\n\n  font-size:9.5px;\n\n  line-height:1.65;\n\n}\n\n\n.tr1-disclaimer{\n\n  margin-top:22px!important;\n\n  color:\n  var(--tr-soft)!important;\n\n  font-size:8.5px!important;\n\n  line-height:1.65!important;\n\n}\n\n\n\n\/* =========================================================\n   GENERAL HEADINGS\n========================================================= *\/\n\n.tr1-heading{\n\n  display:flex;\n\n  align-items:flex-end;\n\n  justify-content:space-between;\n\n  gap:60px;\n\n  margin-bottom:42px;\n\n}\n\n\n.tr1-heading h2{\n\n  margin-top:12px!important;\n\n  color:\n  var(--tr-navy);\n\n  font:\n  500\n  clamp(39px,4.3vw,62px)\/1.02\n  \"Cormorant Garamond\",\n  Georgia,\n  serif;\n\n  letter-spacing:-.03em;\n\n}\n\n\n.tr1-heading>p{\n\n  max-width:420px;\n\n  color:\n  var(--tr-text);\n\n  font-size:11.5px;\n\n  line-height:1.8;\n\n}\n\n\n.tr1-heading-left{\n\n  max-width:800px;\n\n}\n\n\n\n\/* =========================================================\n   RESULTS GALLERY\n========================================================= *\/\n\n.tr1-gallery-section{\n\n  padding:\n  100px 0;\n\n  background:\n  var(--tr-ivory);\n\n}\n\n\n.tr1-results-grid{\n\n  display:grid;\n\n  grid-template-columns:\n  repeat(4,1fr);\n\n  gap:16px;\n\n}\n\n\n.tr1-result-card{\n\n  position:relative;\n\n  overflow:hidden;\n\n  padding:0;\n\n  border:\n  1px solid\n  var(--tr-line);\n\n  background:#fff;\n\n  color:\n  var(--tr-navy);\n\n  text-align:left;\n\n  box-shadow:\n  0 8px 25px\n  rgba(16,28,56,.035);\n\n  transition:\n  transform .25s ease,\n  box-shadow .25s ease;\n\n}\n\n\n.tr1-result-card:hover{\n\n  transform:\n  translateY(-4px);\n\n  box-shadow:\n  var(--tr-shadow);\n\n}\n\n\n.tr1-result-image{\n\n  position:relative;\n\n  overflow:hidden;\n\n  background:#eee8df;\n\n}\n\n\n.tr1-result-image img{\n\n  width:100%;\n\n  aspect-ratio:\n  1.35\/1;\n\n  object-fit:contain;\n\n  transition:\n  transform .6s ease;\n\n}\n\n\n.tr1-result-card:hover img{\n\n  transform:\n  scale(1.025);\n\n}\n\n\n.tr1-result-plus{\n\n  position:absolute;\n\n  right:12px;\n\n  bottom:12px;\n\n  width:32px;\n\n  height:32px;\n\n  display:grid;\n\n  place-items:center;\n\n  border-radius:50%;\n\n  background:\n  rgba(255,255,255,.93);\n\n  color:\n  var(--tr-bronze);\n\n  font-size:17px;\n\n}\n\n\n.tr1-result-body{\n\n  padding:\n  16px 17px 17px;\n\n}\n\n\n.tr1-result-category{\n\n  display:block;\n\n  color:\n  var(--tr-bronze);\n\n  font-size:7px;\n\n  font-weight:700;\n\n  letter-spacing:.14em;\n\n}\n\n\n.tr1-result-title{\n\n  display:block;\n\n  margin-top:5px;\n\n  font:\n  500\n  20px\/1.2\n  \"Cormorant Garamond\",\n  Georgia,\n  serif;\n\n}\n\n\n.tr1-result-desc{\n\n  display:block;\n\n  margin-top:3px;\n\n  color:\n  var(--tr-text);\n\n  font-size:9px;\n\n}\n\n\n.tr1-gallery-actions{\n\n  display:flex;\n\n  justify-content:center;\n\n  margin-top:38px;\n\n}\n\n\n.tr1-load-more{\n\n  min-height:46px;\n\n  padding:\n  0 22px;\n\n  display:inline-flex;\n\n  align-items:center;\n\n  gap:13px;\n\n  border:\n  1px solid\n  var(--tr-bronze);\n\n  border-radius:999px;\n\n  background:transparent;\n\n  color:\n  var(--tr-bronze-dark);\n\n  font-size:8px;\n\n  font-weight:700;\n\n  letter-spacing:.11em;\n\n}\n\n\n.tr1-load-more[hidden]{\n\n  display:none;\n\n}\n\n\n.tr1-gallery-note{\n\n  max-width:720px;\n\n  margin:\n  28px auto 0!important;\n\n  color:\n  var(--tr-soft);\n\n  font-size:9px;\n\n  line-height:1.7;\n\n  text-align:center;\n\n}\n\n\n\n\/* =========================================================\n   JOURNEY\n========================================================= *\/\n\n.tr1-journeys{\n\n  position:relative;\n\n  padding:\n  105px 0;\n\n  overflow:hidden;\n\n  background:#fff;\n\n}\n\n\n.tr1-journey-card{\n\n  display:grid;\n\n  grid-template-columns:\n  1.17fr .83fr;\n\n  margin-top:22px;\n\n  border:\n  1px solid\n  var(--tr-line);\n\n  background:\n  var(--tr-paper);\n\n  box-shadow:\n  var(--tr-shadow);\n\n}\n\n\n.tr1-journey-card + .tr1-journey-card{\n\n  margin-top:24px;\n\n}\n\n\n.tr1-journey-image{\n\n  position:relative;\n\n  padding:0;\n\n  border:0;\n\n  overflow:hidden;\n\n  background:\n  var(--tr-ivory);\n\n}\n\n\n.tr1-journey-image img{\n\n  width:100%;\n\n  height:100%;\n\n  min-height:390px;\n\n  object-fit:contain;\n\n  transition:\n  transform .65s ease;\n\n}\n\n\n.tr1-journey-image:hover img{\n\n  transform:\n  scale(1.025);\n\n}\n\n\n.tr1-journey-image>span{\n\n  position:absolute;\n\n  right:20px;\n\n  bottom:20px;\n\n  width:38px;\n\n  height:38px;\n\n  display:grid;\n\n  place-items:center;\n\n  border-radius:50%;\n\n  background:#fff;\n\n  color:\n  var(--tr-bronze);\n\n  font-size:20px;\n\n}\n\n\n.tr1-journey-copy{\n\n  padding:\n  clamp(35px,5vw,70px);\n\n  display:flex;\n\n  flex-direction:column;\n\n  justify-content:center;\n\n}\n\n\n.tr1-journey-copy h3{\n\n  margin-top:8px!important;\n\n  color:\n  var(--tr-navy);\n\n  font:\n  500\n  35px\/1\n  \"Cormorant Garamond\",\n  Georgia,\n  serif;\n\n}\n\n\n.tr1-journey-copy h4{\n\n  margin-top:16px!important;\n\n  color:\n  var(--tr-bronze-dark);\n\n  font:\n  400\n  27px\/1.2\n  \"Cormorant Garamond\",\n  Georgia,\n  serif;\n\n}\n\n\n.tr1-journey-copy p{\n\n  margin-top:16px!important;\n\n  color:\n  var(--tr-text);\n\n  font-size:11px;\n\n  line-height:1.8;\n\n}\n\n\n.tr1-text-btn{\n\n  align-self:flex-start;\n\n  margin-top:22px;\n\n  padding:\n  9px 0;\n\n  display:inline-flex;\n\n  gap:11px;\n\n  border:0;\n\n  border-bottom:\n  1px solid\n  var(--tr-bronze);\n\n  background:transparent;\n\n  color:\n  var(--tr-bronze-dark);\n\n  font-size:8px;\n\n  font-weight:700;\n\n  letter-spacing:.11em;\n\n}\n\n\n.tr1-journey-card-reverse{\n\n  grid-template-columns:\n  .83fr 1.17fr;\n\n}\n\n\n\n\/* =========================================================\n   PROFESSIONAL GALLERY\n========================================================= *\/\n\n.tr1-professional{\n\n  padding:\n  105px 0;\n\n  background:\n  linear-gradient(\n    180deg,\n    #FAF6F0,\n    #FFFDF9\n  );\n\n  border-top:\n  1px solid\n  var(--tr-line);\n\n}\n\n\n.tr1-prof-grid{\n\n  display:grid;\n\n  grid-template-columns:\n  repeat(4,1fr);\n\n  gap:12px;\n\n}\n\n\n.tr1-prof-item{\n\n  position:relative;\n\n  padding:0;\n\n  overflow:hidden;\n\n  border:0;\n\n  background:\n  var(--tr-ivory);\n\n}\n\n\n.tr1-prof-item img{\n\n  width:100%;\n\n  aspect-ratio:\n  4\/5;\n\n  object-fit:cover;\n\n  object-position:center;\n\n  transition:\n  transform .6s ease,\n  filter .6s ease;\n\n}\n\n\n.tr1-prof-item:nth-child(3n) img{\n\n  aspect-ratio:\n  1\/1;\n\n}\n\n\n.tr1-prof-item:hover img{\n\n  transform:\n  scale(1.04);\n\n  filter:\n  brightness(.94);\n\n}\n\n\n.tr1-prof-overlay{\n\n  position:absolute;\n\n  inset:auto 0 0;\n\n  padding:\n  42px 15px 15px;\n\n  color:#fff;\n\n  background:\n  linear-gradient(\n    180deg,\n    transparent,\n    rgba(16,28,56,.75)\n  );\n\n  text-align:left;\n\n  opacity:0;\n\n  transform:\n  translateY(7px);\n\n  transition:.25s ease;\n\n}\n\n\n.tr1-prof-item:hover\n.tr1-prof-overlay{\n\n  opacity:1;\n\n  transform:none;\n\n}\n\n\n.tr1-prof-overlay span{\n\n  font-size:8px;\n\n  letter-spacing:.12em;\n\n}\n\n\n\n\/* =========================================================\n   APPROACH\n========================================================= *\/\n\n.tr1-approach{\n\n  padding:\n  100px 0;\n\n  background:#fff;\n\n}\n\n\n.tr1-section-center{\n\n  max-width:800px;\n\n  margin:\n  0 auto 50px;\n\n  text-align:center;\n\n}\n\n\n.tr1-section-center h2{\n\n  margin-top:12px!important;\n\n  color:\n  var(--tr-navy);\n\n  font:\n  500\n  clamp(42px,4.8vw,66px)\/1.02\n  \"Cormorant Garamond\",\n  Georgia,\n  serif;\n\n  letter-spacing:-.03em;\n\n}\n\n\n.tr1-values-grid{\n\n  display:grid;\n\n  grid-template-columns:\n  repeat(4,1fr);\n\n  border-top:\n  1px solid\n  var(--tr-line);\n\n  border-bottom:\n  1px solid\n  var(--tr-line);\n\n}\n\n\n.tr1-value{\n\n  min-height:235px;\n\n  padding:\n  38px 30px;\n\n  text-align:center;\n\n}\n\n\n.tr1-value:not(:last-child){\n\n  border-right:\n  1px solid\n  var(--tr-line);\n\n}\n\n\n.tr1-value>span{\n\n  width:38px;\n\n  height:38px;\n\n  display:grid;\n\n  place-items:center;\n\n  margin:\n  0 auto 17px;\n\n  border:\n  1px solid\n  var(--tr-bronze);\n\n  border-radius:50%;\n\n  color:\n  var(--tr-bronze);\n\n  font:\n  500\n  14px\/1\n  \"Cormorant Garamond\",\n  Georgia,\n  serif;\n\n}\n\n\n.tr1-value h3{\n\n  color:\n  var(--tr-navy);\n\n  font:\n  500\n  25px\/1.2\n  \"Cormorant Garamond\",\n  Georgia,\n  serif;\n\n}\n\n\n.tr1-value p{\n\n  max-width:250px;\n\n  margin:\n  10px auto 0!important;\n\n  color:\n  var(--tr-text);\n\n  font-size:10px;\n\n  line-height:1.7;\n\n}\n\n\n\n\/* =========================================================\n   FINAL CTA\n========================================================= *\/\n\n.tr1-final{\n\n  position:relative;\n\n  min-height:470px;\n\n  display:flex;\n\n  align-items:center;\n\n  overflow:hidden;\n\n  color:#fff;\n\n  background:\n  var(--tr-deep);\n\n}\n\n\n.tr1-final-bg{\n\n  position:absolute;\n\n  inset:0;\n\n}\n\n\n.tr1-final-bg img{\n\n  width:100%;\n\n  height:100%;\n\n  object-fit:cover;\n\n  object-position:center;\n\n}\n\n\n.tr1-final-overlay{\n\n  position:absolute;\n\n  inset:0;\n\n  background:\n  linear-gradient(\n    90deg,\n    rgba(16,28,56,.96),\n    rgba(16,28,56,.89) 50%,\n    rgba(16,28,56,.40)\n  );\n\n}\n\n\n.tr1-final-flower{\n\n  position:absolute;\n\n  right:-55px;\n\n  top:-40px;\n\n  width:330px;\n\n  height:390px;\n\n  opacity:.17;\n\n  background-image:\n  url(\"https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-flower-corner-top-right-v001.png\");\n\n  background-repeat:no-repeat;\n\n  background-size:contain;\n\n}\n\n\n.tr1-final-inner{\n\n  min-height:470px;\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:space-between;\n\n  gap:60px;\n\n}\n\n\n.tr1-final-label{\n\n  display:block;\n\n  color:\n  var(--tr-gold);\n\n  font-size:8px;\n\n  font-weight:700;\n\n  letter-spacing:.19em;\n\n}\n\n\n.tr1-final h2{\n\n  max-width:780px;\n\n  margin-top:13px!important;\n\n  color:#fff;\n\n  font:\n  400\n  clamp(42px,4.7vw,66px)\/1\n  \"Cormorant Garamond\",\n  Georgia,\n  serif;\n\n}\n\n\n.tr1-final p{\n\n  margin-top:14px!important;\n\n  color:\n  rgba(255,255,255,.67);\n\n  font-size:12px;\n\n}\n\n\n\n\/* =========================================================\n   LIGHTBOX\n========================================================= *\/\n\n.tr1-lightbox{\n\n  position:fixed;\n\n  inset:0;\n\n  z-index:999999;\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:center;\n\n  padding:30px;\n\n  background:\n  rgba(8,18,36,.92);\n\n  backdrop-filter:\n  blur(10px);\n\n  opacity:0;\n\n  visibility:hidden;\n\n  transition:\n  opacity .25s ease,\n  visibility .25s ease;\n\n}\n\n\n.tr1-lightbox.is-open{\n\n  opacity:1;\n\n  visibility:visible;\n\n}\n\n\n.tr1-lightbox-inner{\n\n  position:relative;\n\n  width:\n  min(1100px,100%);\n\n  max-height:\n  calc(100vh - 60px);\n\n  display:grid;\n\n  grid-template-columns:\n  1fr 300px;\n\n  overflow:auto;\n\n  background:\n  var(--tr-paper);\n\n  box-shadow:\n  var(--tr-shadow-lg);\n\n}\n\n\n.tr1-lightbox-media{\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:center;\n\n  min-height:560px;\n\n  padding:25px;\n\n  background:\n  #ECE6DD;\n\n}\n\n\n.tr1-lightbox-media img{\n\n  width:100%;\n\n  max-height:\n  calc(100vh - 110px);\n\n  object-fit:contain;\n\n}\n\n\n.tr1-lightbox-caption{\n\n  padding:\n  42px 30px;\n\n  background:#fff;\n\n}\n\n\n.tr1-lightbox-caption>span{\n\n  color:\n  var(--tr-bronze);\n\n  font-size:7px;\n\n  font-weight:700;\n\n  letter-spacing:.16em;\n\n}\n\n\n.tr1-lightbox-caption h3{\n\n  margin-top:12px!important;\n\n  color:\n  var(--tr-navy);\n\n  font:\n  500\n  31px\/1.1\n  \"Cormorant Garamond\",\n  Georgia,\n  serif;\n\n}\n\n\n.tr1-lightbox-caption p{\n\n  margin-top:20px!important;\n\n  color:\n  var(--tr-text);\n\n  font-size:10px;\n\n  line-height:1.75;\n\n}\n\n\n.tr1-lightbox-close{\n\n  position:absolute;\n\n  z-index:5;\n\n  right:14px;\n\n  top:14px;\n\n  width:40px;\n\n  height:40px;\n\n  display:grid;\n\n  place-items:center;\n\n  border:0;\n\n  border-radius:50%;\n\n  background:\n  var(--tr-navy);\n\n  color:#fff;\n\n  font-size:24px;\n\n}\n\n\n\n\/* =========================================================\n   MOBILE BAR\n========================================================= *\/\n\n.tr1-mobile-bar{\n\n  display:none;\n\n}\n\n\n\n\/* =========================================================\n   REVEAL\n========================================================= *\/\n\n.tr1-reveal{\n\n  opacity:0;\n\n  transform:\n  translateY(22px);\n\n  transition:\n  opacity .7s ease,\n  transform .7s ease;\n\n}\n\n\n.tr1-reveal.is-visible{\n\n  opacity:1;\n\n  transform:none;\n\n}\n\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:1150px){\n\n  .tr1-wrap{\n\n    width:\n    calc(100% - 58px);\n\n  }\n\n\n  .tr1-featured-grid{\n\n    grid-template-columns:\n    .78fr 1.22fr;\n\n  }\n\n\n  .tr1-feature-note{\n\n    grid-column:\n    1 \/ -1;\n\n    padding:\n    0;\n\n    border-left:0;\n\n    border-top:\n    1px solid\n    var(--tr-line);\n\n    display:grid;\n\n    grid-template-columns:\n    1fr 1fr 1.4fr;\n\n    gap:20px;\n\n  }\n\n\n  .tr1-feature-note>div{\n\n    border-bottom:0;\n\n  }\n\n\n  .tr1-disclaimer{\n\n    align-self:center;\n\n    margin-top:0!important;\n\n  }\n\n\n  .tr1-results-grid,\n  .tr1-prof-grid{\n\n    grid-template-columns:\n    repeat(3,1fr);\n\n  }\n\n\n  .tr1-values-grid{\n\n    grid-template-columns:\n    repeat(2,1fr);\n\n  }\n\n\n  .tr1-value:nth-child(2){\n\n    border-right:0;\n\n  }\n\n\n  .tr1-value:nth-child(1),\n  .tr1-value:nth-child(2){\n\n    border-bottom:\n    1px solid\n    var(--tr-line);\n\n  }\n\n}\n\n\n\n\/* =========================================================\n   TABLET PORTRAIT\n========================================================= *\/\n\n@media(max-width:900px){\n\n  .tr1-hero{\n\n    min-height:730px;\n\n    align-items:flex-end;\n\n  }\n\n\n  .tr1-hero-inner{\n\n    min-height:730px;\n\n    align-items:flex-end;\n\n  }\n\n\n  .tr1-hero-overlay{\n\n    background:\n    linear-gradient(\n      180deg,\n      rgba(252,250,247,.04),\n      rgba(252,250,247,.10) 38%,\n      rgba(252,250,247,.92) 68%,\n      rgba(252,250,247,.99)\n    );\n\n  }\n\n\n  .tr1-hero-media img{\n\n    object-position:\n    70% 15%;\n\n  }\n\n\n  .tr1-hero-copy{\n\n    max-width:720px;\n\n    padding:\n    330px 0 60px;\n\n  }\n\n\n  .tr1-filter-scroll{\n\n    justify-content:flex-start;\n\n  }\n\n\n  .tr1-featured-grid{\n\n    grid-template-columns:1fr;\n\n  }\n\n\n  .tr1-feature-copy{\n\n    max-width:650px;\n\n  }\n\n\n  .tr1-feature-image{\n\n    max-width:800px;\n\n  }\n\n\n  .tr1-feature-note{\n\n    grid-template-columns:\n    repeat(2,1fr);\n\n  }\n\n\n  .tr1-disclaimer{\n\n    grid-column:\n    1 \/ -1;\n\n  }\n\n\n  .tr1-heading{\n\n    display:block;\n\n  }\n\n\n  .tr1-heading>p{\n\n    margin-top:18px!important;\n\n  }\n\n\n  .tr1-results-grid,\n  .tr1-prof-grid{\n\n    grid-template-columns:\n    repeat(2,1fr);\n\n  }\n\n\n  .tr1-journey-card,\n  .tr1-journey-card-reverse{\n\n    grid-template-columns:1fr;\n\n  }\n\n\n  .tr1-journey-card-reverse\n  .tr1-journey-copy{\n\n    order:2;\n\n  }\n\n\n  .tr1-journey-card-reverse\n  .tr1-journey-image{\n\n    order:1;\n\n  }\n\n\n  .tr1-final-inner{\n\n    display:block;\n\n    padding:\n    75px 0;\n\n  }\n\n\n  .tr1-final .tr1-btn{\n\n    margin-top:28px;\n\n  }\n\n\n  .tr1-lightbox-inner{\n\n    grid-template-columns:1fr;\n\n  }\n\n\n  .tr1-lightbox-caption{\n\n    padding:\n    25px;\n\n  }\n\n}\n\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:680px){\n\n  body{\n\n    padding-bottom:62px;\n\n  }\n\n\n  .tr1-wrap{\n\n    width:\n    calc(100% - 30px);\n\n  }\n\n\n  .tr1-flower{\n\n    opacity:.10!important;\n\n  }\n\n\n  \/* HERO *\/\n\n  .tr1-hero{\n\n    min-height:680px;\n\n  }\n\n\n  .tr1-hero-inner{\n\n    min-height:680px;\n\n  }\n\n\n  .tr1-hero-copy{\n\n    padding:\n    295px 0 48px;\n\n  }\n\n\n  .tr1-hero-copy h1{\n\n    font-size:\n    clamp(\n      42px,\n      11.3vw,\n      50px\n    );\n\n  }\n\n\n  .tr1-hero-copy>p{\n\n    margin-top:18px!important;\n\n    font-size:12px;\n\n  }\n\n\n  .tr1-hero-actions{\n\n    display:grid;\n\n  }\n\n\n  .tr1-btn{\n\n    width:100%;\n\n  }\n\n\n  .tr1-scroll{\n\n    display:none;\n\n  }\n\n\n  \/* FILTER *\/\n\n  .tr1-filter-scroll{\n\n    gap:28px;\n\n  }\n\n\n  .tr1-filter{\n\n    min-height:60px;\n\n  }\n\n\n  \/* FEATURE *\/\n\n  .tr1-featured{\n\n    padding:\n    62px 0;\n\n  }\n\n\n  .tr1-featured-grid{\n\n    gap:27px;\n\n  }\n\n\n  .tr1-feature-copy h2{\n\n    font-size:45px;\n\n  }\n\n\n  .tr1-feature-image img{\n\n    aspect-ratio:\n    1\/1;\n\n  }\n\n\n  .tr1-feature-note{\n\n    display:block;\n\n  }\n\n\n  \/* GALLERY *\/\n\n  .tr1-gallery-section{\n\n    padding:\n    70px 0;\n\n  }\n\n\n  .tr1-heading h2{\n\n    font-size:42px;\n\n  }\n\n\n  .tr1-results-grid,\n  .tr1-prof-grid{\n\n    grid-template-columns:1fr;\n\n  }\n\n\n  .tr1-result-image img{\n\n    aspect-ratio:\n    1.25\/1;\n\n  }\n\n\n  .tr1-prof-item img,\n  .tr1-prof-item:nth-child(3n) img{\n\n    aspect-ratio:\n    4\/3;\n\n  }\n\n\n  \/* JOURNEYS *\/\n\n  .tr1-journeys{\n\n    padding:\n    72px 0;\n\n  }\n\n\n  .tr1-journey-image img{\n\n    min-height:270px;\n\n  }\n\n\n  .tr1-journey-copy{\n\n    padding:\n    30px 24px 35px;\n\n  }\n\n\n  \/* APPROACH *\/\n\n  .tr1-approach{\n\n    padding:\n    70px 0;\n\n  }\n\n\n  .tr1-section-center h2{\n\n    font-size:42px;\n\n  }\n\n\n  .tr1-values-grid{\n\n    grid-template-columns:1fr;\n\n  }\n\n\n  .tr1-value{\n\n    min-height:auto;\n\n  }\n\n\n  .tr1-value:not(:last-child){\n\n    border-right:0;\n\n    border-bottom:\n    1px solid\n    var(--tr-line);\n\n  }\n\n\n  \/* FINAL *\/\n\n  .tr1-final{\n\n    min-height:460px;\n\n  }\n\n\n  .tr1-final h2{\n\n    font-size:43px;\n\n  }\n\n\n  \/* LIGHTBOX *\/\n\n  .tr1-lightbox{\n\n    padding:12px;\n\n  }\n\n\n  .tr1-lightbox-media{\n\n    min-height:320px;\n\n    padding:12px;\n\n  }\n\n\n  .tr1-lightbox-media img{\n\n    max-height:60vh;\n\n  }\n\n\n  \/* MOBILE CTA *\/\n\n  .tr1-mobile-bar{\n\n    position:fixed;\n\n    z-index:99990;\n\n    left:0;\n\n    right:0;\n\n    bottom:0;\n\n    height:62px;\n\n    display:grid;\n\n    grid-template-columns:\n    .9fr 1.1fr;\n\n    gap:7px;\n\n    padding:\n    7px 9px;\n\n    background:\n    rgba(252,250,247,.97);\n\n    border-top:\n    1px solid\n    var(--tr-line);\n\n    box-shadow:\n    0 -8px 25px\n    rgba(16,28,56,.08);\n\n    backdrop-filter:\n    blur(12px);\n\n  }\n\n\n  .tr1-mobile-bar a{\n\n    display:flex;\n\n    align-items:center;\n\n    justify-content:center;\n\n    gap:8px;\n\n    border:\n    1px solid\n    var(--tr-line);\n\n    color:\n    var(--tr-navy);\n\n    font-size:9px;\n\n    font-weight:700;\n\n    letter-spacing:.08em;\n\n  }\n\n\n  .tr1-mobile-bar a:last-child{\n\n    border-color:\n    var(--tr-bronze);\n\n    background:\n    var(--tr-bronze);\n\n    color:#fff;\n\n  }\n\n}\n\n\n\n\/* =========================================================\n   SMALL\n========================================================= *\/\n\n@media(max-width:390px){\n\n  .tr1-wrap{\n\n    width:\n    calc(100% - 24px);\n\n  }\n\n\n  .tr1-hero-copy h1{\n\n    font-size:40px;\n\n  }\n\n\n  .tr1-heading h2,\n  .tr1-section-center h2,\n  .tr1-final h2{\n\n    font-size:38px;\n\n  }\n\n}\n\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n  #thea-results-v1 *,\n  #thea-results-v1 *::before,\n  #thea-results-v1 *::after{\n\n    animation:none!important;\n\n    transition:none!important;\n\n    scroll-behavior:auto!important;\n\n  }\n\n\n  .tr1-reveal{\n\n    opacity:1!important;\n\n    transform:none!important;\n\n  }\n\n}\n\n<\/style>\n\n\n\n<script>\n\n(function(){\n\n'use strict';\n\n\nconst root =\ndocument.getElementById(\n  'thea-results-v1'\n);\n\n\nif(\n  !root ||\n  root.dataset.ready === '1'\n){\n\n  return;\n\n}\n\n\nroot.dataset.ready =\n'1';\n\n\n\n\/* =========================================================\n   DATA \u2014 BEFORE \/ AFTER\n========================================================= *\/\n\nconst resultItems = [\n\n  {\n    src:\n    'https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-before-after-case-031-thermage-chinh-dien-v001.webp',\n    title:'Thermage',\n    vi:'\u0110\u1ed9 s\u0103n ch\u1eafc & \u0111\u01b0\u1eddng n\u00e9t',\n    en:'Firmness & contour',\n    category:'lifting'\n  },\n\n  {\n    src:\n    'https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-before-after-case-030-thermage-goc-nghieng-v001.webp',\n    title:'Thermage',\n    vi:'G\u00f3c nghi\u00eang \u00b7 \u0111\u01b0\u1eddng n\u00e9t',\n    en:'Profile \u00b7 contour',\n    category:'lifting'\n  },\n\n  {\n    src:\n    'https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-before-after-case-032-thermage-vung-mat-v001.webp',\n    title:'Thermage',\n    vi:'V\u00f9ng m\u1eaft',\n    en:'Eye area',\n    category:'lifting'\n  },\n\n  {\n    src:\n    'https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-before-after-case-036-thermage-chinh-dien-v001.webp',\n    title:'Thermage',\n    vi:'S\u0103n ch\u1eafc khu\u00f4n m\u1eb7t',\n    en:'Facial firmness',\n    category:'lifting'\n  },\n\n  {\n    src:\n    'https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-before-after-case-041-thermage-flx-v001.webp',\n    title:'Thermage FLX',\n    vi:'N\u00e2ng c\u01a1 & \u0111\u01b0\u1eddng n\u00e9t',\n    en:'Lifting & contour',\n    category:'lifting'\n  },\n\n  {\n    src:\n    'https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-before-after-case-035-laser-bbl-collagen-v001.webp',\n    title:'Laser \u00b7 BBL',\n    vi:'S\u1eafc t\u1ed1 & b\u1ec1 m\u1eb7t da',\n    en:'Tone & skin surface',\n    category:'tone'\n  },\n\n  {\n    src:\n    'https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-before-after-case-043-laser-vung-ma-v001.webp',\n    title:'Laser',\n    vi:'V\u00f9ng m\u00e1 \u00b7 s\u1eafc t\u1ed1',\n    en:'Cheek \u00b7 pigmentation',\n    category:'tone'\n  },\n\n  {\n    src:\n    'https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-before-after-case-045-laser-bbl-collagen-v001.webp',\n    title:'Laser \u00b7 BBL',\n    vi:'L\u00e0n da kh\u00f4ng \u0111\u1ec1u m\u00e0u',\n    en:'Uneven-looking complexion',\n    category:'tone'\n  },\n\n  {\n    src:\n    'https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-before-after-case-048-laser-collagen-v001.webp',\n    title:'Laser',\n    vi:'B\u1ec1 m\u1eb7t & s\u1eafc t\u1ed1',\n    en:'Skin surface & tone',\n    category:'tone'\n  },\n\n  {\n    src:\n    'https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-before-after-case-038-profhilo-goc-nghieng-v001.webp',\n    title:'Profhilo',\n    vi:'\u0110\u1ed9 \u1ea9m & b\u1ec1 m\u1eb7t da',\n    en:'Hydration & skin quality',\n    category:'rejuvenation'\n  },\n\n  {\n    src:\n    'https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-before-after-case-044-profhilo-chinh-dien-v001.webp',\n    title:'Profhilo',\n    vi:'Ch\u0103m s\u00f3c l\u00e0n da',\n    en:'Skin care',\n    category:'rejuvenation'\n  },\n\n  {\n    src:\n    'https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-before-after-case-046-profhilo-chinh-dien-v001.webp',\n    title:'Profhilo',\n    vi:'\u0110\u1ed9 \u1ea9m & \u0111\u1ed9 \u0111\u00e0n h\u1ed3i',\n    en:'Hydration & elasticity',\n    category:'rejuvenation'\n  },\n\n  {\n    src:\n    'https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-before-after-case-042-cham-soc-da-v001.webp',\n    title:'Skin Care',\n    vi:'Ch\u0103m s\u00f3c b\u1ec1 m\u1eb7t da',\n    en:'Skin surface care',\n    category:'skin'\n  },\n\n  {\n    src:\n    'https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-before-after-case-049-meso-nam-v001.webp',\n    title:'Meso',\n    vi:'Ch\u0103m s\u00f3c s\u1eafc t\u1ed1',\n    en:'Pigmentation care',\n    category:'tone'\n  },\n\n  {\n    src:\n    'https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-before-after-case-050-rejuran-i-v001.webp',\n    title:'Rejuran',\n    vi:'Ch\u0103m s\u00f3c v\u00f9ng m\u1eaft',\n    en:'Eye-area care',\n    category:'skin'\n  }\n\n];\n\n\n\n\/* =========================================================\n   DATA \u2014 BS \/ SERVICE IMAGES 01 \u2192 32\n========================================================= *\/\n\nconst professionalImages = [];\n\n\nfor(\n  let i = 1;\n  i <= 32;\n  i++\n){\n\n  const number =\n  String(i)\n  .padStart(\n    5,\n    '0'\n  );\n\n\n  professionalImages.push({\n\n    src:\n    'https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/Thea-BS-lieutri-V' +\n    number +\n    '.jpg',\n\n    vi:\n    'T\u01b0 li\u1ec7u \u0111\u1ed9i ng\u0169 & d\u1ecbch v\u1ee5 THEA ' +\n    String(i).padStart(2,'0'),\n\n    en:\n    'THEA team & service archive ' +\n    String(i).padStart(2,'0')\n\n  });\n\n}\n\n\n\n\/* =========================================================\n   STATE\n========================================================= *\/\n\nlet language =\n'vi';\n\n\nlet currentFilter =\n'all';\n\n\nlet resultLimit =\n8;\n\n\nlet profLimit =\n8;\n\n\n\n\/* =========================================================\n   LIGHTBOX\n========================================================= *\/\n\nconst lightbox =\nroot.querySelector(\n  '#tr1-lightbox'\n);\n\n\nconst lightboxImage =\nroot.querySelector(\n  '#tr1-lightbox-img'\n);\n\n\nconst lightboxTitle =\nroot.querySelector(\n  '#tr1-lightbox-title'\n);\n\n\nconst closeButton =\nroot.querySelector(\n  '.tr1-lightbox-close'\n);\n\n\nfunction openLightbox(\n  src,\n  title\n){\n\n  if(\n    !src ||\n    !lightbox\n  ){\n    return;\n  }\n\n\n  lightboxImage.src =\n  src;\n\n\n  lightboxImage.alt =\n  title || 'THEA';\n\n\n  lightboxTitle.textContent =\n  title || 'THEA';\n\n\n  lightbox.classList.add(\n    'is-open'\n  );\n\n\n  lightbox.setAttribute(\n    'aria-hidden',\n    'false'\n  );\n\n\n  document.documentElement.style.overflow =\n  'hidden';\n\n\n  closeButton.focus();\n\n}\n\n\nfunction closeLightbox(){\n\n  lightbox.classList.remove(\n    'is-open'\n  );\n\n\n  lightbox.setAttribute(\n    'aria-hidden',\n    'true'\n  );\n\n\n  document.documentElement.style.overflow =\n  '';\n\n}\n\n\ncloseButton.addEventListener(\n  'click',\n  closeLightbox\n);\n\n\nlightbox.addEventListener(\n  'click',\n  e => {\n\n    if(\n      e.target ===\n      lightbox\n    ){\n\n      closeLightbox();\n\n    }\n\n  }\n);\n\n\ndocument.addEventListener(\n  'keydown',\n  e => {\n\n    if(\n      e.key ===\n      'Escape' &&\n      lightbox.classList.contains(\n        'is-open'\n      )\n    ){\n\n      closeLightbox();\n\n    }\n\n  }\n);\n\n\n\n\/* FEATURED LIGHTBOX *\/\n\nroot\n.querySelectorAll(\n  '[data-open-result=\"featured\"]'\n)\n.forEach(\n  el => {\n\n    el.addEventListener(\n      'click',\n      () => {\n\n        openLightbox(\n\n          'https:\/\/theaclinic.vn\/wp-content\/uploads\/2026\/10\/thea-before-after-case-041-thermage-flx-v001.webp',\n\n          'Thermage FLX'\n\n        );\n\n      }\n    );\n\n  }\n);\n\n\n\n\/* JOURNEY LIGHTBOX *\/\n\nroot.addEventListener(\n  'click',\n  e => {\n\n    const el =\n    e.target.closest(\n      '[data-case-src]'\n    );\n\n\n    if(!el){\n      return;\n    }\n\n\n    openLightbox(\n\n      el.dataset.caseSrc,\n\n      el.dataset.caseTitle ||\n      'THEA'\n\n    );\n\n  }\n);\n\n\n\n\/* =========================================================\n   RESULTS RENDERER\n========================================================= *\/\n\nconst resultsGrid =\nroot.querySelector(\n  '#tr1-results-grid'\n);\n\n\nconst resultMore =\nroot.querySelector(\n  '#tr1-load-more'\n);\n\n\nfunction filteredResults(){\n\n  if(\n    currentFilter ===\n    'all'\n  ){\n\n    return resultItems;\n\n  }\n\n\n  return resultItems.filter(\n    item =>\n    item.category ===\n    currentFilter\n  );\n\n}\n\n\nfunction renderResults(){\n\n  const items =\n  filteredResults();\n\n\n  const visible =\n  items.slice(\n    0,\n    resultLimit\n  );\n\n\n  resultsGrid.innerHTML =\n  '';\n\n\n  visible.forEach(\n    item => {\n\n      const button =\n      document.createElement(\n        'button'\n      );\n\n\n      button.type =\n      'button';\n\n\n      button.className =\n      'tr1-result-card';\n\n\n      button.innerHTML = `\n\n        <span class=\"tr1-result-image\">\n\n          <img\n            src=\"${item.src}\"\n            alt=\"${item.title} - THEA\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n\n          <span class=\"tr1-result-plus\">\n            +\n          <\/span>\n\n        <\/span>\n\n        <span class=\"tr1-result-body\">\n\n          <span class=\"tr1-result-category\">\n            REAL JOURNEY\n          <\/span>\n\n          <span class=\"tr1-result-title\">\n            ${item.title}\n          <\/span>\n\n          <span class=\"tr1-result-desc\">\n            ${\n              language === 'en'\n              ? item.en\n              : item.vi\n            }\n          <\/span>\n\n        <\/span>\n\n      `;\n\n\n      button.addEventListener(\n        'click',\n        () => {\n\n          openLightbox(\n            item.src,\n            item.title\n          );\n\n        }\n      );\n\n\n      resultsGrid.appendChild(\n        button\n      );\n\n    }\n  );\n\n\n  resultMore.hidden =\n  resultLimit >=\n  items.length;\n\n}\n\n\n\nresultMore.addEventListener(\n  'click',\n  () => {\n\n    resultLimit +=\n    8;\n\n\n    renderResults();\n\n  }\n);\n\n\n\n\/* =========================================================\n   FILTER\n========================================================= *\/\n\nroot\n.querySelectorAll(\n  '.tr1-filter'\n)\n.forEach(\n  filter => {\n\n    filter.addEventListener(\n      'click',\n      () => {\n\n        root\n        .querySelectorAll(\n          '.tr1-filter'\n        )\n        .forEach(\n          item =>\n          item.classList.remove(\n            'is-active'\n          )\n        );\n\n\n        filter.classList.add(\n          'is-active'\n        );\n\n\n        currentFilter =\n        filter.dataset.filter;\n\n\n        resultLimit =\n        8;\n\n\n        renderResults();\n\n\n        if(\n          window.innerWidth <\n          700\n        ){\n\n          resultsGrid.scrollIntoView({\n            behavior:'smooth',\n            block:'start'\n          });\n\n        }\n\n      }\n    );\n\n  }\n);\n\n\n\n\/* =========================================================\n   PROFESSIONAL GALLERY\n========================================================= *\/\n\nconst profGrid =\nroot.querySelector(\n  '#tr1-prof-grid'\n);\n\n\nconst profMore =\nroot.querySelector(\n  '#tr1-prof-more'\n);\n\n\nfunction renderProfessional(){\n\n  const visible =\n  professionalImages.slice(\n    0,\n    profLimit\n  );\n\n\n  profGrid.innerHTML =\n  '';\n\n\n  visible.forEach(\n    (\n      item,\n      index\n    ) => {\n\n      const button =\n      document.createElement(\n        'button'\n      );\n\n\n      button.type =\n      'button';\n\n\n      button.className =\n      'tr1-prof-item';\n\n\n      const title =\n      language === 'en'\n      ? item.en\n      : item.vi;\n\n\n      button.innerHTML = `\n\n        <img\n          src=\"${item.src}\"\n          alt=\"${title}\"\n          loading=\"lazy\"\n          decoding=\"async\"\n        >\n\n        <span class=\"tr1-prof-overlay\">\n\n          <span>\n            ${\n              language === 'en'\n              ? 'THEA \u00b7 TEAM & CARE'\n              : 'THEA \u00b7 \u0110\u1ed8I NG\u0168 & CH\u0102M S\u00d3C'\n            }\n          <\/span>\n\n        <\/span>\n\n      `;\n\n\n      button.addEventListener(\n        'click',\n        () => {\n\n          openLightbox(\n            item.src,\n            title\n          );\n\n        }\n      );\n\n\n      profGrid.appendChild(\n        button\n      );\n\n    }\n  );\n\n\n  profMore.hidden =\n  profLimit >=\n  professionalImages.length;\n\n}\n\n\n\nprofMore.addEventListener(\n  'click',\n  () => {\n\n    profLimit +=\n    8;\n\n\n    renderProfessional();\n\n  }\n);\n\n\n\n\/* =========================================================\n   SMOOTH SCROLL\n========================================================= *\/\n\nconst reduced =\nwindow.matchMedia(\n  '(prefers-reduced-motion: reduce)'\n).matches;\n\n\nroot\n.querySelectorAll(\n  'a[href^=\"#tr1-\"]'\n)\n.forEach(\n  link => {\n\n    link.addEventListener(\n      'click',\n      e => {\n\n        const target =\n        root.querySelector(\n          link.getAttribute(\n            'href'\n          )\n        );\n\n\n        if(!target){\n          return;\n        }\n\n\n        e.preventDefault();\n\n\n        target.scrollIntoView({\n\n          behavior:\n          reduced\n          ? 'auto'\n          : 'smooth',\n\n          block:'start'\n\n        });\n\n      }\n    );\n\n  }\n);\n\n\n\n\/* =========================================================\n   REVEAL\n========================================================= *\/\n\nconst revealItems =\nroot.querySelectorAll(\n  '.tr1-reveal'\n);\n\n\nif(\n  'IntersectionObserver'\n  in window &&\n  !reduced\n){\n\n  const observer =\n  new IntersectionObserver(\n\n    entries => {\n\n      entries.forEach(\n        entry => {\n\n          if(\n            entry.isIntersecting\n          ){\n\n            entry.target\n            .classList.add(\n              'is-visible'\n            );\n\n\n            observer.unobserve(\n              entry.target\n            );\n\n          }\n\n        }\n      );\n\n    },\n\n    {\n      threshold:.10,\n      rootMargin:\n      '0px 0px -5% 0px'\n    }\n\n  );\n\n\n  revealItems.forEach(\n    item =>\n    observer.observe(\n      item\n    )\n  );\n\n}else{\n\n  revealItems.forEach(\n    item =>\n    item.classList.add(\n      'is-visible'\n    )\n  );\n\n}\n\n\n\n\/* =========================================================\n   VI \/ EN\n========================================================= *\/\n\nconst STORAGE_KEY =\n'thea_lang';\n\n\nconst LANG_SELECTOR =\n'.th3-language a,' +\n'.th3-mobile-language a,' +\n'.tf2-language a,' +\n'[data-thea-lang-switch]';\n\n\nfunction normalizeText(\n  value\n){\n\n  return String(\n    value || ''\n  )\n  .replace(\n    \/\\s+\/g,\n    ' '\n  )\n  .trim();\n\n}\n\n\nfunction getButtonLang(\n  el\n){\n\n  const direct =\n  el.getAttribute(\n    'data-thea-lang-switch'\n  );\n\n\n  if(\n    direct === 'vi' ||\n    direct === 'en'\n  ){\n\n    return direct;\n\n  }\n\n\n  if(\n    el.classList.contains(\n      'th3-lang-vi'\n    )\n  ){\n\n    return 'vi';\n\n  }\n\n\n  if(\n    el.classList.contains(\n      'th3-lang-en'\n    )\n  ){\n\n    return 'en';\n\n  }\n\n\n  const text =\n  normalizeText(\n    el.textContent\n  )\n  .toUpperCase();\n\n\n  if(text === 'VI'){\n    return 'vi';\n  }\n\n\n  if(text === 'EN'){\n    return 'en';\n  }\n\n\n  return null;\n\n}\n\n\nfunction translate(){\n\n  root\n  .querySelectorAll(\n    '[data-vi][data-en]'\n  )\n  .forEach(\n    el => {\n\n      el.textContent =\n      el.getAttribute(\n        'data-' +\n        language\n      );\n\n    }\n  );\n\n\n  document.documentElement.lang =\n  language;\n\n\n  root.lang =\n  language;\n\n\n  renderResults();\n\n  renderProfessional();\n\n}\n\n\nfunction setLanguage(\n  value,\n  notify\n){\n\n  value =\n  String(\n    value || ''\n  )\n  .toLowerCase()\n  .split('-')[0];\n\n\n  if(\n    value !== 'vi' &&\n    value !== 'en'\n  ){\n\n    return;\n\n  }\n\n\n  language =\n  value;\n\n\n  try{\n\n    localStorage.setItem(\n      STORAGE_KEY,\n      language\n    );\n\n  }catch(e){}\n\n\n  translate();\n\n\n  if(notify){\n\n    document.dispatchEvent(\n\n      new CustomEvent(\n        'thea:languagechange',\n        {\n          detail:{\n            lang:language,\n            source:\n            'thea-results-v1'\n          }\n        }\n      )\n\n    );\n\n  }\n\n}\n\n\n\nlet initialLanguage =\n'vi';\n\n\nconst requested =\nnew URLSearchParams(\n  location.search\n)\n.get(\n  'lang'\n);\n\n\nif(\n  requested === 'vi' ||\n  requested === 'en'\n){\n\n  initialLanguage =\n  requested;\n\n}else{\n\n  try{\n\n    initialLanguage =\n    localStorage.getItem(\n      STORAGE_KEY\n    ) || 'vi';\n\n  }catch(e){}\n\n}\n\n\nsetLanguage(\n  initialLanguage,\n  false\n);\n\n\n\ndocument.addEventListener(\n  'click',\n  e => {\n\n    const button =\n    e.target.closest(\n      LANG_SELECTOR\n    );\n\n\n    if(!button){\n      return;\n    }\n\n\n    const lang =\n    getButtonLang(\n      button\n    );\n\n\n    if(!lang){\n      return;\n    }\n\n\n    e.preventDefault();\n\n\n    setLanguage(\n      lang,\n      true\n    );\n\n  },\n  true\n);\n\n\n\ndocument.addEventListener(\n  'thea:languagechange',\n  e => {\n\n    if(\n      !e.detail ||\n      e.detail.source ===\n      'thea-results-v1'\n    ){\n\n      return;\n\n    }\n\n\n    setLanguage(\n      e.detail.lang ||\n      e.detail.language,\n      false\n    );\n\n  }\n);\n\n\n\n\/* =========================================================\n   INITIAL RENDER\n========================================================= *\/\n\nrenderResults();\n\nrenderProfessional();\n\n\n\nwindow.THEAResultsV1 = {\n\n  setLanguage:\n  code =>\n  setLanguage(\n    code,\n    true\n  ),\n\n  getLanguage:\n  () =>\n  language\n\n};\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>THEA RESULTS K\u1ebft qu\u1ea3 th\u1ef1c t\u1ebf. M\u1ed7i h\u00e0nh tr\u00ecnh mang m\u1ed9t c\u00e2u chuy\u1ec7n ri\u00eang. M\u1ed7i h\u00ecnh \u1ea3nh ph\u1ea3n \u00e1nh m\u1ed9t t\u00ecnh tr\u1ea1ng, nhu c\u1ea7u v\u00e0 h\u01b0\u1edbng ch\u0103m s\u00f3c ri\u00eang. THEA t\u00f4n tr\u1ecdng s\u1ef1 kh\u00e1c bi\u1ec7t c\u1ee7a t\u1eebng kh\u00e1ch h\u00e0ng v\u00e0 ti\u1ebfp c\u1eadn m\u1ed7i h\u00e0nh tr\u00ecnh theo h\u01b0\u1edbng c\u00e1 nh\u00e2n h\u00f3a. KH\u00c1M PH\u00c1 K\u1ebeT QU\u1ea2 \u2192 [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-4906","page","type-page","status-publish","hentry"],"lang":"vi","translations":{"vi":4906},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/theaclinic.vn\/index.php?rest_route=\/wp\/v2\/pages\/4906","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theaclinic.vn\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/theaclinic.vn\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/theaclinic.vn\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/theaclinic.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4906"}],"version-history":[{"count":4,"href":"https:\/\/theaclinic.vn\/index.php?rest_route=\/wp\/v2\/pages\/4906\/revisions"}],"predecessor-version":[{"id":4911,"href":"https:\/\/theaclinic.vn\/index.php?rest_route=\/wp\/v2\/pages\/4906\/revisions\/4911"}],"wp:attachment":[{"href":"https:\/\/theaclinic.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4906"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}