{"id":30779,"date":"2026-04-27T16:02:27","date_gmt":"2026-04-27T13:02:27","guid":{"rendered":"https:\/\/atheart.gr\/?page_id=30779"},"modified":"2026-05-11T12:53:06","modified_gmt":"2026-05-11T09:53:06","slug":"about","status":"publish","type":"page","link":"https:\/\/atheart.gr\/el\/about\/","title":{"rendered":"\u03a3\u03c7\u03b5\u03c4\u03b9\u03ba\u03ac"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"30779\" class=\"elementor elementor-30779 elementor-30260\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-596268b e-con-full e-flex e-con e-parent\" data-id=\"596268b\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-06fcd5e elementor-widget elementor-widget-html\" data-id=\"06fcd5e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- =============================================================\n     ATHEART \u2014 About \u00b7 Widget 0 \/ 6 \u00b7 PHOTO HERO HEADER  (parallax)\n     Full-bleed Athens panorama with the \"MADE IN ATHENS\" SVG\n     centred on top. Two layers, two parallax rates: photo drifts\n     slower than scroll (0.35\u00d7), SVG drifts at 0.15\u00d7 \u2014 gives a\n     subtle depth feel without animating the foreground.\n     This is the page's FIRST HTML widget on \/about\/, so it carries\n     the Konte `hide-header` crash fix. Remove that fix from\n     about-01-hero.html when you ship this.\n     Unique CSS prefix `.ath-hdr-*` (about-header).\n     ============================================================= -->\n<script>\nwindow.addEventListener('DOMContentLoaded', function () {\n  if (!document.getElementById('hide-header')) {\n    window.onscroll = null;\n  }\n});\n<\/script>\n\n<style>\n.ath-hdr,\n.ath-hdr *,\n.ath-hdr *::before,\n.ath-hdr *::after { box-sizing: border-box; }\n\n.ath-hdr {\n  position: relative;\n  width: 100vw;\n  margin-left:  calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n  \/* Fixed heights: 830px desktop + tablet, 410px mobile. *\/\n  height: 830px;\n  overflow: hidden;\n  isolation: isolate;\n  background: #459fff;\n  font-family: \"Open Sans\", -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;\n}\n\n\/* ----- Background photo layer (parallax, slower than scroll) -----\n   Sized 120% tall and shifted up 10% so the parallax translate has\n   room to move without revealing the section background underneath. *\/\n.ath-hdr__bg {\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: -10%;\n  height: 120%;\n  background-image: url(\"https:\/\/atheart.gr\/wp-content\/uploads\/2026\/05\/blog_stories.jpg\");\n  background-size: cover;\n  background-position: center 60%;\n  background-repeat: no-repeat;\n  will-change: transform;\n  transform: translate3d(0, var(--ath-hdr-bg-y, 0px), 0);\n}\n\n\/* ----- \"MADE IN ATHENS\" SVG layer (parallax, faster than bg) ----- *\/\n.ath-hdr__stamp-wrap {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  pointer-events: none;\n  z-index: 2;\n  will-change: transform;\n  transform: translate3d(0, var(--ath-hdr-svg-y, 0px), 0);\n  \/* No horizontal padding \u2014 stamp is a fixed width per breakpoint\n     and just centres in the viewport. The section's overflow:hidden\n     clips edges if needed. *\/\n}\n\/* New SVG (madeAthens.svg) has TWO fill colours (#ffeec9 + #459fff)\n   so it loads as a regular <img> \u2014 no mask recolour, native colours\n   preserved. Widths are FIXED per breakpoint (no proportional scale\n   on desktop\/tablet) and only fluid on mobile. *\/\n.ath-hdr__stamp {\n  display: block;\n  width: 910px;\n  height: auto;\n  max-width: none !important;\n  filter: drop-shadow(0 4px 18px rgba(0,0,0,0.28));\n}\n\n\/* ----- Responsive -----\n   \u22651024px (desktop)  : height 830px, stamp 910px (fixed)\n   768\u20131023px (tablet) : height 830px, stamp 710px (fixed)\n   \u2264767px  (mobile)   : height 410px, stamp scales fluidly down\n                        from ~660px to fit a 320px viewport *\/\n@media (max-width: 1023px) {\n  .ath-hdr__stamp { width: 710px; }\n}\n@media (max-width: 767px) {\n  .ath-hdr { height: 410px; }\n  .ath-hdr__stamp {\n    width: 88vw;\n    max-width: 660px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .ath-hdr__bg,\n  .ath-hdr__stamp-wrap { transform: none !important; }\n}\n<\/style>\n\n<section class=\"ath-hdr\" aria-label=\"ATHEART \u00b7 Made in Athens\">\n  <div class=\"ath-hdr__bg\" aria-hidden=\"true\"><\/div>\n  <div class=\"ath-hdr__stamp-wrap\">\n    <img class=\"ath-hdr__stamp\"\n         src=\"https:\/\/atheart.gr\/wp-content\/uploads\/2026\/04\/madeAthens.svg\"\n         alt=\"Made in Athens\"\n         loading=\"eager\"\n         decoding=\"async\">\n  <\/div>\n<\/section>\n\n<script>\n(function () {\n  var section = document.querySelector('.ath-hdr');\n  if (!section) return;\n  var bg = section.querySelector('.ath-hdr__bg');\n  var svgWrap = section.querySelector('.ath-hdr__stamp-wrap');\n  if (!bg || !svgWrap) return;\n\n  var mqReduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)');\n  if (mqReduce && mqReduce.matches) return;\n\n  var ticking = false;\n  function update() {\n    var rect = section.getBoundingClientRect();\n    \/* How far the section's top has scrolled past the top of the\n       viewport. Clamped so we don't keep parallaxing once the\n       section is fully off-screen. *\/\n    var scrolled = -rect.top;\n    var maxRange = section.offsetHeight + window.innerHeight;\n    if (scrolled < -window.innerHeight) scrolled = -window.innerHeight;\n    if (scrolled > maxRange) scrolled = maxRange;\n    bg.style.setProperty('--ath-hdr-bg-y',  (scrolled * 0.35).toFixed(1) + 'px');\n    svgWrap.style.setProperty('--ath-hdr-svg-y', (scrolled * 0.15).toFixed(1) + 'px');\n    ticking = false;\n  }\n  function onScroll() {\n    if (!ticking) {\n      window.requestAnimationFrame(update);\n      ticking = true;\n    }\n  }\n  update();\n  window.addEventListener('scroll', onScroll, { passive: true });\n  window.addEventListener('resize', onScroll, { passive: true });\n})();\n<\/script>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-37e25ac e-con-full e-flex e-con e-parent\" data-id=\"37e25ac\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f85c90d elementor-widget elementor-widget-html\" data-id=\"f85c90d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- =============================================================\n     ATHEART \/about\/ \u2014 Widget 1 \u00b7 INTRO  (was about-01-hero.html)\n     \"From the Heart of Athens.\" \u2014 eyebrow above + title left +\n     paragraphs right + 4-chapter anchor index. Mirrors the\n     \/services\/ intro rhythm exactly: eyebrow lifted out of the\n     title column (20px\/800\/#fff), `.ath-abh__top` align-items:start,\n     2 columns kept till tablet, stacks only at \u2264767px, paragraph\n     drops max-width on mobile, index gap:0 so hover overlay covers\n     the full cell.\n     SVG icons reuse the \/services\/ intro placeholders\n     (01-wholesale2 etc.) \u2014 to be swapped for about-specific icons\n     when ready.\n     The Konte `hide-header` crash fix lives in about-00-header.html\n     (the page's first widget) \u2014 NOT duplicated here.\n     Unique CSS prefix `.ath-abh-*` (about-hero kept for parity with\n     project_atheart_homepage \/ project_atheart_services memory).\n     ============================================================= -->\n<style>\n.ath-abh,\n.ath-abh *,\n.ath-abh *::before,\n.ath-abh *::after { box-sizing: border-box; }\n\n.ath-abh {\n  position: relative;\n  width: 100vw;\n  margin-left:  calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n  padding: clamp(80px, 10vw, 140px) clamp(1rem, 4vw, 3rem) clamp(60px, 7vw, 100px);\n  background: #459fff;\n  color: #fff;\n  overflow: hidden;\n  isolation: isolate;\n  border: 0;\n  font-family: \"Open Sans\", -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n}\n\n.ath-abh__inner {\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n\/* Chapter eyebrow lifted out of the title column, sitting on its\n   own line above the title+paragraph grid \u2014 matches the \/services\/\n   white-surface widget shape (20px \/ 800 \/ no letter-spacing).\n   Colour adapted from #459fff to #fff for the blue surface. *\/\n.ath-abh__eyebrow {\n  display: block;\n  margin: 0 0 1.4em;\n  font-size: 20px;\n  font-weight: 800;\n  line-height: 1.2;\n  color: #fff;\n}\n\n\/* ----- Top block: title left, paragraphs right ----- *\/\n.ath-abh__top {\n  display: grid;\n  grid-template-columns: minmax(260px, 5fr) 7fr;\n  gap: clamp(2em, 6vw, 5em);\n  align-items: start;\n  margin-bottom: clamp(2.5em, 5vw, 4em);\n}\n\n.ath-abh__title {\n  margin: 0;\n  font-size: 3rem !important;\n  font-weight: 800 !important;\n  line-height: 1.1 !important;\n  letter-spacing: -0.005em;\n  color: #fff;\n}\n\n.ath-abh__text {\n  margin: 0;\n  font-size: clamp(1rem, 1.2vw, 1.08rem);\n  line-height: 1.75;\n  color: rgba(255,255,255,0.92);\n  max-width: 62ch;\n}\n.ath-abh__text + .ath-abh__text { margin-top: 1em; }\n\n\/* ----- Chapter index ----- *\/\n.ath-abh__index {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  \/* No column gap \u2014 cards sit flush so the hover overlay covers\n     the full cell. Right-border on each link draws the dividers. *\/\n  gap: 0;\n  border-top: 1px solid rgba(255,255,255,0.25);\n}\n\n.ath-abh__row {\n  position: relative;\n  opacity: 0;\n  transform: translateY(20px);\n  transition:\n    opacity 0.6s cubic-bezier(.22,.61,.36,1),\n    transform 0.6s cubic-bezier(.22,.61,.36,1);\n  transition-delay: calc(var(--i, 0) * 90ms);\n}\n.ath-abh__row.is-visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.ath-abh__link {\n  display: flex;\n  flex-direction: column;\n  gap: 0.6em;\n  padding: 1.4em 1.2em 1.6em;\n  color: #fff;\n  text-decoration: none;\n  border-right: 1px solid rgba(255,255,255,0.18);\n  height: 100%;\n  transition: background 0.25s ease, padding 0.25s ease;\n}\n.ath-abh__row:last-child .ath-abh__link { border-right: 0; }\n.ath-abh__link:hover,\n.ath-abh__link:focus-visible {\n  color: #fff;\n  text-decoration: none;\n  background: rgba(255,255,255,0.08);\n  padding-left: 1.5em;\n}\n.ath-abh__link:focus-visible {\n  outline: 2px solid #fff;\n  outline-offset: -2px;\n}\n\n.ath-abh__icon {\n  display: block;\n  width: 64px;\n  height: 64px;\n  margin: 0 0 0.6em;\n  max-width: none !important;\n  flex-shrink: 0;\n}\n\n.ath-abh__name {\n  font-size: clamp(1.05rem, 1.4vw, 1.25rem);\n  font-weight: 800;\n  line-height: 1.2;\n  color: #fff;\n}\n\n.ath-abh__arrow {\n  margin-top: auto;\n  display: inline-flex;\n  align-items: center;\n  gap: 0.5em;\n  font-size: 0.7rem;\n  letter-spacing: 0.22em;\n  font-weight: 700;\n  color: rgba(255,255,255,0.85);\n  transition: transform 0.25s ease, color 0.25s ease;\n}\n.ath-abh__link:hover .ath-abh__arrow,\n.ath-abh__link:focus-visible .ath-abh__arrow {\n  color: #fff;\n  transform: translateX(4px);\n}\n.ath-abh__arrow svg { width: 18px; height: 18px; }\n\n\/* ----- Responsive ----- *\/\n@media (max-width: 64em) {\n  \/* Tablet keeps the 2-column top grid (title + paragraphs) and the\n     full-size title \u2014 only the paragraph column gets narrower so\n     the text wraps tighter. The 4-up chapter index also stays. *\/\n  .ath-abh__top {\n    gap: clamp(1.5em, 4vw, 3em);\n  }\n  .ath-abh__link {\n    padding: 1.2em 0.9em 1.3em;\n    gap: 0.5em;\n  }\n  .ath-abh__name { font-size: 1.05rem; }\n}\n@media (max-width: 767px) {\n  .ath-abh { padding-top: clamp(50px, 12vw, 80px); }\n  .ath-abh__title { font-size: 44px !important; line-height: 1.1 !important; }\n  \/* Mobile: NOW the top grid stacks (title above paragraphs) and\n     the paragraphs drop their `max-width: 62ch` so they wrap to the\n     full viewport width. *\/\n  .ath-abh__top {\n    grid-template-columns: 1fr;\n    gap: 1.4em;\n  }\n  .ath-abh__text { max-width: none; }\n  .ath-abh__index {\n    grid-template-columns: repeat(2, 1fr);\n  }\n  .ath-abh__row:nth-child(2n) .ath-abh__link { border-right: 0; }\n  .ath-abh__row:last-child .ath-abh__link { border-right: 0; }\n  .ath-abh__row:nth-child(-n+2) .ath-abh__link {\n    border-bottom: 1px solid rgba(255,255,255,0.18);\n  }\n  .ath-abh__link { padding: 1.1em 0.9em 1.2em; }\n  .ath-abh__name { font-size: 1rem; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .ath-abh__row {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n  }\n}\n<\/style>\n\n<section class=\"ath-abh\" aria-labelledby=\"ath-abh-heading\">\n  <div class=\"ath-abh__inner\">\n\n    <span class=\"ath-abh__eyebrow\">\u03a3\u03c7\u03b5\u03c4\u03b9\u03ba\u03ac \u03bc\u03b5 \u03c4\u03b7\u03bd ATHEART<\/span>\n\n    <div class=\"ath-abh__top\">\n      <h1 class=\"ath-abh__title\" id=\"ath-abh-heading\">\u0391\u03c0\u03cc \u03c4\u03b7\u03bd \u03ba\u03b1\u03c1\u03b4\u03b9\u03ac<br>\u03c4\u03b7\u03c2 \u0391\u03b8\u03ae\u03bd\u03b1\u03c2.<\/h1>\n      <div>\n        <p class=\"ath-abh__text\">\n          \u0397 ATHEART \u03b5\u03af\u03bd\u03b1\u03b9 \u03ad\u03bd\u03b1 \u03b8\u03b5\u03c4\u03b9\u03ba\u03cc brand \u03ba\u03b1\u03b9 \u03ad\u03bd\u03b1 \u03b4\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03b9\u03ba\u03cc studio\n          \u03c3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03bf\u03cd, \u03c0\u03bf\u03c5 \u03b3\u03b9\u03bf\u03c1\u03c4\u03ac\u03b6\u03b5\u03b9 \u03c4\u03b7 \u03b4\u03cd\u03bd\u03b1\u03bc\u03b7 \u03c4\u03b7\u03c2 \u03b1\u03b9\u03c3\u03b9\u03bf\u03b4\u03bf\u03be\u03af\u03b1\u03c2 \u03ba\u03b1\u03b9 \u03c4\u03b7\u03c2\n          \u03b5\u03c3\u03c9\u03c4\u03b5\u03c1\u03b9\u03ba\u03ae\u03c2 \u03b4\u03cd\u03bd\u03b1\u03bc\u03b7\u03c2 \u03bc\u03ad\u03c3\u03b1 \u03b1\u03c0\u03cc \u03c0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03b1 \u03c3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03bf\u03cd \u03c0\u03b5\u03c1\u03b9\u03bf\u03c1\u03b9\u03c3\u03bc\u03ad\u03bd\u03b7\u03c2\n          \u03ad\u03ba\u03b4\u03bf\u03c3\u03b7\u03c2.\n        <\/p>\n        <p class=\"ath-abh__text\">\n          \u0395\u03af\u03c4\u03b5 \u03c0\u03c1\u03cc\u03ba\u03b5\u03b9\u03c4\u03b1\u03b9 \u03b3\u03b9\u03b1 \u03b3\u03c1\u03b1\u03c6\u03b9\u03c3\u03c4\u03b9\u03ba\u03ae, web design, branding \u03ba\u03b1\u03b9\n          rebranding \u03ad\u03c1\u03b3\u03b1, \u03ae \u03b3\u03b9\u03b1 \u03b5\u03be\u03b1\u03c4\u03bf\u03bc\u03b9\u03ba\u03b5\u03c5\u03bc\u03ad\u03bd\u03b1 \u03b1\u03be\u03b5\u03c3\u03bf\u03c5\u03ac\u03c1, \u03c3\u03c5\u03bd\u03b4\u03c5\u03ac\u03b6\u03bf\u03c5\u03bc\u03b5\n          \u03c4\u03ad\u03c7\u03bd\u03b7, \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1 \u03ba\u03b1\u03b9 \u03c0\u03c1\u03bf\u03c3\u03c9\u03c0\u03b9\u03ba\u03ae \u03b1\u03c6\u03ae\u03b3\u03b7\u03c3\u03b7, \u03ad\u03bd\u03b1\u03bd \u03c7\u03ce\u03c1\u03bf \u03cc\u03c0\u03bf\u03c5\n          \u03bf\u03b9 \u03b9\u03b4\u03ad\u03b5\u03c2 \u03b6\u03c9\u03bd\u03c4\u03b1\u03bd\u03b5\u03cd\u03bf\u03c5\u03bd \u03bc\u03b5 \u03c0\u03ac\u03b8\u03bf\u03c2 \u03ba\u03b1\u03b9 \u03b1\u03c6\u03bf\u03c3\u03af\u03c9\u03c3\u03b7.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <ol class=\"ath-abh__index\">\n\n      <li class=\"ath-abh__row\" style=\"--i:0\">\n        <a class=\"ath-abh__link\" href=\"#about\">\n          <img decoding=\"async\" class=\"ath-abh__icon\" src=\"https:\/\/atheart.gr\/wp-content\/uploads\/2026\/05\/about-1.svg\" alt=\"\" aria-hidden=\"true\">\n          <span class=\"ath-abh__name\">\u03a5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2<br>\u03c3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03bf\u03cd<\/span>\n          <span class=\"ath-abh__arrow\">\n            \u03a0\u0395\u03a1\u0399\u03a3\u03a3\u039f\u03a4\u0395\u03a1\u0391\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg>\n          <\/span>\n        <\/a>\n      <\/li>\n\n      <li class=\"ath-abh__row\" style=\"--i:1\">\n        <a class=\"ath-abh__link\" href=\"#behind\">\n          <img decoding=\"async\" class=\"ath-abh__icon\" src=\"https:\/\/atheart.gr\/wp-content\/uploads\/2026\/05\/behind-1.svg\" alt=\"\" aria-hidden=\"true\">\n          <span class=\"ath-abh__name\">\u03a0\u03bf\u03b9\u03bf\u03b9<br>\u03b5\u03af\u03bc\u03b1\u03c3\u03c4\u03b5<\/span>\n          <span class=\"ath-abh__arrow\">\n            \u03a0\u0395\u03a1\u0399\u03a3\u03a3\u039f\u03a4\u0395\u03a1\u0391\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg>\n          <\/span>\n        <\/a>\n      <\/li>\n\n      <li class=\"ath-abh__row\" style=\"--i:2\">\n        <a class=\"ath-abh__link\" href=\"#handcrafted\">\n          <img decoding=\"async\" class=\"ath-abh__icon\" src=\"https:\/\/atheart.gr\/wp-content\/uploads\/2026\/05\/athens.svg\" alt=\"\" aria-hidden=\"true\">\n          <span class=\"ath-abh__name\">\u0391\u03c0\u03cc \u03c4\u03b7\u03bd<br>\u0391\u03b8\u03ae\u03bd\u03b1<\/span>\n          <span class=\"ath-abh__arrow\">\n            \u03a0\u0395\u03a1\u0399\u03a3\u03a3\u039f\u03a4\u0395\u03a1\u0391\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg>\n          <\/span>\n        <\/a>\n      <\/li>\n\n      <li class=\"ath-abh__row\" style=\"--i:3\">\n        <a class=\"ath-abh__link\" href=\"#mission\">\n          <img decoding=\"async\" class=\"ath-abh__icon\" src=\"https:\/\/atheart.gr\/wp-content\/uploads\/2026\/05\/mission-1.svg\" alt=\"\" aria-hidden=\"true\">\n          <span class=\"ath-abh__name\">\u0391\u03c0\u03bf\u03c3\u03c4\u03bf\u03bb\u03ae<br>\u03c5\u03c0\u03b7\u03c1\u03b5\u03c3\u03b9\u03ce\u03bd<\/span>\n          <span class=\"ath-abh__arrow\">\n            \u03a0\u0395\u03a1\u0399\u03a3\u03a3\u039f\u03a4\u0395\u03a1\u0391\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg>\n          <\/span>\n        <\/a>\n      <\/li>\n    <\/ol>\n\n  <\/div>\n<\/section>\n\n<script>\n(function () {\n  var section = document.querySelector('.ath-abh');\n  if (!section) return;\n  var rows = section.querySelectorAll('.ath-abh__row');\n  if (!rows.length) return;\n\n  var mqReduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)');\n  if ((mqReduce && mqReduce.matches) || !('IntersectionObserver' in window)) {\n    rows.forEach(function (r) { r.classList.add('is-visible'); });\n    return;\n  }\n\n  var io = new IntersectionObserver(function (entries) {\n    entries.forEach(function (e) {\n      if (e.isIntersecting) {\n        e.target.classList.add('is-visible');\n        io.unobserve(e.target);\n      }\n    });\n  }, { rootMargin: '0px 0px -10% 0px', threshold: 0.15 });\n  rows.forEach(function (r) { io.observe(r); });\n})();\n<\/script>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9261d42 e-con-full e-flex e-con e-parent\" data-id=\"9261d42\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dc44e55 elementor-widget elementor-widget-html\" data-id=\"dc44e55\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- =============================================================\n     ATHEART \/about\/ \u2014 Widget 2 \/ 5 \u00b7 ABOUT ATHEART\n     White surface. Chapter eyebrow + 2-col title\/text + hero video\n     + 4-pillar service list (vertical) + closer pull-quote.\n     Anchor #about. CSS prefix `.ath-abt-*`.\n     ============================================================= -->\n<style>\n.ath-abt, .ath-abt *, .ath-abt *::before, .ath-abt *::after { box-sizing: border-box; }\n\n.ath-abt {\n  position: relative;\n  width: 100vw;\n  margin-left:  calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n  padding: clamp(80px, 10vw, 140px) clamp(1rem, 4vw, 3rem);\n  background: #fff;\n  color: #1a1a1a;\n  overflow: hidden;\n  isolation: isolate;\n  border: 0;\n  font-family: \"Open Sans\", -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  scroll-margin-top: -80px;\n}\n\n.ath-abt__inner { max-width: 1200px; margin: 0 auto; }\n\n.ath-abt__chapter {\n  display: block;\n  font-size: 20px;\n  font-weight: 800;\n  line-height: 1.2;\n  color: #459fff;\n  margin: 0 0 1.4em;\n}\n\n.ath-abt__top {\n  display: grid;\n  grid-template-columns: minmax(260px, 5fr) 7fr;\n  gap: clamp(2em, 6vw, 5em);\n  align-items: start;\n  margin: 0 0 clamp(3em, 6vw, 5em);\n}\n\n.ath-abt__title {\n  margin: 0;\n  font-size: 3rem !important;\n  font-weight: 800 !important;\n  line-height: 1.05 !important;\n  letter-spacing: -0.005em;\n  color: #1a1a1a;\n}\n\n.ath-abt__text {\n  margin: 0 0 1em;\n  font-size: clamp(1rem, 1.2vw, 1.08rem);\n  line-height: 1.75;\n  color: #3a3a3a;\n  max-width: 62ch;\n}\n.ath-abt__text:last-child { margin-bottom: 0; }\n\n.ath-abt__hero {\n  position: relative;\n  width: 100%;\n  aspect-ratio: 16 \/ 9;\n  border-radius: 28px;\n  overflow: hidden;\n  background: #f4f4f4;\n  box-shadow: 0 24px 60px rgba(0,0,0,0.16), 0 8px 18px rgba(0,0,0,0.06);\n  margin: 0 0 clamp(3em, 6vw, 5em);\n}\n.ath-abt__hero-video {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  max-width: none !important;\n  display: block;\n}\n\n\/* ----- Pillars ----- *\/\n.ath-abt__pillars-head {\n  margin: 0 0 clamp(2em, 4vw, 3em);\n  \/* Fixed size at every viewport (no clamp) \u2014 desktop, tablet and\n     mobile all 2rem. *\/\n  font-size: 2rem;\n  font-weight: 800;\n  line-height: 1.2;\n  color: #1a1a1a;\n}\n\n.ath-abt__pillars {\n  list-style: none;\n  \/* Quote sits centred between this list and the BOLD image below;\n     the gap above + below the quote is set explicitly on the quote\n     and the image, not here. *\/\n  margin: 0;\n  padding: 0;\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 0;\n}\n\n.ath-abt__pillar {\n  display: grid;\n  grid-template-columns: 40px minmax(220px, 5fr) 7fr;\n  gap: clamp(1.4em, 3vw, 2.5em);\n  align-items: start;\n  padding: clamp(1.6em, 3vw, 2.2em) 0;\n  border-top: 1px solid rgba(0,0,0,0.08);\n}\n.ath-abt__pillar:last-child { border-bottom: 1px solid rgba(0,0,0,0.08); }\n\n\/* Brand-blue tick badge (same shape as the \/services\/ widgets). *\/\n.ath-abt__pillar-icon {\n  display: block;\n  width: 40px;\n  height: 40px;\n  max-width: none !important;\n  flex-shrink: 0;\n  margin-top: 0.15em;\n}\n\n.ath-abt__pillar-name {\n  margin: 0;\n  \/* Fixed 1.4rem on desktop AND tablet (no clamp scale). Mobile\n     drops to 1.15rem in the @media block below. *\/\n  font-size: 1.4rem;\n  font-weight: 800;\n  line-height: 1.2;\n  color: #1a1a1a;\n}\n\n.ath-abt__pillar-text {\n  margin: 0;\n  font-size: clamp(0.98rem, 1.15vw, 1.05rem);\n  line-height: 1.65;\n  color: #3a3a3a;\n}\n\n\/* ----- Pull-quote closer ----- *\/\n.ath-abt__quote {\n  margin: 0;\n  \/* Equal vertical breathing room above + below the quote \u2014 same\n     value as `.ath-abt__bold` margin-top so the quote sits centred\n     between the pillar list and the image. *\/\n  padding: clamp(3em, 5vw, 4em) 0 0;\n  text-align: center;\n}\n\n\/* Closing BOLD ATHEART image \u2014 sits after the quote, full content\n   width, native aspect ratio (1920\u00d71234 \u2192 960:617) so the whole\n   image is visible with no cropping. *\/\n.ath-abt__bold {\n  display: block;\n  width: 100%;\n  \/* Matches `.ath-abt__quote` padding-top so the quote is centred\n     between the pillar list above and this image below. *\/\n  margin: clamp(3em, 5vw, 4em) auto 0;\n  aspect-ratio: 1920 \/ 1234;\n  border-radius: 28px;\n  overflow: hidden;\n  background-color: rgba(0,0,0,0.05);\n  background-image: url(\"https:\/\/atheart.gr\/wp-content\/uploads\/2026\/03\/BOLD_ATHEART.jpg\");\n  background-size: cover;\n  background-position: center;\n  background-repeat: no-repeat;\n  box-shadow: 0 24px 60px rgba(0,0,0,0.16), 0 8px 18px rgba(0,0,0,0.06);\n}\n@media (max-width: 767px) {\n  .ath-abt__bold { border-radius: 22px; }\n}\n.ath-abt__quote-text {\n  margin: 0 auto;\n  max-width: 24ch;\n  \/* Fixed 2rem at every viewport (no clamp). *\/\n  font-size: 2rem;\n  font-weight: 800;\n  line-height: 1.2;\n  letter-spacing: -0.005em;\n  color: #1a1a1a;\n}\n.ath-abt__quote-text::before { content: \"\\201C\"; color: #459fff; margin-right: 0.1em; }\n.ath-abt__quote-text::after  { content: \"\\201D\"; color: #459fff; margin-left: 0.1em; }\n\n\/* Neutralize Konte\/WP default `<blockquote>` decoration that adds\n   a stray em-dash \/ left-border in the top-left corner. *\/\n.ath-abt .ath-abt__quote::before,\n.ath-abt .ath-abt__quote::after {\n  content: none !important;\n  display: none !important;\n  border: 0 !important;\n  background: none !important;\n}\n.ath-abt .ath-abt__quote {\n  border-left: 0 !important;\n  padding-left: 0 !important;\n  background: transparent !important;\n}\n\n@media (max-width: 64em) {\n  .ath-abt__top { grid-template-columns: 1fr; gap: 1.4em; }\n  \/* Tablet matches desktop title size (3rem) \u2014 only mobile drops\n     to 44px. Body text wraps to the full column width. *\/\n  .ath-abt__text { max-width: none; }\n  \/* Tablet keeps the 3-col pillar grid (icon \/ name \/ text), text\n     sits NEXT TO the title \u2014 gap reduced for a tighter row. *\/\n  .ath-abt__pillar { gap: 0.9em; }\n}\n@media (max-width: 767px) {\n  \/* Mobile-only title size (matches \/services\/ widgets at 44px). *\/\n  .ath-abt__title { font-size: 44px !important; }\n  .ath-abt__hero { aspect-ratio: 4 \/ 3; border-radius: 22px; }\n  \/* Pillar name kept at the same 1.4rem as desktop and tablet\n     (mobile override removed). *\/\n  \/* Tighter gap on mobile between \"What we can build together.\"\n     and the first pillar row below it. *\/\n  .ath-abt__pillars-head { margin-bottom: 35px; }\n  \/* Mobile: pillar collapses to 2-col \u2014 icon + name on the top\n     row, description full-width BELOW. *\/\n  .ath-abt__pillar {\n    grid-template-columns: 40px 1fr;\n    column-gap: 1em;\n    row-gap: 0.6em;\n  }\n  .ath-abt__pillar-text { grid-column: 1 \/ -1; }\n}\n<\/style>\n\n<section class=\"ath-abt\" id=\"about\" aria-labelledby=\"ath-abt-heading\">\n  <div class=\"ath-abt__inner\">\n\n    <span class=\"ath-abt__chapter\">\u03a5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2 \u03c3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03bf\u03cd<\/span>\n\n    <div class=\"ath-abt__top\">\n      <div class=\"ath-abt__head\">\n        <h2 class=\"ath-abt__title\" id=\"ath-abt-heading\">\u03a3\u03c4\u03b7\u03c1\u03af\u03b6\u03bf\u03c5\u03bc\u03b5<br>\u03c4\u03bf brand \u03c3\u03b1\u03c2.<\/h2>\n      <\/div>\n      <div>\n        <p class=\"ath-abt__text\">\n          \u039b\u03bf\u03b3\u03cc\u03c4\u03c5\u03c0\u03b1, websites, eshops, \u03c3\u03c5\u03c3\u03ba\u03b5\u03c5\u03b1\u03c3\u03af\u03b5\u03c2, \u03b5\u03b9\u03ba\u03bf\u03bd\u03bf\u03b3\u03c1\u03ac\u03c6\u03b7\u03c3\u03b7, videos,\n          custom \u03b1\u03be\u03b5\u03c3\u03bf\u03c5\u03ac\u03c1. \u03a3\u03c7\u03b5\u03b4\u03b9\u03ac\u03b6\u03bf\u03c5\u03bc\u03b5 \u03ba\u03ac\u03b8\u03b5 \u03c3\u03b7\u03bc\u03b5\u03af\u03bf \u03cc\u03c0\u03bf\u03c5 \u03c4\u03bf brand \u03c3\u03b1\u03c2\n          \u03b5\u03bc\u03c6\u03b1\u03bd\u03af\u03b6\u03b5\u03c4\u03b1\u03b9 \u03c3\u03c4\u03bf\u03bd \u03ba\u03cc\u03c3\u03bc\u03bf.\n        <\/p>\n        <p class=\"ath-abt__text\">\n          \u0391\u03c0\u03cc \u03c4\u03b7\u03bd \u03c0\u03c1\u03ce\u03c4\u03b7 \u03c4\u03b1\u03c5\u03c4\u03cc\u03c4\u03b7\u03c4\u03b1 \u03bc\u03ad\u03c7\u03c1\u03b9 \u03ad\u03bd\u03b1 \u03bf\u03bb\u03bf\u03ba\u03bb\u03b7\u03c1\u03c9\u03bc\u03ad\u03bd\u03bf \u03bf\u03c0\u03c4\u03b9\u03ba\u03cc \u03c3\u03cd\u03c3\u03c4\u03b7\u03bc\u03b1,\n          \u03b7 ATHEART \u03b5\u03af\u03bd\u03b1\u03b9 \u03c4\u03bf studio \u03c0\u03bf\u03c5 \u03c4\u03bf \u03c7\u03c4\u03af\u03b6\u03b5\u03b9 \u03bc\u03b1\u03b6\u03af \u03c3\u03b1\u03c2, \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03b1\u03c1\u03c7\u03ae\n          \u03c9\u03c2 \u03c4\u03bf \u03c4\u03ad\u03bb\u03bf\u03c2.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"ath-abt__hero\">\n      <video class=\"ath-abt__hero-video\"\n        src=\"https:\/\/atheart.gr\/wp-content\/uploads\/2026\/03\/My-Movie-4_1.webm\"\n        autoplay muted loop playsinline preload=\"metadata\"\n        aria-label=\"\u0394\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03b9\u03ba\u03cc \u03ad\u03c1\u03b3\u03bf \u03c4\u03b7\u03c2 ATHEART, branding, \u03b5\u03b9\u03ba\u03bf\u03bd\u03bf\u03b3\u03c1\u03ac\u03c6\u03b7\u03c3\u03b7, web, \u03c3\u03c5\u03c3\u03ba\u03b5\u03c5\u03b1\u03c3\u03af\u03b1\"><\/video>\n    <\/div>\n\n    <h3 class=\"ath-abt__pillars-head\">\u03a4\u03b9 \u03bc\u03c0\u03bf\u03c1\u03bf\u03cd\u03bc\u03b5 \u03bd\u03b1 \u03c6\u03c4\u03b9\u03ac\u03be\u03bf\u03c5\u03bc\u03b5 \u03bc\u03b1\u03b6\u03af.<\/h3>\n\n    <ol class=\"ath-abt__pillars\">\n      <li class=\"ath-abt__pillar\">\n        <svg class=\"ath-abt__pillar-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n          <circle cx=\"12\" cy=\"12\" r=\"11\" fill=\"#459fff\"\/>\n          <path d=\"M7.5 12.5 L10.5 15.5 L16.5 9.5\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n        <h4 class=\"ath-abt__pillar-name\">\u03a4\u03b1\u03c5\u03c4\u03cc\u03c4\u03b7\u03c4\u03b1 brand<br>&amp; rebranding.<\/h4>\n        <p class=\"ath-abt__pillar-text\">\n          \u039b\u03bf\u03b3\u03cc\u03c4\u03c5\u03c0\u03b1, \u03c3\u03c5\u03c3\u03c4\u03ae\u03bc\u03b1\u03c4\u03b1 \u03c4\u03b1\u03c5\u03c4\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2, \u03bf\u03bd\u03bf\u03bc\u03b1\u03c4\u03bf\u03b4\u03bf\u03c3\u03af\u03b1, voice. \u03a6\u03c4\u03b9\u03b1\u03b3\u03bc\u03ad\u03bd\u03b1\n          \u03bd\u03b1 \u03b1\u03c0\u03bf\u03c4\u03c5\u03c0\u03ce\u03c3\u03bf\u03c5\u03bd \u03c0\u03bf\u03b9\u03bf\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c0\u03c1\u03b1\u03b3\u03bc\u03b1\u03c4\u03b9\u03ba\u03ac \u03bf \u03c0\u03b5\u03bb\u03ac\u03c4\u03b7\u03c2, \u03cc\u03c7\u03b9 \u03b1\u03c0\u03bb\u03ce\u03c2 \u03c0\u03ce\u03c2\n          \u03b8\u03ad\u03bb\u03b5\u03b9 \u03bd\u03b1 \u03c6\u03b1\u03af\u03bd\u03b5\u03c4\u03b1\u03b9. \u0395\u03af\u03c4\u03b5 \u03c0\u03c1\u03cc\u03ba\u03b5\u03b9\u03c4\u03b1\u03b9 \u03b3\u03b9\u03b1 \u03ad\u03bd\u03b1 \u03bd\u03ad\u03bf brand \u03b5\u03af\u03c4\u03b5 \u03b3\u03b9\u03b1\n          \u03ad\u03bd\u03b1 refresh, \u03b1\u03bd\u03c4\u03b9\u03bc\u03b5\u03c4\u03c9\u03c0\u03af\u03b6\u03bf\u03c5\u03bc\u03b5 \u03ba\u03ac\u03b8\u03b5 \u03c4\u03b1\u03c5\u03c4\u03cc\u03c4\u03b7\u03c4\u03b1 \u03c3\u03b1\u03bd \u03bd\u03b1 \u03c0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03bd\u03b1\n          \u03b1\u03bd\u03c4\u03ad\u03be\u03b5\u03b9 \u03bc\u03b9\u03b1 \u03b4\u03b5\u03ba\u03b1\u03b5\u03c4\u03af\u03b1.\n        <\/p>\n      <\/li>\n      <li class=\"ath-abt__pillar\">\n        <svg class=\"ath-abt__pillar-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n          <circle cx=\"12\" cy=\"12\" r=\"11\" fill=\"#459fff\"\/>\n          <path d=\"M7.5 12.5 L10.5 15.5 L16.5 9.5\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n        <h4 class=\"ath-abt__pillar-name\">Websites<br>&amp; eshops.<\/h4>\n        <p class=\"ath-abt__pillar-text\">\n          \u03a3\u03c7\u03b5\u03b4\u03b9\u03ac\u03b6\u03bf\u03c5\u03bc\u03b5 \u03ba\u03b1\u03b9 \u03b1\u03bd\u03b1\u03c0\u03c4\u03cd\u03c3\u03c3\u03bf\u03c5\u03bc\u03b5 websites \u03ba\u03b1\u03b9 online \u03ba\u03b1\u03c4\u03b1\u03c3\u03c4\u03ae\u03bc\u03b1\u03c4\u03b1\n          \u03c0\u03bf\u03c5 \u03ad\u03c7\u03bf\u03c5\u03bd \u03c4\u03b7\u03bd \u03b5\u03bc\u03c6\u03ac\u03bd\u03b9\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03c4\u03b7 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1 \u03c0\u03bf\u03c5 \u03c7\u03c1\u03b5\u03b9\u03ac\u03b6\u03bf\u03bd\u03c4\u03b1\u03b9.\n          Custom layouts, \u03b5\u03c0\u03b9\u03bc\u03b5\u03bb\u03b7\u03bc\u03ad\u03bd\u03b7 \u03c4\u03c5\u03c0\u03bf\u03b3\u03c1\u03b1\u03c6\u03af\u03b1, \u03bf\u03bc\u03b1\u03bb\u03ad\u03c2 \u03b4\u03b9\u03b1\u03b4\u03c1\u03bf\u03bc\u03ad\u03c2\n          \u03c7\u03c1\u03ae\u03c3\u03c4\u03b7, \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03b1\u03c1\u03c7\u03ae \u03c9\u03c2 \u03c4\u03bf \u03c4\u03ad\u03bb\u03bf\u03c2.\n        <\/p>\n      <\/li>\n      <li class=\"ath-abt__pillar\">\n        <svg class=\"ath-abt__pillar-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n          <circle cx=\"12\" cy=\"12\" r=\"11\" fill=\"#459fff\"\/>\n          <path d=\"M7.5 12.5 L10.5 15.5 L16.5 9.5\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n        <h4 class=\"ath-abt__pillar-name\">\u0395\u03b9\u03ba\u03bf\u03bd\u03bf\u03b3\u03c1\u03ac\u03c6\u03b7\u03c3\u03b7<br>&amp; \u03c3\u03c5\u03c3\u03ba\u03b5\u03c5\u03b1\u03c3\u03af\u03b1.<\/h4>\n        <p class=\"ath-abt__pillar-text\">\n          \u0391\u03c5\u03b8\u03b5\u03bd\u03c4\u03b9\u03ba\u03ac artwork, custom patterns, \u03c3\u03c5\u03c3\u03ba\u03b5\u03c5\u03b1\u03c3\u03af\u03b5\u03c2 \u03c0\u03bf\u03c5 \u03ba\u03b5\u03c1\u03b4\u03af\u03b6\u03bf\u03c5\u03bd\n          \u03c4\u03b7 \u03b4\u03b5\u03cd\u03c4\u03b5\u03c1\u03b7 \u03bc\u03b1\u03c4\u03b9\u03ac \u03c3\u03c4\u03bf \u03c1\u03ac\u03c6\u03b9 \u03ba\u03b1\u03b9 \u03c4\u03b7\u03bd \u03c4\u03c1\u03af\u03c4\u03b7 \u03c3\u03c4\u03bf \u03c3\u03c0\u03af\u03c4\u03b9. \u03a3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03ad\u03bd\u03b1\n          in-house, \u03c6\u03c4\u03b9\u03b1\u03b3\u03bc\u03ad\u03bd\u03b1 \u03bd\u03b1 \u03b1\u03bd\u03c4\u03ad\u03c7\u03bf\u03c5\u03bd \u03ba\u03b1\u03b9 \u03c0\u03ad\u03c1\u03b1 \u03b1\u03c0\u03cc \u03c4\u03bf unboxing.\n        <\/p>\n      <\/li>\n      <li class=\"ath-abt__pillar\">\n        <svg class=\"ath-abt__pillar-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n          <circle cx=\"12\" cy=\"12\" r=\"11\" fill=\"#459fff\"\/>\n          <path d=\"M7.5 12.5 L10.5 15.5 L16.5 9.5\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n        <h4 class=\"ath-abt__pillar-name\">Custom<br>\u03b1\u03be\u03b5\u03c3\u03bf\u03c5\u03ac\u03c1.<\/h4>\n        <p class=\"ath-abt__pillar-text\">\n          \u03a4\u03c3\u03ac\u03bd\u03c4\u03b5\u03c2, \u03c0\u03b1\u03c1\u03b5\u03cc, \u03b5\u03be\u03b1\u03c4\u03bf\u03bc\u03b9\u03ba\u03b5\u03c5\u03bc\u03ad\u03bd\u03b1 \u03ba\u03bf\u03bc\u03bc\u03ac\u03c4\u03b9\u03b1. \u03a6\u03c4\u03b9\u03b1\u03b3\u03bc\u03ad\u03bd\u03b1 \u03c3\u03b5 \u03bc\u03b9\u03ba\u03c1\u03ad\u03c2\n          \u03c0\u03b1\u03c1\u03c4\u03af\u03b4\u03b5\u03c2 \u03c3\u03c4\u03b7\u03bd \u0391\u03b8\u03ae\u03bd\u03b1. \u0395\u03ba\u03b5\u03af \u03cc\u03c0\u03bf\u03c5 \u03b7 \u03b3\u03c1\u03b1\u03c6\u03b9\u03c3\u03c4\u03b9\u03ba\u03ae \u03c3\u03c5\u03bd\u03b1\u03bd\u03c4\u03ac \u03c4\u03bf \u03c0\u03c1\u03bf\u03ca\u03cc\u03bd,\n          \u03ba\u03b1\u03b9 \u03b1\u03c0\u03cc \u03b5\u03ba\u03b5\u03af \u03be\u03b5\u03ba\u03af\u03bd\u03b7\u03c3\u03b5 \u03b7 ATHEART.\n        <\/p>\n      <\/li>\n    <\/ol>\n\n    <blockquote class=\"ath-abt__quote\">\n      <p class=\"ath-abt__quote-text\">\u03a3\u03c7\u03ad\u03b4\u03b9\u03b1 \u03c0\u03bf\u03c5 \u03b1\u03c6\u03ae\u03bd\u03bf\u03c5\u03bd \u03b1\u03c0\u03bf\u03c4\u03cd\u03c0\u03c9\u03bc\u03b1.<br>\u03a6\u03c4\u03b9\u03b1\u03b3\u03bc\u03ad\u03bd\u03b1 \u03bd\u03b1 \u03b1\u03bd\u03c4\u03ad\u03be\u03bf\u03c5\u03bd.<\/p>\n    <\/blockquote>\n\n    <div class=\"ath-abt__bold\" role=\"img\" aria-label=\"BOLD ATHEART\"><\/div>\n\n  <\/div>\n<\/section>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0adfacd e-con-full e-flex e-con e-parent\" data-id=\"0adfacd\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d173c30 elementor-widget elementor-widget-html\" data-id=\"d173c30\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- =============================================================\n     ATHEART \/about\/ \u2014 Widget 3 \/ 5 \u00b7 BEHIND ATHEART\n     Light grey surface (#ececec) with a subtle radial dot-grid.\n     Eyebrow + 2-col stage:\n       LEFT  \u2014 portrait PNG of Vasilis + handwritten title\n                (\"Hi, I'm Vasilis. Let me tell you about ATHEART.\")\n       RIGHT \u2014 speech-bubble article with the bio paragraphs.\n     The earlier 2-col title + bio block, the pull-quote, the\n     \"design is the product\" sub-section and the closing image\n     were all removed per the rewrite. Only the texts from the new\n     pasted layout remain.\n     Anchor #behind. CSS prefix `.ath-bhe-*` (behind-extended).\n     ============================================================= -->\n<style>\n.ath-bhe,\n.ath-bhe *,\n.ath-bhe *::before,\n.ath-bhe *::after { box-sizing: border-box; border: 0; }\n\n.ath-bhe {\n  position: relative;\n  width: 100vw;\n  margin-left:  calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n  padding: clamp(80px, 10vw, 140px) clamp(1rem, 4vw, 3rem);\n  background: #ececec;\n  color: #1a1a1a;\n  overflow: hidden;\n  isolation: isolate;\n  font-family: \"Open Sans\", -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  scroll-margin-top: -80px;\n}\n\n\/* Subtle radial dot-grid backdrop, soft-masked toward the centre. *\/\n.ath-bhe::before {\n  content: \"\";\n  position: absolute; inset: 0;\n  pointer-events: none;\n  background-image: radial-gradient(rgba(0,0,0,0.07) 1px, transparent 1.4px);\n  background-size: 22px 22px;\n  -webkit-mask-image: radial-gradient(ellipse 80% 70% at 50% 50%, #000 30%, transparent 80%);\n          mask-image: radial-gradient(ellipse 80% 70% at 50% 50%, #000 30%, transparent 80%);\n}\n\n.ath-bhe__inner {\n  max-width: 1200px;\n  margin: 0 auto;\n  position: relative;\n}\n\n\/* Chapter eyebrow \u2014 same shape as the older `.ath-bhd__chapter`\n   (20px \/ 800 \/ brand blue). *\/\n.ath-bhe__chapter {\n  display: block;\n  position: relative;\n  z-index: 1;\n  font-size: 20px;\n  font-weight: 800;\n  line-height: 1.2;\n  color: #459fff;\n  margin: 0 0 1.4em;\n}\n\n.ath-bhe__stage {\n  display: grid;\n  grid-template-columns: minmax(260px, 1fr) minmax(0, 1.1fr);\n  gap: clamp(2em, 5vw, 4em);\n  align-items: start;\n}\n\n.ath-bhe__left {\n  display: flex;\n  flex-direction: column;\n  gap: clamp(1.4em, 3vw, 2.2em);\n  align-items: flex-start;\n}\n\n.ath-bhe__portrait {\n  width: clamp(240px, 28vw, 360px);\n  pointer-events: none;\n  margin: 0;\n}\n.ath-bhe__portrait img {\n  display: block;\n  width: 100%;\n  height: auto;\n  max-width: 100%;\n}\n\n.ath-bhe__title {\n  margin: 0;\n  \/* Fixed 56px at desktop AND tablet (no clamp scale); mobile\n     override below switches to the proportional clamp. *\/\n  font-size: 56px !important;\n  font-weight: 900;\n  \/* `!important` because Konte's global h2 line-height has higher\n     specificity and was overriding plain `line-height: 60px` to ~48px. *\/\n  line-height: 60px !important;\n  letter-spacing: -0.025em;\n  color: #1a1a1a;\n  max-width: 16ch;\n  text-align: left;\n  text-wrap: balance;\n}\n.ath-bhe__title em {\n  font-style: normal;\n  font-weight: 900;\n  color: #459fff;\n}\n\n.ath-bhe__bubble {\n  position: relative;\n  background: #fff;\n  color: #1a1a1a;\n  padding: clamp(1.6em, 2.4vw, 2.4em);\n  border-radius: 28px;\n  margin-top: clamp(1em, 4vw, 3em);\n  align-self: stretch;\n}\n.ath-bhe__bubble p {\n  margin: 0 0 1em;\n  font-size: clamp(1rem, 1.15vw, 1.1rem);\n  line-height: 1.7;\n  color: #2a2a2a;\n  text-wrap: pretty;\n  \/* Wrap edge-to-edge of the bubble at every viewport \u2014 drop any\n     inherited max-width from theme defaults. *\/\n  max-width: none;\n}\n.ath-bhe__bubble p:last-child { margin-bottom: 0; }\n.ath-bhe__bubble p strong { color: #1a1a1a; font-weight: 700; }\n.ath-bhe__bubble p em {\n  font-style: italic;\n  color: #459fff;\n  font-weight: 700;\n}\n\n\/* Pill CTA at the bottom of the speech bubble \u2014 centred. *\/\n.ath-bhe__cta {\n  display: block;\n  width: fit-content;\n  margin: clamp(1.2em, 2.4vw, 1.8em) auto 0;\n  padding: 1em 2em;\n  background: #459fff;\n  color: #fff;\n  font-size: 0.72rem;\n  letter-spacing: 0.22em;\n  font-weight: 700;\n  border-radius: 999px;\n  text-decoration: none;\n  transition: background 0.2s ease, color 0.2s ease, transform 0.25s ease;\n}\n.ath-bhe__cta:hover,\n.ath-bhe__cta:focus-visible {\n  background: #000;\n  color: #fff;\n  text-decoration: none;\n  transform: translateY(-1px);\n}\n.ath-bhe__cta:focus-visible { outline: 2px solid #459fff; outline-offset: 3px; }\n\n\/* Tablet (\u226464em \/ 1024px): stage stacks (bubble drops below);\n   inside the left block the photo + title sit side-by-side\n   (photo left, title right of the photo). Title size unchanged\n   from desktop. *\/\n@media (max-width: 64em) {\n  .ath-bhe__stage { grid-template-columns: 1fr; }\n  .ath-bhe__bubble { margin-top: 0; }\n  .ath-bhe__left {\n    flex-direction: row;\n    align-items: center;\n    gap: clamp(1.5em, 3vw, 2.5em);\n  }\n  .ath-bhe__portrait { flex-shrink: 0; }\n}\n\n\/* Mobile (\u2264767px): left block stacks (photo above, title below)\n   and the BLOCK is horizontally centred \u2014 the photo sits in the\n   middle of the column, the title's box also centres but its text\n   stays left-aligned (`max-width: max-content` shrinks the block\n   to the text's natural width so the centring is visible). *\/\n@media (max-width: 767px) {\n  .ath-bhe__left {\n    flex-direction: column;\n    align-items: center;\n  }\n  .ath-bhe__title {\n    font-size: 40px !important;\n    line-height: 1.1 !important;\n    max-width: max-content;\n    text-align: left;\n  }\n}\n<\/style>\n\n<section class=\"ath-bhe\" id=\"behind\" aria-labelledby=\"ath-bhe-heading\">\n  <div class=\"ath-bhe__inner\">\n\n    <span class=\"ath-bhe__chapter\">\u03a0\u03bf\u03b9\u03bf\u03b9 \u03b5\u03af\u03bc\u03b1\u03c3\u03c4\u03b5<\/span>\n\n    <div class=\"ath-bhe__stage\">\n\n      <div class=\"ath-bhe__left\">\n        <figure class=\"ath-bhe__portrait\">\n          <img decoding=\"async\" src=\"https:\/\/atheart.gr\/wp-content\/uploads\/2024\/09\/04_about_founder-new.png\"\n               alt=\"\u0392\u03b1\u03c3\u03af\u03bb\u03b5\u03b9\u03bf\u03c2 \u039a\u03c5\u03c0\u03b1\u03c1\u03b9\u03c3\u03c3\u03cc\u03c0\u03bf\u03c5\u03bb\u03bf\u03c2, \u03b9\u03b4\u03c1\u03c5\u03c4\u03ae\u03c2 \u03c4\u03b7\u03c2 ATHEART\">\n        <\/figure>\n\n        <h2 class=\"ath-bhe__title\" id=\"ath-bhe-heading\">\n          \u0393\u03b5\u03b9\u03b1, \u03b5\u03af\u03bc\u03b1\u03b9 \u03bf \u0392\u03b1\u03c3\u03af\u03bb\u03b7\u03c2.<br>\n          \u039b\u03af\u03b3\u03b1 \u03bb\u03cc\u03b3\u03b9\u03b1 \u03b3\u03b9\u03b1<br>\n          \u03c4\u03b7\u03bd <em>ATHEART<\/em>.\n        <\/h2>\n      <\/div>\n\n      <article class=\"ath-bhe__bubble\">\n        <p>\n          \u0397 ATHEART \u03b5\u03af\u03bd\u03b1\u03b9 \u03ad\u03bd\u03b1 \u03bc\u03b9\u03ba\u03c1\u03cc \u03b4\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03b9\u03ba\u03cc studio \u03c0\u03bf\u03c5 \u03b9\u03b4\u03c1\u03cd\u03b8\u03b7\u03ba\u03b5 \u03c4\u03bf 2023\n          \u03b1\u03c0\u03cc \u03c4\u03bf\u03bd <strong>\u0392\u03b1\u03c3\u03af\u03bb\u03b5\u03b9\u03bf \u039a\u03c5\u03c0\u03b1\u03c1\u03b9\u03c3\u03c3\u03cc\u03c0\u03bf\u03c5\u03bb\u03bf<\/strong>, \u03ad\u03bd\u03b1\u03bd All-Round\n          Designer \u03bc\u03b5 \u03c0\u03ac\u03bd\u03c9 \u03b1\u03c0\u03cc \u03b4\u03cd\u03bf \u03b4\u03b5\u03ba\u03b1\u03b5\u03c4\u03af\u03b5\u03c2 \u03b5\u03bc\u03c0\u03b5\u03b9\u03c1\u03af\u03b1\u03c2 \u03c3\u03c4\u03b7 \u03b4\u03b9\u03b1\u03bc\u03cc\u03c1\u03c6\u03c9\u03c3\u03b7\n          brands \u03bc\u03b5\u03c4\u03b1\u03be\u03cd \u0391\u03b8\u03ae\u03bd\u03b1\u03c2 \u03ba\u03b1\u03b9 \u0392\u03b5\u03c1\u03bf\u03bb\u03af\u03bd\u03bf\u03c5.\n        <\/p>\n        <p>\n          \u03a4\u03bf studio \u03c0\u03c1\u03bf\u03c3\u03c6\u03ad\u03c1\u03b5\u03b9 \u03ad\u03bd\u03b1 \u03b5\u03c5\u03c1\u03cd \u03c6\u03ac\u03c3\u03bc\u03b1 \u03c5\u03c0\u03b7\u03c1\u03b5\u03c3\u03b9\u03ce\u03bd \u03b3\u03c1\u03b1\u03c6\u03b9\u03c3\u03c4\u03b9\u03ba\u03ae\u03c2 \u03b3\u03b9\u03b1 web\n          \u03ba\u03b1\u03b9 print, \u03b2\u03bf\u03b7\u03b8\u03ce\u03bd\u03c4\u03b1\u03c2 \u03c4\u03b1 brands \u03bd\u03b1 \u03c7\u03c4\u03af\u03c3\u03bf\u03c5\u03bd \u03ba\u03b1\u03b8\u03b1\u03c1\u03ad\u03c2, \u03c3\u03c5\u03bd\u03b5\u03c0\u03b5\u03af\u03c2 \u03ba\u03b1\u03b9\n          \u03b5\u03bb\u03ba\u03c5\u03c3\u03c4\u03b9\u03ba\u03ad\u03c2 \u03bf\u03c0\u03c4\u03b9\u03ba\u03ad\u03c2 \u03c4\u03b1\u03c5\u03c4\u03cc\u03c4\u03b7\u03c4\u03b5\u03c2. \u03a0\u03b1\u03c1\u03ac\u03bb\u03bb\u03b7\u03bb\u03b1 \u03bc\u03b5 \u03c4\u03b1 project \u03c4\u03c9\u03bd\n          \u03c0\u03b5\u03bb\u03b1\u03c4\u03ce\u03bd, \u03b7 ATHEART \u03b1\u03bd\u03b1\u03c0\u03c4\u03cd\u03c3\u03c3\u03b5\u03b9 \u03c0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03b1 \u03c0\u03b5\u03c1\u03b9\u03bf\u03c1\u03b9\u03c3\u03bc\u03ad\u03bd\u03b7\u03c2 \u03ad\u03ba\u03b4\u03bf\u03c3\u03b7\u03c2,\n          \u03cc\u03c0\u03c9\u03c2 \u03c4\u03c3\u03ac\u03bd\u03c4\u03b5\u03c2 \u03ba\u03b1\u03b9 \u03c0\u03b1\u03c1\u03b5\u03cc, \u03c3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03ad\u03bd\u03b1 \u03bd\u03b1 \u03b1\u03c6\u03b7\u03b3\u03bf\u03cd\u03bd\u03c4\u03b1\u03b9 \u03bc\u03b9\u03b1 \u03b9\u03c3\u03c4\u03bf\u03c1\u03af\u03b1.\n        <\/p>\n        <p>\n          \u03a3\u03c4\u03bf\u03bd \u03c0\u03c5\u03c1\u03ae\u03bd\u03b1 \u03ba\u03ac\u03b8\u03b5 project \u03b2\u03c1\u03af\u03c3\u03ba\u03b5\u03c4\u03b1\u03b9 \u03b7 <em>\u03c3\u03cd\u03bd\u03b4\u03b5\u03c3\u03b7<\/em>: \u03bc\u03b5\u03c4\u03b1\u03be\u03cd\n          \u03b5\u03bd\u03cc\u03c2 brand \u03ba\u03b1\u03b9 \u03c4\u03c9\u03bd \u03b1\u03bd\u03b8\u03c1\u03ce\u03c0\u03c9\u03bd \u03c3\u03c4\u03bf\u03c5\u03c2 \u03bf\u03c0\u03bf\u03af\u03bf\u03c5\u03c2 \u03b1\u03c0\u03b5\u03c5\u03b8\u03cd\u03bd\u03b5\u03c4\u03b1\u03b9. \u0397 \u03b5\u03c3\u03c4\u03af\u03b1\u03c3\u03b7\n          \u03b5\u03af\u03bd\u03b1\u03b9 \u03c3\u03c4\u03bf branding, \u03c3\u03c4\u03bf rebranding \u03ba\u03b1\u03b9 \u03c3\u03b5 \u03b5\u03be\u03b1\u03c4\u03bf\u03bc\u03b9\u03ba\u03b5\u03c5\u03bc\u03ad\u03bd\u03b5\u03c2\n          \u03bf\u03c0\u03c4\u03b9\u03ba\u03ad\u03c2 \u03bb\u03cd\u03c3\u03b5\u03b9\u03c2 \u03c0\u03bf\u03c5 \u03b1\u03c0\u03bf\u03c4\u03c5\u03c0\u03ce\u03bd\u03bf\u03c5\u03bd \u03bc\u03b9\u03b1 \u03b1\u03c5\u03b8\u03b5\u03bd\u03c4\u03b9\u03ba\u03ae \u03c4\u03b1\u03c5\u03c4\u03cc\u03c4\u03b7\u03c4\u03b1.\n        <\/p>\n        <p>\n          \u0388\u03c7\u03b5\u03c4\u03b5 \u03ad\u03bd\u03b1 brand \u03c0\u03c1\u03bf\u03c2 \u03bb\u03b1\u03bd\u03c3\u03ac\u03c1\u03b9\u03c3\u03bc\u03b1, \u03ad\u03bd\u03b1 \u03c0\u03c1\u03bf\u03ca\u03cc\u03bd \u03c0\u03c1\u03bf\u03c2 \u03c3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03cc \u03ae \u03bc\u03b9\u03b1\n          \u03c3\u03c5\u03bd\u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b1 \u03bb\u03b9\u03b1\u03bd\u03b9\u03ba\u03ae\u03c2 \u03c3\u03c4\u03bf \u03bc\u03c5\u03b1\u03bb\u03cc \u03c3\u03b1\u03c2;\n        <\/p>\n        <a class=\"ath-bhe__cta\" href=\"https:\/\/atheart.gr\/el\/contact\">\u0391\u03a3 \u03a3\u03a5\u039d\u0395\u03a1\u0393\u0391\u03a3\u03a4\u039f\u03a5\u039c\u0395<\/a>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cbe4440 e-con-full e-flex e-con e-parent\" data-id=\"cbe4440\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-148d0d1 elementor-widget elementor-widget-html\" data-id=\"148d0d1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- =============================================================\n     ATHEART \/about\/ \u2014 Widget 4 \/ 5 \u00b7 MADE IN ATHENS\n     White surface. Chapter eyebrow + 2-col title\/text + hero photo\n     + 3-pillar tick list + photo pair. Anchor #madeathens.\n     CSS prefix `.ath-mia-*`.\n     ============================================================= -->\n<style>\n.ath-mia, .ath-mia *, .ath-mia *::before, .ath-mia *::after { box-sizing: border-box; }\n\n.ath-mia {\n  position: relative;\n  width: 100vw;\n  margin-left:  calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n  padding: clamp(80px, 10vw, 140px) clamp(1rem, 4vw, 3rem);\n  background: #fff;\n  color: #1a1a1a;\n  overflow: hidden;\n  isolation: isolate;\n  border: 0;\n  font-family: \"Open Sans\", -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  scroll-margin-top: -80px;\n}\n\n.ath-mia__inner { max-width: 1200px; margin: 0 auto; }\n\n.ath-mia__chapter {\n  display: block;\n  font-size: 20px;\n  font-weight: 800;\n  line-height: 1.2;\n  color: #459fff;\n  margin: 0 0 1.4em;\n}\n\n.ath-mia__top {\n  display: grid;\n  grid-template-columns: minmax(260px, 5fr) 7fr;\n  gap: clamp(2em, 6vw, 5em);\n  align-items: start;\n  margin: 0 0 clamp(3em, 6vw, 5em);\n}\n\n.ath-mia__title {\n  margin: 0;\n  font-size: 3rem !important;\n  font-weight: 800 !important;\n  line-height: 1.05 !important;\n  letter-spacing: -0.005em;\n  color: #1a1a1a;\n}\n\n.ath-mia__text {\n  margin: 0 0 1em;\n  font-size: clamp(1rem, 1.2vw, 1.08rem);\n  line-height: 1.75;\n  color: #3a3a3a;\n  max-width: 62ch;\n}\n.ath-mia__text:last-child { margin-bottom: 0; }\n\n.ath-mia__hero {\n  position: relative;\n  width: 100%;\n  aspect-ratio: 16 \/ 9;\n  border-radius: 28px;\n  overflow: hidden;\n  background-color: rgba(0,0,0,0.05);\n  background-image: url(\"https:\/\/atheart.gr\/wp-content\/uploads\/2026\/04\/about_handcrafted.jpg\");\n  background-size: cover;\n  background-position: center;\n  background-repeat: no-repeat;\n  box-shadow: 0 24px 60px rgba(0,0,0,0.16), 0 8px 18px rgba(0,0,0,0.06);\n  margin: 0 0 clamp(3em, 6vw, 5em);\n}\n\n\/* ----- Pillars (tick list) ----- *\/\n.ath-mia__list {\n  list-style: none;\n  margin: 0 0 clamp(3em, 6vw, 5em);\n  padding: 0;\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: clamp(1.5em, 3vw, 2.5em);\n}\n\n.ath-mia__item {\n  display: flex;\n  flex-direction: column;\n  gap: 0.8em;\n  padding: clamp(1.5em, 2.5vw, 2em);\n  background: #f6f9ff;\n  border-radius: 22px;\n}\n\n.ath-mia__tick {\n  display: block;\n  width: 36px;\n  height: 36px;\n  flex-shrink: 0;\n}\n\n.ath-mia__item-name {\n  margin: 0;\n  font-size: clamp(1.1rem, 1.5vw, 1.3rem);\n  font-weight: 800;\n  line-height: 1.2;\n  color: #1a1a1a;\n}\n\n.ath-mia__item-text {\n  margin: 0;\n  font-size: clamp(0.95rem, 1.1vw, 1.02rem);\n  line-height: 1.6;\n  color: #3a3a3a;\n}\n\n\/* ----- Photo pair ----- *\/\n.ath-mia__pair {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: clamp(1em, 2vw, 1.5em);\n}\n.ath-mia__shot {\n  position: relative;\n  width: 100%;\n  aspect-ratio: 3 \/ 2;\n  border-radius: 22px;\n  overflow: hidden;\n  background-color: rgba(0,0,0,0.05);\n  background-size: cover;\n  background-position: center;\n  background-repeat: no-repeat;\n  box-shadow: 0 18px 40px rgba(0,0,0,0.12), 0 4px 10px rgba(0,0,0,0.05);\n}\n\n@media (max-width: 64em) {\n  .ath-mia__top { grid-template-columns: 1fr; gap: 1.4em; }\n  .ath-mia__title { font-size: 44px !important; }\n  \/* Body text wraps to full column from tablet down to 320px. *\/\n  .ath-mia__text { max-width: none; }\n  \/* Tablet keeps the 3-up pillar grid like desktop. Mobile collapses\n     to 1-up below. Pillar title wraps to 2 lines on tablet \u2014 Greek\n     copy is longer than English and was overflowing the 3rd column\n     on the right edge of the viewport. *\/\n  .ath-mia__item-name { white-space: normal; }\n}\n@media (max-width: 767px) {\n  .ath-mia__title { font-size: 36px !important; }\n  .ath-mia__hero { aspect-ratio: 4 \/ 3; border-radius: 22px; }\n  .ath-mia__pair { grid-template-columns: 1fr; }\n  .ath-mia__shot { border-radius: 18px; }\n  \/* Mobile: pillar grid stacks. *\/\n  .ath-mia__list { grid-template-columns: 1fr; gap: 1em; }\n}\n<\/style>\n\n<section class=\"ath-mia\" id=\"handcrafted\" aria-labelledby=\"ath-mia-heading\">\n  <div class=\"ath-mia__inner\">\n\n    <span class=\"ath-mia__chapter\">\u0391\u03c0\u03cc \u03c4\u03b7\u03bd \u0391\u03b8\u03ae\u03bd\u03b1<\/span>\n\n    <div class=\"ath-mia__top\">\n      <div class=\"ath-mia__head\">\n        <h2 class=\"ath-mia__title\" id=\"ath-mia-heading\">\u03a6\u03c4\u03b9\u03b1\u03b3\u03bc\u03ad\u03bd\u03bf \u03bc\u03b5 \u03c6\u03c1\u03bf\u03bd\u03c4\u03af\u03b4\u03b1.<br>\u03a6\u03c4\u03b9\u03b1\u03b3\u03bc\u03ad\u03bd\u03bf \u03bd\u03b1 \u03bc\u03ad\u03bd\u03b5\u03b9.<\/h2>\n      <\/div>\n      <div>\n        <p class=\"ath-mia__text\">\n          \u03a4\u03b1 \u03c0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03b1 \u03c0\u03b5\u03c1\u03b9\u03bf\u03c1\u03b9\u03c3\u03bc\u03ad\u03bd\u03b7\u03c2 \u03ad\u03ba\u03b4\u03bf\u03c3\u03b7\u03c2 \u03c3\u03c7\u03b5\u03b4\u03b9\u03ac\u03b6\u03bf\u03bd\u03c4\u03b1\u03b9 \u03ba\u03b1\u03b9 \u03c0\u03b1\u03c1\u03ac\u03b3\u03bf\u03bd\u03c4\u03b1\u03b9\n          \u03c3\u03c4\u03b7\u03bd \u0391\u03b8\u03ae\u03bd\u03b1. \u039f\u03b9 \u03c3\u03c5\u03bd\u03b5\u03c1\u03b3\u03ac\u03c4\u03b5\u03c2 \u03bc\u03b1\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c4\u03c5\u03c0\u03bf\u03b3\u03c1\u03ac\u03c6\u03bf\u03b9, \u03c1\u03ac\u03c6\u03c4\u03b5\u03c2 \u03ba\u03b1\u03b9\n          \u03c4\u03b5\u03c7\u03bd\u03af\u03c4\u03b5\u03c2 \u03c0\u03bf\u03c5 \u03b2\u03c1\u03af\u03c3\u03ba\u03bf\u03bd\u03c4\u03b1\u03b9 \u03c3\u03c4\u03b7\u03bd \u0391\u03b8\u03ae\u03bd\u03b1. \u03a4\u03bf \u03b1\u03c0\u03bf\u03c4\u03ad\u03bb\u03b5\u03c3\u03bc\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03bc\u03b9\u03b1\n          \u03b4\u03bf\u03c5\u03bb\u03b5\u03b9\u03ac \u03c0\u03bf\u03c5 \u03ba\u03bf\u03c5\u03b2\u03b1\u03bb\u03ac \u03c4\u03bf \u03c0\u03bd\u03b5\u03cd\u03bc\u03b1 \u03c4\u03b7\u03c2 \u03c0\u03cc\u03bb\u03b7\u03c2, \u03ad\u03bd\u03b1 \u03bc\u03b9\u03ba\u03c1\u03cc \u03b1\u03c6\u03b9\u03ad\u03c1\u03c9\u03bc\u03b1\n          \u03c3\u03c4\u03bf\u03bd \u03c4\u03cc\u03c0\u03bf \u03cc\u03c0\u03bf\u03c5 \u03c6\u03c4\u03b9\u03ac\u03c7\u03bd\u03b5\u03c4\u03b1\u03b9 \u03ba\u03b1\u03b9 \u03c3\u03c4\u03bf\u03c5\u03c2 \u03b1\u03bd\u03b8\u03c1\u03ce\u03c0\u03bf\u03c5\u03c2 \u03c0\u03bf\u03c5 \u03c4\u03b7 \u03c6\u03c4\u03b9\u03ac\u03c7\u03bd\u03bf\u03c5\u03bd.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"ath-mia__hero\" aria-hidden=\"true\"><\/div>\n\n    <ul class=\"ath-mia__list\">\n      <li class=\"ath-mia__item\">\n        <svg class=\"ath-mia__tick\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n          <circle cx=\"12\" cy=\"12\" r=\"11\" fill=\"#459fff\"\/>\n          <path d=\"M7.5 12.5 L10.5 15.5 L16.5 9.5\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n        <h3 class=\"ath-mia__item-name\">\u03a0\u03b5\u03c1\u03b9\u03bf\u03c1\u03b9\u03c3\u03bc\u03ad\u03bd\u03b5\u03c2 \u03b5\u03ba\u03b4\u03cc\u03c3\u03b5\u03b9\u03c2.<\/h3>\n        <p class=\"ath-mia__item-text\">\n          \u0394\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03bf\u03cd\u03bc\u03b5 \u03c0\u03c1\u03bf\u03ca\u03cc\u03bd\u03c4\u03b1 \u03c9\u03c2 \u03b1\u03c6\u03b9\u03ad\u03c1\u03c9\u03bc\u03b1 \u03c3\u03c4\u03b7\u03bd \u0391\u03b8\u03ae\u03bd\u03b1 \u03ba\u03b1\u03b9 \u03c3\u03c4\u03b7\u03bd \u03b9\u03c3\u03c4\u03bf\u03c1\u03af\u03b1\n          \u03c4\u03b7\u03c2 \u0395\u03bb\u03bb\u03ac\u03b4\u03b1\u03c2. \u03a0\u03b1\u03c1\u03ac\u03b3\u03bf\u03c5\u03bc\u03b5 \u03c3\u03ae\u03bc\u03b5\u03c1\u03b1 \u03c4\u03c3\u03ac\u03bd\u03c4\u03b5\u03c2 \u03ba\u03b1\u03b9 \u03c0\u03b1\u03c1\u03b5\u03cc, \u03b4\u03b9\u03b1\u03b8\u03ad\u03c3\u03b9\u03bc\u03b1 \u03bc\u03ad\u03c3\u03c9\n          \u03c4\u03c9\u03bd \u03c3\u03c5\u03bd\u03b5\u03c1\u03b3\u03b1\u03c4\u03ce\u03bd \u03c7\u03bf\u03bd\u03b4\u03c1\u03b9\u03ba\u03ae\u03c2 \u03ba\u03b1\u03b9 \u03c4\u03bf\u03c5 eshop \u03bc\u03b1\u03c2.\n        <\/p>\n      <\/li>\n      <li class=\"ath-mia__item\">\n        <svg class=\"ath-mia__tick\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n          <circle cx=\"12\" cy=\"12\" r=\"11\" fill=\"#459fff\"\/>\n          <path d=\"M7.5 12.5 L10.5 15.5 L16.5 9.5\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n        <h3 class=\"ath-mia__item-name\">\u03a7\u03b5\u03b9\u03c1\u03bf\u03c0\u03bf\u03af\u03b7\u03c4\u03b1 \u03ba\u03bf\u03bc\u03bc\u03ac\u03c4\u03b9\u03b1.<\/h3>\n        <p class=\"ath-mia__item-text\">\n          \u0394\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03bf\u03cd\u03bc\u03b5 \u03ba\u03ac\u03b8\u03b5 \u03ba\u03bf\u03bc\u03bc\u03ac\u03c4\u03b9 \u03bc\u03b5 \u03c4\u03bf \u03c7\u03ad\u03c1\u03b9, \u03bc\u03b5 \u03c6\u03c1\u03bf\u03bd\u03c4\u03af\u03b4\u03b1, \u03c0\u03c1\u03bf\u03c3\u03bf\u03c7\u03ae \u03ba\u03b1\u03b9\n          \u03c4\u03bf\u03bd \u03c7\u03c1\u03cc\u03bd\u03bf \u03c0\u03bf\u03c5 \u03c7\u03c1\u03b5\u03b9\u03ac\u03b6\u03b5\u03c4\u03b1\u03b9 \u03b7 \u03ba\u03b1\u03bb\u03ae \u03b4\u03bf\u03c5\u03bb\u03b5\u03b9\u03ac. \u03a4\u03c3\u03ac\u03bd\u03c4\u03b5\u03c2 \u03ba\u03b1\u03b9 \u03c0\u03b1\u03c1\u03b5\u03cc\n          \u03be\u03b5\u03ba\u03b9\u03bd\u03bf\u03cd\u03bd \u03c9\u03c2 \u03c4\u03c5\u03c0\u03c9\u03bc\u03ad\u03bd\u03bf \u03cd\u03c6\u03b1\u03c3\u03bc\u03b1. \u03a4\u03b1 \u03ba\u03cc\u03b2\u03bf\u03c5\u03bc\u03b5 \u03ba\u03b1\u03b9 \u03c4\u03b1 \u03c1\u03ac\u03b2\u03bf\u03c5\u03bc\u03b5 \u03ad\u03bd\u03b1-\u03ad\u03bd\u03b1\n          \u03c3\u03c4\u03bf \u03c7\u03ad\u03c1\u03b9.\n        <\/p>\n      <\/li>\n      <li class=\"ath-mia__item\">\n        <svg class=\"ath-mia__tick\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n          <circle cx=\"12\" cy=\"12\" r=\"11\" fill=\"#459fff\"\/>\n          <path d=\"M7.5 12.5 L10.5 15.5 L16.5 9.5\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n        <h3 class=\"ath-mia__item-name\">\u03a6\u03c4\u03b9\u03b1\u03b3\u03bc\u03ad\u03bd\u03bf \u03c3\u03c4\u03b7\u03bd \u0391\u03b8\u03ae\u03bd\u03b1.<\/h3>\n        <p class=\"ath-mia__item-text\">\n          \u03a3\u03c7\u03b5\u03b4\u03b9\u03ac\u03b6\u03bf\u03bd\u03c4\u03b1\u03b9 \u03ba\u03b1\u03b9 \u03c0\u03b1\u03c1\u03ac\u03b3\u03bf\u03bd\u03c4\u03b1\u03b9 \u03c4\u03bf\u03c0\u03b9\u03ba\u03ac, \u03c3\u03b5 \u03c3\u03c5\u03bd\u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b1 \u03bc\u03b5 \u0391\u03b8\u03b7\u03bd\u03b1\u03af\u03bf\u03c5\u03c2\n          \u03c4\u03b5\u03c7\u03bd\u03af\u03c4\u03b5\u03c2 \u03ba\u03b1\u03b9 \u03c4\u03b7 \u03b6\u03c9\u03bd\u03c4\u03b1\u03bd\u03ae \u03c0\u03b1\u03c1\u03ac\u03b4\u03bf\u03c3\u03b7 \u03c4\u03b7\u03c2 \u03c0\u03cc\u03bb\u03b7\u03c2. \u0395\u03c0\u03b9\u03bb\u03ad\u03b3\u03bf\u03c5\u03bc\u03b5 \u03c4\u03bf\u03c5\u03c2\n          \u03c3\u03c5\u03bd\u03b5\u03c1\u03b3\u03ac\u03c4\u03b5\u03c2 \u03bc\u03b1\u03c2 \u03bc\u03b5 \u03ba\u03c1\u03b9\u03c4\u03ae\u03c1\u03b9\u03bf \u03c4\u03b7\u03bd \u03c0\u03bf\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1 \u03c4\u03b7\u03c2 \u03b4\u03bf\u03c5\u03bb\u03b5\u03b9\u03ac\u03c2 \u03c4\u03bf\u03c5\u03c2.\n        <\/p>\n      <\/li>\n    <\/ul>\n\n    <div class=\"ath-mia__pair\">\n      <div class=\"ath-mia__shot\" style=\"background-image: url('https:\/\/atheart.gr\/wp-content\/uploads\/2024\/09\/07_about_services3.jpg.webp');\" role=\"img\" aria-label=\"\"><\/div>\n      <div class=\"ath-mia__shot\" style=\"background-image: url('https:\/\/atheart.gr\/wp-content\/uploads\/2024\/09\/03_services_exclusive_design_01.jpg');\" role=\"img\" aria-label=\"\"><\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5aec23b e-con-full e-flex e-con e-parent\" data-id=\"5aec23b\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-50205eb elementor-widget elementor-widget-html\" data-id=\"50205eb\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- =============================================================\n     ATHEART \/about\/ \u2014 Widget 5 \/ 5 \u00b7 OUR MISSION (closer)\n     Blue surface \u2014 closes the page in the same brand-blue as the\n     hero, mirroring the services rhythm B-W-W-W-B.\n     Chapter eyebrow + 2-col title\/text + 4-up values grid + CTA.\n     Anchor #mission. CSS prefix `.ath-msn-*`.\n     ============================================================= -->\n<style>\n.ath-msn, .ath-msn *, .ath-msn *::before, .ath-msn *::after { box-sizing: border-box; }\n\n.ath-msn {\n  position: relative;\n  width: 100vw;\n  margin-left:  calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n  background: #459fff;\n  color: #fff;\n  overflow: hidden;\n  isolation: isolate;\n  border: 0;\n  font-family: \"Open Sans\", -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  scroll-margin-top: -80px;\n}\n\n\/* Padding lives on the textwrap (not the section) so the closing\n   tree cutout below can go full-bleed without horizontal padding\n   clipping it. *\/\n.ath-msn__textwrap {\n  padding: clamp(80px, 10vw, 140px) clamp(1rem, 4vw, 3rem) 0;\n}\n\n.ath-msn__inner { max-width: 1200px; margin: 0 auto; }\n\n\/* ----- Tree cutout band (mirrors services-about \/ about-cta) ----- *\/\n.ath-msn__cutout {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  contain: paint;\n  background: transparent;\n  margin-top: 0;\n}\n.ath-msn__cutout-img {\n  display: block;\n  position: relative;\n  left: 50%;\n  transform: translateX(-50%);\n  width: max(1920px, 100vw);\n  max-width: none !important;\n  height: auto !important;\n  user-select: none;\n  pointer-events: none;\n  filter: none !important;\n  opacity: 1 !important;\n  mix-blend-mode: normal !important;\n  transition: none !important;\n  animation: none !important;\n  image-rendering: auto !important;\n}\n@media (max-width: 767px) {\n  .ath-msn__cutout-img { width: 1089px; }\n}\n\n.ath-msn__chapter {\n  display: block;\n  font-size: 20px;\n  font-weight: 800;\n  line-height: 1.2;\n  color: #fff;\n  margin: 0 0 1.4em;\n  opacity: 0.85;\n}\n\n.ath-msn__top {\n  display: grid;\n  grid-template-columns: minmax(260px, 5fr) 7fr;\n  gap: clamp(2em, 6vw, 5em);\n  align-items: start;\n  margin: 0 0 clamp(3em, 6vw, 5em);\n}\n\n.ath-msn__title {\n  margin: 0;\n  font-size: 3rem !important;\n  font-weight: 800 !important;\n  line-height: 1.05 !important;\n  letter-spacing: -0.005em;\n  color: #fff;\n}\n\n.ath-msn__text {\n  margin: 0 0 1em;\n  font-size: clamp(1rem, 1.2vw, 1.08rem);\n  line-height: 1.75;\n  color: rgba(255,255,255,0.92);\n  max-width: 62ch;\n}\n.ath-msn__text:last-child { margin-bottom: 0; }\n\n\/* ----- 4-up values grid ----- *\/\n.ath-msn__values {\n  list-style: none;\n  margin: 0 0 clamp(3em, 5vw, 4em);\n  padding: 0;\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: clamp(1.2em, 2.5vw, 2em);\n}\n\n.ath-msn__value {\n  display: flex;\n  flex-direction: column;\n  gap: 0.8em;\n  padding: clamp(1.5em, 2.5vw, 2.2em) clamp(1.4em, 2vw, 1.8em);\n  background: rgba(255,255,255,0.08);\n  border-radius: 22px;\n  border: 1px solid rgba(255,255,255,0.12);\n}\n\n.ath-msn__value-num {\n  font-size: 0.7rem;\n  letter-spacing: 0.22em;\n  font-weight: 700;\n  color: rgba(255,255,255,0.65);\n}\n\n.ath-msn__value-name {\n  margin: 0;\n  font-size: clamp(1.15rem, 1.6vw, 1.4rem);\n  font-weight: 800;\n  line-height: 1.2;\n  color: #fff;\n}\n\n.ath-msn__value-text {\n  margin: 0;\n  font-size: clamp(0.95rem, 1.1vw, 1.02rem);\n  line-height: 1.6;\n  color: rgba(255,255,255,0.88);\n}\n\n\/* ----- CTA strip ----- *\/\n.ath-msn__cta-strip {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 1.2em;\n  text-align: center;\n  padding-top: clamp(1.5em, 3vw, 2.5em);\n}\n.ath-msn__cta-text {\n  margin: 0;\n  font-size: clamp(1.2rem, 1.8vw, 1.5rem);\n  font-weight: 700;\n  line-height: 1.3;\n  color: #fff;\n  max-width: 36ch;\n}\n.ath-msn__cta {\n  display: inline-block;\n  padding: 1em 2em;\n  background: #fff;\n  color: #459fff;\n  font-size: 0.72rem;\n  letter-spacing: 0.22em;\n  text-transform: uppercase;\n  font-weight: 700;\n  border-radius: 999px;\n  text-decoration: none;\n  transition: background 0.2s ease, color 0.2s ease, transform 0.25s ease;\n}\n.ath-msn__cta:hover,\n.ath-msn__cta:focus-visible {\n  background: #000;\n  color: #fff;\n  text-decoration: none;\n  transform: translateY(-1px);\n}\n.ath-msn__cta:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }\n\n@media (max-width: 64em) {\n  .ath-msn__top { grid-template-columns: 1fr; gap: 1.4em; }\n  .ath-msn__title { font-size: 44px !important; }\n  \/* Body text wraps to full column from tablet down to 320px. *\/\n  .ath-msn__text { max-width: none; }\n  .ath-msn__values { grid-template-columns: repeat(2, 1fr); }\n}\n@media (max-width: 767px) {\n  .ath-msn__title { font-size: 36px !important; }\n  .ath-msn__values { grid-template-columns: 1fr; }\n}\n<\/style>\n\n<section class=\"ath-msn\" id=\"mission\" aria-labelledby=\"ath-msn-heading\">\n  <div class=\"ath-msn__textwrap\">\n  <div class=\"ath-msn__inner\">\n\n    <span class=\"ath-msn__chapter\">\u0391\u03c0\u03bf\u03c3\u03c4\u03bf\u03bb\u03ae \u03c5\u03c0\u03b7\u03c1\u03b5\u03c3\u03b9\u03ce\u03bd<\/span>\n\n    <div class=\"ath-msn__top\">\n      <div class=\"ath-msn__head\">\n        <h2 class=\"ath-msn__title\" id=\"ath-msn-heading\">\u0398\u03b5\u03c4\u03b9\u03ba\u03cc \u03c0\u03c1\u03cc\u03c3\u03b7\u03bc\u03bf<br>\u03bc\u03ad\u03c3\u03b1 \u03b1\u03c0\u03cc \u03c4\u03bf\u03bd \u03c3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03cc.<\/h2>\n      <\/div>\n      <div>\n        <p class=\"ath-msn__text\">\n          \u0397 ATHEART \u03b5\u03af\u03bd\u03b1\u03b9 \u03bc\u03b9\u03b1 \u03b4\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03b9\u03ba\u03ae \u03c0\u03bb\u03b1\u03c4\u03c6\u03cc\u03c1\u03bc\u03b1 \u03c0\u03bf\u03c5 \u03c3\u03c5\u03bd\u03b4\u03ad\u03b5\u03b9 \u03c4\u03bf\u03c5\u03c2\n          \u03b1\u03bd\u03b8\u03c1\u03ce\u03c0\u03bf\u03c5\u03c2 \u03bc\u03ad\u03c3\u03b1 \u03b1\u03c0\u03cc \u03c4\u03bf\u03bd \u03c3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03cc. \u03a3\u03c7\u03b5\u03b4\u03b9\u03ac\u03b6\u03bf\u03c5\u03bc\u03b5 \u03bc\u03b5 \u03c0\u03c1\u03cc\u03b8\u03b5\u03c3\u03b7.\n          \u03a4\u03b1\u03c5\u03c4\u03cc\u03c4\u03b7\u03c4\u03b5\u03c2 \u03c0\u03bf\u03c5 \u03bb\u03ad\u03bd\u03b5 \u03ba\u03ac\u03c4\u03b9 \u03b1\u03bb\u03b7\u03b8\u03b9\u03bd\u03cc. Websites \u03c0\u03bf\u03c5 \u03b1\u03b9\u03c3\u03b8\u03ac\u03bd\u03bf\u03bd\u03c4\u03b1\u03b9\n          \u03b6\u03c9\u03bd\u03c4\u03b1\u03bd\u03ac. \u0399\u03c3\u03c4\u03bf\u03c1\u03af\u03b5\u03c2 \u03c0\u03bf\u03c5 \u03bc\u03ad\u03bd\u03bf\u03c5\u03bd.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <ol class=\"ath-msn__values\">\n      <li class=\"ath-msn__value\">\n        <span class=\"ath-msn__value-num\">01<\/span>\n        <h3 class=\"ath-msn__value-name\">\u0391\u03b9\u03c3\u03b9\u03bf\u03b4\u03bf\u03be\u03af\u03b1.<\/h3>\n        <p class=\"ath-msn__value-text\">\n          \u03a3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03cc\u03c2 \u03c0\u03bf\u03c5 \u03ba\u03bf\u03c5\u03b2\u03b1\u03bb\u03ac \u03b5\u03bb\u03c0\u03af\u03b4\u03b1. \u03a7\u03c1\u03ce\u03bc\u03b1, \u03b5\u03bd\u03ad\u03c1\u03b3\u03b5\u03b9\u03b1 \u03ba\u03b1\u03b9 \u03b6\u03b5\u03c3\u03c4\u03b1\u03c3\u03b9\u03ac,\n          \u03bc\u03b5 \u03c3\u03ba\u03bf\u03c0\u03cc.\n        <\/p>\n      <\/li>\n      <li class=\"ath-msn__value\">\n        <span class=\"ath-msn__value-num\">02<\/span>\n        <h3 class=\"ath-msn__value-name\">\u0391\u03bd\u03b8\u03b5\u03ba\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1.<\/h3>\n        <p class=\"ath-msn__value-text\">\n          \u0393\u03b5\u03bd\u03bd\u03ae\u03b8\u03b7\u03ba\u03b5 \u03b1\u03c0\u03cc \u03bc\u03b9\u03b1 \u03c0\u03c1\u03bf\u03c3\u03c9\u03c0\u03b9\u03ba\u03ae \u03b1\u03bd\u03ac\u03b3\u03ba\u03b7. \u0397 \u03b4\u03cd\u03bd\u03b1\u03bc\u03b7 \u03c6\u03b1\u03af\u03bd\u03b5\u03c4\u03b1\u03b9 \u03bc\u03ad\u03c3\u03b1\n          \u03c3\u03c4\u03b7 \u03b4\u03bf\u03c5\u03bb\u03b5\u03b9\u03ac.\n        <\/p>\n      <\/li>\n      <li class=\"ath-msn__value\">\n        <span class=\"ath-msn__value-num\">03<\/span>\n        <h3 class=\"ath-msn__value-name\">\u0391\u03c6\u03ae\u03b3\u03b7\u03c3\u03b7.<\/h3>\n        <p class=\"ath-msn__value-text\">\n          \u039a\u03ac\u03b8\u03b5 brand \u03ba\u03b1\u03b9 \u03ba\u03ac\u03b8\u03b5 \u03c0\u03c1\u03bf\u03ca\u03cc\u03bd \u03b5\u03af\u03bd\u03b1\u03b9 \u03bc\u03b9\u03b1 \u03b5\u03c5\u03ba\u03b1\u03b9\u03c1\u03af\u03b1 \u03bd\u03b1 \u03c0\u03bf\u03cd\u03bc\u03b5 \u03ba\u03ac\u03c4\u03b9\n          \u03b1\u03bb\u03b7\u03b8\u03b9\u03bd\u03cc, \u03b1\u03c0\u03bb\u03ac.\n        <\/p>\n      <\/li>\n      <li class=\"ath-msn__value\">\n        <span class=\"ath-msn__value-num\">04<\/span>\n        <h3 class=\"ath-msn__value-name\">\u03a4\u03ad\u03c7\u03bd\u03b7.<\/h3>\n        <p class=\"ath-msn__value-text\">\n          \u03a6\u03c4\u03b9\u03b1\u03b3\u03bc\u03ad\u03bd\u03b1 \u03c3\u03c4\u03b7\u03bd \u0391\u03b8\u03ae\u03bd\u03b1, \u03c3\u03b5 \u03bc\u03b9\u03ba\u03c1\u03ad\u03c2 \u03b5\u03ba\u03b4\u03cc\u03c3\u03b5\u03b9\u03c2, \u03bc\u03b5 \u03c4\u03bf\u03bd \u03c7\u03c1\u03cc\u03bd\u03bf \u03c0\u03bf\u03c5\n          \u03c7\u03c1\u03b5\u03b9\u03ac\u03b6\u03b5\u03c4\u03b1\u03b9 \u03b7 \u03ba\u03b1\u03bb\u03ae \u03b4\u03bf\u03c5\u03bb\u03b5\u03b9\u03ac.\n        <\/p>\n      <\/li>\n    <\/ol>\n\n    <div class=\"ath-msn__cta-strip\">\n      <p class=\"ath-msn__cta-text\">\u0388\u03c4\u03bf\u03b9\u03bc\u03bf\u03b9 \u03bd\u03b1 \u03c6\u03c4\u03b9\u03ac\u03be\u03bf\u03c5\u03bc\u03b5 \u03ba\u03ac\u03c4\u03b9 \u03c0\u03bf\u03c5 \u03bc\u03ad\u03bd\u03b5\u03b9;<\/p>\n      <a class=\"ath-msn__cta\" href=\"https:\/\/atheart.gr\/el\/contact\/\">\u0391\u03a3 \u0394\u0397\u039c\u0399\u039f\u03a5\u03a1\u0393\u0397\u03a3\u039f\u03a5\u039c\u0395 \u039c\u0391\u0396\u0399<\/a>\n    <\/div>\n\n  <\/div>\n  <\/div>\n\n  <div class=\"ath-msn__cutout\" role=\"img\" aria-label=\"ATHEART cutout\">\n    <img class=\"ath-msn__cutout-img\"\n         src=\"https:\/\/atheart.gr\/wp-content\/uploads\/2026\/04\/TREE_ATHEART_RETINA.jpg\"\n         alt=\"\"\n         aria-hidden=\"true\"\n         loading=\"lazy\"\n         decoding=\"async\">\n  <\/div>\n<\/section>\n\t\t<\/div>\n\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>\u03a3\u03c7\u03b5\u03c4\u03b9\u03ba\u03ac \u03bc\u03b5 \u03c4\u03b7\u03bd ATHEART \u0391\u03c0\u03cc \u03c4\u03b7\u03bd \u03ba\u03b1\u03c1\u03b4\u03b9\u03ac \u03c4\u03b7\u03c2 \u0391\u03b8\u03ae\u03bd\u03b1\u03c2. \u0397 ATHEART \u03b5\u03af\u03bd\u03b1\u03b9 \u03ad\u03bd\u03b1 \u03b8\u03b5\u03c4\u03b9\u03ba\u03cc brand \u03ba\u03b1\u03b9 \u03ad\u03bd\u03b1 \u03b4\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03b9\u03ba\u03cc studio \u03c3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03bf\u03cd, \u03c0\u03bf\u03c5 \u03b3\u03b9\u03bf\u03c1\u03c4\u03ac\u03b6\u03b5\u03b9 \u03c4\u03b7 \u03b4\u03cd\u03bd\u03b1\u03bc\u03b7 \u03c4\u03b7\u03c2 \u03b1\u03b9\u03c3\u03b9\u03bf\u03b4\u03bf\u03be\u03af\u03b1\u03c2 \u03ba\u03b1\u03b9 \u03c4\u03b7\u03c2 \u03b5\u03c3\u03c9\u03c4\u03b5\u03c1\u03b9\u03ba\u03ae\u03c2 \u03b4\u03cd\u03bd\u03b1\u03bc\u03b7\u03c2&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":{"inline_featured_image":false,"footnotes":""},"class_list":["post-30779","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u03a3\u03c7\u03b5\u03c4\u03b9\u03ba\u03ac \u03bc\u03b5 \u03c4\u03bf ATHEART | \u0394\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03b9\u03ba\u03cc \u03a3\u03c4\u03bf\u03cd\u03bd\u03c4\u03b9\u03bf \u0391\u03b8\u03ae\u03bd\u03b1<\/title>\n<meta name=\"description\" content=\"\u03a4\u03bf ATHEART \u03b5\u03af\u03bd\u03b1\u03b9 \u03b4\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03b9\u03ba\u03cc \u03c3\u03c4\u03bf\u03cd\u03bd\u03c4\u03b9\u03bf \u03c3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03bf\u03cd \u03c3\u03c4\u03b7\u03bd \u0391\u03b8\u03ae\u03bd\u03b1 \u03bc\u03b5 20+ \u03c7\u03c1\u03cc\u03bd\u03b9\u03b1 \u03b5\u03bc\u03c0\u03b5\u03b9\u03c1\u03af\u03b1. \u039c\u03bf\u03bd\u03b1\u03b4\u03b9\u03ba\u03ad\u03c2 \u03b1\u03bd\u03b1\u03b4\u03b9\u03c0\u03bb\u03bf\u03cd\u03bc\u03b5\u03bd\u03b5\u03c2 \u03c4\u03c3\u03ac\u03bd\u03c4\u03b5\u03c2 \u03ba\u03b1\u03b9 \u03c5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2 \u03b3\u03c1\u03b1\u03c6\u03b9\u03c3\u03c4\u03b9\u03ba\u03ae\u03c2.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/atheart.gr\/el\/about\/\" \/>\n<meta property=\"og:locale\" content=\"el_GR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u03a3\u03c7\u03b5\u03c4\u03b9\u03ba\u03ac \u03bc\u03b5 \u03c4\u03bf ATHEART | \u0394\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03b9\u03ba\u03cc \u03a3\u03c4\u03bf\u03cd\u03bd\u03c4\u03b9\u03bf \u0391\u03b8\u03ae\u03bd\u03b1\" \/>\n<meta property=\"og:description\" content=\"\u03a4\u03bf ATHEART \u03b5\u03af\u03bd\u03b1\u03b9 \u03b4\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03b9\u03ba\u03cc \u03c3\u03c4\u03bf\u03cd\u03bd\u03c4\u03b9\u03bf \u03c3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03bf\u03cd \u03c3\u03c4\u03b7\u03bd \u0391\u03b8\u03ae\u03bd\u03b1 \u03bc\u03b5 20+ \u03c7\u03c1\u03cc\u03bd\u03b9\u03b1 \u03b5\u03bc\u03c0\u03b5\u03b9\u03c1\u03af\u03b1. \u039c\u03bf\u03bd\u03b1\u03b4\u03b9\u03ba\u03ad\u03c2 \u03b1\u03bd\u03b1\u03b4\u03b9\u03c0\u03bb\u03bf\u03cd\u03bc\u03b5\u03bd\u03b5\u03c2 \u03c4\u03c3\u03ac\u03bd\u03c4\u03b5\u03c2 \u03ba\u03b1\u03b9 \u03c5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2 \u03b3\u03c1\u03b1\u03c6\u03b9\u03c3\u03c4\u03b9\u03ba\u03ae\u03c2.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/atheart.gr\/el\/about\/\" \/>\n<meta property=\"og:site_name\" content=\"ATHEART online shop\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-11T09:53:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/atheart.gr\/wp-content\/uploads\/2026\/05\/atheart_social.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/atheart.gr\/wp-content\/uploads\/2026\/05\/atheart_social.jpg\" \/>\n<meta name=\"twitter:label1\" content=\"\u0395\u03ba\u03c4\u03b9\u03bc\u03ce\u03bc\u03b5\u03bd\u03bf\u03c2 \u03c7\u03c1\u03cc\u03bd\u03bf\u03c2 \u03b1\u03bd\u03ac\u03b3\u03bd\u03c9\u03c3\u03b7\u03c2\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 \u03bb\u03b5\u03c0\u03c4\u03ac\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/atheart.gr\/el\/about\/\",\"url\":\"https:\/\/atheart.gr\/el\/about\/\",\"name\":\"\u03a3\u03c7\u03b5\u03c4\u03b9\u03ba\u03ac \u03bc\u03b5 \u03c4\u03bf ATHEART | \u0394\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03b9\u03ba\u03cc \u03a3\u03c4\u03bf\u03cd\u03bd\u03c4\u03b9\u03bf \u0391\u03b8\u03ae\u03bd\u03b1\",\"isPartOf\":{\"@id\":\"https:\/\/atheart.gr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/atheart.gr\/el\/about\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/atheart.gr\/el\/about\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/atheart.gr\/wp-content\/uploads\/2026\/04\/madeAthens.svg\",\"datePublished\":\"2026-04-27T13:02:27+00:00\",\"dateModified\":\"2026-05-11T09:53:06+00:00\",\"description\":\"\u03a4\u03bf ATHEART \u03b5\u03af\u03bd\u03b1\u03b9 \u03b4\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03b9\u03ba\u03cc \u03c3\u03c4\u03bf\u03cd\u03bd\u03c4\u03b9\u03bf \u03c3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03bf\u03cd \u03c3\u03c4\u03b7\u03bd \u0391\u03b8\u03ae\u03bd\u03b1 \u03bc\u03b5 20+ \u03c7\u03c1\u03cc\u03bd\u03b9\u03b1 \u03b5\u03bc\u03c0\u03b5\u03b9\u03c1\u03af\u03b1. \u039c\u03bf\u03bd\u03b1\u03b4\u03b9\u03ba\u03ad\u03c2 \u03b1\u03bd\u03b1\u03b4\u03b9\u03c0\u03bb\u03bf\u03cd\u03bc\u03b5\u03bd\u03b5\u03c2 \u03c4\u03c3\u03ac\u03bd\u03c4\u03b5\u03c2 \u03ba\u03b1\u03b9 \u03c5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2 \u03b3\u03c1\u03b1\u03c6\u03b9\u03c3\u03c4\u03b9\u03ba\u03ae\u03c2.\",\"breadcrumb\":{\"@id\":\"https:\/\/atheart.gr\/el\/about\/#breadcrumb\"},\"inLanguage\":\"el\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/atheart.gr\/el\/about\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"el\",\"@id\":\"https:\/\/atheart.gr\/el\/about\/#primaryimage\",\"url\":\"https:\/\/atheart.gr\/wp-content\/uploads\/2026\/04\/madeAthens.svg\",\"contentUrl\":\"https:\/\/atheart.gr\/wp-content\/uploads\/2026\/04\/madeAthens.svg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/atheart.gr\/el\/about\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/atheart.gr\/el\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u03a3\u03c7\u03b5\u03c4\u03b9\u03ba\u03ac\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/atheart.gr\/#website\",\"url\":\"https:\/\/atheart.gr\/\",\"name\":\"ATHEART online shop\",\"description\":\"Carrying Stories, Crafting Style \u2013 A Creative Studio for Inspired Design\",\"publisher\":{\"@id\":\"https:\/\/atheart.gr\/#organization\"},\"alternateName\":\"ATHEART Studio\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/atheart.gr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"el\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/atheart.gr\/#organization\",\"name\":\"ATHEART\",\"alternateName\":\"ATHEART Studio\",\"url\":\"https:\/\/atheart.gr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"el\",\"@id\":\"https:\/\/atheart.gr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/atheart.gr\/wp-content\/uploads\/2024\/07\/cropped-fav2.png\",\"contentUrl\":\"https:\/\/atheart.gr\/wp-content\/uploads\/2024\/07\/cropped-fav2.png\",\"width\":512,\"height\":512,\"caption\":\"ATHEART\"},\"image\":{\"@id\":\"https:\/\/atheart.gr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/atheart_official\/\",\"https:\/\/www.tiktok.com\/@atheart_official\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u03a3\u03c7\u03b5\u03c4\u03b9\u03ba\u03ac \u03bc\u03b5 \u03c4\u03bf ATHEART | \u0394\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03b9\u03ba\u03cc \u03a3\u03c4\u03bf\u03cd\u03bd\u03c4\u03b9\u03bf \u0391\u03b8\u03ae\u03bd\u03b1","description":"\u03a4\u03bf ATHEART \u03b5\u03af\u03bd\u03b1\u03b9 \u03b4\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03b9\u03ba\u03cc \u03c3\u03c4\u03bf\u03cd\u03bd\u03c4\u03b9\u03bf \u03c3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03bf\u03cd \u03c3\u03c4\u03b7\u03bd \u0391\u03b8\u03ae\u03bd\u03b1 \u03bc\u03b5 20+ \u03c7\u03c1\u03cc\u03bd\u03b9\u03b1 \u03b5\u03bc\u03c0\u03b5\u03b9\u03c1\u03af\u03b1. \u039c\u03bf\u03bd\u03b1\u03b4\u03b9\u03ba\u03ad\u03c2 \u03b1\u03bd\u03b1\u03b4\u03b9\u03c0\u03bb\u03bf\u03cd\u03bc\u03b5\u03bd\u03b5\u03c2 \u03c4\u03c3\u03ac\u03bd\u03c4\u03b5\u03c2 \u03ba\u03b1\u03b9 \u03c5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2 \u03b3\u03c1\u03b1\u03c6\u03b9\u03c3\u03c4\u03b9\u03ba\u03ae\u03c2.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/atheart.gr\/el\/about\/","og_locale":"el_GR","og_type":"article","og_title":"\u03a3\u03c7\u03b5\u03c4\u03b9\u03ba\u03ac \u03bc\u03b5 \u03c4\u03bf ATHEART | \u0394\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03b9\u03ba\u03cc \u03a3\u03c4\u03bf\u03cd\u03bd\u03c4\u03b9\u03bf \u0391\u03b8\u03ae\u03bd\u03b1","og_description":"\u03a4\u03bf ATHEART \u03b5\u03af\u03bd\u03b1\u03b9 \u03b4\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03b9\u03ba\u03cc \u03c3\u03c4\u03bf\u03cd\u03bd\u03c4\u03b9\u03bf \u03c3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03bf\u03cd \u03c3\u03c4\u03b7\u03bd \u0391\u03b8\u03ae\u03bd\u03b1 \u03bc\u03b5 20+ \u03c7\u03c1\u03cc\u03bd\u03b9\u03b1 \u03b5\u03bc\u03c0\u03b5\u03b9\u03c1\u03af\u03b1. \u039c\u03bf\u03bd\u03b1\u03b4\u03b9\u03ba\u03ad\u03c2 \u03b1\u03bd\u03b1\u03b4\u03b9\u03c0\u03bb\u03bf\u03cd\u03bc\u03b5\u03bd\u03b5\u03c2 \u03c4\u03c3\u03ac\u03bd\u03c4\u03b5\u03c2 \u03ba\u03b1\u03b9 \u03c5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2 \u03b3\u03c1\u03b1\u03c6\u03b9\u03c3\u03c4\u03b9\u03ba\u03ae\u03c2.","og_url":"https:\/\/atheart.gr\/el\/about\/","og_site_name":"ATHEART online shop","article_modified_time":"2026-05-11T09:53:06+00:00","og_image":[{"url":"https:\/\/atheart.gr\/wp-content\/uploads\/2026\/05\/atheart_social.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_image":"https:\/\/atheart.gr\/wp-content\/uploads\/2026\/05\/atheart_social.jpg","twitter_misc":{"\u0395\u03ba\u03c4\u03b9\u03bc\u03ce\u03bc\u03b5\u03bd\u03bf\u03c2 \u03c7\u03c1\u03cc\u03bd\u03bf\u03c2 \u03b1\u03bd\u03ac\u03b3\u03bd\u03c9\u03c3\u03b7\u03c2":"5 \u03bb\u03b5\u03c0\u03c4\u03ac"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/atheart.gr\/el\/about\/","url":"https:\/\/atheart.gr\/el\/about\/","name":"\u03a3\u03c7\u03b5\u03c4\u03b9\u03ba\u03ac \u03bc\u03b5 \u03c4\u03bf ATHEART | \u0394\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03b9\u03ba\u03cc \u03a3\u03c4\u03bf\u03cd\u03bd\u03c4\u03b9\u03bf \u0391\u03b8\u03ae\u03bd\u03b1","isPartOf":{"@id":"https:\/\/atheart.gr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/atheart.gr\/el\/about\/#primaryimage"},"image":{"@id":"https:\/\/atheart.gr\/el\/about\/#primaryimage"},"thumbnailUrl":"https:\/\/atheart.gr\/wp-content\/uploads\/2026\/04\/madeAthens.svg","datePublished":"2026-04-27T13:02:27+00:00","dateModified":"2026-05-11T09:53:06+00:00","description":"\u03a4\u03bf ATHEART \u03b5\u03af\u03bd\u03b1\u03b9 \u03b4\u03b7\u03bc\u03b9\u03bf\u03c5\u03c1\u03b3\u03b9\u03ba\u03cc \u03c3\u03c4\u03bf\u03cd\u03bd\u03c4\u03b9\u03bf \u03c3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03bf\u03cd \u03c3\u03c4\u03b7\u03bd \u0391\u03b8\u03ae\u03bd\u03b1 \u03bc\u03b5 20+ \u03c7\u03c1\u03cc\u03bd\u03b9\u03b1 \u03b5\u03bc\u03c0\u03b5\u03b9\u03c1\u03af\u03b1. \u039c\u03bf\u03bd\u03b1\u03b4\u03b9\u03ba\u03ad\u03c2 \u03b1\u03bd\u03b1\u03b4\u03b9\u03c0\u03bb\u03bf\u03cd\u03bc\u03b5\u03bd\u03b5\u03c2 \u03c4\u03c3\u03ac\u03bd\u03c4\u03b5\u03c2 \u03ba\u03b1\u03b9 \u03c5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2 \u03b3\u03c1\u03b1\u03c6\u03b9\u03c3\u03c4\u03b9\u03ba\u03ae\u03c2.","breadcrumb":{"@id":"https:\/\/atheart.gr\/el\/about\/#breadcrumb"},"inLanguage":"el","potentialAction":[{"@type":"ReadAction","target":["https:\/\/atheart.gr\/el\/about\/"]}]},{"@type":"ImageObject","inLanguage":"el","@id":"https:\/\/atheart.gr\/el\/about\/#primaryimage","url":"https:\/\/atheart.gr\/wp-content\/uploads\/2026\/04\/madeAthens.svg","contentUrl":"https:\/\/atheart.gr\/wp-content\/uploads\/2026\/04\/madeAthens.svg"},{"@type":"BreadcrumbList","@id":"https:\/\/atheart.gr\/el\/about\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/atheart.gr\/el\/"},{"@type":"ListItem","position":2,"name":"\u03a3\u03c7\u03b5\u03c4\u03b9\u03ba\u03ac"}]},{"@type":"WebSite","@id":"https:\/\/atheart.gr\/#website","url":"https:\/\/atheart.gr\/","name":"ATHEART online shop","description":"Carrying Stories, Crafting Style \u2013 A Creative Studio for Inspired Design","publisher":{"@id":"https:\/\/atheart.gr\/#organization"},"alternateName":"ATHEART Studio","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/atheart.gr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"el"},{"@type":"Organization","@id":"https:\/\/atheart.gr\/#organization","name":"ATHEART","alternateName":"ATHEART Studio","url":"https:\/\/atheart.gr\/","logo":{"@type":"ImageObject","inLanguage":"el","@id":"https:\/\/atheart.gr\/#\/schema\/logo\/image\/","url":"https:\/\/atheart.gr\/wp-content\/uploads\/2024\/07\/cropped-fav2.png","contentUrl":"https:\/\/atheart.gr\/wp-content\/uploads\/2024\/07\/cropped-fav2.png","width":512,"height":512,"caption":"ATHEART"},"image":{"@id":"https:\/\/atheart.gr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/atheart_official\/","https:\/\/www.tiktok.com\/@atheart_official"]}]}},"_links":{"self":[{"href":"https:\/\/atheart.gr\/el\/wp-json\/wp\/v2\/pages\/30779","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/atheart.gr\/el\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/atheart.gr\/el\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/atheart.gr\/el\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/atheart.gr\/el\/wp-json\/wp\/v2\/comments?post=30779"}],"version-history":[{"count":24,"href":"https:\/\/atheart.gr\/el\/wp-json\/wp\/v2\/pages\/30779\/revisions"}],"predecessor-version":[{"id":31070,"href":"https:\/\/atheart.gr\/el\/wp-json\/wp\/v2\/pages\/30779\/revisions\/31070"}],"wp:attachment":[{"href":"https:\/\/atheart.gr\/el\/wp-json\/wp\/v2\/media?parent=30779"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}