{"id":36,"date":"2026-07-13T23:46:13","date_gmt":"2026-07-13T21:46:13","guid":{"rendered":"http:\/\/heymoia.com\/?page_id=36"},"modified":"2026-07-14T19:10:36","modified_gmt":"2026-07-14T17:10:36","slug":"home","status":"publish","type":"page","link":"https:\/\/heymoia.com\/?page_id=36","title":{"rendered":"home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"36\" class=\"elementor elementor-36\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dff1039 e-con-full e-flex e-con e-parent\" data-id=\"dff1039\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-722bc4f e-con-full e-flex e-con e-child\" data-id=\"722bc4f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-93a8653 elementor-widget__width-auto moia-hero-title elementor-widget elementor-widget-heading\" data-id=\"93a8653\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"moia-hero-title-inner\">\n  <span class=\"moia-line\">your brand doesn\u2019t<\/span>\n  <span class=\"moia-line\">need more content<\/span>\n  <span class=\"moia-line\">it needs <span class=\"wulkan\">direction<\/span><\/span>\n<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dd47a0e elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"dd47a0e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f43ec72 moia-hero-button elementor-widget elementor-widget-button\" data-id=\"f43ec72\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-shrink\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">let's talk<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-524504e e-con e-atomic-element e-flexbox-base e-524504e-c858fb2 \" data-id=\"524504e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"524504e\" data-e-type=\"e-flexbox\" data-id=\"524504e\">\n    <div class=\"elementor-element elementor-element-0c58f8c e-con-full e-flex e-con e-parent\" data-id=\"0c58f8c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3f85ff0 elementor-widget elementor-widget-shortcode\" data-id=\"3f85ff0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><section class=\"moia-about-section\">\n  <div class=\"moia-about-inner\">\n\n    <div class=\"moia-about-media\">\n      <img decoding=\"async\" src=\"https:\/\/heymoia.com\/wp-content\/uploads\/2026\/07\/MoiaWlasciciele-scaled.jpg\" alt=\"MOIA creative partners for beauty brands\">\n    <\/div>\n\n    <div class=\"moia-about-content\">\n\n      <span class=\"moia-about-kicker\">About MOIA<\/span>\n\n      <h2>\n        A creative partner for beauty brands ready to grow with direction.\n      <\/h2>\n\n      <div class=\"moia-about-text\">\n        <p>\n          MOIA is a creative studio built for beauty brands that want more than isolated visuals.\n          We work with aesthetic clinics, salons, cosmetic brands and wellness spaces to create a stronger,\n          more consistent presence across every touchpoint.\n        <\/p>\n\n        <p>\n          Our role is to bring together strategy, aesthetics and execution \u2014 so photography, branding,\n          websites, social media and campaigns feel like one coherent brand world.\n        <\/p>\n\n        <p>\n          Working with beauty brands in Barcelona, Poland and across Europe, we help brands look more\n          intentional, premium and trustworthy \u2014 not only for one campaign, but long-term.\n        <\/p>\n      <\/div>\n\n      <a class=\"moia-about-button\" href=\"#contact\">\n        let\u2019s talk\n      <\/a>\n\n    <\/div>\n\n    <div class=\"moia-about-proof\">\n\n      <article class=\"moia-about-proof-item\">\n        <span>01<\/span>\n        <h3>Strategy first<\/h3>\n        <p>We define the direction before creating visuals, so every decision has a clear purpose.<\/p>\n      <\/article>\n\n      <article class=\"moia-about-proof-item\">\n        <span>02<\/span>\n        <h3>Beauty focus<\/h3>\n        <p>We understand the visual language of modern beauty, wellness and premium service brands.<\/p>\n      <\/article>\n\n      <article class=\"moia-about-proof-item\">\n        <span>03<\/span>\n        <h3>Long-term support<\/h3>\n        <p>We work as an external creative team, helping your brand stay consistent as it grows.<\/p>\n      <\/article>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* ================================\n   MOIA \u2014 ABOUT SECTION\n   Built to sit inside 80% container\n================================ *\/\n\n.moia-about-section {\n  width: 100%;\n  padding: clamp(90px, 8vw, 150px) 0;\n  background: transparent;\n  color: #1A1A1A;\n  overflow: hidden;\n}\n\n.moia-about-inner {\n  width: 100%;\n  display: grid;\n  grid-template-columns: minmax(420px, 1.05fr) minmax(460px, 0.95fr);\n  column-gap: clamp(70px, 8vw, 140px);\n  row-gap: clamp(60px, 7vw, 110px);\n  align-items: center;\n}\n\n\/* IMAGE *\/\n\n.moia-about-media {\n  width: 100%;\n  aspect-ratio: 1.42 \/ 1;\n  border-radius: clamp(24px, 2.4vw, 42px);\n  overflow: hidden;\n  background: #f3f3f3;\n  opacity: 0;\n  transform: translateY(26px);\n}\n\n.moia-about-media img {\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n}\n\n\/* CONTENT *\/\n\n.moia-about-content {\n  max-width: 680px;\n  opacity: 0;\n  transform: translateY(26px);\n}\n\n.moia-about-kicker {\n  display: block;\n  margin-bottom: 22px;\n  font-family: \"DM Sans\", sans-serif;\n  font-size: 15px;\n  font-weight: 200;\n  line-height: 1.4;\n  letter-spacing: -0.02em;\n  color: #1A1A1A;\n}\n\n.moia-about-content h2 {\n  margin: 0;\n  font-family: \"Syne\", sans-serif;\n  font-size: clamp(34px, 3.1vw, 58px);\n  font-weight: 700;\n  line-height: 0.98;\n  letter-spacing: -0.07em;\n  color: #1A1A1A;\n}\n\n.moia-about-text {\n  margin-top: clamp(26px, 2.8vw, 42px);\n  display: grid;\n  gap: 16px;\n}\n\n.moia-about-text p {\n  max-width: 680px;\n  margin: 0;\n  font-family: \"DM Sans\", sans-serif;\n  font-size: 15px;\n  font-weight: 200;\n  line-height: 1.55;\n  letter-spacing: -0.02em;\n  color: #1A1A1A;\n}\n\n.moia-about-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  margin-top: clamp(28px, 3vw, 44px);\n  min-height: 38px;\n  padding: 0 24px;\n  border-radius: 999px;\n  background: #B1856D;\n  color: #fff;\n  font-family: \"DM Sans\", sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1;\n  letter-spacing: -0.02em;\n  text-decoration: none;\n  transition:\n    transform 0.45s cubic-bezier(0.19, 1, 0.22, 1),\n    opacity 0.45s cubic-bezier(0.19, 1, 0.22, 1);\n}\n\n.moia-about-button:hover {\n  transform: translateY(-2px);\n  opacity: 0.88;\n}\n\n\/* PROOF STRIP *\/\n\n.moia-about-proof {\n  grid-column: 1 \/ 3;\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  border-top: 1px solid rgba(26, 26, 26, 0.18);\n  border-bottom: 1px solid rgba(26, 26, 26, 0.18);\n  opacity: 0;\n  transform: translateY(22px);\n}\n\n.moia-about-proof-item {\n  padding: clamp(28px, 3vw, 44px) clamp(26px, 3vw, 48px);\n  border-right: 1px solid rgba(26, 26, 26, 0.14);\n}\n\n.moia-about-proof-item:first-child {\n  padding-left: 0;\n}\n\n.moia-about-proof-item:last-child {\n  border-right: none;\n  padding-right: 0;\n}\n\n.moia-about-proof-item span {\n  display: block;\n  margin-bottom: 34px;\n  font-family: \"Syne\", sans-serif;\n  font-size: 18px;\n  font-weight: 700;\n  line-height: 1;\n  letter-spacing: -0.06em;\n  color: rgba(26, 26, 26, 0.28);\n}\n\n.moia-about-proof-item h3 {\n  margin: 0 0 12px;\n  font-family: \"Syne\", sans-serif;\n  font-size: 24px;\n  font-weight: 700;\n  line-height: 1;\n  letter-spacing: -0.06em;\n  color: #1A1A1A;\n}\n\n.moia-about-proof-item p {\n  max-width: 360px;\n  margin: 0;\n  font-family: \"DM Sans\", sans-serif;\n  font-size: 15px;\n  font-weight: 200;\n  line-height: 1.5;\n  letter-spacing: -0.02em;\n  color: #1A1A1A;\n}\n\n\/* ENTRANCE ANIMATION *\/\n\n.moia-about-section.is-visible .moia-about-media {\n  animation: moiaAboutIn 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0.05s forwards;\n}\n\n.moia-about-section.is-visible .moia-about-content {\n  animation: moiaAboutIn 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0.16s forwards;\n}\n\n.moia-about-section.is-visible .moia-about-proof {\n  animation: moiaAboutIn 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0.28s forwards;\n}\n\n@keyframes moiaAboutIn {\n  0% {\n    opacity: 0;\n    transform: translateY(26px);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* TABLET *\/\n\n@media (max-width: 1100px) {\n  .moia-about-inner {\n    grid-template-columns: 1fr;\n    row-gap: 54px;\n  }\n\n  .moia-about-content {\n    max-width: 760px;\n  }\n\n  .moia-about-content h2 {\n    max-width: 760px;\n  }\n\n  .moia-about-proof {\n    grid-column: auto;\n  }\n}\n\n\/* MOBILE *\/\n\n@media (max-width: 767px) {\n  .moia-about-section {\n    padding: 74px 0;\n  }\n\n  .moia-about-inner {\n    row-gap: 42px;\n  }\n\n  .moia-about-media {\n    aspect-ratio: 1 \/ 1.05;\n    border-radius: 24px;\n  }\n\n  .moia-about-content h2 {\n    font-size: 34px;\n    line-height: 1;\n    letter-spacing: -0.065em;\n  }\n\n  .moia-about-text {\n    margin-top: 24px;\n    gap: 14px;\n  }\n\n  .moia-about-proof {\n    grid-template-columns: 1fr;\n    border-top: 1px solid rgba(26, 26, 26, 0.18);\n    border-bottom: 1px solid rgba(26, 26, 26, 0.18);\n  }\n\n  .moia-about-proof-item,\n  .moia-about-proof-item:first-child,\n  .moia-about-proof-item:last-child {\n    padding: 28px 0;\n    border-right: none;\n    border-bottom: 1px solid rgba(26, 26, 26, 0.14);\n  }\n\n  .moia-about-proof-item:last-child {\n    border-bottom: none;\n  }\n\n  .moia-about-proof-item span {\n    margin-bottom: 20px;\n  }\n\n  .moia-about-proof-item h3 {\n    font-size: 24px;\n  }\n\n  .moia-about-proof-item p {\n    max-width: none;\n  }\n}\n\n\/* REDUCED MOTION *\/\n\n@media (prefers-reduced-motion: reduce) {\n  .moia-about-media,\n  .moia-about-content,\n  .moia-about-proof {\n    animation: none !important;\n    opacity: 1 !important;\n    transform: none !important;\n  }\n\n  .moia-about-button {\n    transition: none !important;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const section = document.querySelector(\".moia-about-section\");\n\n  if (!section) return;\n\n  const observer = new IntersectionObserver(\n    function (entries) {\n      entries.forEach(function (entry) {\n        if (entry.isIntersecting) {\n          section.classList.add(\"is-visible\");\n          observer.unobserve(section);\n        }\n      });\n    },\n    {\n      threshold: 0.18\n    }\n  );\n\n  observer.observe(section);\n});\n<\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-2d37603 e-con e-atomic-element e-flexbox-base e-2d37603-a082c0a \" data-id=\"2d37603\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2d37603\" data-e-type=\"e-flexbox\" data-id=\"2d37603\">\n    <div class=\"elementor-element elementor-element-7c2fe98 e-con-full e-flex e-con e-parent\" data-id=\"7c2fe98\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d07b94f elementor-widget elementor-widget-shortcode\" data-id=\"d07b94f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><section class=\"moia-audience-section\">\n  <div class=\"moia-audience-inner\">\n\n    <div class=\"moia-audience-header\">\n      <div class=\"moia-audience-heading-wrap\">\n        <h2>\n          We don\u2019t create isolated visuals.<br>\n          We design how your brand is seen, remembered and trusted.\n        <\/h2>\n\n        <p>\n          Content. Branding. Web. Campaigns. Social media. One direction. One visual system.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"moia-audience-list\">\n\n      <article class=\"moia-audience-row\">\n        <div class=\"moia-audience-title\">Aesthetic clinics<\/div>\n        <div class=\"moia-audience-text\">\n          For clinics that need premium trust, clear expertise and a polished image.\n        <\/div>\n        <div class=\"moia-audience-arrow\">\n          <img decoding=\"async\" src=\"https:\/\/heymoia.com\/wp-content\/uploads\/2026\/07\/right-arrow.svg\" alt=\"\">\n        <\/div>\n      <\/article>\n\n      <article class=\"moia-audience-row\">\n        <div class=\"moia-audience-title\">Cosmetic brands<\/div>\n        <div class=\"moia-audience-text\">\n          For cosmetic brands ready to feel consistent, desirable and ready to grow.\n        <\/div>\n        <div class=\"moia-audience-arrow\">\n          <img decoding=\"async\" src=\"https:\/\/heymoia.com\/wp-content\/uploads\/2026\/07\/right-arrow.svg\" alt=\"\">\n        <\/div>\n      <\/article>\n\n      <article class=\"moia-audience-row\">\n        <div class=\"moia-audience-title\">Beauty salons<\/div>\n        <div class=\"moia-audience-text\">\n          For salons that want to look modern, intentional and worth choosing.\n        <\/div>\n        <div class=\"moia-audience-arrow\">\n          <img decoding=\"async\" src=\"https:\/\/heymoia.com\/wp-content\/uploads\/2026\/07\/right-arrow.svg\" alt=\"\">\n        <\/div>\n      <\/article>\n\n      <article class=\"moia-audience-row\">\n        <div class=\"moia-audience-title\">Hair & head spa<\/div>\n        <div class=\"moia-audience-text\">\n          For head spas built around calm rituals, sensory care and refined results.\n        <\/div>\n        <div class=\"moia-audience-arrow\">\n          <img decoding=\"async\" src=\"https:\/\/heymoia.com\/wp-content\/uploads\/2026\/07\/right-arrow.svg\" alt=\"\">\n        <\/div>\n      <\/article>\n\n      <article class=\"moia-audience-row\">\n        <div class=\"moia-audience-title\">Wellness spaces<\/div>\n        <div class=\"moia-audience-text\">\n          For spaces where atmosphere, trust and consistency create desire.\n        <\/div>\n        <div class=\"moia-audience-arrow\">\n          <img decoding=\"async\" src=\"https:\/\/heymoia.com\/wp-content\/uploads\/2026\/07\/right-arrow.svg\" alt=\"\">\n        <\/div>\n      <\/article>\n\n      <article class=\"moia-audience-row\">\n        <div class=\"moia-audience-title\">Beauty distributors<\/div>\n        <div class=\"moia-audience-text\">\n          For distributors that need stronger perception across every key touchpoint.\n        <\/div>\n        <div class=\"moia-audience-arrow\">\n          <img decoding=\"async\" src=\"https:\/\/heymoia.com\/wp-content\/uploads\/2026\/07\/right-arrow.svg\" alt=\"\">\n        <\/div>\n      <\/article>\n\n    <\/div>\n\n    <div class=\"moia-audience-bottom\">\n      <h3>For beauty brands ready to grow with intention.<\/h3>\n      <p>\n        We work best with brands that value aesthetics, consistency and long-term growth.\n      <\/p>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* ================================\n   MOIA \u2014 AUDIENCE SECTION\n   Minimal line-based layout\n================================ *\/\n\n.moia-audience-section {\n  width: 100%;\n  padding: clamp(80px, 8vw, 140px) 0;\n  background: transparent;\n  color: #1A1A1A;\n  overflow: hidden;\n}\n\n.moia-audience-inner {\n  width: 100%;\n  margin: 0 auto;\n}\n\n\/* HEADER *\/\n\n.moia-audience-header {\n  display: grid;\n  grid-template-columns: 1fr 1.15fr;\n  gap: clamp(48px, 7vw, 120px);\n  margin-bottom: clamp(64px, 7vw, 110px);\n}\n\n.moia-audience-heading-wrap {\n  grid-column: 1 \/ 3;\n  max-width: 1180px;\n}\n\n.moia-audience-heading-wrap h2 {\n  margin: 0;\n  max-width: 1180px;\n  font-family: \"Syne\", sans-serif;\n  font-size: clamp(34px, 4.4vw, 76px);\n  font-weight: 700;\n  line-height: 0.96;\n  letter-spacing: -0.075em;\n  color: #1A1A1A;\n}\n\n.moia-audience-heading-wrap p {\n  max-width: 620px;\n  margin: 22px 0 0;\n  font-family: \"DM Sans\", sans-serif;\n  font-size: 15px;\n  font-weight: 200;\n  line-height: 1.5;\n  letter-spacing: -0.02em;\n  color: #1A1A1A;\n}\n\n\/* LIST *\/\n\n.moia-audience-list {\n  width: 100%;\n  border-top: 1px solid rgba(26, 26, 26, 0.18);\n}\n\n.moia-audience-row {\n  position: relative;\n  display: grid;\n  grid-template-columns: minmax(220px, 0.75fr) minmax(360px, 1.45fr) 44px;\n  column-gap: clamp(32px, 5vw, 92px);\n  align-items: center;\n  min-height: clamp(72px, 6vw, 96px);\n  border-bottom: 1px solid rgba(26, 26, 26, 0.18);\n  overflow: hidden;\n  opacity: 0;\n  transform: translateY(18px);\n}\n\n.moia-audience-title,\n.moia-audience-text,\n.moia-audience-arrow {\n  position: relative;\n  z-index: 1;\n}\n\n.moia-audience-title {\n  font-family: \"Syne\", sans-serif;\n  font-size: clamp(22px, 1.8vw, 34px);\n  font-weight: 700;\n  line-height: 1;\n  letter-spacing: -0.06em;\n  color: #1A1A1A;\n}\n\n.moia-audience-text {\n  max-width: 720px;\n  font-family: \"DM Sans\", sans-serif;\n  font-size: 15px;\n  font-weight: 200;\n  line-height: 1.5;\n  letter-spacing: -0.02em;\n  color: #1A1A1A;\n}\n\n.moia-audience-arrow {\n  justify-self: end;\n  width: 18px;\n  height: 18px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.moia-audience-arrow img {\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: contain;\n}\n\n\/* BOTTOM *\/\n\n.moia-audience-bottom {\n  max-width: 620px;\n  margin-top: clamp(64px, 7vw, 110px);\n  opacity: 0;\n  transform: translateY(20px);\n}\n\n.moia-audience-bottom h3 {\n  margin: 0 0 14px;\n  font-family: \"Syne\", sans-serif;\n  font-size: clamp(24px, 2vw, 36px);\n  font-weight: 700;\n  line-height: 1;\n  letter-spacing: -0.06em;\n  color: #1A1A1A;\n}\n\n.moia-audience-bottom p {\n  margin: 0;\n  font-family: \"DM Sans\", sans-serif;\n  font-size: 15px;\n  font-weight: 200;\n  line-height: 1.5;\n  letter-spacing: -0.02em;\n  color: #1A1A1A;\n}\n\n\/* ENTRANCE ANIMATION ONLY *\/\n\n.moia-audience-section.is-visible .moia-audience-row {\n  animation: moiaAudienceRowIn 0.85s cubic-bezier(0.19, 1, 0.22, 1) forwards;\n}\n\n.moia-audience-section.is-visible .moia-audience-row:nth-child(1) {\n  animation-delay: 0.05s;\n}\n\n.moia-audience-section.is-visible .moia-audience-row:nth-child(2) {\n  animation-delay: 0.12s;\n}\n\n.moia-audience-section.is-visible .moia-audience-row:nth-child(3) {\n  animation-delay: 0.19s;\n}\n\n.moia-audience-section.is-visible .moia-audience-row:nth-child(4) {\n  animation-delay: 0.26s;\n}\n\n.moia-audience-section.is-visible .moia-audience-row:nth-child(5) {\n  animation-delay: 0.33s;\n}\n\n.moia-audience-section.is-visible .moia-audience-row:nth-child(6) {\n  animation-delay: 0.40s;\n}\n\n.moia-audience-section.is-visible .moia-audience-bottom {\n  animation: moiaAudienceBottomIn 0.85s cubic-bezier(0.19, 1, 0.22, 1) 0.48s forwards;\n}\n\n@keyframes moiaAudienceRowIn {\n  0% {\n    opacity: 0;\n    transform: translateY(18px);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes moiaAudienceBottomIn {\n  0% {\n    opacity: 0;\n    transform: translateY(20px);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* TABLET *\/\n\n@media (max-width: 1024px) {\n  .moia-audience-header {\n    grid-template-columns: 1fr;\n    margin-bottom: 56px;\n  }\n\n  .moia-audience-heading-wrap {\n    grid-column: auto;\n  }\n\n  .moia-audience-row {\n    grid-template-columns: minmax(220px, 0.8fr) 1fr 36px;\n    column-gap: 32px;\n  }\n\n  .moia-audience-text {\n    max-width: none;\n  }\n\n  .moia-audience-arrow {\n    width: 16px;\n    height: 16px;\n  }\n}\n\n\/* MOBILE *\/\n\n@media (max-width: 767px) {\n  .moia-audience-section {\n    padding: 72px 0;\n  }\n\n  .moia-audience-heading-wrap h2 {\n    font-size: 34px;\n    line-height: 0.98;\n    letter-spacing: -0.065em;\n  }\n\n  .moia-audience-heading-wrap p {\n    margin-top: 18px;\n  }\n\n  .moia-audience-list {\n    margin-top: 46px;\n  }\n\n  .moia-audience-row {\n    grid-template-columns: 1fr 32px;\n    column-gap: 18px;\n    row-gap: 12px;\n    min-height: auto;\n    padding: 24px 0;\n  }\n\n  .moia-audience-title {\n    font-size: 24px;\n    grid-column: 1;\n  }\n\n  .moia-audience-text {\n    grid-column: 1 \/ 3;\n    grid-row: 2;\n    max-width: none;\n  }\n\n  .moia-audience-arrow {\n    grid-column: 2;\n    grid-row: 1;\n    align-self: center;\n    width: 15px;\n    height: 15px;\n  }\n\n  .moia-audience-bottom {\n    margin-top: 52px;\n  }\n\n  .moia-audience-bottom h3 {\n    font-size: 26px;\n    line-height: 1.02;\n  }\n}\n\n\/* REDUCED MOTION *\/\n\n@media (prefers-reduced-motion: reduce) {\n  .moia-audience-row,\n  .moia-audience-bottom {\n    animation: none !important;\n    opacity: 1 !important;\n    transform: none !important;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const section = document.querySelector(\".moia-audience-section\");\n\n  if (!section) return;\n\n  const observer = new IntersectionObserver(\n    function (entries) {\n      entries.forEach(function (entry) {\n        if (entry.isIntersecting) {\n          section.classList.add(\"is-visible\");\n          observer.unobserve(section);\n        }\n      });\n    },\n    {\n      threshold: 0.2\n    }\n  );\n\n  observer.observe(section);\n});\n<\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-51c07d5 e-con e-atomic-element e-flexbox-base e-3c64494 \" data-id=\"51c07d5\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"51c07d5\" data-e-type=\"e-flexbox\" data-id=\"51c07d5\">\n    <div class=\"elementor-element elementor-element-f2cf415 e-con-full e-flex e-con e-parent\" data-id=\"f2cf415\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d86dd3b elementor-widget elementor-widget-heading\" data-id=\"d86dd3b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">One creative partner <br> across every touchpoint.<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-658d7b7 e-grid e-con-full e-con e-child\" data-id=\"658d7b7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-61a1e01 e-con-full e-flex e-con e-child\" data-id=\"61a1e01\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-262a6bc e-con-full e-flex e-con e-child\" data-id=\"262a6bc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/heymoia.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/Sequence-13_1.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9c5ab5c e-con-full e-flex e-con e-child\" data-id=\"9c5ab5c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a37b06 elementor-widget elementor-widget-heading\" data-id=\"4a37b06\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Visual direction<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f525251 elementor-widget elementor-widget-text-editor\" data-id=\"f525251\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"p1\">Moodboards, art direction, brand perception and creative systems.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f473443 e-con-full e-flex e-con e-child\" data-id=\"f473443\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-18ba61b e-con-full e-flex e-con e-child\" data-id=\"18ba61b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/heymoia.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/Sequence-13.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-77f5879 e-con-full e-flex e-con e-child\" data-id=\"77f5879\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ae2b35a elementor-widget elementor-widget-heading\" data-id=\"ae2b35a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Content production<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d95c41 elementor-widget elementor-widget-text-editor\" data-id=\"4d95c41\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"p1\">Product, beauty, lifestyle and campaign <br> visuals.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6f6f888 e-con-full e-flex e-con e-child\" data-id=\"6f6f888\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-b631631 e-con-full e-flex e-con e-child\" data-id=\"b631631\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/heymoia.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/Sequence-13_5.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-082b5b6 e-con-full e-flex e-con e-child\" data-id=\"082b5b6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1cd3fa4 elementor-widget elementor-widget-heading\" data-id=\"1cd3fa4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Branding<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-63a2486 elementor-widget elementor-widget-text-editor\" data-id=\"63a2486\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"p1\">Identity, typography, color systems and brand materials.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-82dcb96 e-con-full e-flex e-con e-child\" data-id=\"82dcb96\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-5ec8c92 e-con-full e-flex e-con e-child\" data-id=\"5ec8c92\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/heymoia.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/magnific_create-a-realistic-cinema_y6SOCIzPW9.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5411d50 e-con-full e-flex e-con e-child\" data-id=\"5411d50\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8be956d elementor-widget elementor-widget-heading\" data-id=\"8be956d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Web<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1d337dd elementor-widget elementor-widget-text-editor\" data-id=\"1d337dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"p1\">Premium websites designed to present, position and convert.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d75d64d e-con-full e-flex e-con e-child\" data-id=\"d75d64d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-79f7b30 e-con-full e-flex e-con e-child\" data-id=\"79f7b30\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/heymoia.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/Sequence-13_4.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d947917 e-con-full e-flex e-con e-child\" data-id=\"d947917\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a402f25 elementor-widget elementor-widget-heading\" data-id=\"a402f25\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Campaigns<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c0df95e elementor-widget elementor-widget-text-editor\" data-id=\"c0df95e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"p1\">Creative assets for Meta Ads, Instagram and brand communication.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-aa3d1d7 e-con e-atomic-element e-flexbox-base e-aa3d1d7-1e82a3d \" data-id=\"aa3d1d7\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"aa3d1d7\" data-e-type=\"e-flexbox\" data-id=\"aa3d1d7\">\n    <div class=\"elementor-element elementor-element-5c16284 e-con-full e-flex e-con e-parent\" data-id=\"5c16284\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bcb9ae6 elementor-widget elementor-widget-shortcode\" data-id=\"bcb9ae6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><section class=\"moia-process-section\">\n  <div class=\"moia-process-inner\">\n\n    <h2 class=\"moia-process-heading\">\n      A clear process. A consistent brand world.\n    <\/h2>\n\n    <div class=\"moia-process-grid\">\n\n      <div class=\"moia-process-item\">\n        <div class=\"moia-process-top\">\n          <span class=\"moia-process-number\" data-target=\"1\">00<\/span>\n          <span class=\"moia-process-line\"><\/span>\n        <\/div>\n        <h3>Direction<\/h3>\n        <p>We define how your brand should look, feel and communicate.<\/p>\n      <\/div>\n\n      <div class=\"moia-process-item\">\n        <div class=\"moia-process-top\">\n          <span class=\"moia-process-number\" data-target=\"2\">00<\/span>\n          <span class=\"moia-process-line\"><\/span>\n        <\/div>\n        <h3>Visual System<\/h3>\n        <p>We translate direction into photography, typography, colors and layouts.<\/p>\n      <\/div>\n\n      <div class=\"moia-process-item\">\n        <div class=\"moia-process-top\">\n          <span class=\"moia-process-number\" data-target=\"3\">00<\/span>\n          <span class=\"moia-process-line\"><\/span>\n        <\/div>\n        <h3>Creation<\/h3>\n        <p>We produce the visual assets your brand needs across channels.<\/p>\n      <\/div>\n\n      <div class=\"moia-process-item\">\n        <div class=\"moia-process-top\">\n          <span class=\"moia-process-number\" data-target=\"4\">00<\/span>\n          <span class=\"moia-process-line\"><\/span>\n        <\/div>\n        <h3>Implementation<\/h3>\n        <p>We bring everything together across web, Instagram and campaigns.<\/p>\n      <\/div>\n\n      <div class=\"moia-process-item\">\n        <div class=\"moia-process-top\">\n          <span class=\"moia-process-number\" data-target=\"5\">00<\/span>\n        <\/div>\n        <h3>Long-term Support<\/h3>\n        <p>We become your external creative team.<\/p>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  .moia-process-section {\n    width: 100%;\n    padding: clamp(60px, 7vw, 110px) 0;\n    background: transparent;\n    color: #111;\n    overflow: hidden;\n  }\n\n  .moia-process-inner {\n    width: 100%;\n    margin: 0 auto;\n  }\n\n  .moia-process-heading {\n    margin: 0 0 clamp(40px, 5vw, 70px);\n    text-align: center;\n    font-family: \"Syne\", sans-serif;\n    font-size: 32px;\n    font-weight: 700;\n    line-height: 1.1;\n    letter-spacing: -0.04em;\n    color: #111;\n  }\n\n  .moia-process-grid {\n    display: grid;\n    grid-template-columns: repeat(5, 1fr);\n    gap: clamp(24px, 3vw, 54px);\n    align-items: start;\n  }\n\n  .moia-process-item {\n    min-width: 0;\n  }\n\n  .moia-process-top {\n    display: flex;\n    align-items: center;\n    gap: clamp(18px, 2vw, 30px);\n    margin-bottom: 24px;\n  }\n\n  .moia-process-number {\n    display: inline-block;\n    min-width: 54px;\n    font-family: \"Syne\", sans-serif;\n    font-size: clamp(42px, 4vw, 66px);\n    font-weight: 700;\n    line-height: 0.9;\n    letter-spacing: -0.08em;\n    color: #111;\n    transform-origin: center;\n    will-change: transform, opacity, filter;\n  }\n\n  .moia-process-number.is-rolling {\n    animation: moiaNumberRoll 0.42s cubic-bezier(0.16, 1, 0.3, 1);\n  }\n\n  @keyframes moiaNumberRoll {\n    0% {\n      opacity: 0;\n      transform: translateY(18px) scale(0.96);\n      filter: blur(8px);\n    }\n\n    45% {\n      opacity: 1;\n      transform: translateY(-4px) scale(1.025);\n      filter: blur(1.5px);\n    }\n\n    100% {\n      opacity: 1;\n      transform: translateY(0) scale(1);\n      filter: blur(0);\n    }\n  }\n\n  .moia-process-line {\n    display: block;\n    width: 100%;\n    height: 1px;\n    background: rgba(17, 17, 17, 0.35);\n    transform: translateY(1px);\n  }\n\n  .moia-process-item h3 {\n    margin: 0 0 14px;\n    font-family: \"Syne\", sans-serif;\n    font-size: 24px;\n    font-weight: 700;\n    line-height: 1.05;\n    letter-spacing: -0.04em;\n    color: #111;\n  }\n\n  .moia-process-item p {\n    max-width: 230px;\n    margin: 0;\n    font-family: \"DM Sans\", sans-serif;\n    font-size: 15px;\n    font-weight: 200;\n    line-height: 1.45;\n    letter-spacing: -0.02em;\n    color: rgba(17, 17, 17, 0.68);\n  }\n\n  @media (max-width: 1024px) {\n    .moia-process-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 52px 42px;\n    }\n\n    .moia-process-item p {\n      max-width: 340px;\n    }\n\n    .moia-process-item:nth-child(2) .moia-process-line,\n    .moia-process-item:nth-child(4) .moia-process-line {\n      display: none;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .moia-process-section {\n      padding: 56px 0;\n    }\n\n    .moia-process-heading {\n      text-align: left;\n      font-size: 32px;\n      line-height: 1.05;\n      margin-bottom: 36px;\n    }\n\n    .moia-process-grid {\n      grid-template-columns: 1fr;\n      gap: 0;\n    }\n\n    .moia-process-item {\n      display: grid;\n      grid-template-columns: 74px 1fr;\n      column-gap: 20px;\n      padding: 28px 0;\n      border-top: 1px solid rgba(17, 17, 17, 0.16);\n    }\n\n    .moia-process-item:last-child {\n      border-bottom: 1px solid rgba(17, 17, 17, 0.16);\n    }\n\n    .moia-process-top {\n      grid-row: span 2;\n      margin: 0;\n      align-items: flex-start;\n    }\n\n    .moia-process-number {\n      min-width: 54px;\n      font-size: 46px;\n      line-height: 1;\n    }\n\n    .moia-process-line {\n      display: none;\n    }\n\n    .moia-process-item h3 {\n      font-size: 24px;\n      margin-bottom: 10px;\n    }\n\n    .moia-process-item p {\n      max-width: none;\n      font-size: 15px;\n      line-height: 1.5;\n    }\n  }\n<\/style>\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    const section = document.querySelector(\".moia-process-section\");\n    const numbers = document.querySelectorAll(\".moia-process-number\");\n    let hasAnimated = false;\n\n    function formatNumber(value) {\n      return String(value).padStart(2, \"0\");\n    }\n\n    function animateCinematicNumber(element, target) {\n      const steps = [\n        \"00\",\n        \"08\",\n        \"14\",\n        \"03\",\n        \"09\",\n        formatNumber(target)\n      ];\n\n      let index = 0;\n\n      function nextStep() {\n        element.classList.remove(\"is-rolling\");\n\n        void element.offsetWidth;\n\n        element.textContent = steps[index];\n        element.classList.add(\"is-rolling\");\n\n        index++;\n\n        if (index < steps.length) {\n          const delay = index === steps.length - 1 ? 130 : 90;\n          setTimeout(nextStep, delay);\n        } else {\n          setTimeout(function () {\n            element.textContent = formatNumber(target);\n            element.classList.remove(\"is-rolling\");\n          }, 420);\n        }\n      }\n\n      nextStep();\n    }\n\n    if (!section || !numbers.length) return;\n\n    const observer = new IntersectionObserver(\n      function (entries) {\n        entries.forEach(function (entry) {\n          if (entry.isIntersecting && !hasAnimated) {\n            hasAnimated = true;\n\n            numbers.forEach(function (number, index) {\n              const target = parseInt(number.dataset.target, 10);\n\n              setTimeout(function () {\n                animateCinematicNumber(number, target);\n              }, index * 180);\n            });\n\n            observer.unobserve(section);\n          }\n        });\n      },\n      {\n        threshold: 0.35\n      }\n    );\n\n    observer.observe(section);\n  });\n<\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-f99d81a e-con e-atomic-element e-flexbox-base e-f99d81a-6f1d029 \" data-id=\"f99d81a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f99d81a\" data-e-type=\"e-flexbox\" data-id=\"f99d81a\">\n    <div class=\"elementor-element elementor-element-9e11824 e-con-full e-flex e-con e-parent\" data-id=\"9e11824\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-bdbc16f e-con-full e-flex e-con e-child\" data-id=\"bdbc16f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2265e8c elementor-widget elementor-widget-heading\" data-id=\"2265e8c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">IMESO - visual support <br> for an  intelligent medical &amp; wellness brand.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc3a523 elementor-widget elementor-widget-text-editor\" data-id=\"cc3a523\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>IMESO delivers innovative technologies and equipment for aesthetic medicine, physiotherapy, cosmetology, wellness, SPA, sport, recovery and biohacking spaces. The brand combines advanced medical solutions with education, service and long-term support for clinics, practices and professional wellness environments.<\/p><p>Our collaboration focuses on translating a complex, highly technological offer into clear, premium and consistent brand communication \u2014 across selected digital and printed touchpoints.<\/p><p>We help the brand present its expertise, innovation and trust through a more refined visual language, making advanced solutions easier to understand and more desirable to professional clients.<\/p><p>For MOIA, this is where strategy, aesthetics and clarity meet &#8211; turning technical communication into a brand experience that feels structured, intelligent and ready to grow.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ea3b829 elementor-widget elementor-widget-button\" data-id=\"ea3b829\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-shrink\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">explore<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b10807b e-con-full e-flex e-con e-child\" data-id=\"b10807b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-06c7f37 e-con e-atomic-element e-flexbox-base e-06c7f37-897b3b5 \" data-id=\"06c7f37\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"06c7f37\" data-e-type=\"e-flexbox\" data-id=\"06c7f37\">\n    <div class=\"elementor-element elementor-element-a359645 e-con-full e-flex e-con e-parent\" data-id=\"a359645\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d328209 elementor-widget elementor-widget-shortcode\" data-id=\"d328209\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><section class=\"moia-trust-section\">\n  <div class=\"moia-trust-inner\">\n\n    <div class=\"moia-trust-left\">\n      <div class=\"moia-trust-copy\">\n        <span class=\"moia-trust-kicker\">Why brands choose MOIA<\/span>\n\n        <h2 class=\"moia-trust-heading\">\n          Built for beauty brands that need more than beautiful visuals.\n        <\/h2>\n\n        <p class=\"moia-trust-intro\">\n          We help beauty brands create a visual presence that feels clear, premium and consistent \u2014 across every touchpoint.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"moia-trust-right\">\n\n      <article class=\"moia-trust-point\">\n        <div class=\"moia-trust-marker\">\n          <span class=\"moia-trust-dot\"><\/span>\n          <span class=\"moia-trust-number\">01<\/span>\n        <\/div>\n        <div class=\"moia-trust-content\">\n          <h3>Direction before content<\/h3>\n          <p>\n            We define the visual logic of your brand before creating assets, so every piece of communication has purpose.\n          <\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"moia-trust-point\">\n        <div class=\"moia-trust-marker\">\n          <span class=\"moia-trust-dot\"><\/span>\n          <span class=\"moia-trust-number\">02<\/span>\n        <\/div>\n        <div class=\"moia-trust-content\">\n          <h3>Premium beauty understanding<\/h3>\n          <p>\n            We know how to build an aesthetic that feels refined, trustworthy and desirable for modern beauty clients.\n          <\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"moia-trust-point\">\n        <div class=\"moia-trust-marker\">\n          <span class=\"moia-trust-dot\"><\/span>\n          <span class=\"moia-trust-number\">03<\/span>\n        <\/div>\n        <div class=\"moia-trust-content\">\n          <h3>One system across touchpoints<\/h3>\n          <p>\n            Photography, branding, web and campaigns work together as one visual language \u2014 not separate deliverables.\n          <\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"moia-trust-point\">\n        <div class=\"moia-trust-marker\">\n          <span class=\"moia-trust-dot\"><\/span>\n          <span class=\"moia-trust-number\">04<\/span>\n        <\/div>\n        <div class=\"moia-trust-content\">\n          <h3>Long-term creative partnership<\/h3>\n          <p>\n            We support brands beyond one project, helping them stay consistent, recognizable and ready to grow month after month.\n          <\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"moia-trust-point\">\n        <div class=\"moia-trust-marker\">\n          <span class=\"moia-trust-dot\"><\/span>\n          <span class=\"moia-trust-number\">05<\/span>\n        <\/div>\n        <div class=\"moia-trust-content\">\n          <h3>Trust built through consistency<\/h3>\n          <p>\n            We refine how your brand is seen, remembered and perceived \u2014 so it feels more professional, premium and credible.\n          <\/p>\n        <\/div>\n      <\/article>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* ================================\n   MOIA \u2014 TRUST SECTION\n   Place inside your 80% container\n================================ *\/\n\n.moia-trust-section {\n  width: 100%;\n  padding: clamp(90px, 8vw, 150px) 0;\n  background: transparent;\n  color: #1A1A1A;\n  overflow: hidden;\n}\n\n.moia-trust-inner {\n  width: 100%;\n  display: grid;\n  grid-template-columns: minmax(360px, 0.95fr) minmax(640px, 1.35fr);\n  gap: clamp(80px, 8vw, 150px);\n  align-items: center;\n}\n\n\/* LEFT *\/\n\n.moia-trust-left {\n  width: 100%;\n  opacity: 0;\n  transform: translateY(24px);\n}\n\n.moia-trust-copy {\n  width: 100%;\n  max-width: 680px;\n}\n\n.moia-trust-kicker {\n  display: block;\n  margin: 0 0 22px 0;\n  padding: 0;\n  font-family: \"DM Sans\", sans-serif;\n  font-size: 15px;\n  font-weight: 200;\n  line-height: 1.4;\n  letter-spacing: -0.02em;\n  color: #1A1A1A;\n}\n\n.moia-trust-heading {\n  margin: 0;\n  padding: 0;\n  font-family: \"Syne\", sans-serif;\n  font-size: clamp(54px, 5vw, 88px);\n  font-weight: 700;\n  line-height: 0.9;\n  letter-spacing: -0.085em;\n  color: #1A1A1A;\n}\n\n.moia-trust-intro {\n  max-width: 470px;\n  margin: clamp(32px, 3vw, 46px) 0 0;\n  padding: 0;\n  font-family: \"DM Sans\", sans-serif;\n  font-size: 15px;\n  font-weight: 200;\n  line-height: 1.55;\n  letter-spacing: -0.02em;\n  color: #1A1A1A;\n}\n\n\/* RIGHT *\/\n\n.moia-trust-right {\n  position: relative;\n  width: 100%;\n}\n\n\/* pionowa linia przechodzi przez \u015brodek kropek *\/\n.moia-trust-right::before {\n  content: \"\";\n  position: absolute;\n  left: 4px;\n  top: 12px;\n  bottom: 12px;\n  width: 1px;\n  background: rgba(26, 26, 26, 0.14);\n  transform: scaleY(0);\n  transform-origin: top center;\n}\n\n.moia-trust-point {\n  position: relative;\n  display: grid;\n  grid-template-columns: 128px 1fr;\n  column-gap: clamp(48px, 5vw, 86px);\n  align-items: start;\n  padding-bottom: clamp(46px, 4.6vw, 72px);\n  opacity: 0;\n  transform: translateY(24px);\n}\n\n.moia-trust-point:last-child {\n  padding-bottom: 0;\n}\n\n\/* MARKER *\/\n\n.moia-trust-marker {\n  position: relative;\n  display: grid;\n  grid-template-columns: 9px 1fr;\n  column-gap: 22px;\n  align-items: center;\n  min-height: 44px;\n}\n\n.moia-trust-dot {\n  width: 9px;\n  height: 9px;\n  border-radius: 999px;\n  background: #1A1A1A;\n  display: block;\n  transform: scale(0);\n  opacity: 0;\n  z-index: 2;\n}\n\n.moia-trust-number {\n  display: block;\n  font-family: \"Syne\", sans-serif;\n  font-size: clamp(38px, 3vw, 54px);\n  font-weight: 700;\n  line-height: 0.85;\n  letter-spacing: -0.08em;\n  color: rgba(26, 26, 26, 0.14);\n}\n\n\/* CONTENT *\/\n\n.moia-trust-content {\n  padding-top: 2px;\n}\n\n.moia-trust-content h3 {\n  margin: 0 0 13px;\n  padding: 0;\n  font-family: \"Syne\", sans-serif;\n  font-size: clamp(26px, 1.9vw, 34px);\n  font-weight: 700;\n  line-height: 1;\n  letter-spacing: -0.06em;\n  color: #1A1A1A;\n}\n\n.moia-trust-content p {\n  max-width: 700px;\n  margin: 0;\n  padding: 0;\n  font-family: \"DM Sans\", sans-serif;\n  font-size: 15px;\n  font-weight: 200;\n  line-height: 1.5;\n  letter-spacing: -0.02em;\n  color: #1A1A1A;\n}\n\n\/* ANIMATION *\/\n\n.moia-trust-section.is-visible .moia-trust-left {\n  animation: moiaTrustLeftIn 0.95s cubic-bezier(0.19, 1, 0.22, 1) forwards;\n}\n\n.moia-trust-section.is-visible .moia-trust-right::before {\n  animation: moiaTrustLineIn 1.25s cubic-bezier(0.19, 1, 0.22, 1) 0.15s forwards;\n}\n\n.moia-trust-section.is-visible .moia-trust-point {\n  animation: moiaTrustPointIn 0.85s cubic-bezier(0.19, 1, 0.22, 1) forwards;\n}\n\n.moia-trust-section.is-visible .moia-trust-dot {\n  animation: moiaTrustDotIn 0.55s cubic-bezier(0.19, 1, 0.22, 1) forwards;\n}\n\n.moia-trust-section.is-visible .moia-trust-point:nth-child(1),\n.moia-trust-section.is-visible .moia-trust-point:nth-child(1) .moia-trust-dot {\n  animation-delay: 0.14s;\n}\n\n.moia-trust-section.is-visible .moia-trust-point:nth-child(2),\n.moia-trust-section.is-visible .moia-trust-point:nth-child(2) .moia-trust-dot {\n  animation-delay: 0.24s;\n}\n\n.moia-trust-section.is-visible .moia-trust-point:nth-child(3),\n.moia-trust-section.is-visible .moia-trust-point:nth-child(3) .moia-trust-dot {\n  animation-delay: 0.34s;\n}\n\n.moia-trust-section.is-visible .moia-trust-point:nth-child(4),\n.moia-trust-section.is-visible .moia-trust-point:nth-child(4) .moia-trust-dot {\n  animation-delay: 0.44s;\n}\n\n.moia-trust-section.is-visible .moia-trust-point:nth-child(5),\n.moia-trust-section.is-visible .moia-trust-point:nth-child(5) .moia-trust-dot {\n  animation-delay: 0.54s;\n}\n\n@keyframes moiaTrustLeftIn {\n  0% {\n    opacity: 0;\n    transform: translateY(24px);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes moiaTrustLineIn {\n  0% {\n    transform: scaleY(0);\n  }\n\n  100% {\n    transform: scaleY(1);\n  }\n}\n\n@keyframes moiaTrustPointIn {\n  0% {\n    opacity: 0;\n    transform: translateY(24px);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes moiaTrustDotIn {\n  0% {\n    opacity: 0;\n    transform: scale(0);\n  }\n\n  70% {\n    opacity: 1;\n    transform: scale(1.16);\n  }\n\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n\/* TABLET *\/\n\n@media (max-width: 1180px) {\n  .moia-trust-inner {\n    grid-template-columns: 1fr;\n    gap: 70px;\n    align-items: start;\n  }\n\n  .moia-trust-left,\n  .moia-trust-copy {\n    max-width: 780px;\n  }\n\n  .moia-trust-heading {\n    max-width: 780px;\n  }\n\n  .moia-trust-intro {\n    max-width: 560px;\n  }\n\n  .moia-trust-content p {\n    max-width: 660px;\n  }\n}\n\n\/* MOBILE *\/\n\n@media (max-width: 767px) {\n  .moia-trust-section {\n    padding: 76px 0;\n  }\n\n  .moia-trust-inner {\n    gap: 48px;\n  }\n\n  .moia-trust-heading {\n    font-size: 42px;\n    line-height: 0.94;\n    letter-spacing: -0.075em;\n  }\n\n  .moia-trust-intro {\n    margin-top: 28px;\n  }\n\n  .moia-trust-right::before {\n    left: 3.5px;\n    top: 6px;\n    bottom: 6px;\n  }\n\n  .moia-trust-point {\n    grid-template-columns: 76px 1fr;\n    column-gap: 24px;\n    padding-bottom: 42px;\n  }\n\n  .moia-trust-marker {\n    grid-template-columns: 8px 1fr;\n    column-gap: 14px;\n    min-height: 30px;\n  }\n\n  .moia-trust-dot {\n    width: 8px;\n    height: 8px;\n  }\n\n  .moia-trust-number {\n    font-size: 24px;\n    line-height: 0.9;\n    color: rgba(26, 26, 26, 0.18);\n  }\n\n  .moia-trust-content h3 {\n    font-size: 24px;\n    line-height: 1.02;\n    margin-bottom: 10px;\n  }\n\n  .moia-trust-content p {\n    max-width: none;\n    font-size: 15px;\n  }\n}\n\n\/* REDUCED MOTION *\/\n\n@media (prefers-reduced-motion: reduce) {\n  .moia-trust-left,\n  .moia-trust-point,\n  .moia-trust-dot,\n  .moia-trust-right::before {\n    animation: none !important;\n    opacity: 1 !important;\n    transform: none !important;\n  }\n\n  .moia-trust-right::before {\n    transform: scaleY(1) !important;\n  }\n\n  .moia-trust-dot {\n    transform: scale(1) !important;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const section = document.querySelector(\".moia-trust-section\");\n\n  if (!section) return;\n\n  const observer = new IntersectionObserver(\n    function (entries) {\n      entries.forEach(function (entry) {\n        if (entry.isIntersecting) {\n          section.classList.add(\"is-visible\");\n          observer.unobserve(section);\n        }\n      });\n    },\n    {\n      threshold: 0.22\n    }\n  );\n\n  observer.observe(section);\n});\n<\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>your brand doesn\u2019t need more content it needs direction let&#8217;s talk About MOIA A creative partner for beauty brands ready to grow with direction. MOIA is a creative studio built for beauty brands that want more than isolated visuals. We work with aesthetic clinics, salons, cosmetic brands and wellness spaces to create a stronger, more [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-36","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/heymoia.com\/index.php?rest_route=\/wp\/v2\/pages\/36","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/heymoia.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/heymoia.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/heymoia.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/heymoia.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=36"}],"version-history":[{"count":268,"href":"https:\/\/heymoia.com\/index.php?rest_route=\/wp\/v2\/pages\/36\/revisions"}],"predecessor-version":[{"id":410,"href":"https:\/\/heymoia.com\/index.php?rest_route=\/wp\/v2\/pages\/36\/revisions\/410"}],"wp:attachment":[{"href":"https:\/\/heymoia.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}