{"id":51,"date":"2025-12-08T12:42:49","date_gmt":"2025-12-08T12:42:49","guid":{"rendered":"https:\/\/spell.uom.gr\/?page_id=51"},"modified":"2026-07-09T12:06:35","modified_gmt":"2026-07-09T12:06:35","slug":"contact","status":"publish","type":"page","link":"https:\/\/spell.uom.gr\/index.php\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\n<style>\n\/* =========================================================\n   SPELL \u2014 CONTACT HERO SECTION\n   Stable desktop + mobile custom layout\n   Includes mini divider close to text\n   Yellowish divider accent\n   ========================================================= *\/\n\n.spell-contact-hero {\n  width: min(1120px, calc(100% - 74px));\n  margin: 54px auto 62px auto;\n  box-sizing: border-box;\n  font-family: inherit;\n}\n\n.spell-contact-hero-inner {\n  display: grid;\n  grid-template-columns: minmax(0, 390px) minmax(0, 1fr);\n  column-gap: 70px;\n  align-items: center;\n\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.spell-contact-text {\n  min-width: 0;\n}\n\n.spell-contact-kicker {\n  margin: 0 0 36px 0;\n\n  color: #18489c;\n\n  font-size: 19px;\n  line-height: 1.1;\n  font-weight: 700;\n\n  text-align: left;\n}\n\n.spell-contact-title {\n  margin: 0 0 28px 0;\n\n  color: #10213d;\n\n  font-size: 42px;\n  line-height: 1.12;\n  font-weight: 700;\n  letter-spacing: -0.025em;\n\n  text-align: left;\n}\n\n.spell-contact-description {\n  margin: 0;\n\n  color: #31415f;\n\n  font-size: 15.8px;\n  line-height: 1.58;\n  font-weight: 400;\n\n  text-align: left;\n  max-width: 410px;\n}\n\n\/* Mini divider placed close to paragraph *\/\n.spell-divider-left-wrap {\n  width: 100%;\n  max-width: 420px;\n\n  display: flex;\n  justify-content: flex-start;\n\n  margin: 14px auto 0 0 !important;\n  text-align: left;\n}\n\n.spell-mini-divider {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  gap: 3px;\n\n  background: transparent;\n  width: fit-content;\n\n  margin: 0 !important;\n}\n\n\/* Yellowish accent *\/\n.spell-divider-orange {\n  display: block;\n\n  width: 72px;\n  height: 2px;\n\n  background: #e1d51a;\n  border-radius: 999px;\n}\n\n.spell-divider-blue {\n  display: block;\n\n  width: 54px;\n  height: 2px;\n\n  background: #18489c;\n  border-radius: 999px;\n}\n\n.spell-divider-dot {\n  display: block;\n\n  width: 6px;\n  height: 6px;\n\n  background: #e1d51a;\n  border-radius: 50%;\n\n  margin-left: 24px;\n}\n\n.spell-contact-visual {\n  width: 100%;\n  min-width: 0;\n\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n}\n\n.spell-contact-visual img {\n  width: 100%;\n  max-width: 660px;\n  height: auto;\n\n  display: block;\n\n  object-fit: contain;\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 1100px) {\n  .spell-contact-hero {\n    width: calc(100% - 48px);\n    margin: 48px auto 56px auto;\n  }\n\n  .spell-contact-hero-inner {\n    grid-template-columns: minmax(0, 340px) minmax(0, 1fr);\n    column-gap: 42px;\n  }\n\n  .spell-contact-kicker {\n    font-size: 17px;\n    margin-bottom: 28px;\n  }\n\n  .spell-contact-title {\n    font-size: 36px;\n    margin-bottom: 22px;\n  }\n\n  .spell-contact-description {\n    font-size: 14.3px;\n    line-height: 1.55;\n  }\n\n  .spell-contact-visual img {\n    max-width: 560px;\n  }\n}\n\n\n\/* =========================================================\n   MOBILE\n   Keeps same left-text \/ right-image logic, scaled down\n   ========================================================= *\/\n\n@media (max-width: 768px) {\n  html,\n  body,\n  .entry-content,\n  .wp-block-post-content {\n    overflow-x: hidden !important;\n  }\n\n  .spell-contact-hero {\n    width: calc(100% - 28px);\n    max-width: 620px;\n    margin: 40px auto 48px auto;\n  }\n\n  .spell-contact-hero-inner {\n    grid-template-columns: minmax(0, 42%) minmax(0, 58%);\n    column-gap: 16px;\n    align-items: center;\n  }\n\n  .spell-contact-kicker {\n    margin-bottom: 16px;\n\n    font-size: 12.5px;\n    line-height: 1.1;\n  }\n\n  .spell-contact-title {\n    margin-bottom: 12px;\n\n    font-size: 24px;\n    line-height: 1.12;\n    letter-spacing: -0.025em;\n  }\n\n  .spell-contact-description {\n    max-width: 100%;\n\n    font-size: 9.7px;\n    line-height: 1.48;\n  }\n\n  .spell-divider-left-wrap {\n    margin-top: 9px !important;\n  }\n\n  .spell-divider-orange {\n    width: 42px;\n    height: 1.5px;\n    background: #e1d51a;\n  }\n\n  .spell-divider-blue {\n    width: 32px;\n    height: 1.5px;\n  }\n\n  .spell-divider-dot {\n    width: 4.5px;\n    height: 4.5px;\n    margin-left: 12px;\n    background: #e1d51a;\n  }\n\n  .spell-mini-divider {\n    gap: 2px;\n  }\n\n  .spell-contact-visual img {\n    max-width: 100%;\n  }\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n   Extra compact, still same visual structure\n   ========================================================= *\/\n\n@media (max-width: 390px) {\n  .spell-contact-hero {\n    width: calc(100% - 22px);\n    margin: 36px auto 44px auto;\n  }\n\n  .spell-contact-hero-inner {\n    grid-template-columns: minmax(0, 43%) minmax(0, 57%);\n    column-gap: 12px;\n  }\n\n  .spell-contact-kicker {\n    font-size: 11px;\n    margin-bottom: 13px;\n  }\n\n  .spell-contact-title {\n    font-size: 21px;\n    margin-bottom: 10px;\n  }\n\n  .spell-contact-description {\n    font-size: 8.4px;\n    line-height: 1.42;\n  }\n\n  .spell-divider-left-wrap {\n    margin-top: 8px !important;\n  }\n\n  .spell-divider-orange {\n    width: 34px;\n    background: #e1d51a;\n  }\n\n  .spell-divider-blue {\n    width: 25px;\n  }\n\n  .spell-divider-dot {\n    width: 4px;\n    height: 4px;\n    margin-left: 9px;\n    background: #e1d51a;\n  }\n}\n<\/style>\n\n\n<section class=\"spell-contact-hero\">\n  <div class=\"spell-contact-hero-inner\">\n\n    <div class=\"spell-contact-text\">\n      <p class=\"spell-contact-kicker\">Contact<\/p>\n\n      <h1 class=\"spell-contact-title\">Get in touch<\/h1>\n\n      <p class=\"spell-contact-description\">\n        For questions about SPELL, collaborations, data partnerships, or research inquiries,\n        please get in touch with the team.\n      <\/p>\n\n      <div class=\"spell-divider-left-wrap\" aria-hidden=\"true\">\n        <div class=\"spell-mini-divider\">\n          <span class=\"spell-divider-orange\"><\/span>\n          <span class=\"spell-divider-blue\"><\/span>\n          <span class=\"spell-divider-dot\"><\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"spell-contact-visual\">\n      <img decoding=\"async\" src=\"https:\/\/spell.uom.gr\/wp-content\/uploads\/2026\/06\/globe.png\" alt=\"SPELL contact visual\">\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<style>\n\/* =========================================================\n   SPELL \u2014 CONTACT INFO PANEL\n   Institutions \/ Location \/ Response Time\n   Stable desktop + mobile custom layout\n   ========================================================= *\/\n\n.spell-info-panel {\n  width: min(1298px, calc(100% - 84px));\n  margin: 42px auto 56px auto;\n  box-sizing: border-box;\n  font-family: inherit;\n}\n\n.spell-info-panel-inner {\n  width: 100%;\n\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n\n  background: #eaf2fc;\n  border: 1px solid #b7d2ff;\n  border-radius: 16px;\n\n  padding: 30px 34px;\n\n  box-sizing: border-box;\n  overflow: hidden;\n}\n\n.spell-info-item {\n  min-height: 168px;\n\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: flex-start;\n\n  padding: 4px 46px;\n\n  box-sizing: border-box;\n}\n\n.spell-info-item:not(:last-child) {\n  border-right: 1px solid #b7d2ff;\n}\n\n.spell-info-icon {\n  width: 48px;\n  height: 48px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  margin: 0 0 28px 0;\n}\n\n.spell-info-icon svg {\n  width: 48px;\n  height: 48px;\n  display: block;\n}\n\n.spell-info-label {\n  margin: 0 0 26px 0;\n\n  color: #10213d;\n\n  font-size: 12px;\n  line-height: 1.2;\n  font-weight: 500;\n  text-transform: uppercase;\n\n  text-align: left;\n}\n\n.spell-info-text,\n.spell-info-list {\n  margin: 0;\n\n  color: #31415f;\n\n  font-size: 15px;\n  line-height: 1.7;\n  font-weight: 400;\n\n  text-align: left;\n}\n\n.spell-info-list {\n  padding-left: 22px;\n}\n\n.spell-info-list li {\n  margin: 0 0 6px 0;\n}\n\n.spell-info-list li:last-child {\n  margin-bottom: 0;\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 1100px) {\n  .spell-info-panel {\n    width: calc(100% - 56px);\n    margin: 38px auto 52px auto;\n  }\n\n  .spell-info-panel-inner {\n    padding: 28px 24px;\n  }\n\n  .spell-info-item {\n    min-height: 156px;\n    padding: 4px 30px;\n  }\n\n  .spell-info-icon,\n  .spell-info-icon svg {\n    width: 44px;\n    height: 44px;\n  }\n\n  .spell-info-icon {\n    margin-bottom: 24px;\n  }\n\n  .spell-info-label {\n    font-size: 11px;\n    margin-bottom: 22px;\n  }\n\n  .spell-info-text,\n  .spell-info-list {\n    font-size: 14px;\n    line-height: 1.6;\n  }\n}\n\n\n\/* =========================================================\n   MOBILE\n   Keeps same 3-column structure, scaled down\n   ========================================================= *\/\n\n@media (max-width: 768px) {\n  html,\n  body,\n  .entry-content,\n  .wp-block-post-content {\n    overflow-x: hidden !important;\n  }\n\n  .spell-info-panel {\n    width: calc(100% - 28px);\n    max-width: 620px;\n    margin: 34px auto 44px auto;\n  }\n\n  .spell-info-panel-inner {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n\n    padding: 20px 12px;\n\n    border-radius: 15px;\n  }\n\n  .spell-info-item {\n    min-height: 126px;\n\n    padding: 2px 10px;\n\n    align-items: flex-start;\n  }\n\n  .spell-info-item:not(:last-child) {\n    border-right: 1px solid #b7d2ff;\n  }\n\n  .spell-info-icon,\n  .spell-info-icon svg {\n    width: 34px;\n    height: 34px;\n  }\n\n  .spell-info-icon {\n    margin-bottom: 18px;\n  }\n\n  .spell-info-label {\n    margin-bottom: 18px;\n\n    font-size: 8.8px;\n    line-height: 1.15;\n  }\n\n  .spell-info-text,\n  .spell-info-list {\n    font-size: 10.2px;\n    line-height: 1.45;\n  }\n\n  .spell-info-list {\n    padding-left: 14px;\n  }\n\n  .spell-info-list li {\n    margin-bottom: 4px;\n  }\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n   Extra compact\n   ========================================================= *\/\n\n@media (max-width: 390px) {\n  .spell-info-panel {\n    width: calc(100% - 22px);\n    margin: 32px auto 40px auto;\n  }\n\n  .spell-info-panel-inner {\n    padding: 18px 9px;\n    border-radius: 14px;\n  }\n\n  .spell-info-item {\n    min-height: 118px;\n    padding: 2px 7px;\n  }\n\n  .spell-info-icon,\n  .spell-info-icon svg {\n    width: 30px;\n    height: 30px;\n  }\n\n  .spell-info-icon {\n    margin-bottom: 16px;\n  }\n\n  .spell-info-label {\n    font-size: 7.7px;\n    margin-bottom: 15px;\n  }\n\n  .spell-info-text,\n  .spell-info-list {\n    font-size: 8.7px;\n    line-height: 1.38;\n  }\n\n  .spell-info-list {\n    padding-left: 12px;\n  }\n}\n<\/style>\n\n\n<section class=\"spell-info-panel\">\n  <div class=\"spell-info-panel-inner\">\n\n    <!-- INSTITUTIONS -->\n    <article class=\"spell-info-item\">\n      <div class=\"spell-info-icon\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 120 120\" role=\"img\">\n          <circle cx=\"60\" cy=\"60\" r=\"51\" fill=\"#eaf2fc\" stroke=\"#536ec5\" stroke-width=\"4\"\/>\n          <path d=\"M31 52h58L60 34 31 52z\" fill=\"none\" stroke=\"#10213d\" stroke-width=\"4\" stroke-linejoin=\"round\"\/>\n          <path d=\"M38 78h44\" stroke=\"#10213d\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n          <path d=\"M42 72V55M54 72V55M66 72V55M78 72V55\" stroke=\"#10213d\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n          <path d=\"M35 86h50\" stroke=\"#10213d\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n        <\/svg>\n      <\/div>\n\n      <p class=\"spell-info-label\">Institutions<\/p>\n\n      <ul class=\"spell-info-list\">\n        <li>University of Macedonia<\/li>\n        <li>Aristotle University of Thessaloniki<\/li>\n      <\/ul>\n    <\/article>\n\n\n    <!-- LOCATION -->\n    <article class=\"spell-info-item\">\n      <div class=\"spell-info-icon\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 120 120\" role=\"img\">\n          <circle cx=\"60\" cy=\"60\" r=\"51\" fill=\"#eaf2fc\" stroke=\"#536ec5\" stroke-width=\"4\"\/>\n          <path d=\"M60 92s25-28 25-50a25 25 0 0 0-50 0c0 22 25 50 25 50z\" fill=\"none\" stroke=\"#10213d\" stroke-width=\"4\" stroke-linejoin=\"round\"\/>\n          <circle cx=\"60\" cy=\"43\" r=\"9\" fill=\"none\" stroke=\"#10213d\" stroke-width=\"4\"\/>\n          <path d=\"M50 66h20\" stroke=\"#10213d\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n        <\/svg>\n      <\/div>\n\n      <p class=\"spell-info-label\">Location<\/p>\n\n      <p class=\"spell-info-text\">Thessaloniki, Greece<\/p>\n    <\/article>\n\n\n    <!-- RESPONSE TIME -->\n    <article class=\"spell-info-item\">\n      <div class=\"spell-info-icon\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 120 120\" role=\"img\">\n          <circle cx=\"60\" cy=\"60\" r=\"51\" fill=\"#eaf2fc\" stroke=\"#536ec5\" stroke-width=\"4\"\/>\n          <circle cx=\"60\" cy=\"60\" r=\"28\" fill=\"none\" stroke=\"#10213d\" stroke-width=\"4\"\/>\n          <path d=\"M60 43v20l15 9\" fill=\"none\" stroke=\"#10213d\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n      <\/div>\n\n      <p class=\"spell-info-label\">Response Time<\/p>\n\n      <p class=\"spell-info-text\">2\u20133 business days<\/p>\n    <\/article>\n\n  <\/div>\n<\/section>\n\n\n\n<section class=\"spell-team-contacts-section\">\n  <h2>Project team contacts<\/h2>\n  <div class=\"spell-team-contacts-blue-line\"><\/div>\n\n  <div class=\"spell-team-contacts-list\">\n\n    <div class=\"spell-team-contacts-row\">\n      <div class=\"spell-team-contacts-dots\"><\/div>\n      <span class=\"spell-team-contacts-dot\"><\/span>\n      <div class=\"spell-team-contacts-name\">Revecca Pedi<\/div>\n      <a href=\"mailto:rpedi@uom.edu.gr\">rpedi@uom.edu.gr<\/a>\n    <\/div>\n\n    <div class=\"spell-team-contacts-row\">\n      <div class=\"spell-team-contacts-dots\"><\/div>\n      <span class=\"spell-team-contacts-dot\"><\/span>\n      <div class=\"spell-team-contacts-name\">Andreas Symeonidis<\/div>\n      <a href=\"mailto:asymeon@eng.auth.gr\">asymeon@eng.auth.gr<\/a>\n    <\/div>\n\n    <div class=\"spell-team-contacts-row\">\n      <div class=\"spell-team-contacts-dots\"><\/div>\n      <span class=\"spell-team-contacts-dot\"><\/span>\n      <div class=\"spell-team-contacts-name\">Themistoklis Diamantopoulos<\/div>\n      <a href=\"mailto:thdiaman@issel.ee.auth.gr\">thdiaman@issel.ee.auth.gr<\/a>\n    <\/div>\n\n    <div class=\"spell-team-contacts-row\">\n      <div class=\"spell-team-contacts-dots\"><\/div>\n      <span class=\"spell-team-contacts-dot\"><\/span>\n      <div class=\"spell-team-contacts-name\">Dimitris Nastos<\/div>\n      <a href=\"mailto:danastos@ece.auth.gr\">danastos@ece.auth.gr<\/a>\n    <\/div>\n\n    <div class=\"spell-team-contacts-row\">\n      <div class=\"spell-team-contacts-dots\"><\/div>\n      <span class=\"spell-team-contacts-dot\"><\/span>\n      <div class=\"spell-team-contacts-name\">Maria Simaioforidou<\/div>\n      <a href=\"mailto:maria.simaioforidou96@gmail.com\">maria.simaioforidou96@gmail.com<\/a>\n    <\/div>\n\n    <div class=\"spell-team-contacts-row\">\n      <div class=\"spell-team-contacts-dots\"><\/div>\n      <span class=\"spell-team-contacts-dot\"><\/span>\n      <div class=\"spell-team-contacts-name\">Filitsa Ioanna Kouskouveli<\/div>\n      <a href=\"mailto:filiannakou@gmail.com\">filiannakou@gmail.com<\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* =========================================================\n   SPELL \u2014 PROJECT TEAM CONTACTS\n   Same desktop\/mobile row structure\n   Enlarged decorative dotted elements\n   ========================================================= *\/\n\n.spell-team-contacts-section {\n  width: min(1120px, calc(100% - 74px));\n  margin: 0 auto 56px auto;\n  box-sizing: border-box;\n  font-family: inherit;\n}\n\n.spell-team-contacts-section h2 {\n  color: #10213d;\n\n  font-size: 28px;\n  line-height: 1.15;\n  margin: 0 0 14px 0;\n\n  font-family: inherit;\n  font-weight: 700;\n  letter-spacing: -0.02em;\n\n  text-align: left;\n}\n\n.spell-team-contacts-blue-line {\n  width: 45px;\n  height: 2px;\n  background: #bcd4ff;\n  margin: 0 0 26px 0;\n}\n\n.spell-team-contacts-list {\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.spell-team-contacts-row {\n  display: grid;\n  grid-template-columns: 92px 26px minmax(0, 1fr) minmax(220px, 280px);\n  align-items: center;\n\n  min-height: 60px;\n\n  border-bottom: 1px solid rgba(188, 212, 255, 0.75);\n\n  box-sizing: border-box;\n}\n\n.spell-team-contacts-dots {\n  width: 72px;\n  height: 48px;\n\n  background-image: url(\"https:\/\/spell.uom.gr\/wp-content\/uploads\/2026\/06\/icon_team_row_dots_dark_true_transparent.png\");\n  background-repeat: no-repeat;\n  background-position: center left;\n  background-size: contain;\n\n  opacity: 1;\n}\n\n.spell-team-contacts-dot {\n  width: 7px;\n  height: 7px;\n\n  background: #bcd4ff;\n  border-radius: 50%;\n\n  display: inline-block;\n  justify-self: start;\n}\n\n.spell-team-contacts-name {\n  color: #10213d;\n\n  font-size: 16px;\n  line-height: 1.35;\n  font-weight: 500;\n\n  text-align: left;\n\n  min-width: 0;\n}\n\n.spell-team-contacts-row a {\n  color: #18489c;\n\n  font-size: 15px;\n  line-height: 1.35;\n  font-weight: 400;\n\n  text-decoration: none;\n  text-align: left;\n\n  min-width: 0;\n\n  overflow-wrap: anywhere;\n  word-break: normal;\n}\n\n.spell-team-contacts-row a:hover {\n  color: #10213d;\n  text-decoration: underline;\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 1100px) {\n  .spell-team-contacts-section {\n    width: calc(100% - 48px);\n  }\n\n  .spell-team-contacts-row {\n    grid-template-columns: 78px 24px minmax(0, 1fr) minmax(200px, 260px);\n  }\n\n  .spell-team-contacts-dots {\n    width: 62px;\n    height: 42px;\n  }\n\n  .spell-team-contacts-dot {\n    width: 6.5px;\n    height: 6.5px;\n  }\n\n  .spell-team-contacts-name {\n    font-size: 15px;\n  }\n\n  .spell-team-contacts-row a {\n    font-size: 14px;\n  }\n}\n\n\n\/* =========================================================\n   MOBILE\n   Same row logic, scaled down \u2014 no stacking\n   Enlarged dotted elements on mobile too\n   ========================================================= *\/\n\n@media (max-width: 768px) {\n  html,\n  body,\n  .entry-content,\n  .wp-block-post-content {\n    overflow-x: hidden !important;\n  }\n\n  .spell-team-contacts-section {\n    width: calc(100% - 28px);\n    max-width: 620px;\n    margin: 0 auto 46px auto;\n  }\n\n  .spell-team-contacts-section h2 {\n    font-size: 23px;\n    line-height: 1.12;\n    margin-bottom: 12px;\n  }\n\n  .spell-team-contacts-blue-line {\n    width: 38px;\n    height: 2px;\n    margin-bottom: 20px;\n  }\n\n  .spell-team-contacts-row {\n    grid-template-columns: 48px 16px minmax(0, 0.95fr) minmax(0, 1.35fr);\n\n    min-height: 50px;\n  }\n\n  .spell-team-contacts-dots {\n    width: 42px;\n    height: 30px;\n  }\n\n  .spell-team-contacts-dot {\n    width: 5.5px;\n    height: 5.5px;\n  }\n\n  .spell-team-contacts-name {\n    font-size: 10.8px;\n    line-height: 1.25;\n  }\n\n  .spell-team-contacts-row a {\n    font-size: 9.8px;\n    line-height: 1.25;\n  }\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n   Extra compact but same structure\n   ========================================================= *\/\n\n@media (max-width: 390px) {\n  .spell-team-contacts-section {\n    width: calc(100% - 22px);\n    margin-bottom: 42px;\n  }\n\n  .spell-team-contacts-section h2 {\n    font-size: 21px;\n  }\n\n  .spell-team-contacts-blue-line {\n    margin-bottom: 18px;\n  }\n\n  .spell-team-contacts-row {\n    grid-template-columns: 42px 14px minmax(0, 0.9fr) minmax(0, 1.45fr);\n\n    min-height: 46px;\n  }\n\n  .spell-team-contacts-dots {\n    width: 36px;\n    height: 26px;\n  }\n\n  .spell-team-contacts-dot {\n    width: 5px;\n    height: 5px;\n  }\n\n  .spell-team-contacts-name {\n    font-size: 9.4px;\n    line-height: 1.22;\n  }\n\n  .spell-team-contacts-row a {\n    font-size: 8.2px;\n    line-height: 1.22;\n  }\n}\n<\/style>\n\n\n\n<section class=\"spell-collab-section\">\n  <div class=\"spell-collab-icon-wrap\">\n    <img decoding=\"async\" src=\"https:\/\/spell.uom.gr\/wp-content\/uploads\/2026\/06\/icon_handshake_dark_transparent.png\" alt=\"Collaboration icon\">\n  <\/div>\n\n  <div class=\"spell-collab-divider\"><\/div>\n\n  <div class=\"spell-collab-text\">\n    <h2>Let\u2019s collaborate<\/h2>\n    <div class=\"spell-yellow-line small\"><\/div>\n    <p>We welcome research collaborations, data partnerships, and policy-oriented exchanges.<\/p>\n  <\/div>\n<\/section>\n\n<style>\n\/* =========================================================\n   SPELL \u2014 COLLABORATION SECTION\n   Stable desktop + mobile layout\n   ========================================================= *\/\n\n.spell-collab-section {\n  width: min(1120px, calc(100% - 74px));\n  margin: 34px auto 56px auto;\n\n  padding: 34px 44px;\n\n  border-top: 1px solid rgba(188, 212, 255, 0.45);\n  border-bottom: 1px solid rgba(188, 212, 255, 0.45);\n\n  display: grid;\n  grid-template-columns: 150px 1px minmax(0, 1fr);\n  align-items: center;\n  gap: 34px;\n\n  box-sizing: border-box;\n  font-family: inherit;\n}\n\n.spell-collab-icon-wrap {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.spell-collab-icon-wrap img {\n  width: 105px;\n  height: auto;\n  display: block;\n}\n\n.spell-collab-divider {\n  width: 1px;\n  height: 90px;\n  background: rgba(188, 212, 255, 0.65);\n}\n\n.spell-collab-text {\n  min-width: 0;\n}\n\n.spell-collab-text h2 {\n  color: #10213d;\n\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: 32px;\n  line-height: 1.2;\n  font-weight: 400;\n\n  margin: 0 0 8px 0;\n  text-align: left;\n}\n\n\/* More yellowish line *\/\n.spell-yellow-line.small {\n  width: 36px;\n  height: 2px;\n\n  background: #e1d51a;\n  border-radius: 999px;\n\n  margin: 0 0 14px 0;\n}\n\n.spell-collab-text p {\n  color: #31415f;\n\n  font-size: 16px;\n  line-height: 1.6;\n  font-weight: 400;\n\n  margin: 0;\n  max-width: 620px;\n\n  text-align: left;\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 1100px) {\n  .spell-collab-section {\n    width: calc(100% - 48px);\n\n    grid-template-columns: 120px 1px minmax(0, 1fr);\n    gap: 28px;\n\n    padding: 30px 36px;\n  }\n\n  .spell-collab-icon-wrap img {\n    width: 92px;\n  }\n\n  .spell-collab-divider {\n    height: 82px;\n  }\n\n  .spell-collab-text h2 {\n    font-size: 29px;\n  }\n\n  .spell-collab-text p {\n    font-size: 15px;\n    line-height: 1.55;\n  }\n}\n\n\n\/* =========================================================\n   MOBILE\n   Same visual structure, scaled down\n   ========================================================= *\/\n\n@media (max-width: 768px) {\n  html,\n  body,\n  .entry-content,\n  .wp-block-post-content {\n    overflow-x: hidden !important;\n  }\n\n  .spell-collab-section {\n    width: calc(100% - 28px);\n    max-width: 620px;\n\n    margin: 30px auto 46px auto;\n    padding: 24px 18px;\n\n    grid-template-columns: 74px 1px minmax(0, 1fr);\n    gap: 16px;\n\n    align-items: center;\n  }\n\n  .spell-collab-icon-wrap img {\n    width: 62px;\n  }\n\n  .spell-collab-divider {\n    display: block;\n    height: 66px;\n    background: rgba(188, 212, 255, 0.72);\n  }\n\n  .spell-collab-text h2 {\n    font-size: 22px;\n    line-height: 1.15;\n\n    margin-bottom: 6px;\n  }\n\n  .spell-yellow-line.small {\n    width: 30px;\n    height: 2px;\n\n    background: #e1d51a;\n\n    margin-bottom: 10px;\n  }\n\n  .spell-collab-text p {\n    font-size: 10.4px;\n    line-height: 1.45;\n\n    max-width: 100%;\n  }\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n   Extra compact, still same structure\n   ========================================================= *\/\n\n@media (max-width: 390px) {\n  .spell-collab-section {\n    width: calc(100% - 22px);\n\n    margin: 28px auto 42px auto;\n    padding: 22px 14px;\n\n    grid-template-columns: 62px 1px minmax(0, 1fr);\n    gap: 13px;\n  }\n\n  .spell-collab-icon-wrap img {\n    width: 54px;\n  }\n\n  .spell-collab-divider {\n    height: 58px;\n  }\n\n  .spell-collab-text h2 {\n    font-size: 19px;\n    margin-bottom: 5px;\n  }\n\n  .spell-yellow-line.small {\n    width: 26px;\n    height: 2px;\n    margin-bottom: 8px;\n  }\n\n  .spell-collab-text p {\n    font-size: 9px;\n    line-height: 1.38;\n  }\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Contact Get in touch For questions about SPELL, collaborations, data partnerships, or research inquiries, please get in touch with the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":5,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-51","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/spell.uom.gr\/index.php\/wp-json\/wp\/v2\/pages\/51","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/spell.uom.gr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/spell.uom.gr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/spell.uom.gr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/spell.uom.gr\/index.php\/wp-json\/wp\/v2\/comments?post=51"}],"version-history":[{"count":45,"href":"https:\/\/spell.uom.gr\/index.php\/wp-json\/wp\/v2\/pages\/51\/revisions"}],"predecessor-version":[{"id":442,"href":"https:\/\/spell.uom.gr\/index.php\/wp-json\/wp\/v2\/pages\/51\/revisions\/442"}],"wp:attachment":[{"href":"https:\/\/spell.uom.gr\/index.php\/wp-json\/wp\/v2\/media?parent=51"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}