{"id":2030,"date":"2026-09-01T10:49:58","date_gmt":"2026-09-01T10:49:58","guid":{"rendered":"https:\/\/loct-in.eu\/homestead\/"},"modified":"2026-09-01T13:06:33","modified_gmt":"2026-09-01T13:06:33","slug":"homestead","status":"publish","type":"page","link":"https:\/\/loct-in.eu\/bg\/","title":{"rendered":"HomeStead"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2030\" class=\"elementor elementor-2030\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b09e16 e-con e-atomic-element e-flexbox-base e-default-div e-76b54de\" data-id=\"3b09e16\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"3b09e16\">\n    \t\t<div class=\"elementor-element elementor-element-ab5de75 elementor-widget elementor-widget-html\" data-id=\"ab5de75\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"loctin-hero\" aria-labelledby=\"loctin-hero-title\">\n\n  <!-- =====================================================\n       BACKGROUND\n  ====================================================== -->\n\n  <div class=\"loctin-hero-bg\" aria-hidden=\"true\">\n    <div class=\"loctin-hero-orb hero-orb-1\"><\/div>\n    <div class=\"loctin-hero-orb hero-orb-2\"><\/div>\n    <div class=\"loctin-hero-grid\"><\/div>\n  <\/div>\n\n\n  <!-- =====================================================\n       HERO CONTENT\n  ====================================================== -->\n\n  <div class=\"loctin-hero-wrap\">\n\n\n    <!-- ===================================================\n         LEFT \u2014 TEXT\n    ==================================================== -->\n\n    <div class=\"loctin-hero-content\">\n\n      <div class=\"loctin-eyebrow\">\n        <span><\/span>\n        Erasmus+ Youth Participation Activities\n      <\/div>\n\n\n      <h1 id=\"loctin-hero-title\">\n\n        <span class=\"hero-title-project\">\n          LOCT-IN\n        <\/span>\n\n        <strong>\n          Youth as Local Policy Auditors\n        <\/strong>\n\n      <\/h1>\n\n\n      <p class=\"loctin-hero-subtitle\">\n        Empowering young people to observe, analyse and improve local governance\n        through structured democratic participation.\n      <\/p>\n\n\n      <div class=\"loctin-hero-actions\">\n\n        <a\n          href=\"\/bg\/about-the-project\/\"\n          class=\"loctin-hero-button\"\n        >\n\n          <span>\n            Discover the Project\n          <\/span>\n\n          <svg\n            viewbox=\"0 0 24 24\"\n            aria-hidden=\"true\"\n          >\n            <path d=\"M5 12h13\"><\/path>\n            <path d=\"M13 6l6 6-6 6\"><\/path>\n          <\/svg>\n\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- ===================================================\n         RIGHT \u2014 ACTUAL HERO ILLUSTRATION\n    ==================================================== -->\n\n    <div\n      class=\"loctin-hero-visual\"\n      aria-hidden=\"true\"\n    >\n\n      <div class=\"loctin-hero-image-wrap\">\n\n        <img\n          src=\"https:\/\/loct-in.eu\/wp-content\/uploads\/2026\/09\/hero.png\"\n          alt=\"\"\n          class=\"loctin-hero-image\"\n          decoding=\"async\"\n          fetchpriority=\"high\"\n        >\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   LOCT-IN HERO\n   Clean \/ responsive \/ full-width \/ optimized\n========================================================= *\/\n\n.loctin-hero,\n.loctin-hero * {\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   HERO ROOT\n========================================================= *\/\n\n.loctin-hero {\n\n  --primary: #003399;\n  --secondary: #20B8C5;\n  --background: #F3F5F7;\n  --text: #1B1F3B;\n  --accent: #6BCB3D;\n\n  position: relative;\n\n  width: 100%;\n  max-width: 100%;\n\n  margin: 0;\n  padding: 0;\n\n  min-height:\n    min(820px, 92vh);\n\n  display: flex;\n\n  align-items: center;\n\n  overflow: hidden;\n\n  background:\n    radial-gradient(\n      circle at 78% 45%,\n      rgba(32,184,197,.10) 0%,\n      rgba(32,184,197,.045) 26%,\n      transparent 50%\n    ),\n    var(--background);\n\n  color:\n    var(--text);\n\n  isolation: isolate;\n}\n\n\n\/* =========================================================\n   BACKGROUND\n========================================================= *\/\n\n.loctin-hero-bg {\n\n  position: absolute;\n\n  inset: 0;\n\n  z-index: 0;\n\n  overflow: hidden;\n\n  pointer-events: none;\n}\n\n.loctin-hero-orb {\n\n  position: absolute;\n\n  border-radius: 50%;\n\n  pointer-events: none;\n}\n\n.hero-orb-1 {\n\n  width: 480px;\n  height: 480px;\n\n  top: -220px;\n  right: -150px;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(0,51,153,.085) 0%,\n      rgba(0,51,153,.035) 42%,\n      transparent 72%\n    );\n}\n\n.hero-orb-2 {\n\n  width: 380px;\n  height: 380px;\n\n  bottom: -250px;\n  left: -190px;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(107,203,61,.075) 0%,\n      rgba(107,203,61,.025) 45%,\n      transparent 72%\n    );\n}\n\n\n\/* Subtle grid *\/\n\n.loctin-hero-grid {\n\n  position: absolute;\n\n  inset: 0;\n\n  opacity: .22;\n\n  background-image:\n    linear-gradient(\n      rgba(0,51,153,.035) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(0,51,153,.035) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    56px 56px;\n\n  mask-image:\n    linear-gradient(\n      to right,\n      transparent 0%,\n      black 14%,\n      black 86%,\n      transparent 100%\n    );\n\n  -webkit-mask-image:\n    linear-gradient(\n      to right,\n      transparent 0%,\n      black 14%,\n      black 86%,\n      transparent 100%\n    );\n}\n\n\n\/* =========================================================\n   MAIN WRAPPER\n========================================================= *\/\n\n.loctin-hero-wrap {\n\n  position: relative;\n\n  z-index: 2;\n\n  width: min(\n    100%,\n    1480px\n  );\n\n  margin: 0 auto;\n\n  padding:\n    clamp(95px,10vw,145px)\n    clamp(22px,5vw,76px)\n    clamp(70px,7vw,100px);\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(0,1.05fr)\n    minmax(420px,.95fr);\n\n  align-items: center;\n\n  gap:\n    clamp(35px,6vw,90px);\n}\n\n\n\/* =========================================================\n   LEFT CONTENT\n========================================================= *\/\n\n.loctin-hero-content {\n\n  position: relative;\n\n  z-index: 3;\n\n  width: 100%;\n\n  max-width:\n    790px;\n\n  min-width: 0;\n}\n\n\n\/* =========================================================\n   EYEBROW\n========================================================= *\/\n\n.loctin-eyebrow {\n\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 10px;\n\n  margin:\n    0 0 24px;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size:\n    14px;\n\n  line-height:\n    1.35;\n\n  font-weight:\n    700;\n\n  letter-spacing:\n    .08em;\n\n  text-transform:\n    uppercase;\n\n  color:\n    var(--primary);\n}\n\n.loctin-eyebrow > span {\n\n  width: 34px;\n  height: 3px;\n\n  flex: 0 0 auto;\n\n  border-radius:\n    999px;\n\n  background:\n    var(--accent);\n}\n\n\n\/* =========================================================\n   TITLE\n========================================================= *\/\n\n.loctin-hero h1 {\n\n  margin: 0;\n\n  font-family:\n    \"Montserrat\",\n    Arial,\n    sans-serif;\n\n  font-size:\n    clamp(52px,6.7vw,91px);\n\n  line-height:\n    .96;\n\n  font-weight:\n    700;\n\n  letter-spacing:\n    -.05em;\n\n  color:\n    var(--text);\n}\n\n.hero-title-project {\n\n  display: block;\n\n  margin-bottom:\n    5px;\n\n  color:\n    var(--primary);\n}\n\n.loctin-hero h1 strong {\n\n  display: block;\n\n  max-width:\n    780px;\n\n  font-weight:\n    700;\n\n  color:\n    var(--text);\n}\n\n\n\/* =========================================================\n   SUBTITLE\n========================================================= *\/\n\n.loctin-hero-subtitle {\n\n  width: 100%;\n\n  max-width:\n    720px;\n\n  margin:\n    29px 0 0;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size:\n    clamp(18px,1.55vw,23px);\n\n  line-height:\n    1.65;\n\n  font-weight:\n    400;\n\n  color:\n    var(--text);\n}\n\n\n\/* =========================================================\n   CTA\n========================================================= *\/\n\n.loctin-hero-actions {\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  margin-top:\n    36px;\n}\n\n.loctin-hero-button {\n\n  min-height:\n    56px;\n\n  padding:\n    0 25px;\n\n  display:\n    inline-flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  gap:\n    13px;\n\n  border:\n    2px solid\n    var(--primary);\n\n  border-radius:\n    7px;\n\n  background:\n    var(--primary);\n\n  box-shadow:\n    0 12px 28px\n    rgba(0,51,153,.13);\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size:\n    16px;\n\n  line-height:\n    1;\n\n  font-weight:\n    700;\n\n  color:\n    #FFFFFF;\n\n  text-decoration:\n    none;\n\n  transition:\n    transform 180ms ease,\n    background-color 180ms ease,\n    border-color 180ms ease,\n    color 180ms ease,\n    box-shadow 180ms ease;\n}\n\n.loctin-hero-button svg {\n\n  width:\n    19px;\n\n  height:\n    19px;\n\n  flex:\n    0 0 auto;\n\n  fill:\n    none;\n\n  stroke:\n    currentColor;\n\n  stroke-width:\n    2;\n\n  stroke-linecap:\n    round;\n\n  stroke-linejoin:\n    round;\n\n  transition:\n    transform 180ms ease;\n}\n\n.loctin-hero-button:hover {\n\n  transform:\n    translateY(-2px);\n\n  background:\n    var(--accent);\n\n  border-color:\n    var(--accent);\n\n  color:\n    var(--text);\n\n  box-shadow:\n    0 15px 32px\n    rgba(107,203,61,.16);\n}\n\n.loctin-hero-button:hover svg {\n\n  transform:\n    translateX(4px);\n}\n\n.loctin-hero-button:focus-visible {\n\n  outline:\n    3px solid\n    var(--secondary);\n\n  outline-offset:\n    5px;\n}\n\n\n\/* =========================================================\n   RIGHT ILLUSTRATION\n========================================================= *\/\n\n.loctin-hero-visual {\n\n  position: relative;\n\n  width: 100%;\n\n  min-width: 0;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  isolation:\n    isolate;\n}\n\n\n\/*\n  Soft radial support behind the artwork.\n  This does NOT interfere with the actual image.\n*\/\n\n.loctin-hero-visual::before {\n\n  content:\n    \"\";\n\n  position:\n    absolute;\n\n  width:\n    82%;\n\n  aspect-ratio:\n    1;\n\n  border-radius:\n    50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(32,184,197,.09) 0%,\n      rgba(32,184,197,.035) 44%,\n      transparent 72%\n    );\n\n  filter:\n    blur(4px);\n\n  z-index:\n    -1;\n}\n\n\n\/* =========================================================\n   IMAGE WRAPPER\n========================================================= *\/\n\n.loctin-hero-image-wrap {\n\n  position:\n    relative;\n\n  width:\n    min(\n      100%,\n      620px\n    );\n\n  aspect-ratio:\n    1 \/ 1;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  overflow:\n    visible;\n\n  animation:\n    loctinHeroFloat\n    8s ease-in-out\n    infinite;\n}\n\n\n\/* =========================================================\n   ACTUAL IMAGE\n========================================================= *\/\n\n.loctin-hero-image {\n\n  display:\n    block;\n\n  width:\n    100%;\n\n  height:\n    100%;\n\n  max-width:\n    100%;\n\n  max-height:\n    100%;\n\n  object-fit:\n    contain;\n\n  object-position:\n    center;\n\n  user-select:\n    none;\n\n  -webkit-user-drag:\n    none;\n\n  filter:\n    drop-shadow(\n      0 25px 35px\n      rgba(27,31,59,.08)\n    );\n\n  transform:\n    translateZ(0);\n\n  will-change:\n    transform;\n\n  transition:\n    transform 500ms cubic-bezier(.2,.8,.2,1);\n}\n\n\n\/* Gentle interactive movement *\/\n\n.loctin-hero-image-wrap:hover\n.loctin-hero-image {\n\n  transform:\n    scale(1.025)\n    translateY(-3px);\n}\n\n\n\/* =========================================================\n   FLOAT\n========================================================= *\/\n\n@keyframes loctinHeroFloat {\n\n  0%,\n  100% {\n\n    transform:\n      translateY(0);\n  }\n\n  50% {\n\n    transform:\n      translateY(-9px);\n  }\n}\n\n\n\/* =========================================================\n   LARGE DESKTOP\n========================================================= *\/\n\n@media (min-width: 1400px) {\n\n  .loctin-hero-wrap {\n\n    grid-template-columns:\n      minmax(0,1.02fr)\n      minmax(540px,.98fr);\n  }\n\n  .loctin-hero-image-wrap {\n\n    width:\n      min(\n        100%,\n        650px\n      );\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1100px) {\n\n  .loctin-hero {\n\n    min-height:\n      auto;\n  }\n\n  .loctin-hero-wrap {\n\n    grid-template-columns:\n      minmax(0,1fr)\n      minmax(360px,.85fr);\n\n    gap:\n      28px;\n\n    padding:\n      105px 35px\n      75px;\n  }\n\n  .loctin-hero h1 {\n\n    font-size:\n      clamp(48px,6vw,72px);\n  }\n\n  .loctin-hero-subtitle {\n\n    font-size:\n      18px;\n  }\n\n  .loctin-hero-image-wrap {\n\n    width:\n      min(\n        100%,\n        500px\n      );\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL TABLET \/ LARGE PHONE\n========================================================= *\/\n\n@media (max-width: 850px) {\n\n  .loctin-hero-wrap {\n\n    grid-template-columns:\n      1fr;\n\n    gap:\n      45px;\n\n    padding:\n      100px 28px\n      75px;\n  }\n\n  .loctin-hero-content {\n\n    max-width:\n      850px;\n  }\n\n  .loctin-hero-visual {\n\n    width:\n      100%;\n  }\n\n  .loctin-hero-image-wrap {\n\n    width:\n      min(\n        76vw,\n        470px\n      );\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .loctin-hero {\n\n    min-height:\n      auto;\n\n    background:\n      radial-gradient(\n        circle at 80% 64%,\n        rgba(32,184,197,.095) 0%,\n        rgba(32,184,197,.035) 24%,\n        transparent 53%\n      ),\n      var(--background);\n  }\n\n  .loctin-hero-wrap {\n\n    width:\n      100%;\n\n    padding:\n      92px 21px\n      64px;\n\n    gap:\n      39px;\n  }\n\n\n  \/* Eyebrow *\/\n\n  .loctin-eyebrow {\n\n    gap:\n      8px;\n\n    margin-bottom:\n      20px;\n\n    font-size:\n      11px;\n\n    letter-spacing:\n      .07em;\n  }\n\n  .loctin-eyebrow > span {\n\n    width:\n      24px;\n\n    height:\n      3px;\n  }\n\n\n  \/* Title *\/\n\n  .loctin-hero h1 {\n\n    font-size:\n      clamp(\n        43px,\n        12.5vw,\n        60px\n      );\n\n    line-height:\n      .98;\n\n    letter-spacing:\n      -.045em;\n  }\n\n  .hero-title-project {\n\n    margin-bottom:\n      4px;\n  }\n\n\n  \/* Subtitle *\/\n\n  .loctin-hero-subtitle {\n\n    max-width:\n      100%;\n\n    margin-top:\n      22px;\n\n    font-size:\n      17px;\n\n    line-height:\n      1.58;\n  }\n\n\n  \/* CTA *\/\n\n  .loctin-hero-actions {\n\n    margin-top:\n      28px;\n\n    width:\n      100%;\n  }\n\n  .loctin-hero-button {\n\n    width:\n      100%;\n\n    min-height:\n      54px;\n\n    padding:\n      0 20px;\n\n    font-size:\n      16px;\n  }\n\n\n  \/* Illustration *\/\n\n  .loctin-hero-visual {\n\n    width:\n      100%;\n\n    margin:\n      0 auto;\n  }\n\n  .loctin-hero-image-wrap {\n\n    width:\n      min(\n        88vw,\n        410px\n      );\n  }\n\n  .loctin-hero-image {\n\n    filter:\n      drop-shadow(\n        0 18px 28px\n        rgba(27,31,59,.07)\n      );\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 480px) {\n\n  .loctin-hero-wrap {\n\n    padding:\n      88px 18px\n      57px;\n\n    gap:\n      34px;\n  }\n\n  .loctin-hero h1 {\n\n    font-size:\n      clamp(\n        41px,\n        12.8vw,\n        55px\n      );\n  }\n\n  .loctin-hero-subtitle {\n\n    font-size:\n      16px;\n\n    line-height:\n      1.58;\n  }\n\n  .loctin-hero-image-wrap {\n\n    width:\n      min(\n        91vw,\n        370px\n      );\n  }\n\n}\n\n\n\/* =========================================================\n   VERY SMALL\n========================================================= *\/\n\n@media (max-width: 360px) {\n\n  .loctin-hero-wrap {\n\n    padding-left:\n      16px;\n\n    padding-right:\n      16px;\n  }\n\n  .loctin-hero h1 {\n\n    font-size:\n      39px;\n  }\n\n  .loctin-hero-image-wrap {\n\n    width:\n      94vw;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .loctin-hero-image-wrap,\n  .loctin-hero-image,\n  .loctin-hero-button,\n  .loctin-hero-button svg {\n\n    animation:\n      none !important;\n\n    transition:\n      none !important;\n  }\n\n  .loctin-hero-image-wrap:hover\n  .loctin-hero-image {\n\n    transform:\n      none;\n  }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e95b3c3 elementor-widget elementor-widget-html\" data-id=\"e95b3c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"loctin-intro\" aria-labelledby=\"loctin-intro-title\">\n\n  <div class=\"loctin-intro-inner\">\n\n    <!-- =====================================================\n         SECTION HEADING\n    ====================================================== -->\n\n    <div class=\"loctin-intro-heading\">\n\n      <span class=\"loctin-section-number\">\n        01\n      <\/span>\n\n      <h2 id=\"loctin-intro-title\">\n        Project Introduction\n      <\/h2>\n\n      <span class=\"loctin-heading-line\"><\/span>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         CONTENT\n    ====================================================== -->\n\n    <div class=\"loctin-intro-content\">\n\n\n      <!-- ===================================================\n           TEXT\n      ==================================================== -->\n\n      <div class=\"loctin-intro-main\">\n\n        <p>\n          LOCT-IN empowers young people aged 18\u201330 to take an active role\n          in local democratic life by observing public services, public\n          spaces and inclusion practices.\n        <\/p>\n\n        <p>\n          Through non-formal education, community engagement and\n          international cooperation, participants turn local observations\n          into practical recommendations for decision-makers.\n        <\/p>\n\n      <\/div>\n\n\n      <!-- ===================================================\n           ILLUSTRATION\n      ==================================================== -->\n\n      <div class=\"loctin-intro-side\">\n\n        <div class=\"loctin-intro-visual\">\n\n          <div class=\"loctin-image-glow\"><\/div>\n\n          <img\n            src=\"https:\/\/loct-in.eu\/wp-content\/uploads\/2026\/09\/2nd-home-.png\"\n            alt=\"\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   LOCT-IN \u2014 HOME \/ SECTION 2\n   PROJECT INTRODUCTION\n========================================================= *\/\n\n.loctin-intro,\n.loctin-intro * {\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   SECTION\n========================================================= *\/\n\n.loctin-intro {\n\n  --primary: #003399;\n  --secondary: #20B8C5;\n  --background: #F3F5F7;\n  --text: #1B1F3B;\n  --accent: #6BCB3D;\n\n  width: 100%;\n  max-width: 100%;\n\n  margin: 0 !important;\n\n  padding:\n    clamp(68px, 6.5vw, 92px)\n    clamp(22px, 5vw, 76px);\n\n  background:\n    #FFFFFF;\n\n  color:\n    var(--text);\n\n  overflow:\n    hidden;\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n.loctin-intro-inner {\n\n  width: 100%;\n  max-width: 1320px;\n\n  margin: 0 auto !important;\n  padding: 0 !important;\n}\n\n\n\/* =========================================================\n   HEADING\n========================================================= *\/\n\n.loctin-intro-heading {\n\n  width: 100%;\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 17px;\n\n  margin:\n    0 0 34px !important;\n\n  padding:\n    0 !important;\n}\n\n.loctin-section-number {\n\n  width: 42px;\n  height: 42px;\n\n  min-width: 42px;\n\n  flex: 0 0 42px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  border-radius: 50%;\n\n  background:\n    var(--primary);\n\n  color:\n    #FFFFFF;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size:\n    13px;\n\n  line-height:\n    1;\n\n  font-weight:\n    700;\n}\n\n.loctin-intro-heading h2 {\n\n  margin:\n    0 !important;\n\n  padding:\n    0 !important;\n\n  font-family:\n    \"Montserrat\",\n    Arial,\n    sans-serif;\n\n  font-size:\n    clamp(34px, 4vw, 54px);\n\n  line-height:\n    1.05;\n\n  font-weight:\n    700;\n\n  letter-spacing:\n    -.04em;\n\n  color:\n    var(--text);\n}\n\n.loctin-heading-line {\n\n  width:\n    68px;\n\n  height:\n    4px;\n\n  flex:\n    0 0 68px;\n\n  margin:\n    0 0 0 3px !important;\n\n  padding:\n    0 !important;\n\n  border-radius:\n    999px;\n\n  background:\n    var(--secondary);\n}\n\n\n\/* =========================================================\n   CONTENT GRID\n========================================================= *\/\n\n.loctin-intro-content {\n\n  width:\n    100%;\n\n  display:\n    grid;\n\n  grid-template-columns:\n    minmax(0, 1.1fr)\n    minmax(360px, .9fr);\n\n  gap:\n    clamp(42px, 6vw, 92px);\n\n  \/*\n    THIS IS IMPORTANT:\n    text + image are centered against each other.\n  *\/\n\n  align-items:\n    center;\n\n  margin:\n    0 !important;\n\n  padding:\n    0 !important;\n}\n\n\n\/* =========================================================\n   TEXT\n========================================================= *\/\n\n.loctin-intro-main {\n\n  width:\n    100%;\n\n  max-width:\n    810px;\n\n  margin:\n    0 !important;\n\n  padding:\n    0 !important;\n\n  align-self:\n    center;\n}\n\n.loctin-intro-main p {\n\n  display:\n    block;\n\n  margin:\n    0 !important;\n\n  padding:\n    0 !important;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size:\n    clamp(18px, 1.42vw, 21px);\n\n  line-height:\n    1.72;\n\n  font-weight:\n    400;\n\n  color:\n    var(--text);\n}\n\n.loctin-intro-main p + p {\n\n  margin-top:\n    21px !important;\n}\n\n\n\/* =========================================================\n   ILLUSTRATION COLUMN\n========================================================= *\/\n\n.loctin-intro-side {\n\n  width:\n    100%;\n\n  min-width:\n    0;\n\n  margin:\n    0 !important;\n\n  padding:\n    0 !important;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  align-self:\n    center;\n}\n\n\n\/* =========================================================\n   ILLUSTRATION\n========================================================= *\/\n\n.loctin-intro-visual {\n\n  position:\n    relative;\n\n  width:\n    min(100%, 500px);\n\n  margin:\n    -18px 0 -4px !important;\n\n  padding:\n    0 !important;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  isolation:\n    isolate;\n}\n\n\n\/* =========================================================\n   GLOW\n========================================================= *\/\n\n.loctin-image-glow {\n\n  position:\n    absolute;\n\n  width:\n    76%;\n\n  aspect-ratio:\n    1;\n\n  top:\n    50%;\n\n  left:\n    50%;\n\n  transform:\n    translate(-50%, -50%);\n\n  border-radius:\n    50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(32,184,197,.09) 0%,\n      rgba(32,184,197,.035) 45%,\n      rgba(107,203,61,.025) 61%,\n      transparent 74%\n    );\n\n  filter:\n    blur(8px);\n\n  pointer-events:\n    none;\n\n  z-index:\n    -1;\n}\n\n\n\/* =========================================================\n   IMAGE\n\n   Natural aspect ratio.\n   No forced square canvas.\n========================================================= *\/\n\n.loctin-intro-visual img {\n\n  display:\n    block;\n\n  width:\n    100%;\n\n  height:\n    auto;\n\n  max-width:\n    100%;\n\n  margin:\n    0 !important;\n\n  padding:\n    0 !important;\n\n  object-fit:\n    contain;\n\n  object-position:\n    center;\n\n  user-select:\n    none;\n\n  -webkit-user-drag:\n    none;\n\n  filter:\n    drop-shadow(\n      0 18px 28px\n      rgba(27,31,59,.065)\n    );\n\n  \/*\n    Corrects the visual center created by the\n    transparent\/white space in the source artwork.\n  *\/\n\n  transform:\n    translateY(-3%);\n\n  transition:\n    transform 400ms cubic-bezier(.2,.8,.2,1),\n    filter 400ms ease;\n}\n\n\n\/* Hover *\/\n\n.loctin-intro-visual:hover img {\n\n  transform:\n    translateY(-4.5%)\n    scale(1.018);\n\n  filter:\n    drop-shadow(\n      0 23px 32px\n      rgba(27,31,59,.085)\n    );\n}\n\n\n\/* =========================================================\n   DESKTOP BALANCE\n========================================================= *\/\n\n@media (min-width: 1200px) {\n\n  .loctin-intro-content {\n\n    grid-template-columns:\n      minmax(0, 1.08fr)\n      minmax(440px, .92fr);\n\n    gap:\n      80px;\n  }\n\n  .loctin-intro-visual {\n\n    width:\n      min(100%, 520px);\n  }\n\n}\n\n\n\/* =========================================================\n   LARGE DESKTOP\n========================================================= *\/\n\n@media (min-width: 1450px) {\n\n  .loctin-intro {\n\n    padding-top:\n      82px;\n\n    padding-bottom:\n      82px;\n  }\n\n  .loctin-intro-content {\n\n    grid-template-columns:\n      minmax(0, 1.1fr)\n      minmax(470px, .9fr);\n\n    gap:\n      85px;\n  }\n\n  .loctin-intro-visual {\n\n    width:\n      min(100%, 545px);\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1000px) {\n\n  .loctin-intro {\n\n    padding:\n      70px 30px;\n  }\n\n  .loctin-intro-content {\n\n    grid-template-columns:\n      1fr;\n\n    gap:\n      28px;\n\n    align-items:\n      center;\n  }\n\n  .loctin-intro-main {\n\n    max-width:\n      900px;\n  }\n\n  .loctin-intro-side {\n\n    width:\n      100%;\n\n    justify-content:\n      center;\n  }\n\n  .loctin-intro-visual {\n\n    width:\n      min(68vw, 470px);\n\n    margin:\n      -4px auto 0 !important;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .loctin-intro {\n\n    padding:\n      62px 21px\n      64px;\n  }\n\n\n  \/* Heading *\/\n\n  .loctin-intro-heading {\n\n    flex-wrap:\n      wrap;\n\n    gap:\n      12px;\n\n    margin-bottom:\n      29px !important;\n  }\n\n  .loctin-section-number {\n\n    width:\n      40px;\n\n    height:\n      40px;\n\n    min-width:\n      40px;\n\n    flex-basis:\n      40px;\n  }\n\n  .loctin-intro-heading h2 {\n\n    font-size:\n      35px;\n  }\n\n  .loctin-heading-line {\n\n    flex-basis:\n      100%;\n\n    width:\n      48px;\n\n    flex:\n      0 0 48px;\n\n    height:\n      3px;\n\n    margin:\n      1px 0 0 52px !important;\n  }\n\n\n  \/* Content *\/\n\n  .loctin-intro-content {\n\n    grid-template-columns:\n      1fr;\n\n    gap:\n      27px;\n  }\n\n\n  \/* Text *\/\n\n  .loctin-intro-main p {\n\n    font-size:\n      17px;\n\n    line-height:\n      1.63;\n  }\n\n  .loctin-intro-main p + p {\n\n    margin-top:\n      18px !important;\n  }\n\n\n  \/* Image *\/\n\n  .loctin-intro-side {\n\n    width:\n      100%;\n  }\n\n  .loctin-intro-visual {\n\n    width:\n      min(92vw, 400px);\n\n    margin:\n      -3px auto 0 !important;\n  }\n\n  .loctin-intro-visual img {\n\n    transform:\n      translateY(-2%);\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 420px) {\n\n  .loctin-intro {\n\n    padding:\n      57px 18px\n      59px;\n  }\n\n  .loctin-intro-heading h2 {\n\n    font-size:\n      32px;\n  }\n\n  .loctin-intro-main p {\n\n    font-size:\n      16px;\n\n    line-height:\n      1.62;\n  }\n\n  .loctin-intro-visual {\n\n    width:\n      95vw;\n  }\n\n}\n\n\n\/* =========================================================\n   ELEMENTOR OVERRIDES\n   Prevent inherited widget margins from recreating gaps.\n========================================================= *\/\n\n.loctin-intro .loctin-intro-inner,\n.loctin-intro .loctin-intro-heading,\n.loctin-intro .loctin-intro-heading h2,\n.loctin-intro .loctin-intro-content,\n.loctin-intro .loctin-intro-main,\n.loctin-intro .loctin-intro-main p,\n.loctin-intro .loctin-intro-side,\n.loctin-intro .loctin-intro-visual,\n.loctin-intro .loctin-intro-visual img {\n\n  margin-block-start:\n    0;\n\n  margin-block-end:\n    0;\n}\n\n\n\/*\n   Restore only the intentional spacing.\n*\/\n\n.loctin-intro .loctin-intro-heading {\n\n  margin-bottom:\n    34px !important;\n}\n\n.loctin-intro .loctin-intro-main p + p {\n\n  margin-top:\n    21px !important;\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .loctin-intro-visual,\n  .loctin-intro-visual img {\n\n    animation:\n      none !important;\n\n    transition:\n      none !important;\n  }\n\n  .loctin-intro-visual img,\n  .loctin-intro-visual:hover img {\n\n    transform:\n      none !important;\n  }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-48bb8c9 elementor-widget elementor-widget-html\" data-id=\"48bb8c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"loctin-why\" aria-labelledby=\"loctin-why-title\">\n\n  <div class=\"loctin-why-inner\">\n\n    <div class=\"loctin-why-top\">\n      <span class=\"loctin-section-number\">02<\/span>\n\n      <div>\n        <p class=\"loctin-kicker\">Why LOCT-IN?<\/p>\n        <h2 id=\"loctin-why-title\">\n          Turning youth participation into\n          <span>constructive local action.<\/span>\n        <\/h2>\n      <\/div>\n    <\/div>\n\n    <div class=\"loctin-why-grid\">\n\n      <!-- Problem -->\n      <article class=\"loctin-why-card loctin-problem\">\n\n        <div class=\"loctin-icon\" aria-hidden=\"true\">\n          <svg viewbox=\"0 0 24 24\">\n            <path d=\"M12 3v18M3 12h18\"\/>\n          <\/svg>\n        <\/div>\n\n        <span class=\"loctin-card-index\">01<\/span>\n\n        <h3>The Challenge<\/h3>\n\n        <p>\n          Across Europe, young people often have limited opportunities to\n          influence local decision-making despite being directly affected by\n          public policies and community services.\n        <\/p>\n\n        <p>\n          At the same time, municipalities need more effective ways to involve\n          young citizens in identifying local needs and proposing practical solutions.\n        <\/p>\n\n      <\/article>\n\n      <!-- Solution -->\n      <article class=\"loctin-why-card loctin-solution\">\n\n        <div class=\"loctin-icon\" aria-hidden=\"true\">\n          <svg viewbox=\"0 0 24 24\">\n            <circle cx=\"12\" cy=\"12\" r=\"8\"\/>\n            <path d=\"M12 8v8M8 12h8\"\/>\n          <\/svg>\n        <\/div>\n\n        <span class=\"loctin-card-index\">02<\/span>\n\n        <h3>The LOCT-IN Approach<\/h3>\n\n        <p>\n          LOCT-IN addresses these challenges by introducing the concept of\n          <strong>Local Policy Auditors<\/strong>.\n        <\/p>\n\n        <p>\n          Young people are empowered to analyse their communities, identify\n          barriers to inclusion and accessibility, and engage in constructive\n          dialogue with public authorities.\n        <\/p>\n\n      <\/article>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n\/* =========================================================\n   LOCT-IN \u2014 HOME \/ SECTION 3\n   WHY LOCT-IN?\n========================================================= *\/\n\n.loctin-why,\n.loctin-why * {\n  box-sizing: border-box;\n}\n\n.loctin-why {\n  --primary: #003399;\n  --secondary: #20B8C5;\n  --background: #F3F5F7;\n  --text: #1B1F3B;\n  --accent: #6BCB3D;\n\n  width: 100vw;\n  max-width: none;\n\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n\n  padding: clamp(90px, 9vw, 140px) 24px;\n\n  background: var(--background);\n  color: var(--text);\n\n  overflow: hidden;\n}\n\n.loctin-why-inner {\n  width: 100%;\n  max-width: 1280px;\n  margin: 0 auto;\n}\n\n\/* =========================================================\n   HEADING\n========================================================= *\/\n\n.loctin-why-top {\n  display: flex;\n  align-items: flex-start;\n  gap: 20px;\n\n  margin-bottom: 60px;\n}\n\n.loctin-section-number {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  flex: 0 0 auto;\n\n  width: 42px;\n  height: 42px;\n\n  border-radius: 50%;\n\n  background: var(--primary);\n  color: #FFFFFF;\n\n  font-family: Arial, sans-serif;\n  font-size: 13px;\n  font-weight: 700;\n}\n\n.loctin-kicker {\n  margin: 0 0 13px;\n\n  font-family: Arial, sans-serif;\n  font-size: 14px;\n  font-weight: 700;\n\n  text-transform: uppercase;\n  letter-spacing: 0.1em;\n\n  color: var(--secondary);\n}\n\n.loctin-why h2 {\n  max-width: 820px;\n\n  margin: 0;\n\n  font-family: \"Montserrat\", Arial, sans-serif;\n  font-size: clamp(35px, 4.6vw, 62px);\n  line-height: 1.08;\n\n  font-weight: 700;\n  letter-spacing: -0.04em;\n\n  color: var(--text);\n}\n\n.loctin-why h2 span {\n  color: var(--primary);\n}\n\n\/* =========================================================\n   CARDS\n========================================================= *\/\n\n.loctin-why-grid {\n  display: grid;\n\n  grid-template-columns:\n    repeat(2, minmax(0, 1fr));\n\n  gap: clamp(22px, 3vw, 34px);\n}\n\n.loctin-why-card {\n  position: relative;\n\n  min-height: 390px;\n\n  padding: clamp(32px, 4vw, 52px);\n\n  overflow: hidden;\n\n  border-radius: 18px;\n\n  border: 1px solid rgba(27, 31, 59, 0.07);\n\n  background: #FFFFFF;\n\n  box-shadow:\n    0 18px 55px rgba(27, 31, 59, 0.07);\n}\n\n\/* subtle background detail *\/\n.loctin-why-card::after {\n  content: \"\";\n\n  position: absolute;\n\n  width: 180px;\n  height: 180px;\n\n  right: -85px;\n  bottom: -95px;\n\n  border-radius: 50%;\n\n  border: 1px solid rgba(0, 51, 153, 0.09);\n}\n\n.loctin-problem::after {\n  border-color: rgba(32, 184, 197, 0.16);\n}\n\n.loctin-solution::after {\n  border-color: rgba(107, 203, 61, 0.25);\n}\n\n.loctin-icon {\n  width: 50px;\n  height: 50px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  margin-bottom: 38px;\n\n  border-radius: 12px;\n\n  background: var(--background);\n}\n\n.loctin-icon svg {\n  width: 23px;\n  height: 23px;\n\n  fill: none;\n  stroke: var(--primary);\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.loctin-solution .loctin-icon {\n  background: rgba(107, 203, 61, 0.10);\n}\n\n.loctin-solution .loctin-icon svg {\n  stroke: var(--accent);\n}\n\n.loctin-card-index {\n  position: absolute;\n\n  top: 34px;\n  right: 36px;\n\n  font-family: \"Montserrat\", Arial, sans-serif;\n  font-size: 13px;\n  font-weight: 700;\n\n  color: rgba(27, 31, 59, 0.28);\n}\n\n.loctin-why-card h3 {\n  margin: 0 0 20px;\n\n  font-family: \"Montserrat\", Arial, sans-serif;\n  font-size: clamp(25px, 2.5vw, 34px);\n  line-height: 1.15;\n\n  font-weight: 700;\n\n  letter-spacing: -0.03em;\n\n  color: var(--primary);\n}\n\n.loctin-why-card p {\n  position: relative;\n  z-index: 2;\n\n  max-width: 620px;\n\n  margin: 0;\n\n  font-family: Arial, sans-serif;\n  font-size: 18px;\n  line-height: 1.7;\n\n  color: var(--text);\n}\n\n.loctin-why-card p + p {\n  margin-top: 20px;\n}\n\n.loctin-why-card strong {\n  color: var(--primary);\n}\n\n\/* =========================================================\n   DESKTOP VISUAL DIFFERENTIATION\n========================================================= *\/\n\n.loctin-problem {\n  border-top: 4px solid var(--secondary);\n}\n\n.loctin-solution {\n  border-top: 4px solid var(--accent);\n}\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 850px) {\n\n  .loctin-why-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .loctin-why-card {\n    min-height: auto;\n  }\n}\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .loctin-why {\n    padding:\n      72px 22px\n      82px;\n  }\n\n  .loctin-why-top {\n    gap: 15px;\n    margin-bottom: 40px;\n  }\n\n  .loctin-why h2 {\n    font-size: 36px;\n  }\n\n  .loctin-kicker {\n    font-size: 11px;\n  }\n\n  .loctin-why-card {\n    padding: 30px 26px;\n    border-radius: 14px;\n  }\n\n  .loctin-card-index {\n    top: 27px;\n    right: 26px;\n  }\n\n  .loctin-why-card p {\n    font-size: 17px;\n    line-height: 1.65;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-71a2b65 elementor-widget elementor-widget-html\" data-id=\"71a2b65\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"loctin-highlights\" aria-labelledby=\"loctin-highlights-title\">\n\n  <div class=\"loctin-highlights-inner\">\n\n    <div class=\"loctin-highlights-header\">\n      <div class=\"loctin-highlights-title-wrap\">\n        <span class=\"loctin-section-number\">03<\/span>\n\n        <div>\n          <p class=\"loctin-kicker\">At a glance<\/p>\n\n          <h2 id=\"loctin-highlights-title\">\n            Project Highlights\n          <\/h2>\n        <\/div>\n      <\/div>\n\n      <div class=\"loctin-header-line\"><\/div>\n    <\/div>\n\n\n    <div class=\"loctin-highlights-grid\">\n\n      <!-- 01 -->\n      <article class=\"loctin-highlight-card highlight-wide\">\n        <span class=\"loctin-highlight-number\">01<\/span>\n\n        <div class=\"loctin-highlight-content\">\n          <span class=\"loctin-highlight-label\">\n            Programme\n          <\/span>\n\n          <h3>\n            Erasmus+ Youth Participation Activities\n          <\/h3>\n\n          <p>\n            KA154-YOU\n          <\/p>\n        <\/div>\n      <\/article>\n\n\n      <!-- 02 -->\n      <article class=\"loctin-highlight-card\">\n        <span class=\"loctin-highlight-number\">02<\/span>\n\n        <div class=\"loctin-highlight-content\">\n          <strong class=\"loctin-stat\">\n            4\n          <\/strong>\n\n          <span class=\"loctin-highlight-label\">\n            Partner Countries\n          <\/span>\n\n          <p>\n            Italy \u2022 Greece \u2022 Bulgaria \u2022 Croatia\n          <\/p>\n        <\/div>\n      <\/article>\n\n\n      <!-- 03 -->\n      <article class=\"loctin-highlight-card\">\n        <span class=\"loctin-highlight-number\">03<\/span>\n\n        <div class=\"loctin-highlight-content\">\n          <strong class=\"loctin-stat\">\n            4\n          <\/strong>\n\n          <span class=\"loctin-highlight-label\">\n            Youth Participation Events\n          <\/span>\n        <\/div>\n      <\/article>\n\n\n      <!-- 04 -->\n      <article class=\"loctin-highlight-card\">\n        <span class=\"loctin-highlight-number\">04<\/span>\n\n        <div class=\"loctin-highlight-content\">\n          <strong class=\"loctin-stat\">\n            2\n          <\/strong>\n\n          <span class=\"loctin-highlight-label\">\n            Transnational Mobilities\n          <\/span>\n        <\/div>\n      <\/article>\n\n\n      <!-- 05 -->\n      <article class=\"loctin-highlight-card highlight-accent\">\n        <span class=\"loctin-highlight-number\">05<\/span>\n\n        <div class=\"loctin-highlight-content\">\n          <strong class=\"loctin-stat\">\n            180\n          <\/strong>\n\n          <span class=\"loctin-highlight-label\">\n            Young Participants\n          <\/span>\n        <\/div>\n      <\/article>\n\n\n      <!-- 06 -->\n      <article class=\"loctin-highlight-card\">\n        <span class=\"loctin-highlight-number\">06<\/span>\n\n        <div class=\"loctin-highlight-content\">\n          <span class=\"loctin-highlight-label\">\n            Project Output\n          <\/span>\n\n          <h3>\n            Observation Toolkit\n          <\/h3>\n        <\/div>\n      <\/article>\n\n\n      <!-- 07 -->\n      <article class=\"loctin-highlight-card\">\n        <span class=\"loctin-highlight-number\">07<\/span>\n\n        <div class=\"loctin-highlight-content\">\n          <strong class=\"loctin-stat\">\n            4\n          <\/strong>\n\n          <span class=\"loctin-highlight-label\">\n            National Observation Reports\n          <\/span>\n        <\/div>\n      <\/article>\n\n\n      <!-- 08 -->\n      <article class=\"loctin-highlight-card highlight-statement\">\n        <span class=\"loctin-highlight-number\">08<\/span>\n\n        <div class=\"loctin-highlight-content\">\n          <span class=\"loctin-highlight-label\">\n            Project Output\n          <\/span>\n\n          <h3>\n            European Youth Policy Statement\n          <\/h3>\n        <\/div>\n      <\/article>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\/* =========================================================\n   LOCT-IN \u2014 HOME \/ SECTION 4\n   PROJECT HIGHLIGHTS\n\n   Exact project colours:\n   #003399\n   #20B8C5\n   #F3F5F7\n   #1B1F3B\n   #6BCB3D\n\n   Typography:\n   Headings = Montserrat\n   Body = Arial\n========================================================= *\/\n\n.loctin-highlights,\n.loctin-highlights * {\n  box-sizing: border-box;\n}\n\n.loctin-highlights {\n  --primary: #003399;\n  --secondary: #20B8C5;\n  --background: #F3F5F7;\n  --text: #1B1F3B;\n  --accent: #6BCB3D;\n\n  width: 100vw;\n  max-width: none;\n\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n\n  padding: clamp(90px, 9vw, 140px) 24px;\n\n  background: #FFFFFF;\n  color: var(--text);\n\n  overflow: hidden;\n}\n\n.loctin-highlights-inner {\n  width: 100%;\n  max-width: 1280px;\n  margin: 0 auto;\n}\n\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n.loctin-highlights-header {\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n\n  gap: 40px;\n  margin-bottom: 58px;\n}\n\n.loctin-highlights-title-wrap {\n  display: flex;\n  align-items: center;\n  gap: 18px;\n}\n\n.loctin-section-number {\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: center;\n\n  width: 42px;\n  height: 42px;\n\n  flex: 0 0 auto;\n\n  border-radius: 50%;\n\n  background: var(--primary);\n  color: #FFFFFF;\n\n  font-family: Arial, sans-serif;\n  font-size: 13px;\n  font-weight: 700;\n}\n\n.loctin-kicker {\n  margin: 0 0 10px;\n\n  font-family: Arial, sans-serif;\n  font-size: 13px;\n  font-weight: 700;\n\n  text-transform: uppercase;\n  letter-spacing: 0.11em;\n\n  color: var(--secondary);\n}\n\n.loctin-highlights h2 {\n  margin: 0;\n\n  font-family: \"Montserrat\", Arial, sans-serif;\n  font-size: clamp(36px, 4.5vw, 58px);\n  line-height: 1.05;\n\n  font-weight: 700;\n  letter-spacing: -0.04em;\n\n  color: var(--text);\n}\n\n.loctin-header-line {\n  width: 110px;\n  height: 4px;\n\n  flex: 0 0 auto;\n\n  margin-bottom: 7px;\n\n  border-radius: 999px;\n\n  background: var(--accent);\n}\n\n\n\/* =========================================================\n   GRID\n========================================================= *\/\n\n.loctin-highlights-grid {\n  display: grid;\n\n  grid-template-columns:\n    repeat(4, minmax(0, 1fr));\n\n  gap: 18px;\n}\n\n\n\/* =========================================================\n   CARDS\n========================================================= *\/\n\n.loctin-highlight-card {\n  position: relative;\n\n  min-height: 225px;\n\n  padding: 30px;\n\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n\n  overflow: hidden;\n\n  border: 1px solid rgba(27, 31, 59, 0.08);\n  border-radius: 16px;\n\n  background: #FFFFFF;\n\n  box-shadow:\n    0 15px 45px rgba(27, 31, 59, 0.055);\n\n  transition:\n    transform 180ms ease,\n    box-shadow 180ms ease,\n    border-color 180ms ease;\n}\n\n.loctin-highlight-card:hover {\n  transform: translateY(-5px);\n\n  border-color: rgba(0, 51, 153, 0.16);\n\n  box-shadow:\n    0 22px 52px rgba(27, 31, 59, 0.09);\n}\n\n.loctin-highlight-number {\n  position: absolute;\n\n  top: 23px;\n  right: 27px;\n\n  font-family: \"Montserrat\", Arial, sans-serif;\n  font-size: 12px;\n  font-weight: 700;\n\n  color: rgba(27, 31, 59, 0.25);\n}\n\n.loctin-highlight-content {\n  position: relative;\n  z-index: 2;\n}\n\n.loctin-highlight-label {\n  display: block;\n\n  margin-bottom: 10px;\n\n  font-family: Arial, sans-serif;\n  font-size: 12px;\n  line-height: 1.35;\n  font-weight: 700;\n\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n\n  color: var(--secondary);\n}\n\n.loctin-highlight-card h3 {\n  margin: 0;\n\n  font-family: \"Montserrat\", Arial, sans-serif;\n  font-size: clamp(21px, 2vw, 29px);\n  line-height: 1.15;\n\n  font-weight: 700;\n  letter-spacing: -0.025em;\n\n  color: var(--primary);\n}\n\n.loctin-highlight-card p {\n  margin: 11px 0 0;\n\n  font-family: Arial, sans-serif;\n  font-size: 16px;\n  line-height: 1.5;\n\n  color: var(--text);\n}\n\n.loctin-stat {\n  display: block;\n\n  margin-bottom: 5px;\n\n  font-family: \"Montserrat\", Arial, sans-serif;\n  font-size: clamp(48px, 5vw, 72px);\n  line-height: 0.9;\n\n  font-weight: 700;\n  letter-spacing: -0.05em;\n\n  color: var(--primary);\n}\n\n\n\/* =========================================================\n   SPECIAL CARDS\n========================================================= *\/\n\n.highlight-wide {\n  grid-column: span 2;\n\n  background: var(--primary);\n  border-color: var(--primary);\n}\n\n.highlight-wide .loctin-highlight-label,\n.highlight-wide h3,\n.highlight-wide p {\n  color: #FFFFFF;\n}\n\n.highlight-wide .loctin-highlight-label {\n  color: var(--secondary);\n}\n\n.highlight-wide .loctin-highlight-number {\n  color: rgba(255,255,255,0.35);\n}\n\n.highlight-accent {\n  background: var(--background);\n  border-top: 4px solid var(--accent);\n}\n\n.highlight-statement {\n  grid-column: span 2;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(32,184,197,0.09),\n      rgba(107,203,61,0.08)\n    );\n\n  border-top: 4px solid var(--secondary);\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1050px) {\n\n  .loctin-highlights-grid {\n    grid-template-columns:\n      repeat(2, minmax(0, 1fr));\n  }\n\n  .highlight-wide,\n  .highlight-statement {\n    grid-column: span 2;\n  }\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 650px) {\n\n  .loctin-highlights {\n    padding:\n      72px 22px\n      82px;\n  }\n\n  .loctin-highlights-header {\n    align-items: flex-start;\n    margin-bottom: 40px;\n  }\n\n  .loctin-highlights-title-wrap {\n    align-items: flex-start;\n    gap: 14px;\n  }\n\n  .loctin-highlights h2 {\n    font-size: 36px;\n  }\n\n  .loctin-kicker {\n    font-size: 11px;\n  }\n\n  .loctin-header-line {\n    display: none;\n  }\n\n  .loctin-highlights-grid {\n    grid-template-columns: 1fr;\n\n    gap: 14px;\n  }\n\n  .loctin-highlight-card,\n  .highlight-wide,\n  .highlight-statement {\n    grid-column: span 1;\n\n    min-height: 205px;\n\n    padding: 27px;\n  }\n\n  .loctin-stat {\n    font-size: 56px;\n  }\n\n  .loctin-highlight-card h3 {\n    font-size: 24px;\n  }\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .loctin-highlight-card {\n    transition: none;\n  }\n\n  .loctin-highlight-card:hover {\n    transform: none;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8ecfcf5 elementor-widget elementor-widget-html\" data-id=\"8ecfcf5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"loctin-news-cta\" aria-labelledby=\"loctin-news-title\">\n\n  <div class=\"loctin-news-cta-inner\">\n\n    <!-- LEFT -->\n    <div class=\"loctin-news\">\n\n      <div class=\"loctin-news-heading\">\n        <span class=\"loctin-section-number\">04<\/span>\n\n        <div>\n          <p class=\"loctin-kicker\">Stay informed<\/p>\n\n          <h2 id=\"loctin-news-title\">\n            Latest News\n          <\/h2>\n        <\/div>\n      <\/div>\n\n      <p class=\"loctin-news-intro\">\n        The latest project news, upcoming events, dissemination activities\n        and project achievements will be regularly published on this page\n        to keep visitors informed about the project's progress.\n      <\/p>\n\n      <div class=\"loctin-news-items\">\n\n        <article class=\"loctin-news-item\">\n          <div class=\"loctin-news-dot\"><\/div>\n\n          <div>\n            <span>Project Updates<\/span>\n            <h3>Follow the development of LOCT-IN<\/h3>\n          <\/div>\n        <\/article>\n\n        <article class=\"loctin-news-item\">\n          <div class=\"loctin-news-dot\"><\/div>\n\n          <div>\n            <span>Events & Activities<\/span>\n            <h3>Discover upcoming project activities<\/h3>\n          <\/div>\n        <\/article>\n\n        <article class=\"loctin-news-item\">\n          <div class=\"loctin-news-dot\"><\/div>\n\n          <div>\n            <span>Project Outputs<\/span>\n            <h3>Explore new results as they become available<\/h3>\n          <\/div>\n        <\/article>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- RIGHT CTA -->\n    <div class=\"loctin-final-cta\">\n\n      <div class=\"loctin-final-cta-pattern\"><\/div>\n\n      <div class=\"loctin-final-cta-content\">\n\n        <p class=\"loctin-cta-label\">\n          LOCT-IN\n        <\/p>\n\n        <h2>\n          Explore the project,\n          discover upcoming activities\n          and follow its development\n          across Europe.\n        <\/h2>\n\n        <a href=\"\/bg\/about-the-project\/\" class=\"loctin-cta-button\">\n          <span>Explore the Project<\/span>\n\n          <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M5 12h13M13 6l6 6-6 6\"\/>\n          <\/svg>\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\/* =========================================================\n   LOCT-IN \u2014 HOME \/ SECTION 5\n   LATEST NEWS + CTA\n\n   Exact project palette:\n   #003399\n   #20B8C5\n   #F3F5F7\n   #1B1F3B\n   #6BCB3D\n\n   Headings: Montserrat\n   Body: Arial\n========================================================= *\/\n\n.loctin-news-cta,\n.loctin-news-cta * {\n  box-sizing: border-box;\n}\n\n.loctin-news-cta {\n  --primary: #003399;\n  --secondary: #20B8C5;\n  --background: #F3F5F7;\n  --text: #1B1F3B;\n  --accent: #6BCB3D;\n\n  width: 100vw;\n  max-width: none;\n\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n\n  padding: clamp(90px, 9vw, 140px) 24px;\n\n  background: var(--background);\n\n  color: var(--text);\n\n  overflow: hidden;\n}\n\n.loctin-news-cta-inner {\n  width: 100%;\n  max-width: 1280px;\n\n  margin: 0 auto;\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 1fr)\n    minmax(380px, 0.8fr);\n\n  gap: clamp(45px, 7vw, 100px);\n\n  align-items: stretch;\n}\n\n\n\/* =========================================================\n   NEWS\n========================================================= *\/\n\n.loctin-news {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n.loctin-news-heading {\n  display: flex;\n  align-items: center;\n\n  gap: 18px;\n  margin-bottom: 35px;\n}\n\n.loctin-section-number {\n  width: 42px;\n  height: 42px;\n\n  flex: 0 0 auto;\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 50%;\n\n  background: var(--primary);\n\n  color: #FFFFFF;\n\n  font-family: Arial, sans-serif;\n  font-size: 13px;\n  font-weight: 700;\n}\n\n.loctin-kicker {\n  margin: 0 0 10px;\n\n  font-family: Arial, sans-serif;\n  font-size: 13px;\n  font-weight: 700;\n\n  text-transform: uppercase;\n  letter-spacing: 0.11em;\n\n  color: var(--secondary);\n}\n\n.loctin-news h2 {\n  margin: 0;\n\n  font-family: \"Montserrat\", Arial, sans-serif;\n\n  font-size: clamp(36px, 4.5vw, 58px);\n  line-height: 1.05;\n\n  font-weight: 700;\n  letter-spacing: -0.04em;\n\n  color: var(--text);\n}\n\n.loctin-news-intro {\n  max-width: 720px;\n\n  margin: 0 0 42px;\n\n  font-family: Arial, sans-serif;\n\n  font-size: 18px;\n  line-height: 1.72;\n\n  color: var(--text);\n}\n\n\n\/* =========================================================\n   NEWS ITEMS\n========================================================= *\/\n\n.loctin-news-items {\n  display: flex;\n  flex-direction: column;\n}\n\n.loctin-news-item {\n  display: flex;\n  align-items: flex-start;\n\n  gap: 17px;\n\n  padding: 20px 0;\n\n  border-top: 1px solid rgba(27, 31, 59, 0.10);\n}\n\n.loctin-news-item:last-child {\n  border-bottom: 1px solid rgba(27, 31, 59, 0.10);\n}\n\n.loctin-news-dot {\n  width: 9px;\n  height: 9px;\n\n  flex: 0 0 auto;\n\n  margin-top: 8px;\n\n  border-radius: 50%;\n\n  background: var(--accent);\n}\n\n.loctin-news-item span {\n  display: block;\n\n  margin-bottom: 6px;\n\n  font-family: Arial, sans-serif;\n\n  font-size: 11px;\n  line-height: 1.2;\n\n  font-weight: 700;\n\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n\n  color: var(--secondary);\n}\n\n.loctin-news-item h3 {\n  margin: 0;\n\n  font-family: \"Montserrat\", Arial, sans-serif;\n\n  font-size: 20px;\n  line-height: 1.3;\n\n  font-weight: 700;\n\n  letter-spacing: -0.02em;\n\n  color: var(--primary);\n}\n\n\n\/* =========================================================\n   FINAL CTA\n========================================================= *\/\n\n.loctin-final-cta {\n  position: relative;\n\n  min-height: 520px;\n\n  display: flex;\n  align-items: center;\n\n  padding: clamp(38px, 5vw, 65px);\n\n  overflow: hidden;\n\n  border-radius: 22px;\n\n  background: var(--primary);\n\n  box-shadow:\n    0 30px 70px rgba(0, 51, 153, 0.15);\n}\n\n.loctin-final-cta-pattern {\n  position: absolute;\n  inset: 0;\n\n  pointer-events: none;\n\n  opacity: 0.22;\n\n  background-image:\n    radial-gradient(\n      circle at 80% 15%,\n      rgba(32, 184, 197, 0.65) 0,\n      rgba(32, 184, 197, 0.15) 22%,\n      transparent 42%\n    ),\n    radial-gradient(\n      circle at 15% 90%,\n      rgba(107, 203, 61, 0.45) 0,\n      rgba(107, 203, 61, 0.10) 20%,\n      transparent 40%\n    );\n}\n\n.loctin-final-cta-pattern::before,\n.loctin-final-cta-pattern::after {\n  content: \"\";\n\n  position: absolute;\n\n  border-radius: 50%;\n\n  border: 1px solid rgba(255,255,255,0.18);\n}\n\n.loctin-final-cta-pattern::before {\n  width: 420px;\n  height: 420px;\n\n  right: -220px;\n  top: -180px;\n}\n\n.loctin-final-cta-pattern::after {\n  width: 270px;\n  height: 270px;\n\n  left: -155px;\n  bottom: -155px;\n}\n\n.loctin-final-cta-content {\n  position: relative;\n  z-index: 2;\n\n  max-width: 510px;\n}\n\n.loctin-cta-label {\n  margin: 0 0 20px;\n\n  font-family: Arial, sans-serif;\n\n  font-size: 12px;\n  line-height: 1;\n\n  font-weight: 700;\n\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n\n  color: var(--secondary);\n}\n\n.loctin-final-cta h2 {\n  margin: 0;\n\n  font-family: \"Montserrat\", Arial, sans-serif;\n\n  font-size: clamp(31px, 3.7vw, 49px);\n  line-height: 1.12;\n\n  font-weight: 700;\n  letter-spacing: -0.035em;\n\n  color: #FFFFFF;\n}\n\n.loctin-cta-button {\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: center;\n\n  gap: 13px;\n\n  min-height: 54px;\n\n  margin-top: 35px;\n\n  padding: 0 23px;\n\n  font-family: Arial, sans-serif;\n\n  font-size: 15px;\n  font-weight: 700;\n\n  line-height: 1;\n\n  text-decoration: none;\n\n  color: var(--text);\n\n  background: var(--accent);\n\n  border: 2px solid var(--accent);\n\n  border-radius: 5px;\n\n  transition:\n    transform 180ms ease,\n    background-color 180ms ease,\n    color 180ms ease;\n}\n\n.loctin-cta-button svg {\n  width: 18px;\n  height: 18px;\n\n  fill: none;\n\n  stroke: currentColor;\n\n  stroke-width: 2;\n\n  transition: transform 180ms ease;\n}\n\n.loctin-cta-button:hover {\n  transform: translateY(-2px);\n\n  background: #FFFFFF;\n  border-color: #FFFFFF;\n\n  color: var(--primary);\n}\n\n.loctin-cta-button:hover svg {\n  transform: translateX(4px);\n}\n\n.loctin-cta-button:focus-visible {\n  outline: 3px solid var(--secondary);\n  outline-offset: 5px;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 950px) {\n\n  .loctin-news-cta-inner {\n    grid-template-columns: 1fr;\n  }\n\n  .loctin-final-cta {\n    min-height: 420px;\n  }\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .loctin-news-cta {\n    padding:\n      72px 22px\n      82px;\n  }\n\n  .loctin-news-heading {\n    margin-bottom: 28px;\n  }\n\n  .loctin-news h2 {\n    font-size: 36px;\n  }\n\n  .loctin-news-intro {\n    font-size: 17px;\n    line-height: 1.65;\n\n    margin-bottom: 30px;\n  }\n\n  .loctin-news-item h3 {\n    font-size: 18px;\n  }\n\n  .loctin-final-cta {\n    min-height: 390px;\n\n    padding: 34px 28px;\n\n    border-radius: 16px;\n  }\n\n  .loctin-final-cta h2 {\n    font-size: 31px;\n  }\n\n  .loctin-cta-button {\n    width: 100%;\n  }\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .loctin-cta-button,\n  .loctin-cta-button svg {\n    transition: none;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Erasmus+ Youth Participation Activities LOCT-IN Youth as Local Policy Auditors Empowering young people to observe, analyse and improve local governance through structured democratic participation. Discover the Project 01 Project Introduction LOCT-IN empowers young people aged 18\u201330 to take an active role in local democratic life by observing public services, public spaces and inclusion practices. Through [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_eb_attr":"","_templately_pack_id":"","_templately_imported_at":"","_templately_source":"","_templately_import_session_id":"","footnotes":""},"class_list":["post-2030","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/loct-in.eu\/bg\/wp-json\/wp\/v2\/pages\/2030","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/loct-in.eu\/bg\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/loct-in.eu\/bg\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/loct-in.eu\/bg\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/loct-in.eu\/bg\/wp-json\/wp\/v2\/comments?post=2030"}],"version-history":[{"count":16,"href":"https:\/\/loct-in.eu\/bg\/wp-json\/wp\/v2\/pages\/2030\/revisions"}],"predecessor-version":[{"id":2174,"href":"https:\/\/loct-in.eu\/bg\/wp-json\/wp\/v2\/pages\/2030\/revisions\/2174"}],"wp:attachment":[{"href":"https:\/\/loct-in.eu\/bg\/wp-json\/wp\/v2\/media?parent=2030"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}