{"id":2,"date":"2026-05-18T09:58:05","date_gmt":"2026-05-18T09:58:05","guid":{"rendered":"https:\/\/ingage-horizon.eu\/?page_id=2"},"modified":"2026-06-04T11:19:20","modified_gmt":"2026-06-04T11:19:20","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/ingage-horizon.eu\/","title":{"rendered":"Sample Page"},"content":{"rendered":"\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/blockquote>\n\n\n<style data-vhb-css=\"7\">\/* =============================================================\n   InGaGe \u2014 Editorial \/ Scientific-Spec-Sheet aesthetic\n   Light cream background, copper accent, generous space,\n   hairline rules, monospace metadata.\n   ============================================================= *\/\n:root{\n  \/* Surfaces *\/\n  --paper:        #FFFFFF;   \/* clean white base *\/\n  --paper-soft:   #e9f2f6;   \/* very pale blue wash (secondary) *\/\n  --paper-deep:   #C8DCEE;   \/* pale blue (secondary) *\/\n  --ink:          #32445e;   \/* dark navy \u2014 primary deepest *\/\n  --ink-2:        #4A4F55;   \/* secondary text (dark grey from palette) *\/\n  --ink-3:        #6E7785;   \/* muted *\/\n  --line:         #C8DCEE;   \/* hairline rule \u2014 pale blue *\/\n  --line-soft:    #e9f2f6;\n\n  \/* Brand *\/\n  --copper:       #35778a;   \/* primary accent \u2014 petrol\/teal *\/\n  --copper-deep:  #32445e;   \/* hover \/ strong \u2014 dark navy *\/\n  --copper-soft:  #5e90c3;   \/* lighter blue (logo) *\/\n  --copper-wash:  #e9f2f6;   \/* faintest wash *\/\n  --molten:       #ebb5ff;   \/* pink accent \u2014 used VERY sparingly *\/\n\n  \/* Cool counterpoint (sparingly) *\/\n  --steel:        #32445e;\n  --moss:         #35778a;\n\n  \/* Fonts *\/\n  --serif:  'Instrument Serif', 'Times New Roman', serif;\n  --sans:   'Manrope', system-ui, -apple-system, sans-serif;\n  --mono:   'JetBrains Mono', ui-monospace, monospace;\n\n  \/* Layout *\/\n  --maxw:    1280px;\n  --gutter:  clamp(1.25rem, 4vw, 3rem);\n}\n\n*, *::before, *::after { box-sizing: border-box; }\nhtml { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }\nbody {\n  margin: 0;\n  font-family: var(--sans);\n  background: var(--paper);\n  color: var(--ink);\n  font-size: 16.5px;\n  line-height: 1.6;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-weight: 400;\n  overflow-x: hidden;\n}\n\nimg { max-width: 100%; display: block; }\na { color: inherit; text-decoration: none; }\nbutton { font: inherit; cursor: pointer; }\n\n::selection { background: var(--copper); color: var(--paper); }\n\n\/* Subtle paper texture *\/\nbody::before{\n  content:'';\n  position: fixed; inset: 0;\n  background-image: radial-gradient(rgba(50,68,94,0.025) 1px, transparent 1px);\n  background-size: 3px 3px;\n  pointer-events: none;\n  z-index: 1;\n}\n\n\/* ============== NAV ============== *\/\n.nav{\n  position: sticky; top: 0; z-index: 100;\n  background: rgba(255,255,255,0.88);\n  backdrop-filter: blur(12px) saturate(140%);\n  -webkit-backdrop-filter: blur(12px) saturate(140%);\n  border-bottom: 1px solid var(--line);\n}\n.nav-inner{\n  max-width: var(--maxw);\n  margin: 0 auto;\n  padding: 1rem var(--gutter);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 2rem;\n}\n.brand{\n  display: inline-flex;\n  align-items: center;\n  line-height: 0;\n  flex-shrink: 0;\n}\n.brand-logo{\n  height: 38px;\n  width: auto;\n  display: block;\n  transition: opacity 0.2s;\n}\n.brand:hover .brand-logo{ opacity: 0.78; }\n@media (max-width: 600px){\n  .brand-logo{ height: 32px; }\n}\n.nav-links{\n  display: flex;\n  gap: 0.2rem;\n  list-style: none;\n  padding: 0; margin: 0;\n  font-size: 0.92rem;\n}\n.nav-links a{\n  padding: 0.5rem 0.9rem;\n  color: var(--ink-2);\n  border-radius: 0;\n  position: relative;\n  font-weight: 500;\n  transition: color 0.2s;\n}\n.nav-links a::after{\n  content:'';\n  position: absolute;\n  left: 0.9rem; right: 0.9rem; bottom: 0.35rem;\n  height: 1px;\n  background: var(--copper);\n  transform: scaleX(0);\n  transform-origin: left;\n  transition: transform 0.25s ease;\n}\n.nav-links a:hover{ color: var(--copper); }\n.nav-links a:hover::after{ transform: scaleX(1); }\n.nav-cta{\n  font-family: var(--mono);\n  font-size: 0.78rem;\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  padding: 0.65rem 1.1rem;\n  background: var(--ink);\n  color: var(--paper);\n  font-weight: 500;\n  border: 1px solid var(--ink);\n  display: inline-flex; align-items: center; gap: 0.5rem;\n  transition: all 0.2s;\n}\n.nav-cta:hover{ background: var(--copper); border-color: var(--copper); }\n.nav-cta .arr{ transition: transform 0.2s; }\n.nav-cta:hover .arr{ transform: translateX(3px); }\n\n.nav-burger{ display:none; background:none; border:0; color:var(--ink); padding:0.5rem; font-size:1.2rem; }\n@media (max-width: 920px){\n  .nav-links, .nav-cta{ display: none; }\n  .nav-burger{ display: block; }\n  .nav-links.open{\n    display: flex; flex-direction: column;\n    position: absolute; top: 100%; left: 0; right: 0;\n    background: var(--paper);\n    border-bottom: 1px solid var(--line);\n    padding: 1rem var(--gutter);\n    gap: 0.5rem;\n  }\n}\n\n\/* ============== HERO ============== *\/\n.hero{\n  position: relative;\n  padding: clamp(3rem, 7vw, 6rem) var(--gutter) clamp(2rem, 5vw, 4rem);\n  border-bottom: 1px solid var(--line);\n  overflow: hidden;\n}\n\n\/* Single subtle decorative element: a thin copper arc at top right *\/\n.hero-arc{\n  position: absolute;\n  top: -150px; right: -150px;\n  width: 600px; height: 600px;\n  border: 1px solid var(--copper-soft);\n  border-radius: 50%;\n  pointer-events: none;\n  opacity: 0.55;\n}\n.hero-arc-2{\n  position: absolute;\n  top: -100px; right: -100px;\n  width: 500px; height: 500px;\n  border: 1px dashed var(--copper-soft);\n  border-radius: 50%;\n  pointer-events: none;\n  opacity: 0.35;\n}\n\n.hero-inner{\n  max-width: var(--maxw);\n  margin: 0 auto;\n  position: relative;\n  z-index: 2;\n}\n\n.hero-headline{\n  font-family: var(--serif);\n  font-weight: 400;\n  font-size: clamp(2.4rem, 6vw, 5.5rem);\n  line-height: 1;\n  letter-spacing: -0.025em;\n  color: var(--ink);\n  margin: 0 0 1.5rem;\n  max-width: 20ch;\n}\n.hero-headline em{\n  font-style: italic;\n  color: var(--copper);\n  font-weight: 400;\n}\n.hero-headline .amp{\n  font-style: italic;\n  color: var(--copper);\n  font-weight: 400;\n  padding: 0 0.05em;\n}\n\n.hero-body{\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 3rem;\n  margin-top: clamp(2rem, 5vw, 3.5rem);\n  align-items: end;\n}\n@media (min-width: 900px){\n  .hero-body{ grid-template-columns: 1.5fr 1fr; gap: 4rem; }\n}\n\n.hero-lead{\n  font-size: clamp(1.05rem, 1.5vw, 1.25rem);\n  color: var(--ink-2);\n  max-width: 55ch;\n  line-height: 1.55;\n  margin: 0 0 2rem;\n  font-weight: 400;\n}\n.hero-lead strong{ color: var(--ink); font-weight: 600; }\n\n.hero-actions{ display: flex; flex-wrap: wrap; gap: 0.8rem; }\n.btn{\n  font-family: var(--sans);\n  font-size: 0.92rem;\n  padding: 0.95rem 1.6rem;\n  font-weight: 600;\n  border: 1px solid;\n  display: inline-flex;\n  align-items: center;\n  gap: 0.6rem;\n  transition: all 0.2s;\n  letter-spacing: -0.005em;\n}\n.btn-primary{\n  background: var(--copper);\n  color: var(--paper);\n  border-color: var(--copper);\n}\n.btn-primary:hover{ background: var(--copper-deep); border-color: var(--copper-deep); }\n.btn-ghost{\n  background: transparent;\n  color: var(--ink);\n  border-color: var(--ink);\n}\n.btn-ghost:hover{ background: var(--ink); color: var(--paper); }\n.btn .arr{ transition: transform 0.2s; }\n.btn:hover .arr{ transform: translateX(3px); }\n\n\/* Hero side panel \u2014 \"data card\" *\/\n.hero-side{\n  border: 1px solid var(--line);\n  background: var(--paper-soft);\n  padding: 1.75rem;\n  position: relative;\n}\n.hero-side::before{\n  \/* corner accent mark *\/\n  content: '';\n  position: absolute;\n  top: -1px; left: -1px;\n  width: 28px; height: 28px;\n  border-top: 2px solid var(--copper);\n  border-left: 2px solid var(--copper);\n}\n.hero-side-label{\n  font-family: var(--mono);\n  font-size: 0.7rem;\n  text-transform: uppercase;\n  letter-spacing: 0.12em;\n  color: var(--ink-3);\n  margin-bottom: 1rem;\n}\n.hero-side-rows{\n  display: flex;\n  flex-direction: column;\n  gap: 0.85rem;\n}\n.hero-side-row{\n  display: flex;\n  justify-content: space-between;\n  align-items: baseline;\n  font-size: 0.92rem;\n  padding-bottom: 0.85rem;\n  border-bottom: 1px solid var(--line);\n}\n.hero-side-row:last-child{ border-bottom: 0; padding-bottom: 0; }\n.hero-side-row .k{ color: var(--ink-3); font-family: var(--mono); font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.08em; }\n.hero-side-row .v{ color: var(--ink); font-weight: 600; text-align: right; line-height: 1.2; }\n.hero-side-row .v em{ font-family: var(--serif); font-style: italic; color: var(--copper); font-weight: 400; font-size: 1.1em; }\n\n\/* ============== ELEMENTS STRIP ============== *\/\n.elements-strip{\n  background: var(--ink);\n  color: var(--paper);\n  padding: clamp(2.5rem, 5vw, 4rem) var(--gutter);\n  border-bottom: 1px solid var(--ink);\n  position: relative;\n}\n.elements-strip-inner{\n  max-width: var(--maxw);\n  margin: 0 auto;\n}\n.elements-strip-label{\n  font-family: var(--mono);\n  font-size: 0.75rem;\n  text-transform: uppercase;\n  letter-spacing: 0.15em;\n  color: var(--copper-soft);\n  margin-bottom: 2rem;\n  display: flex;\n  align-items: center;\n  gap: 0.7rem;\n}\n.elements-strip-label::before{\n  content:''; width: 28px; height: 1px; background: var(--copper-soft);\n}\n.elements-grid{\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1px;\n  background: rgba(255,255,255,0.08);\n  border: 1px solid rgba(255,255,255,0.08);\n}\n@media (min-width: 700px){ .elements-grid{ grid-template-columns: repeat(5, 1fr); } }\n\n.el-cell{\n  background: var(--ink);\n  padding: 1.75rem 1.5rem;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  gap: 1.5rem;\n  min-height: 200px;\n  position: relative;\n  transition: background 0.3s;\n  cursor: default;\n}\n.el-cell:hover{ background: #3d536f; }\n.el-cell:hover .el-cell-sym{ color: var(--copper-soft); }\n.el-cell-top{\n  display: flex;\n  justify-content: space-between;\n  font-family: var(--mono);\n  font-size: 0.75rem;\n  color: var(--ink-3);\n}\n.el-cell-top .num{ color: var(--copper-soft); font-weight: 600; }\n.el-cell-sym{\n  font-family: var(--serif);\n  font-weight: 400;\n  font-size: clamp(3.5rem, 6vw, 5rem);\n  line-height: 1;\n  letter-spacing: -0.04em;\n  color: var(--paper);\n  transition: color 0.3s;\n}\n.el-cell-name{\n  font-family: var(--mono);\n  font-size: 0.72rem;\n  text-transform: uppercase;\n  letter-spacing: 0.1em;\n  color: var(--ink-3);\n}\n\n\/* ============== SECTION GENERIC ============== *\/\nsection{\n  padding: clamp(4rem, 8vw, 7rem) var(--gutter);\n  position: relative;\n}\n.section-inner{ max-width: var(--maxw); margin: 0 auto; }\n\n.eyebrow{\n  font-family: var(--mono);\n  font-size: 0.78rem;\n  text-transform: uppercase;\n  letter-spacing: 0.15em;\n  color: var(--copper);\n  margin-bottom: 1.25rem;\n  display: inline-flex;\n  align-items: center;\n  gap: 0.7rem;\n}\n.eyebrow::before{\n  content:''; width: 24px; height: 1px; background: var(--copper);\n}\n.eyebrow .num{ color: var(--ink-3); }\n\nh2.section-title{\n  font-family: var(--serif);\n  font-weight: 400;\n  font-size: clamp(2.4rem, 5.5vw, 4.5rem);\n  line-height: 1;\n  letter-spacing: -0.025em;\n  margin: 0 0 1.75rem;\n  max-width: 22ch;\n  color: var(--ink);\n}\nh2.section-title em{ font-style: italic; color: var(--copper); }\n.section-intro{\n  font-size: 1.1rem;\n  color: var(--ink-2);\n  max-width: 65ch;\n  margin: 0 0 3.5rem;\n  line-height: 1.6;\n}\n\n\/* ============== ABOUT ============== *\/\n#about{ background: var(--paper); }\n.about-grid{\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 3rem;\n}\n@media (min-width: 950px){\n  .about-grid{\n    grid-template-columns: 5fr 4fr;\n    gap: 5rem;\n    align-items: start;\n  }\n}\n\n.about-body p{\n  font-size: 1.05rem;\n  color: var(--ink-2);\n  margin: 0 0 1.25rem;\n  line-height: 1.65;\n}\n.about-body p:first-child{\n  font-family: var(--serif);\n  font-size: clamp(1.5rem, 2.3vw, 1.85rem);\n  font-weight: 400;\n  line-height: 1.3;\n  color: var(--ink);\n  letter-spacing: -0.01em;\n  margin-bottom: 1.75rem;\n}\n.about-body p:first-child em{ font-style: italic; color: var(--copper); }\n.about-body strong{ color: var(--ink); font-weight: 600; }\n\n.problem-card{\n  background: var(--paper-soft);\n  border: 1px solid var(--line);\n  padding: 2.25rem;\n  position: relative;\n}\n.problem-card::before{\n  content:'';\n  position: absolute;\n  top: -1px; right: -1px;\n  width: 36px; height: 36px;\n  border-top: 2px solid var(--copper);\n  border-right: 2px solid var(--copper);\n}\n.problem-card h3{\n  font-family: var(--mono);\n  font-size: 0.72rem;\n  text-transform: uppercase;\n  letter-spacing: 0.15em;\n  margin: 0 0 1.75rem;\n  color: var(--copper);\n  font-weight: 600;\n}\n.stat-row{\n  padding-bottom: 1.5rem;\n  margin-bottom: 1.5rem;\n  border-bottom: 1px solid var(--line);\n}\n.stat-row:last-child{ border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }\n.stat-num{\n  font-family: var(--serif);\n  font-size: clamp(2.4rem, 4.5vw, 3.2rem);\n  font-weight: 400;\n  line-height: 1;\n  color: var(--ink);\n  letter-spacing: -0.02em;\n}\n.stat-num .unit{\n  font-family: var(--mono);\n  font-size: 0.4em;\n  color: var(--copper);\n  font-weight: 600;\n  margin-left: 0.15rem;\n  letter-spacing: 0;\n}\n.stat-desc{\n  margin-top: 0.55rem;\n  font-size: 0.92rem;\n  color: var(--ink-2);\n  line-height: 1.55;\n}\n\n\/* ============== TECHNOLOGY (4 stages) ============== *\/\n#technology{ background: var(--paper-soft); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }\n\n.flow-grid{\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 0;\n  border: 1px solid var(--line);\n  background: var(--paper);\n}\n@media (min-width: 700px){ .flow-grid{ grid-template-columns: repeat(2, 1fr); } }\n@media (min-width: 1050px){ .flow-grid{ grid-template-columns: repeat(4, 1fr); } }\n\n.flow-step{\n  padding: 2.25rem 2rem;\n  border-right: 1px solid var(--line);\n  border-bottom: 1px solid var(--line);\n  position: relative;\n  background: var(--paper);\n  transition: background 0.3s;\n}\n.flow-step:hover{ background: var(--copper-wash); }\n.flow-step:last-child{ border-right: 0; }\n@media (min-width: 700px) and (max-width: 1049px){\n  .flow-step:nth-child(2n){ border-right: 0; }\n  .flow-step:nth-child(n+3){ \/* bottom row keeps border-bottom none *\/ }\n}\n@media (min-width: 1050px){\n  .flow-step{ border-bottom: 0; }\n}\n.flow-step .step-num{\n  font-family: var(--mono);\n  font-size: 0.7rem;\n  letter-spacing: 0.15em;\n  color: var(--copper);\n  font-weight: 600;\n  margin-bottom: 2rem;\n  display: block;\n}\n.flow-step h4{\n  font-family: var(--serif);\n  font-size: 1.6rem;\n  font-weight: 400;\n  margin: 0 0 0.75rem;\n  letter-spacing: -0.015em;\n  line-height: 1.15;\n  color: var(--ink);\n}\n.flow-step p{\n  font-size: 0.95rem;\n  color: var(--ink-2);\n  margin: 0;\n  line-height: 1.55;\n}\n\n\/* Element detail rows *\/\n.element-detail{\n  margin-top: 5rem;\n  padding-top: 3rem;\n  border-top: 1px solid var(--line);\n}\n.element-detail-header{\n  display: flex;\n  justify-content: space-between;\n  align-items: baseline;\n  flex-wrap: wrap;\n  gap: 1rem;\n  margin-bottom: 2.5rem;\n}\n.element-detail-header h3{\n  font-family: var(--serif);\n  font-weight: 400;\n  font-size: clamp(1.8rem, 3vw, 2.4rem);\n  margin: 0;\n  letter-spacing: -0.02em;\n  line-height: 1;\n}\n.element-detail-header h3 em{ font-style: italic; color: var(--copper); }\n.element-detail-header .legend{\n  font-family: var(--mono);\n  font-size: 0.72rem;\n  text-transform: uppercase;\n  letter-spacing: 0.12em;\n  color: var(--ink-3);\n}\n\n.el-row{\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 1.5rem;\n  padding: 2.5rem 0;\n  border-bottom: 1px solid var(--line);\n  align-items: start;\n}\n.el-row:first-of-type{ border-top: 1px solid var(--line); }\n@media (min-width: 900px){\n  .el-row{ grid-template-columns: 120px 1.5fr 1fr; gap: 2.5rem; }\n}\n\n.el-row-sym{\n  font-family: var(--serif);\n  font-size: clamp(3rem, 5.5vw, 4.5rem);\n  font-weight: 400;\n  line-height: 1;\n  color: var(--copper);\n  letter-spacing: -0.03em;\n  position: relative;\n}\n.el-row-sym::after{\n  content: attr(data-num);\n  position: absolute;\n  top: -0.3em; right: -1.3em;\n  font-family: var(--mono);\n  font-size: 0.2em;\n  color: var(--ink-3);\n  font-weight: 500;\n}\n.el-row-content h4{\n  font-family: var(--serif);\n  font-size: 1.65rem;\n  font-weight: 400;\n  margin: 0 0 0.5rem;\n  letter-spacing: -0.015em;\n  color: var(--ink);\n}\n.el-row-source{\n  font-family: var(--mono);\n  font-size: 0.74rem;\n  text-transform: uppercase;\n  letter-spacing: 0.1em;\n  color: var(--ink-3);\n  margin-bottom: 1.25rem;\n}\n.el-row-content p{\n  font-size: 0.98rem;\n  color: var(--ink-2);\n  margin: 0;\n  line-height: 1.65;\n}\n.el-row-kpi{\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n.kpi-line{\n  display: flex;\n  justify-content: space-between;\n  align-items: baseline;\n  padding-bottom: 0.65rem;\n  border-bottom: 1px dashed var(--line);\n}\n.kpi-line .lbl{\n  font-family: var(--mono);\n  font-size: 0.7rem;\n  text-transform: uppercase;\n  letter-spacing: 0.1em;\n  color: var(--ink-3);\n}\n.kpi-line .val{\n  font-family: var(--serif);\n  font-size: 1.3rem;\n  font-weight: 400;\n  color: var(--ink);\n  letter-spacing: -0.02em;\n}\n.kpi-line .val em{ font-style: italic; color: var(--copper); }\n\n\/* ============== IMPACT ============== *\/\n#impact{ background: var(--paper); position: relative; overflow: hidden; }\n#impact::before{\n  \/* the single big decorative element: a faint circle bottom-left *\/\n  content:'';\n  position: absolute;\n  bottom: -200px; left: -200px;\n  width: 500px; height: 500px;\n  border: 1px solid var(--copper-soft);\n  border-radius: 50%;\n  opacity: 0.4;\n  pointer-events: none;\n}\n\n.impact-grid{\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 1rem;\n  position: relative; z-index: 1;\n}\n@media (min-width: 700px){ .impact-grid{ grid-template-columns: repeat(2, 1fr); } }\n@media (min-width: 1100px){ .impact-grid{ grid-template-columns: repeat(5, 1fr); } }\n\n.impact-card{\n  background: var(--paper-soft);\n  border: 1px solid var(--line);\n  padding: 2rem 1.5rem;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  transition: all 0.3s;\n  position: relative;\n}\n.impact-card:hover{\n  background: var(--copper-wash);\n  border-color: var(--copper);\n  transform: translateY(-4px);\n}\n.impact-card .el-mark{\n  font-family: var(--mono);\n  font-size: 0.7rem;\n  letter-spacing: 0.12em;\n  color: var(--copper);\n  font-weight: 600;\n}\n.impact-pct{\n  font-family: var(--serif);\n  font-size: clamp(3rem, 5.5vw, 4.2rem);\n  font-weight: 400;\n  line-height: 0.95;\n  color: var(--ink);\n  letter-spacing: -0.035em;\n}\n.impact-pct .small{\n  font-size: 0.4em;\n  color: var(--copper);\n  font-family: var(--mono);\n  font-weight: 500;\n}\n.impact-label{\n  font-size: 0.95rem;\n  font-weight: 600;\n  color: var(--ink);\n}\n.impact-desc{\n  font-size: 0.85rem;\n  color: var(--ink-2);\n  margin: 0;\n  line-height: 1.5;\n}\n\n.impact-pillars{\n  margin-top: 4.5rem;\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 2rem;\n}\n@media (min-width: 800px){ .impact-pillars{ grid-template-columns: repeat(3, 1fr); gap: 3rem; } }\n\n.pillar{\n  padding-top: 1.5rem;\n  border-top: 2px solid var(--copper);\n}\n.pillar h4{\n  font-family: var(--mono);\n  font-size: 0.74rem;\n  text-transform: uppercase;\n  letter-spacing: 0.15em;\n  color: var(--copper);\n  margin: 0 0 1rem;\n  font-weight: 600;\n}\n.pillar p{\n  font-family: var(--serif);\n  font-size: 1.3rem;\n  font-weight: 400;\n  margin: 0;\n  line-height: 1.35;\n  color: var(--ink);\n  letter-spacing: -0.01em;\n}\n.pillar p em{ font-style: italic; color: var(--copper); }\n\n\/* ============== CONSORTIUM ============== *\/\n#consortium{ background: var(--paper-soft); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }\n\n.consortium-layout{\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 3rem;\n}\n@media (min-width: 1000px){\n  .consortium-layout{ grid-template-columns: 1.05fr 1fr; gap: 4rem; align-items: start; }\n}\n\n.eu-map{\n  background: var(--paper);\n  border: 1px solid var(--line);\n  padding: 1.5rem;\n  position: relative;\n}\n.eu-map-frame{\n  width: 100%;\n  height: 520px;\n  border: 1px solid var(--line);\n  background: var(--paper-deep);\n  position: relative;\n}\n@media (max-width: 700px){ .eu-map-frame{ height: 420px; } }\n\n\/* Leaflet overrides \u2014 match copper\/cream palette *\/\n.leaflet-container{\n  background: var(--paper-deep) !important;\n  font-family: var(--sans) !important;\n  outline: none;\n}\n.leaflet-tile-pane{\n  \/* slight desaturation so basemap recedes behind copper-blue markers *\/\n  filter: saturate(0.55) brightness(1.02) contrast(0.95);\n}\n.leaflet-control-attribution{\n  background: rgba(255,255,255,0.92) !important;\n  color: var(--ink-3) !important;\n  font-family: var(--mono) !important;\n  font-size: 0.65rem !important;\n  letter-spacing: 0.02em;\n  padding: 2px 6px !important;\n  border: 1px solid var(--line);\n  border-right: 0; border-bottom: 0;\n}\n.leaflet-control-attribution a{ color: var(--copper) !important; }\n.leaflet-control-zoom{\n  border: 1px solid var(--line) !important;\n  box-shadow: none !important;\n}\n.leaflet-control-zoom a{\n  background: var(--paper) !important;\n  color: var(--ink) !important;\n  border: 0 !important;\n  border-bottom: 1px solid var(--line) !important;\n  font-family: var(--serif) !important;\n  font-size: 1.2rem !important;\n  font-weight: 400 !important;\n  width: 32px !important; height: 32px !important;\n  line-height: 32px !important;\n  transition: all 0.15s;\n}\n.leaflet-control-zoom a:last-child{ border-bottom: 0 !important; }\n.leaflet-control-zoom a:hover{ background: var(--copper) !important; color: var(--paper) !important; }\n\n\/* Custom copper marker (built from a div) *\/\n.ingage-marker{\n  background: transparent;\n  border: 0;\n}\n.ingage-marker .pin{\n  width: 20px; height: 20px;\n  border-radius: 50%;\n  background: var(--copper);\n  border: 3px solid var(--paper);\n  box-shadow: 0 2px 8px rgba(53,119,138,0.35), 0 0 0 1px rgba(50,68,94,0.15);\n  position: relative;\n  transition: transform 0.2s;\n}\n.ingage-marker .pin::after{\n  content:'';\n  position: absolute;\n  inset: -8px;\n  border-radius: 50%;\n  border: 1px solid var(--copper);\n  opacity: 0.4;\n  animation: pinPulse 2.4s ease-out infinite;\n}\n.ingage-marker:hover .pin{ transform: scale(1.2); }\n@keyframes pinPulse{\n  0%   { transform: scale(0.85); opacity: 0.45; }\n  100% { transform: scale(1.6); opacity: 0; }\n}\n\n\/* Leaflet popup \u2014 copper \/ cream *\/\n.leaflet-popup-content-wrapper{\n  background: var(--paper) !important;\n  color: var(--ink) !important;\n  border-radius: 0 !important;\n  border: 1px solid var(--line) !important;\n  box-shadow: 0 8px 28px rgba(50,68,94,0.12) !important;\n  padding: 0 !important;\n}\n.leaflet-popup-content{\n  margin: 0 !important;\n  padding: 0.95rem 1.1rem !important;\n  font-family: var(--sans) !important;\n  font-size: 0.9rem !important;\n  line-height: 1.45 !important;\n  min-width: 200px;\n}\n.leaflet-popup-content .popup-flag{\n  font-family: var(--mono);\n  font-size: 0.65rem;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.1em;\n  color: var(--copper);\n  margin-bottom: 0.35rem;\n}\n.leaflet-popup-content .popup-name{\n  font-family: var(--serif);\n  font-size: 1.1rem;\n  font-weight: 400;\n  color: var(--ink);\n  line-height: 1.2;\n  margin-bottom: 0.25rem;\n  letter-spacing: -0.01em;\n}\n.leaflet-popup-content .popup-role{\n  font-family: var(--mono);\n  font-size: 0.65rem;\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  color: var(--ink-3);\n  margin-bottom: 0.6rem;\n}\n.leaflet-popup-content .popup-link{\n  font-family: var(--mono);\n  font-size: 0.7rem;\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  color: var(--copper);\n  font-weight: 600;\n}\n.leaflet-popup-content .popup-link:hover{ color: var(--copper-deep); }\n.leaflet-popup-tip{\n  background: var(--paper) !important;\n  border: 1px solid var(--line) !important;\n}\n.leaflet-popup-close-button{\n  color: var(--ink-3) !important;\n  font-size: 1.4rem !important;\n  font-weight: 300 !important;\n  padding: 6px 8px !important;\n}\n.leaflet-popup-close-button:hover{ color: var(--copper) !important; }\n\n.eu-map-caption{\n  margin-top: 1.25rem;\n  padding-top: 1rem;\n  border-top: 1px solid var(--line);\n  font-family: var(--mono);\n  font-size: 0.72rem;\n  text-transform: uppercase;\n  letter-spacing: 0.1em;\n  color: var(--ink-3);\n  display: flex;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  gap: 0.5rem;\n}\n\n.partners-list{\n  display: flex;\n  flex-direction: column;\n}\n.partner-item{\n  display: grid;\n  grid-template-columns: auto 1fr auto;\n  gap: 1.25rem;\n  align-items: center;\n  padding: 1.15rem 0;\n  border-bottom: 1px solid var(--line);\n  transition: all 0.2s;\n}\n.partner-item:first-child{ border-top: 1px solid var(--line); }\n.partner-item:hover{ padding-left: 0.5rem; }\n.partner-item:hover .partner-name{ color: var(--copper); }\n.partner-flag{\n  width: 30px; height: 22px;\n  background: var(--paper-deep);\n  border: 1px solid var(--line);\n  display: grid; place-items: center;\n  font-family: var(--mono);\n  font-size: 0.62rem;\n  font-weight: 700;\n  color: var(--ink-2);\n  letter-spacing: 0.05em;\n}\n.partner-name{\n  font-family: var(--serif);\n  font-size: 1.2rem;\n  font-weight: 400;\n  letter-spacing: -0.01em;\n  color: var(--ink);\n  transition: color 0.2s;\n  line-height: 1.25;\n}\n.partner-name .role{\n  display: block;\n  font-family: var(--mono);\n  font-size: 0.68rem;\n  font-weight: 500;\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  color: var(--ink-3);\n  margin-top: 0.25rem;\n}\n.partner-link{\n  font-family: var(--mono);\n  font-size: 0.7rem;\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  color: var(--ink-3);\n  padding: 0.35rem 0.65rem;\n  border: 1px solid var(--line);\n  transition: all 0.2s;\n  white-space: nowrap;\n}\n.partner-link:hover{ color: var(--paper); background: var(--copper); border-color: var(--copper); }\n@media (max-width: 600px){\n  .partner-item{ grid-template-columns: auto 1fr; }\n  .partner-link{ grid-column: 1 \/ -1; justify-self: start; margin-top: 0.4rem; }\n}\n\n\/* ============== NEWS ============== *\/\n#news{ background: var(--paper); }\n.news-grid{\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 1.5rem;\n}\n@media (min-width: 800px){ .news-grid{ grid-template-columns: repeat(2, 1fr); } }\n@media (min-width: 1100px){ .news-grid{ grid-template-columns: repeat(3, 1fr); } }\n\n.news-card{\n  background: var(--paper-soft);\n  border: 1px solid var(--line);\n  padding: 2rem;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  transition: all 0.3s;\n  min-height: 240px;\n}\n.news-card:hover{ border-color: var(--copper); transform: translateY(-3px); }\n.news-meta{\n  display: flex;\n  justify-content: space-between;\n  font-family: var(--mono);\n  font-size: 0.7rem;\n  text-transform: uppercase;\n  letter-spacing: 0.12em;\n  color: var(--ink-3);\n}\n.news-type{ color: var(--copper); font-weight: 600; }\n.news-card h4{\n  font-family: var(--serif);\n  font-size: 1.4rem;\n  font-weight: 400;\n  margin: 0;\n  letter-spacing: -0.015em;\n  line-height: 1.2;\n  color: var(--ink);\n  flex: 1;\n}\n.news-card p{\n  font-size: 0.94rem;\n  color: var(--ink-2);\n  margin: 0;\n  line-height: 1.55;\n}\n.news-cta{\n  font-family: var(--mono);\n  font-size: 0.74rem;\n  text-transform: uppercase;\n  letter-spacing: 0.1em;\n  color: var(--copper);\n  font-weight: 600;\n  margin-top: 0.25rem;\n  display: inline-flex; align-items: center; gap: 0.5rem;\n}\n.news-card.placeholder{\n  border-style: dashed;\n  background: transparent;\n  display: grid; place-items: center;\n  text-align: center;\n  min-height: 180px;\n}\n.news-card.placeholder .icon{\n  font-family: var(--serif);\n  font-size: 2rem;\n  color: var(--copper);\n  margin-bottom: 0.5rem;\n  line-height: 1;\n}\n.news-card.placeholder .txt{\n  font-family: var(--mono);\n  font-size: 0.78rem;\n  text-transform: uppercase;\n  letter-spacing: 0.1em;\n  color: var(--ink-3);\n}\n\n\/* ============== RESOURCES ============== *\/\n#resources{ background: var(--paper-soft); border-top: 1px solid var(--line); }\n\n.resources-grid{\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 1rem;\n}\n@media (min-width: 700px){ .resources-grid{ grid-template-columns: repeat(2, 1fr); } }\n@media (min-width: 1000px){ .resources-grid{ grid-template-columns: repeat(3, 1fr); } }\n\n.resource-card{\n  background: var(--paper);\n  border: 1px solid var(--line);\n  padding: 1.75rem;\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n  transition: all 0.3s;\n  min-height: 190px;\n  position: relative;\n}\n.resource-card:hover{ border-color: var(--copper); }\n.resource-card .res-type{\n  font-family: var(--mono);\n  font-size: 0.68rem;\n  text-transform: uppercase;\n  letter-spacing: 0.14em;\n  color: var(--copper);\n  font-weight: 600;\n}\n.resource-card h4{\n  font-family: var(--serif);\n  font-size: 1.2rem;\n  font-weight: 400;\n  margin: 0;\n  letter-spacing: -0.01em;\n  line-height: 1.25;\n  color: var(--ink);\n  flex: 1;\n}\n.resource-card .res-foot{\n  font-family: var(--mono);\n  font-size: 0.7rem;\n  letter-spacing: 0.08em;\n  color: var(--ink-3);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  text-transform: uppercase;\n}\n.resource-card.empty{\n  border-style: dashed;\n  background: transparent;\n  display: grid; place-items: center;\n  text-align: center;\n  color: var(--ink-3);\n  font-family: var(--mono);\n  font-size: 0.82rem;\n  letter-spacing: 0.05em;\n  text-transform: uppercase;\n}\n\n\/* ============== CONTACT ============== *\/\n#contact{\n  background: var(--ink);\n  color: var(--paper);\n  padding: clamp(5rem, 9vw, 8rem) var(--gutter);\n  position: relative;\n  overflow: hidden;\n}\n#contact::before{\n  content:'';\n  position: absolute;\n  top: -150px; right: -150px;\n  width: 500px; height: 500px;\n  border: 1px solid var(--copper);\n  border-radius: 50%;\n  opacity: 0.2;\n  pointer-events: none;\n}\n.contact-grid{\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 3rem;\n  position: relative; z-index: 1;\n  max-width: var(--maxw);\n  margin: 0 auto;\n}\n@media (min-width: 900px){ .contact-grid{ grid-template-columns: 1.2fr 1fr; gap: 5rem; align-items: end; } }\n\n.contact-body .eyebrow{ color: var(--copper-soft); }\n.contact-body .eyebrow::before{ background: var(--copper-soft); }\n.contact-body h2{\n  font-family: var(--serif);\n  font-weight: 400;\n  font-size: clamp(2.5rem, 5.5vw, 4.5rem);\n  line-height: 1;\n  letter-spacing: -0.03em;\n  margin: 0 0 1.5rem;\n  color: var(--paper);\n  max-width: 16ch;\n}\n.contact-body h2 em{ font-style: italic; color: var(--copper-soft); }\n.contact-body > p{\n  font-size: 1.1rem;\n  color: rgba(255,255,255,0.7);\n  max-width: 50ch;\n  margin: 0 0 2rem;\n  line-height: 1.55;\n}\n\n.social-row{\n  display: flex;\n  gap: 0.7rem;\n  flex-wrap: wrap;\n}\n.social-pill{\n  font-family: var(--mono);\n  font-size: 0.74rem;\n  text-transform: uppercase;\n  letter-spacing: 0.1em;\n  padding: 0.55rem 0.95rem;\n  border: 1px solid rgba(255,255,255,0.25);\n  color: rgba(255,255,255,0.85);\n  transition: all 0.2s;\n}\n.social-pill:hover{ background: var(--copper); color: var(--paper); border-color: var(--copper); }\n\n.contact-blocks{\n  display: flex;\n  flex-direction: column;\n  gap: 1.25rem;\n}\n.contact-block{\n  background: rgba(255,255,255,0.04);\n  border: 1px solid rgba(255,255,255,0.12);\n  padding: 1.5rem;\n  border-left: 2px solid var(--copper);\n  transition: background 0.2s;\n}\n.contact-block:hover{ background: rgba(255,255,255,0.07); }\n.contact-block .ct-label{\n  font-family: var(--mono);\n  font-size: 0.7rem;\n  text-transform: uppercase;\n  letter-spacing: 0.14em;\n  color: var(--copper-soft);\n  margin-bottom: 0.55rem;\n  font-weight: 600;\n}\n.contact-block .ct-value{\n  font-family: var(--serif);\n  font-size: 1.2rem;\n  color: var(--paper);\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  word-break: break-word;\n}\n.contact-block .ct-value a{ border-bottom: 1px solid transparent; transition: border-color 0.2s; }\n.contact-block .ct-value a:hover{ color: var(--copper-soft); border-bottom-color: var(--copper-soft); }\n\n\/* ============== FOOTER ============== *\/\n.footer{\n  background: var(--paper);\n  border-top: 1px solid var(--line);\n  padding: 4rem var(--gutter) 2rem;\n}\n.footer-inner{ max-width: var(--maxw); margin: 0 auto; }\n.footer-top{\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 2.5rem;\n  padding-bottom: 2.5rem;\n  border-bottom: 1px solid var(--line);\n}\n@media (min-width: 800px){ .footer-top{ grid-template-columns: auto 1fr; gap: 3rem; align-items: start; } }\n\n.footer-eu img{\n  height: 64px;\n  width: auto;\n}\n.footer-disclaimer{\n  font-size: 0.88rem;\n  color: var(--ink-2);\n  line-height: 1.65;\n  max-width: 80ch;\n}\n.footer-disclaimer strong{ color: var(--ink); font-weight: 600; }\n\n.footer-bottom{\n  padding-top: 2rem;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 1rem;\n  font-family: var(--mono);\n  font-size: 0.72rem;\n  text-transform: uppercase;\n  letter-spacing: 0.1em;\n  color: var(--ink-3);\n}\n.footer-bottom .ga-id{ color: var(--copper); }\n\n\/* ============== REVEAL ANIMATIONS ============== *\/\n.reveal{\n  opacity: 0;\n  transform: translateY(20px);\n  transition: opacity 0.7s ease, transform 0.7s ease;\n}\n.reveal.in{ opacity: 1; transform: translateY(0); }\n.r-d1{ transition-delay: 0.08s; }\n.r-d2{ transition-delay: 0.16s; }\n.r-d3{ transition-delay: 0.24s; }\n.r-d4{ transition-delay: 0.32s; }\n\n@media (prefers-reduced-motion: reduce){\n  *, *::before, *::after{ animation: none !important; transition: none !important; }\n  .reveal{ opacity: 1; transform: none; }\n}<\/style><!-- ============================================================== -->\n<!--  InGaGe \u2014 Horizon Europe project website                       -->\n<!--  Drop this entire block into an Elementor \/ LayerDOM HTML       -->\n<!--  widget (or any 'Custom HTML' block). It is self-contained:     -->\n<!--    - All CSS is scoped to .ingage-site                          -->\n<!--    - All IDs are namespaced (ingage-*)                          -->\n<!--    - Fonts + Leaflet load from CDN                              -->\n<!-- ============================================================== -->\n\n<!-- External assets (fonts + Leaflet for the consortium map) -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,500&amp;family=Roboto+Mono:wght@400;500;600&amp;display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css\" integrity=\"sha256-p4NxAoJBhIIN+hmNHrzRCf9tD\/miZyoHS5obTRR9BMY=\" crossorigin=\"\">\n<script src=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js\" integrity=\"sha256-20nQCchB9co0qIjJZRGuk2\/Z9VM+kNiyxNV1lvTlZBo=\" crossorigin=\"\"><\/script>\n\n<style>\n\/* ---- snippet hygiene: tame the wrapper so host page styles don't bleed ---- *\/\n.ingage-site, .ingage-site *, .ingage-site *::before, .ingage-site *::after { box-sizing: border-box; }\n.ingage-site img { max-width: 100%; height: auto; display: block; }\n.ingage-site a { color: inherit; text-decoration: none; }\n.ingage-site button { font: inherit; cursor: pointer; }\n \n\/* =============================================================\n   InGaGe \u2014 Editorial \/ Scientific-Spec-Sheet aesthetic\n   Light cream background, copper accent, generous space,\n   hairline rules, monospace metadata.\n   ============================================================= *\/\n.ingage-site{\n  \/* Surfaces *\/\n  --paper:        #FFFFFF;   \/* clean white base *\/\n  --paper-soft:   #e9f2f6;   \/* very pale blue wash (secondary) *\/\n  --paper-deep:   #C8DCEE;   \/* pale blue (secondary) *\/\n  --ink:          #32445e;   \/* dark navy \u2014 primary deepest *\/\n  --ink-2:        #4A4F55;   \/* secondary text (dark grey from palette) *\/\n  --ink-3:        #6E7785;   \/* muted *\/\n  --line:         #C8DCEE;   \/* hairline rule \u2014 pale blue *\/\n  --line-soft:    #e9f2f6;\n \n  \/* Brand *\/\n  --copper:       #35778a;   \/* primary accent \u2014 petrol\/teal *\/\n  --copper-deep:  #32445e;   \/* hover \/ strong \u2014 dark navy *\/\n  --copper-soft:  #5e90c3;   \/* lighter blue (logo) *\/\n  --copper-wash:  #e9f2f6;   \/* faintest wash *\/\n  --molten:       #ebb5ff;   \/* pink accent \u2014 used VERY sparingly *\/\n \n  \/* Cool counterpoint (sparingly) *\/\n  --steel:        #32445e;\n  --moss:         #35778a;\n \n  \/* Fonts *\/\n  --serif:  'Roboto', system-ui, -apple-system, sans-serif;\n  --sans:   'Roboto', system-ui, -apple-system, sans-serif;\n  --mono:   'Roboto Mono', ui-monospace, monospace;\n \n  \/* Layout *\/\n  --maxw:    1280px;\n  --gutter:  clamp(1.25rem, 4vw, 3rem);\n}\n \n.ingage-site, .ingage-site *, .ingage-site *::before, .ingage-site *::after{ box-sizing: border-box; }\n.ingage-site{ scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }\n.ingage-site{\n  margin: 0;\n  font-family: var(--sans);\n  background: var(--paper);\n  color: var(--ink);\n  font-size: 16.5px;\n  line-height: 1.6;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-weight: 400;\n  overflow-x: hidden;\n}\n \n.ingage-site img{ max-width: 100%; display: block; }\n.ingage-site a{ color: inherit; text-decoration: none; }\n.ingage-site button{ font: inherit; cursor: pointer; }\n \n.ingage-site ::selection{ background: var(--copper); color: var(--paper); }\n \n\/* Subtle paper texture *\/\n.ingage-site body::before{\n  content:'';\n  position: fixed; inset: 0;\n  background-image: radial-gradient(rgba(50,68,94,0.025) 1px, transparent 1px);\n  background-size: 3px 3px;\n  pointer-events: none;\n  z-index: 1;\n}\n \n\/* ============== NAV ============== *\/\n.ingage-site .nav{\n  position: sticky; top: 0; z-index: 100;\n  background: rgba(255,255,255,0.88);\n  backdrop-filter: blur(12px) saturate(140%);\n  -webkit-backdrop-filter: blur(12px) saturate(140%);\n  border-bottom: 1px solid var(--line);\n}\n.ingage-site .nav-inner{\n  max-width: var(--maxw);\n  margin: 0 auto;\n  padding: 1rem var(--gutter);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 2rem;\n}\n.ingage-site .brand{\n  display: inline-flex;\n  align-items: center;\n  line-height: 0;\n  flex-shrink: 0;\n}\n.ingage-site .brand-logo{\n  height: 38px;\n  width: auto;\n  display: block;\n  transition: opacity 0.2s;\n}\n.ingage-site .brand:hover .brand-logo{ opacity: 0.78; }\n@media (max-width: 600px){\n  .ingage-site .brand-logo{ height: 32px; }\n}\n.ingage-site .nav-links{\n  display: flex;\n  gap: 0.2rem;\n  list-style: none;\n  padding: 0; margin: 0;\n  font-size: 0.92rem;\n}\n.ingage-site .nav-links a{\n  padding: 0.5rem 0.9rem;\n  color: var(--ink-2);\n  border-radius: 0;\n  position: relative;\n  font-weight: 500;\n  transition: color 0.2s;\n}\n.ingage-site .nav-links a::after{\n  content:'';\n  position: absolute;\n  left: 0.9rem; right: 0.9rem; bottom: 0.35rem;\n  height: 1px;\n  background: var(--copper);\n  transform: scaleX(0);\n  transform-origin: left;\n  transition: transform 0.25s ease;\n}\n.ingage-site .nav-links a:hover{ color: var(--copper); }\n.ingage-site .nav-links a:hover::after{ transform: scaleX(1); }\n.ingage-site .nav-cta{\n  font-family: var(--mono);\n  font-size: 0.78rem;\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  padding: 0.65rem 1.1rem;\n  background: var(--ink);\n  color: var(--paper);\n  font-weight: 500;\n  border: 1px solid var(--ink);\n  display: inline-flex; align-items: center; gap: 0.5rem;\n  transition: all 0.2s;\n}\n.ingage-site .nav-cta:hover{ background: var(--copper); border-color: var(--copper); }\n.ingage-site .nav-cta .arr{ transition: transform 0.2s; }\n.ingage-site .nav-cta:hover .arr{ transform: translateX(3px); }\n \n.ingage-site .nav-burger{ display:none; background:none; border:0; color:var(--ink); padding:0.5rem; font-size:1.2rem; }\n@media (max-width: 920px){\n  .ingage-site .nav-links, .ingage-site .nav-cta{ display: none; }\n  .ingage-site .nav-burger{ display: block; }\n  .ingage-site .nav-links.open{\n    display: flex; flex-direction: column;\n    position: absolute; top: 100%; left: 0; right: 0;\n    background: var(--paper);\n    border-bottom: 1px solid var(--line);\n    padding: 1rem var(--gutter);\n    gap: 0.5rem;\n  }\n}\n \n\/* ============== HERO ============== *\/\n.ingage-site .hero{\n  position: relative;\n  padding: clamp(3rem, 7vw, 6rem) var(--gutter) clamp(2rem, 5vw, 4rem);\n  border-bottom: 1px solid var(--line);\n  overflow: hidden;\n}\n \n\/* Single subtle decorative element: a thin copper arc at top right *\/\n.ingage-site .hero-arc{\n  position: absolute;\n  top: -150px; right: -150px;\n  width: 600px; height: 600px;\n  border: 1px solid var(--copper-soft);\n  border-radius: 50%;\n  pointer-events: none;\n  opacity: 0.55;\n}\n.ingage-site .hero-arc-2{\n  position: absolute;\n  top: -100px; right: -100px;\n  width: 500px; height: 500px;\n  border: 1px dashed var(--copper-soft);\n  border-radius: 50%;\n  pointer-events: none;\n  opacity: 0.35;\n}\n \n.ingage-site .hero-inner{\n  max-width: var(--maxw);\n  margin: 0 auto;\n  position: relative;\n  z-index: 2;\n}\n \n.ingage-site .hero-headline{\n  font-family: var(--serif);\n  font-weight: 400;\n  font-size: clamp(2.4rem, 6vw, 5.5rem);\n  line-height: 1;\n  letter-spacing: -0.025em;\n  color: var(--ink);\n  margin: 0 0 1.5rem;\n  max-width: 20ch;\n}\n.ingage-site .hero-headline em{\n  font-style: italic;\n  color: var(--copper);\n  font-weight: 400;\n}\n.ingage-site .hero-headline .amp{\n  font-style: italic;\n  color: var(--copper);\n  font-weight: 400;\n  padding: 0 0.05em;\n}\n \n.ingage-site .hero-body{\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 3rem;\n  margin-top: clamp(2rem, 5vw, 3.5rem);\n  align-items: end;\n}\n@media (min-width: 900px){\n  .ingage-site .hero-body{ grid-template-columns: 1.5fr 1fr; gap: 4rem; }\n}\n \n.ingage-site .hero-lead{\n  font-size: clamp(1.05rem, 1.5vw, 1.25rem);\n  color: var(--ink-2);\n  max-width: 55ch;\n  line-height: 1.55;\n  margin: 0 0 2rem;\n  font-weight: 400;\n}\n.ingage-site .hero-lead strong{ color: var(--ink); font-weight: 600; }\n \n.ingage-site .hero-actions{ display: flex; flex-wrap: wrap; gap: 0.8rem; }\n.ingage-site .btn{\n  font-family: var(--sans);\n  font-size: 0.92rem;\n  padding: 0.95rem 1.6rem;\n  font-weight: 600;\n  border: 1px solid;\n  display: inline-flex;\n  align-items: center;\n  gap: 0.6rem;\n  transition: all 0.2s;\n  letter-spacing: -0.005em;\n}\n.ingage-site .btn-primary{\n  background: var(--copper);\n  color: var(--paper);\n  border-color: var(--copper);\n}\n.ingage-site .btn-primary:hover{ background: var(--copper-deep); border-color: var(--copper-deep); }\n.ingage-site .btn-ghost{\n  background: transparent;\n  color: var(--ink);\n  border-color: var(--ink);\n}\n.ingage-site .btn-ghost:hover{ background: var(--ink); color: var(--paper); }\n.ingage-site .btn .arr{ transition: transform 0.2s; }\n.ingage-site .btn:hover .arr{ transform: translateX(3px); }\n \n\/* Hero side panel \u2014 \"data card\" *\/\n.ingage-site .hero-side{\n  border: 1px solid var(--line);\n  background: var(--paper-soft);\n  padding: 1.75rem;\n  position: relative;\n}\n.ingage-site .hero-side::before{\n  \/* corner accent mark *\/\n  content: '';\n  position: absolute;\n  top: -1px; left: -1px;\n  width: 28px; height: 28px;\n  border-top: 2px solid var(--copper);\n  border-left: 2px solid var(--copper);\n}\n.ingage-site .hero-side-label{\n  font-family: var(--mono);\n  font-size: 0.7rem;\n  text-transform: uppercase;\n  letter-spacing: 0.12em;\n  color: var(--ink-3);\n  margin-bottom: 1rem;\n}\n.ingage-site .hero-side-rows{\n  display: flex;\n  flex-direction: column;\n  gap: 0.85rem;\n}\n.ingage-site .hero-side-row{\n  display: flex;\n  justify-content: space-between;\n  align-items: baseline;\n  font-size: 0.92rem;\n  padding-bottom: 0.85rem;\n  border-bottom: 1px solid var(--line);\n}\n.ingage-site .hero-side-row:last-child{ border-bottom: 0; padding-bottom: 0; }\n.ingage-site .hero-side-row .k{ color: var(--ink-3); font-family: var(--mono); font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.08em; }\n.ingage-site .hero-side-row .v{ color: var(--ink); font-weight: 600; text-align: right; line-height: 1.2; }\n.ingage-site .hero-side-row .v em{ font-family: var(--serif); font-style: italic; color: var(--copper); font-weight: 400; font-size: 1.1em; }\n \n\/* ============== ELEMENTS STRIP ============== *\/\n.ingage-site .elements-strip{\n  background: var(--ink);\n  color: var(--paper);\n  padding: clamp(2.5rem, 5vw, 4rem) var(--gutter);\n  border-bottom: 1px solid var(--ink);\n  position: relative;\n}\n.ingage-site .elements-strip-inner{\n  max-width: var(--maxw);\n  margin: 0 auto;\n}\n.ingage-site .elements-strip-label{\n  font-family: var(--mono);\n  font-size: 0.75rem;\n  text-transform: uppercase;\n  letter-spacing: 0.15em;\n  color: var(--copper-soft);\n  margin-bottom: 2rem;\n  display: flex;\n  align-items: center;\n  gap: 0.7rem;\n}\n.ingage-site .elements-strip-label::before{\n  content:''; width: 28px; height: 1px; background: var(--copper-soft);\n}\n.ingage-site .elements-grid{\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1px;\n  background: rgba(255,255,255,0.08);\n  border: 1px solid rgba(255,255,255,0.08);\n}\n@media (min-width: 700px){ .ingage-site .elements-grid{ grid-template-columns: repeat(5, 1fr); } }\n \n.ingage-site .el-cell{\n  background: var(--ink);\n  padding: 1.75rem 1.5rem;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  gap: 1.5rem;\n  min-height: 200px;\n  position: relative;\n  transition: background 0.3s;\n  cursor: default;\n}\n.ingage-site .el-cell:hover{ background: #3d536f; }\n.ingage-site .el-cell:hover .el-cell-sym{ color: var(--copper-soft); }\n.ingage-site .el-cell-top{\n  display: flex;\n  justify-content: space-between;\n  font-family: var(--mono);\n  font-size: 0.75rem;\n  color: var(--ink-3);\n}\n.ingage-site .el-cell-top .num{ color: var(--copper-soft); font-weight: 600; }\n.ingage-site .el-cell-sym{\n  font-family: var(--serif);\n  font-weight: 400;\n  font-size: clamp(3.5rem, 6vw, 5rem);\n  line-height: 1;\n  letter-spacing: -0.04em;\n  color: var(--paper);\n  transition: color 0.3s;\n}\n.ingage-site .el-cell-name{\n  font-family: var(--mono);\n  font-size: 0.72rem;\n  text-transform: uppercase;\n  letter-spacing: 0.1em;\n  color: var(--ink-3);\n}\n \n\/* ============== SECTION GENERIC ============== *\/\n.ingage-site section{\n  padding: clamp(4rem, 8vw, 7rem) var(--gutter);\n  position: relative;\n}\n.ingage-site .section-inner{ max-width: var(--maxw); margin: 0 auto; }\n \n.ingage-site .eyebrow{\n  font-family: var(--mono);\n  font-size: 0.78rem;\n  text-transform: uppercase;\n  letter-spacing: 0.15em;\n  color: var(--copper);\n  margin-bottom: 1.25rem;\n  display: inline-flex;\n  align-items: center;\n  gap: 0.7rem;\n}\n.ingage-site .eyebrow::before{\n  content:''; width: 24px; height: 1px; background: var(--copper);\n}\n.ingage-site .eyebrow .num{ color: var(--ink-3); }\n \n.ingage-site h2.section-title{\n  font-family: var(--serif);\n  font-weight: 400;\n  font-size: clamp(2.4rem, 5.5vw, 4.5rem);\n  line-height: 1;\n  letter-spacing: -0.025em;\n  margin: 0 0 1.75rem;\n  max-width: 22ch;\n  color: var(--ink);\n}\n.ingage-site h2.section-title em{ font-style: italic; color: var(--copper); }\n.ingage-site .section-intro{\n  font-size: 1.1rem;\n  color: var(--ink-2);\n  max-width: 65ch;\n  margin: 0 0 3.5rem;\n  line-height: 1.6;\n}\n \n\/* ============== ABOUT ============== *\/\n.ingage-site #ingage-about{ background: var(--paper); }\n.ingage-site .about-grid{\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 3rem;\n}\n@media (min-width: 950px){\n  .ingage-site .about-grid{\n    grid-template-columns: 5fr 4fr;\n    gap: 5rem;\n    align-items: start;\n  }\n}\n \n.ingage-site .about-body p{\n  font-size: 1.05rem;\n  color: var(--ink-2);\n  margin: 0 0 1.25rem;\n  line-height: 1.65;\n}\n.ingage-site .about-body p:first-child{\n  font-family: var(--serif);\n  font-size: clamp(1.5rem, 2.3vw, 1.85rem);\n  font-weight: 400;\n  line-height: 1.3;\n  color: var(--ink);\n  letter-spacing: -0.01em;\n  margin-bottom: 1.75rem;\n}\n.ingage-site .about-body p:first-child em{ font-style: italic; color: var(--copper); }\n.ingage-site .about-body strong{ color: var(--ink); font-weight: 600; }\n \n.ingage-site .problem-card{\n  background: var(--paper-soft);\n  border: 1px solid var(--line);\n  padding: 2.25rem;\n  position: relative;\n}\n.ingage-site .problem-card::before{\n  content:'';\n  position: absolute;\n  top: -1px; right: -1px;\n  width: 36px; height: 36px;\n  border-top: 2px solid var(--copper);\n  border-right: 2px solid var(--copper);\n}\n.ingage-site .problem-card h3{\n  font-family: var(--mono);\n  font-size: 0.72rem;\n  text-transform: uppercase;\n  letter-spacing: 0.15em;\n  margin: 0 0 1.75rem;\n  color: var(--copper);\n  font-weight: 600;\n}\n.ingage-site .stat-row{\n  padding-bottom: 1.5rem;\n  margin-bottom: 1.5rem;\n  border-bottom: 1px solid var(--line);\n}\n.ingage-site .stat-row:last-child{ border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }\n.ingage-site .stat-num{\n  font-family: var(--serif);\n  font-size: clamp(2.4rem, 4.5vw, 3.2rem);\n  font-weight: 400;\n  line-height: 1;\n  color: var(--ink);\n  letter-spacing: -0.02em;\n}\n.ingage-site .stat-num .unit{\n  font-family: var(--mono);\n  font-size: 0.4em;\n  color: var(--copper);\n  font-weight: 600;\n  margin-left: 0.15rem;\n  letter-spacing: 0;\n}\n.ingage-site .stat-desc{\n  margin-top: 0.55rem;\n  font-size: 0.92rem;\n  color: var(--ink-2);\n  line-height: 1.55;\n}\n \n\/* ============== TECHNOLOGY (4 stages) ============== *\/\n.ingage-site #ingage-technology{ background: var(--paper-soft); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }\n \n.ingage-site .flow-grid{\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 0;\n  border: 1px solid var(--line);\n  background: var(--paper);\n}\n@media (min-width: 700px){ .ingage-site .flow-grid{ grid-template-columns: repeat(2, 1fr); } }\n@media (min-width: 1050px){ .ingage-site .flow-grid{ grid-template-columns: repeat(4, 1fr); } }\n \n.ingage-site .flow-step{\n  padding: 2.25rem 2rem;\n  border-right: 1px solid var(--line);\n  border-bottom: 1px solid var(--line);\n  position: relative;\n  background: var(--paper);\n  transition: background 0.3s;\n}\n.ingage-site .flow-step:hover{ background: var(--copper-wash); }\n.ingage-site .flow-step:last-child{ border-right: 0; }\n@media (min-width: 700px) and (max-width: 1049px){\n  .ingage-site .flow-step:nth-child(2n){ border-right: 0; }\n  .ingage-site .flow-step:nth-child(n+3){ \/* bottom row keeps border-bottom none *\/ }\n}\n@media (min-width: 1050px){\n  .ingage-site .flow-step{ border-bottom: 0; }\n}\n.ingage-site .flow-step .step-num{\n  font-family: var(--mono);\n  font-size: 0.7rem;\n  letter-spacing: 0.15em;\n  color: var(--copper);\n  font-weight: 600;\n  margin-bottom: 2rem;\n  display: block;\n}\n.ingage-site .flow-step h4{\n  font-family: var(--serif);\n  font-size: 1.6rem;\n  font-weight: 400;\n  margin: 0 0 0.75rem;\n  letter-spacing: -0.015em;\n  line-height: 1.15;\n  color: var(--ink);\n}\n.ingage-site .flow-step p{\n  font-size: 0.95rem;\n  color: var(--ink-2);\n  margin: 0;\n  line-height: 1.55;\n}\n \n\/* Element detail rows *\/\n.ingage-site .element-detail{\n  margin-top: 5rem;\n  padding-top: 3rem;\n  border-top: 1px solid var(--line);\n}\n.ingage-site .element-detail-header{\n  display: flex;\n  justify-content: space-between;\n  align-items: baseline;\n  flex-wrap: wrap;\n  gap: 1rem;\n  margin-bottom: 2.5rem;\n}\n.ingage-site .element-detail-header h3{\n  font-family: var(--serif);\n  font-weight: 400;\n  font-size: clamp(1.8rem, 3vw, 2.4rem);\n  margin: 0;\n  letter-spacing: -0.02em;\n  line-height: 1;\n}\n.ingage-site .element-detail-header h3 em{ font-style: italic; color: var(--copper); }\n.ingage-site .element-detail-header .legend{\n  font-family: var(--mono);\n  font-size: 0.72rem;\n  text-transform: uppercase;\n  letter-spacing: 0.12em;\n  color: var(--ink-3);\n}\n \n.ingage-site .el-row{\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 1.5rem;\n  padding: 2.5rem 0;\n  border-bottom: 1px solid var(--line);\n  align-items: start;\n}\n.ingage-site .el-row:first-of-type{ border-top: 1px solid var(--line); }\n@media (min-width: 900px){\n  .ingage-site .el-row{ grid-template-columns: 120px 1.5fr 1fr; gap: 2.5rem; }\n}\n \n.ingage-site .el-row-sym{\n  font-family: var(--serif);\n  font-size: clamp(3rem, 5.5vw, 4.5rem);\n  font-weight: 400;\n  line-height: 1;\n  color: var(--copper);\n  letter-spacing: -0.03em;\n  position: relative;\n}\n.ingage-site .el-row-sym::after{\n  content: attr(data-num);\n  position: absolute;\n  top: -0.3em; right: -1.3em;\n  font-family: var(--mono);\n  font-size: 0.2em;\n  color: var(--ink-3);\n  font-weight: 500;\n}\n.ingage-site .el-row-content h4{\n  font-family: var(--serif);\n  font-size: 1.65rem;\n  font-weight: 400;\n  margin: 0 0 0.5rem;\n  letter-spacing: -0.015em;\n  color: var(--ink);\n}\n.ingage-site .el-row-source{\n  font-family: var(--mono);\n  font-size: 0.74rem;\n  text-transform: uppercase;\n  letter-spacing: 0.1em;\n  color: var(--ink-3);\n  margin-bottom: 1.25rem;\n}\n.ingage-site .el-row-content p{\n  font-size: 0.98rem;\n  color: var(--ink-2);\n  margin: 0;\n  line-height: 1.65;\n}\n.ingage-site .el-row-kpi{\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n.ingage-site .kpi-line{\n  display: flex;\n  justify-content: space-between;\n  align-items: baseline;\n  padding-bottom: 0.65rem;\n  border-bottom: 1px dashed var(--line);\n}\n.ingage-site .kpi-line .lbl{\n  font-family: var(--mono);\n  font-size: 0.7rem;\n  text-transform: uppercase;\n  letter-spacing: 0.1em;\n  color: var(--ink-3);\n}\n.ingage-site .kpi-line .val{\n  font-family: var(--serif);\n  font-size: 1.3rem;\n  font-weight: 400;\n  color: var(--ink);\n  letter-spacing: -0.02em;\n}\n.ingage-site .kpi-line .val em{ font-style: italic; color: var(--copper); }\n \n\/* ============== IMPACT ============== *\/\n.ingage-site #ingage-impact{ background: var(--paper); position: relative; overflow: hidden; }\n.ingage-site #ingage-impact::before{\n  \/* the single big decorative element: a faint circle bottom-left *\/\n  content:'';\n  position: absolute;\n  bottom: -200px; left: -200px;\n  width: 500px; height: 500px;\n  border: 1px solid var(--copper-soft);\n  border-radius: 50%;\n  opacity: 0.4;\n  pointer-events: none;\n}\n \n.ingage-site .impact-grid{\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 1rem;\n  position: relative; z-index: 1;\n}\n@media (min-width: 700px){ .ingage-site .impact-grid{ grid-template-columns: repeat(2, 1fr); } }\n@media (min-width: 1100px){ .ingage-site .impact-grid{ grid-template-columns: repeat(5, 1fr); } }\n \n.ingage-site .impact-card{\n  background: var(--paper-soft);\n  border: 1px solid var(--line);\n  padding: 2rem 1.5rem;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  transition: all 0.3s;\n  position: relative;\n}\n.ingage-site .impact-card:hover{\n  background: var(--copper-wash);\n  border-color: var(--copper);\n  transform: translateY(-4px);\n}\n.ingage-site .impact-card .el-mark{\n  font-family: var(--mono);\n  font-size: 0.7rem;\n  letter-spacing: 0.12em;\n  color: var(--copper);\n  font-weight: 600;\n}\n.ingage-site .impact-pct{\n  font-family: var(--serif);\n  font-size: clamp(3rem, 5.5vw, 4.2rem);\n  font-weight: 400;\n  line-height: 0.95;\n  color: var(--ink);\n  letter-spacing: -0.035em;\n}\n.ingage-site .impact-pct .small{\n  font-size: 0.4em;\n  color: var(--copper);\n  font-family: var(--mono);\n  font-weight: 500;\n}\n.ingage-site .impact-label{\n  font-size: 0.95rem;\n  font-weight: 600;\n  color: var(--ink);\n}\n.ingage-site .impact-desc{\n  font-size: 0.85rem;\n  color: var(--ink-2);\n  margin: 0;\n  line-height: 1.5;\n}\n \n.ingage-site .impact-pillars{\n  margin-top: 4.5rem;\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 2rem;\n}\n@media (min-width: 800px){ .ingage-site .impact-pillars{ grid-template-columns: repeat(3, 1fr); gap: 3rem; } }\n \n.ingage-site .pillar{\n  padding-top: 1.5rem;\n  border-top: 2px solid var(--copper);\n}\n.ingage-site .pillar h4{\n  font-family: var(--mono);\n  font-size: 0.74rem;\n  text-transform: uppercase;\n  letter-spacing: 0.15em;\n  color: var(--copper);\n  margin: 0 0 1rem;\n  font-weight: 600;\n}\n.ingage-site .pillar p{\n  font-family: var(--serif);\n  font-size: 1.3rem;\n  font-weight: 400;\n  margin: 0;\n  line-height: 1.35;\n  color: var(--ink);\n  letter-spacing: -0.01em;\n}\n.ingage-site .pillar p em{ font-style: italic; color: var(--copper); }\n \n\/* ============== CONSORTIUM ============== *\/\n.ingage-site #ingage-consortium{ background: var(--paper-soft); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }\n \n.ingage-site .consortium-layout{\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 3rem;\n}\n@media (min-width: 1000px){\n  .ingage-site .consortium-layout{ grid-template-columns: 1.05fr 1fr; gap: 4rem; align-items: start; }\n}\n \n.ingage-site .eu-map{\n  background: var(--paper);\n  border: 1px solid var(--line);\n  padding: 1.5rem;\n  position: relative;\n}\n.ingage-site .eu-map-frame{\n  width: 100%;\n  height: 700px;\n  border: 1px solid var(--line);\n  background: var(--paper-deep);\n  position: relative;\n}\n@media (max-width: 700px){ .ingage-site .eu-map-frame{ height: 420px; } }\n \n\/* Leaflet overrides \u2014 match copper\/cream palette *\/\n.leaflet-container{\n  background: var(--paper-deep) !important;\n  font-family: var(--sans) !important;\n  outline: none;\n}\n.leaflet-tile-pane{\n  \/* slight desaturation so basemap recedes behind copper-blue markers *\/\n  filter: saturate(0.55) brightness(1.02) contrast(0.95);\n}\n.leaflet-control-attribution{\n  background: rgba(255,255,255,0.92) !important;\n  color: var(--ink-3) !important;\n  font-family: var(--mono) !important;\n  font-size: 0.65rem !important;\n  letter-spacing: 0.02em;\n  padding: 2px 6px !important;\n  border: 1px solid var(--line);\n  border-right: 0; border-bottom: 0;\n}\n.leaflet-control-attribution a{ color: var(--copper) !important; }\n.leaflet-control-zoom{\n  border: 1px solid var(--line) !important;\n  box-shadow: none !important;\n}\n.leaflet-control-zoom a{\n  background: var(--paper) !important;\n  color: var(--ink) !important;\n  border: 0 !important;\n  border-bottom: 1px solid var(--line) !important;\n  font-family: var(--serif) !important;\n  font-size: 1.2rem !important;\n  font-weight: 400 !important;\n  width: 32px !important; height: 32px !important;\n  line-height: 32px !important;\n  transition: all 0.15s;\n}\n.leaflet-control-zoom a:last-child{ border-bottom: 0 !important; }\n.leaflet-control-zoom a:hover{ background: var(--copper) !important; color: var(--paper) !important; }\n \n\/* Custom copper marker (built from a div) *\/\n.ingage-marker{\n  background: transparent;\n  border: 0;\n}\n.ingage-marker .pin{\n  width: 20px; height: 20px;\n  border-radius: 50%;\n  background: var(--copper);\n  border: 3px solid var(--paper);\n  box-shadow: 0 2px 8px rgba(53,119,138,0.35), 0 0 0 1px rgba(50,68,94,0.15);\n  position: relative;\n  transition: transform 0.2s;\n}\n.ingage-marker .pin::after{\n  content:'';\n  position: absolute;\n  inset: -8px;\n  border-radius: 50%;\n  border: 1px solid var(--copper);\n  opacity: 0.4;\n  animation: pinPulse 2.4s ease-out infinite;\n}\n.ingage-marker:hover .pin{ transform: scale(1.2); }\n@keyframes pinPulse{\n  0%   { transform: scale(0.85); opacity: 0.45; }\n  100% { transform: scale(1.6); opacity: 0; }\n}\n \n\/* Leaflet popup \u2014 copper \/ cream *\/\n.leaflet-popup-content-wrapper{\n  background: var(--paper) !important;\n  color: var(--ink) !important;\n  border-radius: 0 !important;\n  border: 1px solid var(--line) !important;\n  box-shadow: 0 8px 28px rgba(50,68,94,0.12) !important;\n  padding: 0 !important;\n}\n.leaflet-popup-content{\n  margin: 0 !important;\n  padding: 0.95rem 1.1rem !important;\n  font-family: var(--sans) !important;\n  font-size: 0.9rem !important;\n  line-height: 1.45 !important;\n  min-width: 200px;\n}\n.leaflet-popup-content .popup-flag{\n  font-family: var(--mono);\n  font-size: 0.65rem;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.1em;\n  color: var(--copper);\n  margin-bottom: 0.35rem;\n}\n.leaflet-popup-content .popup-name{\n  font-family: var(--serif);\n  font-size: 1.1rem;\n  font-weight: 400;\n  color: var(--ink);\n  line-height: 1.2;\n  margin-bottom: 0.25rem;\n  letter-spacing: -0.01em;\n}\n.leaflet-popup-content .popup-role{\n  font-family: var(--mono);\n  font-size: 0.65rem;\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  color: var(--ink-3);\n  margin-bottom: 0.6rem;\n}\n.leaflet-popup-content .popup-link{\n  font-family: var(--mono);\n  font-size: 0.7rem;\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  color: var(--copper);\n  font-weight: 600;\n}\n.leaflet-popup-content .popup-link:hover{ color: var(--copper-deep); }\n.leaflet-popup-tip{\n  background: var(--paper) !important;\n  border: 1px solid var(--line) !important;\n}\n.leaflet-popup-close-button{\n  color: var(--ink-3) !important;\n  font-size: 1.4rem !important;\n  font-weight: 300 !important;\n  padding: 6px 8px !important;\n}\n.leaflet-popup-close-button:hover{ color: var(--copper) !important; }\n \n.ingage-site .eu-map-caption{\n  margin-top: 1.25rem;\n  padding-top: 1rem;\n  border-top: 1px solid var(--line);\n  font-family: var(--mono);\n  font-size: 0.72rem;\n  text-transform: uppercase;\n  letter-spacing: 0.1em;\n  color: var(--ink-3);\n  display: flex;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  gap: 0.5rem;\n}\n \n.ingage-site .partners-list{\n  display: flex;\n  flex-direction: column;\n}\n.ingage-site .partner-item{\n  display: grid;\n  grid-template-columns: 5% 40% 40% 13%;\n  gap: 1.25rem;\n  align-items: center;\n  padding: 1.15rem 0;\n  border-bottom: 1px solid var(--line);\n  transition: all 0.2s;\n\tjustify-items: center;\n}\n.ingage-site .partner-item:first-child{ border-top: 1px solid var(--line); }\n.ingage-site .partner-item:hover{ padding-left: 0.5rem; }\n.ingage-site .partner-item:hover .partner-name{ color: var(--copper); }\n.ingage-site .partner-flag{\n  width: 30px; height: 22px;\n  background: var(--paper-deep);\n  border: 1px solid var(--line);\n  display: grid; place-items: center;\n  font-family: var(--mono);\n  font-size: 0.62rem;\n  font-weight: 700;\n  color: var(--ink-2);\n  letter-spacing: 0.05em;\n}\n.ingage-site .partner-name{\n  font-family: var(--serif);\n  font-size: 1.2rem;\n  font-weight: 400;\n  letter-spacing: -0.01em;\n  color: var(--ink);\n  transition: color 0.2s;\n  line-height: 1.25;\n}\n.ingage-site .partner-name .role{\n  display: block;\n  font-family: var(--mono);\n  font-size: 0.68rem;\n  font-weight: 500;\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  color: var(--ink-3);\n  margin-top: 0.25rem;\n}\n.ingage-site .partner-link{\n  font-family: var(--mono);\n  font-size: 0.7rem;\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  color: var(--ink-3);\n  padding: 0.35rem 0.65rem;\n  border: 1px solid var(--line);\n  transition: all 0.2s;\n  white-space: nowrap;\n}\n.ingage-site .partner-link:hover{ color: var(--paper); background: var(--copper); border-color: var(--copper); }\n@media (max-width: 600px){\n  .ingage-site .partner-item{ grid-template-columns: auto 1fr; }\n  .ingage-site .partner-link{ grid-column: 1 \/ -1; justify-self: start; margin-top: 0.4rem; }\n}\n \n\/* ============== NEWS ============== *\/\n.ingage-site #ingage-news{ background: var(--paper); }\n.ingage-site .news-grid{\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 1.5rem;\n}\n@media (min-width: 800px){ .ingage-site .news-grid{ grid-template-columns: repeat(2, 1fr); } }\n@media (min-width: 1100px){ .ingage-site .news-grid{ grid-template-columns: repeat(3, 1fr); } }\n \n.ingage-site .news-card{\n  background: var(--paper-soft);\n  border: 1px solid var(--line);\n  padding: 2rem;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  transition: all 0.3s;\n  min-height: 240px;\n}\n.ingage-site .news-card:hover{ border-color: var(--copper); transform: translateY(-3px); }\n.ingage-site .news-meta{\n  display: flex;\n  justify-content: space-between;\n  font-family: var(--mono);\n  font-size: 0.7rem;\n  text-transform: uppercase;\n  letter-spacing: 0.12em;\n  color: var(--ink-3);\n}\n.ingage-site .news-type{ color: var(--copper); font-weight: 600; }\n.ingage-site .news-card h4{\n  font-family: var(--serif);\n  font-size: 1.4rem;\n  font-weight: 400;\n  margin: 0;\n  letter-spacing: -0.015em;\n  line-height: 1.2;\n  color: var(--ink);\n  flex: 1;\n}\n.ingage-site .news-card p{\n  font-size: 0.94rem;\n  color: var(--ink-2);\n  margin: 0;\n  line-height: 1.55;\n}\n.ingage-site .news-cta{\n  font-family: var(--mono);\n  font-size: 0.74rem;\n  text-transform: uppercase;\n  letter-spacing: 0.1em;\n  color: var(--copper);\n  font-weight: 600;\n  margin-top: 0.25rem;\n  display: inline-flex; align-items: center; gap: 0.5rem;\n}\n.ingage-site .news-card.placeholder{\n  border-style: dashed;\n  background: transparent;\n  display: grid; place-items: center;\n  text-align: center;\n  min-height: 180px;\n}\n.ingage-site .news-card.placeholder .icon{\n  font-family: var(--serif);\n  font-size: 2rem;\n  color: var(--copper);\n  margin-bottom: 0.5rem;\n  line-height: 1;\n}\n.ingage-site .news-card.placeholder .txt{\n  font-family: var(--mono);\n  font-size: 0.78rem;\n  text-transform: uppercase;\n  letter-spacing: 0.1em;\n  color: var(--ink-3);\n}\n \n\/* ============== RESOURCES ============== *\/\n.ingage-site #ingage-resources{ background: var(--paper-soft); border-top: 1px solid var(--line); }\n \n.ingage-site .resources-grid{\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 1rem;\n}\n@media (min-width: 700px){ .ingage-site .resources-grid{ grid-template-columns: repeat(2, 1fr); } }\n@media (min-width: 1000px){ .ingage-site .resources-grid{ grid-template-columns: repeat(3, 1fr); } }\n \n.ingage-site .resource-card{\n  background: var(--paper);\n  border: 1px solid var(--line);\n  padding: 1.75rem;\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n  transition: all 0.3s;\n  min-height: 190px;\n  position: relative;\n}\n.ingage-site .resource-card:hover{ border-color: var(--copper); }\n.ingage-site .resource-card .res-type{\n  font-family: var(--mono);\n  font-size: 0.68rem;\n  text-transform: uppercase;\n  letter-spacing: 0.14em;\n  color: var(--copper);\n  font-weight: 600;\n}\n.ingage-site .resource-card h4{\n  font-family: var(--serif);\n  font-size: 1.2rem;\n  font-weight: 400;\n  margin: 0;\n  letter-spacing: -0.01em;\n  line-height: 1.25;\n  color: var(--ink);\n  flex: 1;\n}\n.ingage-site .resource-card .res-foot{\n  font-family: var(--mono);\n  font-size: 0.7rem;\n  letter-spacing: 0.08em;\n  color: var(--ink-3);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  text-transform: uppercase;\n}\n.ingage-site .resource-card.empty{\n  border-style: dashed;\n  background: transparent;\n  display: grid; place-items: center;\n  text-align: center;\n  color: var(--ink-3);\n  font-family: var(--mono);\n  font-size: 0.82rem;\n  letter-spacing: 0.05em;\n  text-transform: uppercase;\n}\n \n\/* ============== CONTACT ============== *\/\n.ingage-site #ingage-contact{\n  background: var(--ink);\n  color: var(--paper);\n  padding: clamp(5rem, 9vw, 8rem) var(--gutter);\n  position: relative;\n  overflow: hidden;\n}\n.ingage-site #ingage-contact::before{\n  content:'';\n  position: absolute;\n  top: -150px; right: -150px;\n  width: 500px; height: 500px;\n  border: 1px solid var(--copper);\n  border-radius: 50%;\n  opacity: 0.2;\n  pointer-events: none;\n}\n.ingage-site .contact-grid{\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 3rem;\n  position: relative; z-index: 1;\n  max-width: var(--maxw);\n  margin: 0 auto;\n}\n@media (min-width: 900px){ .ingage-site .contact-grid{ grid-template-columns: 1.2fr 1fr; gap: 5rem; align-items: end; } }\n \n.ingage-site .contact-body .eyebrow{ color: var(--copper-soft); }\n.ingage-site .contact-body .eyebrow::before{ background: var(--copper-soft); }\n.ingage-site .contact-body h2{\n  font-family: var(--serif);\n  font-weight: 400;\n  font-size: clamp(2.5rem, 5.5vw, 4.5rem);\n  line-height: 1;\n  letter-spacing: -0.03em;\n  margin: 0 0 1.5rem;\n  color: var(--paper);\n  max-width: 16ch;\n}\n.ingage-site .contact-body h2 em{ font-style: italic; color: var(--copper-soft); }\n.ingage-site .contact-body > p{\n  font-size: 1.1rem;\n  color: rgba(255,255,255,0.7);\n  max-width: 50ch;\n  margin: 0 0 2rem;\n  line-height: 1.55;\n}\n \n.ingage-site .social-row{\n  display: flex;\n  gap: 0.7rem;\n  flex-wrap: wrap;\n}\n.ingage-site .social-pill{\n  font-family: var(--mono);\n  font-size: 0.74rem;\n  text-transform: uppercase;\n  letter-spacing: 0.1em;\n  padding: 0.55rem 0.95rem;\n  border: 1px solid rgba(255,255,255,0.25);\n  color: rgba(255,255,255,0.85);\n  transition: all 0.2s;\n}\n.ingage-site .social-pill:hover{ background: var(--copper); color: var(--paper); border-color: var(--copper); }\n \n.ingage-site .contact-blocks{\n  display: flex;\n  flex-direction: column;\n  gap: 1.25rem;\n}\n.ingage-site .contact-block{\n  background: rgba(255,255,255,0.04);\n  border: 1px solid rgba(255,255,255,0.12);\n  padding: 1.5rem;\n  border-left: 2px solid var(--copper);\n  transition: background 0.2s;\n}\n.ingage-site .contact-block:hover{ background: rgba(255,255,255,0.07); }\n.ingage-site .contact-block .ct-label{\n  font-family: var(--mono);\n  font-size: 0.7rem;\n  text-transform: uppercase;\n  letter-spacing: 0.14em;\n  color: var(--copper-soft);\n  margin-bottom: 0.55rem;\n  font-weight: 600;\n}\n.ingage-site .contact-block .ct-value{\n  font-family: var(--serif);\n  font-size: 1.2rem;\n  color: var(--paper);\n  letter-spacing: -0.01em;\n  line-height: 1.3;\n  word-break: break-word;\n}\n.ingage-site .contact-block .ct-value a{ border-bottom: 1px solid transparent; transition: border-color 0.2s; }\n.ingage-site .contact-block .ct-value a:hover{ color: var(--copper-soft); border-bottom-color: var(--copper-soft); }\n \n\/* ============== FOOTER ============== *\/\n.ingage-site .footer{\n  background: var(--paper);\n  border-top: 1px solid var(--line);\n  padding: 4rem var(--gutter) 2rem;\n}\n.ingage-site .footer-inner{ max-width: var(--maxw); margin: 0 auto; }\n.ingage-site .footer-top{\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 2.5rem;\n  padding-bottom: 2.5rem;\n  border-bottom: 1px solid var(--line);\n}\n@media (min-width: 800px){ .ingage-site .footer-top{ grid-template-columns: auto 1fr; gap: 3rem; align-items: start; } }\n \n.ingage-site .footer-eu img{\n  height: 64px;\n  width: auto;\n}\n.ingage-site .footer-disclaimer{\n  font-size: 0.88rem;\n  color: var(--ink-2);\n  line-height: 1.65;\n  max-width: 80ch;\n}\n.ingage-site .footer-disclaimer strong{ color: var(--ink); font-weight: 600; }\n \n.ingage-site .footer-bottom{\n  padding-top: 2rem;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 1rem;\n  font-family: var(--mono);\n  font-size: 0.72rem;\n  text-transform: uppercase;\n  letter-spacing: 0.1em;\n  color: var(--ink-3);\n}\n.ingage-site .footer-bottom .ga-id{ color: var(--copper); }\n \n\/* ============== REVEAL ANIMATIONS ============== *\/\n.ingage-site .reveal{\n  opacity: 0;\n  transform: translateY(20px);\n  transition: opacity 0.7s ease, transform 0.7s ease;\n}\n.ingage-site .reveal.in{ opacity: 1; transform: translateY(0); }\n.ingage-site .r-d1{ transition-delay: 0.08s; }\n.ingage-site .r-d2{ transition-delay: 0.16s; }\n.ingage-site .r-d3{ transition-delay: 0.24s; }\n.ingage-site .r-d4{ transition-delay: 0.32s; }\n \n@media (prefers-reduced-motion: reduce){\n  .ingage-site, .ingage-site *, .ingage-site *::before, .ingage-site *::after{ animation: none !important; transition: none !important; }\n  .ingage-site .reveal{ opacity: 1; transform: none; }\n}\n\n\/* =============================================================\n   CLIENT REVISIONS\n   \u00b7 working mobile burger menu\n   \u00b7 uniform partner-logo sizing\n   \u00b7 long headings never clip on small screens\n   \u00b7 justified body copy\n   ============================================================= *\/\n\n\/* --- Burger \/ mobile menu polish --- *\/\n.ingage-site .nav-burger{\n  font-size: 1.6rem; line-height: 1; padding: 0.35rem 0.5rem; border-radius: 4px;\n  transition: color 0.2s, background 0.2s;\n}\n.ingage-site .nav-burger:hover{ color: var(--copper); }\n.ingage-site .nav-mobile-only{ display: none; }\n@media (max-width: 920px){\n  .ingage-site .nav-links.open{\n    box-shadow: 0 12px 24px rgba(50,68,94,0.10);\n    padding: 0.5rem var(--gutter) 1rem;\n    gap: 0;\n  }\n  .ingage-site .nav-links.open li{ border-bottom: 1px solid var(--line-soft); }\n  .ingage-site .nav-links.open li:last-child{ border-bottom: 0; }\n  .ingage-site .nav-links.open a{ display: block; padding: 0.9rem 0.25rem; font-size: 1rem; }\n  .ingage-site .nav-links.open a::after{ display: none; }\n  .ingage-site .nav-mobile-only{ display: block; }\n  .ingage-site .nav-mobile-only a{ color: var(--copper); font-weight: 600; }\n}\n\n\/* --- Consortium logos: uniform height, no distortion --- *\/\n.ingage-site .partner-item img{\n  height: 42px !important;\n  width: auto !important;\n  max-width: 100% !important;\n  object-fit: contain;\n  object-position: center;\n}\n\n\/* --- Long headings: break instead of clipping on small screens --- *\/\n.ingage-site .hero-headline,\n.ingage-site h2.section-title,\n.ingage-site .contact-body h2,\n.ingage-site .flow-step h4,\n.ingage-site .el-row-content h4,\n.ingage-site .partner-name,\n.ingage-site .news-card h4,\n.ingage-site .resource-card h4{\n  overflow-wrap: break-word;\n  word-wrap: break-word;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n}\n\n\/* --- Justified body copy (per client request) --- *\/\n.ingage-site .hero-lead,\n.ingage-site .about-body p,\n.ingage-site .section-intro,\n.ingage-site .flow-step p,\n.ingage-site .el-row-content p,\n.ingage-site .impact-desc,\n.ingage-site .news-card p,\n.ingage-site .footer-disclaimer,\n.ingage-site #ingage-contact .contact-body > p{\n  text-align: justify;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n}\n\n\/* --- Small-screen refinements --- *\/\n@media (max-width: 600px){\n  .ingage-site h2.section-title{ font-size: 2rem; }\n  .ingage-site .hero-headline{ font-size: 2.3rem; }\n  .ingage-site .contact-body h2{ font-size: 2.1rem; }\n\n  \/* Consortium rows stack and centre cleanly *\/\n  .ingage-site .partner-item{\n    grid-template-columns: 1fr;\n    justify-items: center;\n    text-align: center;\n    gap: 0.85rem;\n    padding: 1.5rem 0;\n  }\n  .ingage-site .partner-item img{ height: 38px !important; }\n  .ingage-site .partner-name{ text-align: center; }\n  .ingage-site .partner-link{ grid-column: auto; justify-self: center; margin-top: 0.2rem; }\n}\n<\/style>\n\n<div class=\"ingage-site\">\n<!-- ============== NAV ============== -->\n<nav class=\"nav\">\n  <div class=\"nav-inner\">\n    <a href=\"#\" class=\"brand\" aria-label=\"InGaGe home\">\n      <img decoding=\"async\" src=\"https:\/\/ingage-horizon.eu\/wp-content\/uploads\/2026\/05\/INGAGE_Logo_01_RGB_LightBkgd.png\" alt=\"InGaGe \u2014 Horizon Europe project logo\" class=\"brand-logo\">\n    <\/a>\n    <ul class=\"nav-links\" id=\"ingage-nav-menu\">\n      <li><a href=\"#ingage-about\">About<\/a><\/li>\n      <li><a href=\"#ingage-technology\">Technology<\/a><\/li>\n      <li><a href=\"#ingage-impact\">Impact<\/a><\/li>\n      <li><a href=\"#ingage-consortium\">Consortium<\/a><\/li>\n      <li><a href=\"#ingage-news\">News<\/a><\/li>\n      <li><a href=\"#ingage-resources\">Resources<\/a><\/li>\n      <li class=\"nav-mobile-only\"><a href=\"#ingage-contact\">Get in touch \u2192<\/a><\/li>\n    <\/ul>\n    <a href=\"#ingage-contact\" class=\"nav-cta\">\n      Get in touch <span class=\"arr\">\u2192<\/span>\n    <\/a>\n    <button class=\"nav-burger\" id=\"ingage-nav-burger\" aria-label=\"Open navigation menu\" aria-expanded=\"false\" aria-controls=\"ingage-nav-menu\">\u2630<\/button>\n    \n  <\/div>\n<\/nav>\n\n<!-- ============== HERO ============== -->\n<header class=\"hero\">\n  <div class=\"hero-arc\"><\/div>\n  <div class=\"hero-arc-2\"><\/div>\n\n  <div class=\"hero-inner\">\n    <h1 class=\"hero-headline reveal in\">\n      In, Ga, Ge, Sb <span class=\"amp\">&amp;<\/span> As<br>\n      <em>semiconductor raw material<\/em><br>\n      production from European resources.\n    <\/h1>\n\n    <div class=\"hero-body\">\n      <div>\n        <p class=\"hero-lead reveal in r-d1\">\n          InGaGe recovers and refines five strategic semiconductor materials \u2014 <strong>Indium, Gallium, Germanium, Antimony<\/strong> and <strong>Arsenic<\/strong> \u2014 directly from European industrial and end-of-life waste streams. From bauxite residue to wafer, the loop closes inside Europe.\n        <\/p>\n        <div class=\"hero-actions reveal in r-d2\">\n          <a href=\"#ingage-technology\" class=\"btn btn-primary\">\n            Explore the technology <span class=\"arr\">\u2192<\/span>\n          <\/a>\n          <a href=\"#ingage-consortium\" class=\"btn btn-ghost\">\n            14 partners, 6 countries <span class=\"arr\">\u2192<\/span>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <aside class=\"hero-side reveal in r-d3\">\n        <div class=\"hero-side-label\">Project at a glance<\/div>\n        <div class=\"hero-side-rows\">\n          <div class=\"hero-side-row\">\n            <span class=\"k\">Programme<\/span>\n            <span class=\"v\">Horizon Europe<br><em>Cluster 4 \/ Industry<\/em><\/span>\n          <\/div>\n          <div class=\"hero-side-row\">\n            <span class=\"k\">Coordinator<\/span>\n            <span class=\"v\">METLEN<br><em>Energy &amp; Metals<\/em><\/span>\n          <\/div>\n          <div class=\"hero-side-row\">\n            <span class=\"k\">Partners<\/span>\n            <span class=\"v\"><em>14<\/em> organisations<br>across <em>6<\/em> countries<\/span>\n          <\/div>\n          <div class=\"hero-side-row\">\n            <span class=\"k\">Target TRL<\/span>\n            <span class=\"v\"><em>6<\/em> \u2013 <em>7<\/em><\/span>\n          <\/div>\n          <div class=\"hero-side-row\">\n            <span class=\"k\">Duration<\/span>\n            <span class=\"v\">48 months<\/span>\n          <\/div>\n        <\/div>\n      <\/aside>\n    <\/div>\n  <\/div>\n<\/header>\n\n<!-- ============== ELEMENTS STRIP ============== -->\n<section class=\"elements-strip\">\n  <div class=\"elements-strip-inner\">\n    <div class=\"elements-strip-label\">Five elements \u00b7 One value chain<\/div>\n    <div class=\"elements-grid\">\n      <div class=\"el-cell\">\n        <div class=\"el-cell-top\"><span class=\"num\">31<\/span><span>69.72<\/span><\/div>\n        <div class=\"el-cell-sym\">Ga<\/div>\n        <div class=\"el-cell-name\">Gallium<\/div>\n      <\/div>\n      <div class=\"el-cell\">\n        <div class=\"el-cell-top\"><span class=\"num\">32<\/span><span>72.63<\/span><\/div>\n        <div class=\"el-cell-sym\">Ge<\/div>\n        <div class=\"el-cell-name\">Germanium<\/div>\n      <\/div>\n      <div class=\"el-cell\">\n        <div class=\"el-cell-top\"><span class=\"num\">33<\/span><span>74.92<\/span><\/div>\n        <div class=\"el-cell-sym\">As<\/div>\n        <div class=\"el-cell-name\">Arsenic<\/div>\n      <\/div>\n      <div class=\"el-cell\">\n        <div class=\"el-cell-top\"><span class=\"num\">49<\/span><span>114.82<\/span><\/div>\n        <div class=\"el-cell-sym\">In<\/div>\n        <div class=\"el-cell-name\">Indium<\/div>\n      <\/div>\n      <div class=\"el-cell\">\n        <div class=\"el-cell-top\"><span class=\"num\">51<\/span><span>121.76<\/span><\/div>\n        <div class=\"el-cell-sym\">Sb<\/div>\n        <div class=\"el-cell-name\">Antimony<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============== ABOUT ============== -->\n<section id=\"ingage-about\">\n  <div class=\"section-inner\">\n    <h2 class=\"section-title\">About the <em>project<\/em>.<\/h2>\n\n    <div class=\"about-grid\">\n      <div class=\"about-body\">\n        <p>\n          Semiconductors power the green and digital transition \u2014 but Europe depends almost entirely on imports of the strategic metals that make them possible. <em>InGaGe closes that gap.<\/em>\n        <\/p>\n        <p>\n          The project develops and demonstrates integrated processes for the recovery of <strong>Gallium<\/strong> from bauxite residue and crude-Ga production waste, <strong>Indium<\/strong> from zinc-smelting alloys, <strong>Germanium<\/strong> from optical cables and LEDs, <strong>Antimony<\/strong> from copper processing residues, and <strong>Arsenic<\/strong> from GaAs wafer waste and legacy metallurgical dust.\n        <\/p>\n        <p>\n          Beyond extraction, InGaGe innovates the downstream value chain itself: a novel plasma refining method delivers ultra-pure gallium, while a scaled HTVPE reactor produces 2-inch GaN wafers from recovered metal. Recovered indium and gallium are validated in industrial InP and GaAs wafer production at <strong>Freiberger Compound Materials<\/strong> \u2014 closing the loop from waste back to wafer.\n        <\/p>\n        <p>\n          The result is a sovereign, sustainable, cost-competitive European semiconductor value chain \u2014 aligned with the <strong>Critical Raw Materials Act<\/strong> and the <strong>European Green Deal<\/strong>.\n        <\/p>\n      <\/div>\n\n      <aside class=\"problem-card\">\n        <h3>The challenge, in numbers<\/h3>\n        <div class=\"stat-row\">\n          <div class=\"stat-num\">98<span class=\"unit\">%<\/span><\/div>\n          <div class=\"stat-desc\">EU import reliance on gallium \u2014 a strategic raw material under the CRM Act.<\/div>\n        <\/div>\n        <div class=\"stat-row\">\n          <div class=\"stat-num\">0<span class=\"unit\">%<\/span><\/div>\n          <div class=\"stat-desc\">Of these five metals is currently recycled from European secondary resources.<\/div>\n        <\/div>\n        <div class=\"stat-row\">\n          <div class=\"stat-num\">5.5<span class=\"unit\">Mt\/y<\/span><\/div>\n          <div class=\"stat-desc\">Bauxite residue produced in Europe annually \u2014 almost entirely landfilled, despite its gallium content.<\/div>\n        <\/div>\n        <div class=\"stat-row\">\n          <div class=\"stat-num\">\u221230<span class=\"unit\">%<\/span><\/div>\n          <div class=\"stat-desc\">Lower GHG emissions targeted compared to state-of-the-art primary production.<\/div>\n        <\/div>\n      <\/aside>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============== TECHNOLOGY ============== -->\n<section id=\"ingage-technology\">\n  <div class=\"section-inner\">\n    \n    <h2 class=\"section-title\">The <em>Technology:<\/em> From industrial waste to semiconductor-grade materials<\/h2>\n    \n\n    \n\n    <div class=\"element-detail\">\n      <div class=\"element-detail-header\">\n        <h3>Five elements, <em>five recovery routes<\/em>.<\/h3>\n        <span class=\"legend\">All routes targeting TRL 6 \u2013 7<\/span>\n      <\/div>\n\n      <div class=\"el-row\">\n        <div class=\"el-row-sym\" data-num=\"\">Ga<\/div>\n        <div class=\"el-row-content\">\n          <h4>Gallium<\/h4>\n          <div class=\"el-row-source\">From bauxite residue \u00b7 crude-Ga production waste<\/div>\n          <p>Recovered through a holistic valorisation flowsheet that also yields pig iron, alumina hydrate and recycled soda \u2014 turning Europe's most-landfilled industrial by-product into a strategic raw material.<\/p>\n        <\/div>\n        <div class=\"el-row-kpi\">\n          <div class=\"kpi-line\"><span class=\"lbl\">Recycling efficiency<\/span><span class=\"val\"><em>\u2265 85%<\/em><\/span><\/div>\n          <div class=\"kpi-line\"><span class=\"lbl\">Refined purity<\/span><span class=\"val\">5N \u2013 7N<\/span><\/div>\n          <div class=\"kpi-line\"><span class=\"lbl\">EU imports cut<\/span><span class=\"val\"><em>\u221275%<\/em><\/span><\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"el-row\">\n        <div class=\"el-row-sym\" data-num=\"\">Ge<\/div>\n        <div class=\"el-row-content\">\n          <h4>Germanium<\/h4>\n          <div class=\"el-row-source\">From optical cables \u00b7 LED assemblies (WEEE \/ ELV)<\/div>\n          <p>Mechanical separation of Ge-rich glass fibres, followed by pressure leaching and ion-exchange recovery \u2014 unlocking germanium from a waste stream that today is irrecoverably lost in shredding.<\/p>\n        <\/div>\n        <div class=\"el-row-kpi\">\n          <div class=\"kpi-line\"><span class=\"lbl\">Fibre separation<\/span><span class=\"val\">\u2265 85%<\/span><\/div>\n          <div class=\"kpi-line\"><span class=\"lbl\">Overall yield<\/span><span class=\"val\"><em>\u2265 90%<\/em><\/span><\/div>\n          <div class=\"kpi-line\"><span class=\"lbl\">EU imports cut<\/span><span class=\"val\"><em>\u221245%<\/em><\/span><\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"el-row\">\n        <div class=\"el-row-sym\" data-num=\"\">In<\/div>\n        <div class=\"el-row-content\">\n          <h4>Indium<\/h4>\n          <div class=\"el-row-source\">From zinc-smelting by-products \u00b7 InP wafer waste<\/div>\n          <p>A three-stage route \u2014 drossing concentration, hydrometallurgical extraction, electro-refining \u2014 produces 4N indium ready for InP wafer manufacturing. A parallel patent-pending process recycles InP production waste safely.<\/p>\n        <\/div>\n        <div class=\"el-row-kpi\">\n          <div class=\"kpi-line\"><span class=\"lbl\">Concentration factor<\/span><span class=\"val\">\u2265 10\u00d7<\/span><\/div>\n          <div class=\"kpi-line\"><span class=\"lbl\">Final purity<\/span><span class=\"val\"><em>4N<\/em><\/span><\/div>\n          <div class=\"kpi-line\"><span class=\"lbl\">EU imports cut<\/span><span class=\"val\"><em>\u221241%<\/em><\/span><\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"el-row\">\n        <div class=\"el-row-sym\" data-num=\"\">Sb<\/div>\n        <div class=\"el-row-content\">\n          <h4>Antimony<\/h4>\n          <div class=\"el-row-source\">From copper-processing residues<\/div>\n          <p>Acidic leaching, selective Sb\u2082O\u2083\u00b72SbOCl precipitation and chloride removal yield semiconductor-grade Sb\u2082O\u2083, with parallel bismuth recovery as a co-product \u2014 making the route economically robust.<\/p>\n        <\/div>\n        <div class=\"el-row-kpi\">\n          <div class=\"kpi-line\"><span class=\"lbl\">Sb yield<\/span><span class=\"val\"><em>\u2265 90%<\/em><\/span><\/div>\n          <div class=\"kpi-line\"><span class=\"lbl\">Co-product<\/span><span class=\"val\">Bismuth<\/span><\/div>\n          <div class=\"kpi-line\"><span class=\"lbl\">Pilot throughput<\/span><span class=\"val\">10+ kg<\/span><\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"el-row\">\n        <div class=\"el-row-sym\" data-num=\"\">As<\/div>\n        <div class=\"el-row-content\">\n          <h4>Arsenic<\/h4>\n          <div class=\"el-row-source\">From GaAs wafer recycling \u00b7 legacy metallurgical flue dust<\/div>\n          <p>A novel deep-eutectic-solvent electrowinning route safely converts arsenic-bearing hazardous waste into 99% pure As\u2082O\u2083, fed back into GaAs wafer production \u2014 transforming a chronic liability into a strategic feedstock.<\/p>\n        <\/div>\n        <div class=\"el-row-kpi\">\n          <div class=\"kpi-line\"><span class=\"lbl\">As recovery<\/span><span class=\"val\"><em>\u2265 90%<\/em><\/span><\/div>\n          <div class=\"kpi-line\"><span class=\"lbl\">Product purity<\/span><span class=\"val\">99% As\u2082O\u2083<\/span><\/div>\n          <div class=\"kpi-line\"><span class=\"lbl\">Demo capacity<\/span><span class=\"val\">500+ kg<\/span><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============== IMPACT ============== -->\n<section id=\"ingage-impact\">\n  <div class=\"section-inner\">\n    \n    <h2 class=\"section-title\">A <em>sovereign<\/em> European chip industry.<\/h2>\n    <p class=\"section-intro\">\n      InGaGe's first technology rollout \u2014 using only the volumes already available within the consortium \u2014 would dramatically reduce Europe's dependence on imported semiconductor raw materials.\n    <\/p>\n\n    <div class=\"impact-grid\">\n      <div class=\"impact-card\">\n        <div class=\"el-mark\">Ga \u00b7 Gallium<\/div>\n        <div class=\"impact-pct\">\u221275<span class=\"small\">%<\/span><\/div>\n        <div class=\"impact-label\">Gallium imports<\/div>\n        <p class=\"impact-desc\">From bauxite residue and crude-Ga waste at METLEN's Greek alumina refinery.<\/p>\n      <\/div>\n      <div class=\"impact-card\">\n        <div class=\"el-mark\">Ge \u00b7 Germanium<\/div>\n        <div class=\"impact-pct\">\u221245<span class=\"small\">%<\/span><\/div>\n        <div class=\"impact-label\">Germanium imports<\/div>\n        <p class=\"impact-desc\">From optical cables and LEDs collected through EMR's European recycling network.<\/p>\n      <\/div>\n      <div class=\"impact-card\">\n        <div class=\"el-mark\">In \u00b7 Indium<\/div>\n        <div class=\"impact-pct\">\u221241<span class=\"small\">%<\/span><\/div>\n        <div class=\"impact-label\">Indium imports<\/div>\n        <p class=\"impact-desc\">From multi-metal alloys already produced at HYDROMETAL's Belgian recycling plant.<\/p>\n      <\/div>\n      <div class=\"impact-card\">\n        <div class=\"el-mark\">Sb \u00b7 Antimony<\/div>\n        <div class=\"impact-pct\">\u22129<span class=\"small\">%<\/span><\/div>\n        <div class=\"impact-label\">Antimony imports<\/div>\n        <p class=\"impact-desc\">From copper-processing by-products co-recovered with bismuth as a value-added side stream.<\/p>\n      <\/div>\n      <div class=\"impact-card\">\n        <div class=\"el-mark\">As \u00b7 Arsenic<\/div>\n        <div class=\"impact-pct\">\u22123<span class=\"small\">%<\/span><\/div>\n        <div class=\"impact-label\">Arsenic imports<\/div>\n        <p class=\"impact-desc\">From GaAs wafer recycling waste \u2014 closing a hazardous-waste loop within the EU.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"impact-pillars\">\n      <div class=\"pillar\">\n        <h4>Scientific<\/h4>\n        <p>New knowledge in hydrometallurgy, plasma refining and green wafer manufacturing \u2014 <em>published open-access<\/em>.<\/p>\n      <\/div>\n      <div class=\"pillar\">\n        <h4>Economic<\/h4>\n        <p><em>20 \u2013 30%<\/em> lower production costs, three industrial business cases with strong ROI, and at least five exploitable results ready for scaling.<\/p>\n      <\/div>\n      <div class=\"pillar\">\n        <h4>Societal<\/h4>\n        <p>Reduced emissions, fewer mining liabilities, secured European supply, and <em>stronger public trust<\/em> through transparency and circularity.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============== CONSORTIUM ============== -->\n<section id=\"ingage-consortium\">\n  <div class=\"section-inner\">\n    \n    <h2 class=\"section-title\">The&nbsp;<em>Consortium<\/em><\/h2>\n    <p class=\"section-intro\">\n      Fourteen partners across six countries \u2014 bringing together raw-material producers, recyclers, metallurgical research centres, plasma physicists and the world's largest monocrystalline GaAs wafer manufacturer.\n    <\/p>\n\n    <div class=\"consortium-layout\">\n      <div class=\"eu-map\" style=\"width: 100%;\">\n        <div class=\"eu-map-frame\" id=\"ingage-leaflet-map\" aria-label=\"Interactive map showing InGaGe partner locations across Europe\"><\/div>\n        <div class=\"eu-map-caption\">\n          <span>Click on a marker to see partner details<\/span>\n          <span>6 countries \u00b7 14 partners<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"partners-list\" style=\"width: 100%;\">\n        <div class=\"partner-item\" style=\"padding-bottom: 0\">\n          <div class=\"partner-flag\">GR<\/div>\n          <img decoding=\"async\" src=\"https:\/\/ingage-horizon.eu\/wp-content\/uploads\/2026\/05\/Metlen_Logo_FullColour_OnWhite-Transparent-scaled.png\"><div class=\"partner-name\" style=\"text-align: center;\">METLEN Energy &amp; Metals<span class=\"role\">Coordinator \u00b7 Ga producer<\/span><\/div><a class=\"partner-link\" href=\"https:\/\/www.metlen.com\/\" target=\"_blank\" rel=\"noopener\" style=\"width: 100%;\">Visit \u2197<\/a>\n          \n        <\/div>\n        <div class=\"partner-item\">\n          <div class=\"partner-flag\">BE<\/div>\n          <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ingage-horizon.eu\/wp-content\/uploads\/2026\/05\/JGI-HYDROMETAL-logo.png\" width=\"777\" height=\"259\"><div class=\"partner-name\" style=\"text-align: center;\">HYDROMETAL S.A.<span class=\"role\">Non-ferrous metal recycling<\/span><\/div>\n          <a class=\"partner-link\" href=\"https:\/\/www.jgi-hydrometal.be\/en\/\" target=\"_blank\" rel=\"noopener\">Visit \u2197<\/a>\n        <\/div>\n        <div class=\"partner-item\">\n          <div class=\"partner-flag\">BE<\/div><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ingage-horizon.eu\/wp-content\/uploads\/2026\/05\/JGI-HYDROMETAL-logo.png\" width=\"777\" height=\"259\">\n          <div class=\"partner-name\" style=\"text-align: center;\">Jean Goldschmidt International<span class=\"role\">Affiliated to HYDROMETAL<\/span><\/div>\n          <a class=\"partner-link\" href=\"https:\/\/www.jgi-hydrometal.be\/en\/\" target=\"_blank\" rel=\"noopener\">Visit \u2197<\/a>\n        <\/div>\n        <div class=\"partner-item\">\n          <div class=\"partner-flag\">GR<\/div><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ingage-horizon.eu\/wp-content\/uploads\/2026\/05\/NTUA-black-and-white.png\" width=\"600\" height=\"600\" style=\"width: 50%;\">\n          <div class=\"partner-name\" style=\"text-align: center;\">National Technical University of Athens<span class=\"role\">Hydrometallurgy \u00b7 Ga extraction<\/span><\/div>\n          <a class=\"partner-link\" href=\"https:\/\/www.ntua.gr\/en\/\" target=\"_blank\" rel=\"noopener\">Visit \u2197<\/a>\n        <\/div>\n        <div class=\"partner-item\">\n          <div class=\"partner-flag\">GR<\/div><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ingage-horizon.eu\/wp-content\/uploads\/2026\/05\/lavrion-LTCP-logo.png\" width=\"650\" height=\"325\" style=\"width: 75%;\">\n          <div class=\"partner-name\" style=\"text-align: center;\">Lavrion Technological &amp; Cultural Park<span class=\"role\">Legacy As waste site<\/span><\/div>\n          <a class=\"partner-link\" href=\"https:\/\/en.ltcp.ntua.gr\/\" target=\"_blank\" rel=\"noopener\">Visit \u2197<\/a>\n        <\/div>\n        <div class=\"partner-item\">\n          <div class=\"partner-flag\">DE<\/div><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ingage-horizon.eu\/wp-content\/uploads\/2026\/05\/RWTH-logo.png\" width=\"650\" height=\"325\" style=\"width: 75%;\">\n          <div class=\"partner-name\" style=\"text-align: center;\">RWTH Aachen University \u2014 IME<span class=\"role\">Process metallurgy &amp; recycling<\/span><\/div>\n          <a class=\"partner-link\" href=\"https:\/\/www.rwth-aachen.de\/go\/id\/a\/?lidx=1\" target=\"_blank\" rel=\"noopener\">Visit \u2197<\/a>\n        <\/div>\n        <div class=\"partner-item\">\n          <div class=\"partner-flag\">NO<\/div><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ingage-horizon.eu\/wp-content\/uploads\/2026\/05\/SINTEF_logo_horizontal-PNG-blue-RGB.png\" width=\"1748\" height=\"426\" style=\"width: 75%;\">\n          <div class=\"partner-name\" style=\"text-align: center;\">SINTEF AS<span class=\"role\">Plasma refining<\/span><\/div>\n          <a class=\"partner-link\" href=\"https:\/\/www.sintef.no\/en\/\" target=\"_blank\" rel=\"noopener\">Visit \u2197<\/a>\n        <\/div>\n        <div class=\"partner-item\">\n          <div class=\"partner-flag\">DE<\/div><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ingage-horizon.eu\/wp-content\/uploads\/2026\/05\/TUBAF-LOGO-HORIZONTAL.png\" width=\"650\" height=\"325\" style=\"width: 75%;\">\n          <div class=\"partner-name\" style=\"text-align: center;\">TU Bergakademie Freiberg<span class=\"role\">Advancing GaN wafer production<\/span><\/div>\n          <a class=\"partner-link\" href=\"https:\/\/tu-freiberg.de\/en\" target=\"_blank\" rel=\"noopener\">Visit \u2197<\/a>\n        <\/div>\n        <div class=\"partner-item\">\n          <div class=\"partner-flag\">DE<\/div><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ingage-horizon.eu\/wp-content\/uploads\/2026\/05\/LuxChemTech-logo.png\" width=\"600\" height=\"150\" style=\"width: 75%;\">\n          <div class=\"partner-name\" style=\"text-align: center;\">LuxChemtech GmbH<span class=\"role\">InP recycling \u00b7 refining<\/span><\/div>\n          <a class=\"partner-link\" href=\"http:\/\/www.lc-freiberg.com\/\" target=\"_blank\" rel=\"noopener\">Visit \u2197<\/a>\n        <\/div>\n        <div class=\"partner-item\">\n          <div class=\"partner-flag\">UK<\/div><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ingage-horizon.eu\/wp-content\/uploads\/2026\/05\/EMR-logo.png\" width=\"650\" height=\"650\" style=\"width: 50%;\">\n          <div class=\"partner-name\" style=\"text-align: center;\">European Metal Recycling<span class=\"role\">ELV &amp; WEEE collection<\/span><\/div>\n          <a class=\"partner-link\" href=\"https:\/\/uk.emrgroup.com\/\" target=\"_blank\" rel=\"noopener\">Visit \u2197<\/a>\n        <\/div>\n        <div class=\"partner-item\">\n          <div class=\"partner-flag\">SK<\/div><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ingage-horizon.eu\/wp-content\/uploads\/2026\/05\/CMK-logo.png\" width=\"600\" height=\"600\" style=\"width: 50%;\">\n          <div class=\"partner-name\" style=\"text-align: center;\">CMK s.r.o.<span class=\"role\">Ga refining \u00b7 GaAs recycling<\/span><\/div>\n          <a class=\"partner-link\" href=\"https:\/\/cmk.sk\/\" target=\"_blank\" rel=\"noopener\">Visit \u2197<\/a>\n        <\/div>\n        <div class=\"partner-item\">\n          <div class=\"partner-flag\">DE<\/div><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ingage-horizon.eu\/wp-content\/uploads\/2026\/05\/freiberger_logo-color.png\" width=\"340\" height=\"187\" style=\"width: 75%;\">\n          <div class=\"partner-name\" style=\"text-align: center;\">Freiberger Compound Materials<span class=\"role\">Recycling EoL for Si, Ga, Li and In and metal refining<\/span><\/div>\n          <a class=\"partner-link\" href=\"https:\/\/www.freiberger.com\/\" target=\"_blank\" rel=\"noopener\">VISIT \u2197<\/a>\n        <\/div>\n        <div class=\"partner-item\">\n          <div class=\"partner-flag\">GR<\/div><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ingage-horizon.eu\/wp-content\/uploads\/2026\/05\/ADMIRIS-logo.png\" width=\"650\" height=\"325\" style=\"width: 75%;\">\n          <div class=\"partner-name\" style=\"text-align: center;\">AdMiRIS<span class=\"role\">LCA \u00b7 feasibility \u00b7 business plan<\/span><\/div>\n          <a class=\"partner-link\" href=\"https:\/\/www.admiris.eu\/\" target=\"_blank\" rel=\"noopener\">Visit \u2197<\/a>\n        <\/div>\n        <div class=\"partner-item\">\n          <div class=\"partner-flag\">GR<\/div><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ingage-horizon.eu\/wp-content\/uploads\/2026\/05\/SEC-Logo-resized.png\" width=\"1138\" height=\"650\" style=\"width: 75%;\">\n          <div class=\"partner-name\" style=\"text-align: center;\">SE&amp;C IKE<span class=\"role\">Communication \u00b7 dissemination<\/span><\/div>\n          <a class=\"partner-link\" href=\"https:\/\/www.senc.gr\/\" target=\"_blank\" rel=\"noopener\">Visit \u2197<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============== NEWS ============== -->\n<section id=\"ingage-news\">\n  <div class=\"section-inner\">\n    \n    <h2 class=\"section-title\">News &amp;&nbsp;<em>Updates<\/em><\/h2>\n    <p class=\"section-intro\">Stay tuned!<\/p>\n\n    \n  <\/div>\n<\/section>\n\n<!-- ============== RESOURCES ============== -->\n<section id=\"ingage-resources\">\n  <div class=\"section-inner\">\n    \n    <h2 class=\"section-title\">Resources<\/h2>\n    <p class=\"section-intro\">\n      Public materials produced by the consortium. As the project develops, this section will host open-access deliverables, scientific publications, project posters and policy briefs.\n    <\/p>\n\n    <div class=\"resources-grid\">\n      <a href=\"#\" class=\"resource-card empty\">Coming soon \u00b7 Public deliverables<\/a>\n      <a href=\"#\" class=\"resource-card empty\">Coming soon \u00b7 Publications<\/a>\n      <a href=\"#\" class=\"resource-card empty\">Coming soon \u00b7 Posters &amp; outreach<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============== CONTACT ============== -->\n<section id=\"ingage-contact\">\n  <div class=\"contact-grid\">\n    <div class=\"contact-body\">\n      \n      <h2>Contact<\/h2>\n      <p>\n        For collaboration opportunities, press enquiries, or to follow the project's progress \u2014 reach out to our coordinator or to the dissemination team. We're always happy to hear from industry, academia, policy makers and the public.\n      <\/p>\n      <div class=\"social-row\">\n        <a class=\"social-pill\" href=\"https:\/\/www.linkedin.com\/company\/ingage-he\/about\/\" target=\"_blank\" rel=\"noopener\">LinkedIn \u2197<\/a>\n        <a class=\"social-pill\" href=\"https:\/\/x.com\/ingage_he\" target=\"_blank\" rel=\"noopener\">X \/ Twitter \u2197<\/a>\n        <a class=\"social-pill\" href=\"https:\/\/www.facebook.com\/profile.php?id=61589802457433\" target=\"_blank\" rel=\"noopener\">Facebook&nbsp;\u2197<\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"contact-blocks\">\n      <div class=\"contact-block\">\n        <div class=\"ct-label\">Project Coordinator<\/div>\n        <div class=\"ct-value\">METLEN Energy &amp; Metals<br><a href=\"mailto:efthymios.balomenos-external@metlen.com\">efthymios.balomenos-external@metlen.com<\/a><\/div>\n      <\/div>\n      <div class=\"contact-block\">\n        <div class=\"ct-label\">Communication &amp; Dissemination<\/div>\n        <div class=\"ct-value\">SE&amp;C IKE<br><a href=\"mailto:cunaj@senc.gr\">cunaj@senc.gr<\/a><\/div>\n      <\/div>\n      <div class=\"contact-block\">\n        <div class=\"ct-label\">Grant Agreement<\/div>\n        <div class=\"ct-value\">Horizon Europe \u00b7 GA 101292399<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============== FOOTER ============== -->\n<footer class=\"footer\">\n  <div class=\"footer-inner\">\n    <div class=\"footer-top\">\n      <div class=\"footer-eu\">\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ingage-horizon.eu\/wp-content\/uploads\/2026\/05\/EN_FundedbytheEU_RGB_POS-scaled.png\" alt=\"Funded by the European Union\" width=\"2560\" height=\"570\">\n      <\/div>\n      <div class=\"footer-disclaimer\">\n        <strong>Funded by the European Union.<\/strong> Views and opinions expressed are however those of the author(s) only and do not necessarily reflect those of the European Union or HaDEA. Neither the European Union nor the granting authority can be held responsible for them.\n      <\/div>\n    <\/div>\n    <div class=\"footer-bottom\">\n      <span>\u00a9 2026 InGaGe Consortium<\/span>\n      <span class=\"ga-id\">Horizon Europe \u00b7 GA 101292399<\/span>\n      <span>HORIZON-CL4-INDUSTRY-2025-01-MATERIALS-63<\/span>\n    <\/div>\n  <\/div>\n<\/footer>\n\n<script>\n(function(){\n  function boot(){\n  \/\/ Mobile menu toggle\n  const burger = document.getElementById('ingage-nav-burger');\n  const menu   = document.getElementById('ingage-nav-menu');\n  if (burger && menu){\n    const setOpen = (open) => {\n      menu.classList.toggle('open', open);\n      burger.setAttribute('aria-expanded', open ? 'true' : 'false');\n      burger.innerHTML = open ? '&#10005;' : '&#9776;';\n    };\n    burger.addEventListener('click', () => setOpen(!menu.classList.contains('open')));\n    menu.querySelectorAll('a').forEach(a => a.addEventListener('click', () => setOpen(false)));\n  }\n \n  \/\/ Scroll reveal\n  const io = new IntersectionObserver((entries) => {\n    entries.forEach(e => {\n      if (e.isIntersecting){\n        e.target.classList.add('in');\n        io.unobserve(e.target);\n      }\n    });\n  }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\n \n  document.querySelectorAll('.ingage-site .eyebrow, .ingage-site .section-title, .ingage-site .section-intro, .ingage-site .flow-step, .ingage-site .el-row, .ingage-site .impact-card, .ingage-site .pillar, .ingage-site .partner-item, .ingage-site .news-card, .ingage-site .resource-card, .ingage-site .problem-card, .ingage-site .about-body p, .ingage-site .contact-block, .ingage-site .el-cell').forEach((el, i) => {\n    el.classList.add('reveal');\n    if (i % 4 === 1) el.classList.add('r-d1');\n    if (i % 4 === 2) el.classList.add('r-d2');\n    if (i % 4 === 3) el.classList.add('r-d3');\n    io.observe(el);\n  });\n \n  \/* ============== Leaflet consortium map ============== *\/\n  (function initMap(retries){\n    if (typeof retries === 'undefined') retries = 30;\n    if (!document.getElementById('ingage-leaflet-map')) return;\n    if (typeof L === 'undefined'){\n      if (retries > 0) return setTimeout(function(){ initMap(retries - 1); }, 100);\n      return;\n    }\n \n    \/\/ Partner data. Where multiple partners share a city, we apply a small\n    \/\/ manual spread (a few km) so every pin is individually clickable at the\n    \/\/ default zoom. This is intentional and noted in the map caption.\n    const partners = [\n      \/* --- Athens (4 partners spread in a small polygon, ~5-15km apart) --- *\/\n      { name: \"METLEN Energy & Metals\",                 role: \"Coordinator \u00b7 Ga producer\",            country: \"GR\", city: \"Athens\",     lat: 38.0436, lon: 23.6610, url: \"https:\/\/www.metlen.com\/\" },\n      { name: \"National Technical University of Athens\",role: \"Hydrometallurgy \u00b7 Ga extraction\",      country: \"GR\", city: \"Athens\",     lat: 37.9794, lon: 23.7836, url: \"https:\/\/www.ntua.gr\/en\/\" },\n      { name: \"AdMiRIS\",                                role: \"LCA \u00b7 feasibility \u00b7 business plan\",    country: \"GR\", city: \"Athens\",     lat: 38.0050, lon: 23.8200, url: \"https:\/\/www.admiris.eu\/\" },\n      { name: \"SE&C IKE\",                               role: \"Communication \u00b7 dissemination\",        country: \"GR\", city: \"Athens\",     lat: 37.9550, lon: 23.7100, url: \"https:\/\/www.senc.gr\/\" },\n \n      \/* --- Lavrion (separate, ~40km south of Athens) --- *\/\n      { name: \"Lavrion Technological & Cultural Park\",  role: \"Legacy As waste site\",                 country: \"GR\", city: \"Lavrion\",    lat: 37.7167, lon: 24.0500, url: \"https:\/\/en.ltcp.ntua.gr\/\" },\n \n      \/* --- Engis BE (2 partners, ~3km apart) --- *\/\n      { name: \"HYDROMETAL S.A.\",                        role: \"Non-ferrous metal recycling\",          country: \"BE\", city: \"Engis\",      lat: 50.5847, lon: 5.4108,  url: \"https:\/\/www.jgi-hydrometal.be\/en\/\" },\n      { name: \"Jean Goldschmidt International\",         role: \"Affiliated to HYDROMETAL\",             country: \"BE\", city: \"Engis\",      lat: 50.6020, lon: 5.4500,  url: \"https:\/\/www.jgi-hydrometal.be\/en\/\" },\n \n      \/* --- Aachen DE --- *\/\n      { name: \"RWTH Aachen University \u2014 IME\",           role: \"Process metallurgy & recycling\",       country: \"DE\", city: \"Aachen\",     lat: 50.7793, lon: 6.0593,  url: \"https:\/\/www.rwth-aachen.de\/go\/id\/a\/?lidx=1\" },\n \n      \/* --- Freiberg DE (3 partners, ~3-5km radius spread) --- *\/\n      { name: \"TU Bergakademie Freiberg\",               role: \"GaN wafer production\",                 country: \"DE\", city: \"Freiberg\",   lat: 50.9268, lon: 13.3326, url: \"https:\/\/tu-freiberg.de\/en\" },\n      { name: \"LuxChemtech GmbH\",                       role: \"InP recycling \u00b7 refining\",             country: \"DE\", city: \"Freiberg\",   lat: 50.9050, lon: 13.3700, url: \"https:\/\/lc-freiberg.de\/about-us\/?lang=en\" },\n      { name: \"Freiberger Compound Materials\",          role: \"GaAs \/ InP wafer manufacturer\",        country: \"DE\", city: \"Freiberg\",   lat: 50.8910, lon: 13.3150, url: \"https:\/\/www.freiberger.com\/\" },\n \n      \/* --- Other --- *\/\n      { name: \"SINTEF AS\",                              role: \"Plasma refining\",                      country: \"NO\", city: \"Trondheim\",  lat: 63.4194, lon: 10.4011, url: \"https:\/\/www.sintef.no\/en\/\" },\n      { name: \"European Metal Recycling\",               role: \"ELV & WEEE collection\",                country: \"UK\", city: \"Warrington\", lat: 53.3900, lon: -2.5970, url: \"https:\/\/uk.emrgroup.com\/\" },\n      { name: \"CMK s.r.o.\",                             role: \"Ga refining \u00b7 GaAs recycling\",         country: \"SK\", city: \"Rovinka\",    lat: 48.0691, lon: 17.2253, url: \"https:\/\/cmk.sk\/\" }\n    ];\n \n    const map = L.map('ingage-leaflet-map', {\n      center: [52, 12],\n      zoom: 4,\n      minZoom: 3,\n      maxZoom: 12,\n      zoomControl: true,\n      scrollWheelZoom: false,    \/\/ avoids hijacking page scroll\n      worldCopyJump: false,\n      attributionControl: true\n    });\n \n    \/\/ Light, toned-down basemap\n    L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/light_nolabels\/{z}\/{x}\/{y}{r}.png', {\n      attribution: '\u00a9 <a href=\"https:\/\/www.openstreetmap.org\/copyright\">OpenStreetMap<\/a> contributors, \u00a9 <a href=\"https:\/\/carto.com\/attributions\">CARTO<\/a>',\n      subdomains: 'abcd',\n      maxZoom: 19\n    }).addTo(map);\n \n    \/\/ Add a labels overlay so cities\/countries are visible but subtle\n    L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/light_only_labels\/{z}\/{x}\/{y}{r}.png', {\n      attribution: '',\n      subdomains: 'abcd',\n      maxZoom: 19,\n      pane: 'shadowPane'   \/\/ keep labels below markers\n    }).addTo(map);\n \n    \/\/ Custom copper marker icon (built from a div)\n    const ingageIcon = L.divIcon({\n      className: 'ingage-marker',\n      html: '<div class=\"pin\"><\/div>',\n      iconSize: [20, 20],\n      iconAnchor: [10, 10],\n      popupAnchor: [0, -10]\n    });\n \n    partners.forEach(p => {\n      const marker = L.marker([p.lat, p.lon], { icon: ingageIcon, title: p.name }).addTo(map);\n      const linkHtml = (p.url && p.url !== '#')\n        ? '<a class=\"popup-link\" href=\"' + p.url + '\" target=\"_blank\" rel=\"noopener\">Visit website \u2197<\/a>'\n        : '';\n      marker.bindPopup(\n        '<div class=\"popup-flag\">' + p.country + ' \u00b7 ' + p.city + '<\/div>' +\n        '<div class=\"popup-name\">' + p.name + '<\/div>' +\n        '<div class=\"popup-role\">' + p.role + '<\/div>' +\n        linkHtml,\n        { closeButton: true, autoPanPadding: [40, 40] }\n      );\n    });\n \n    \/\/ Re-enable scroll-wheel zoom only after user clicks the map (better UX)\n    map.on('click', function(){ map.scrollWheelZoom.enable(); });\n    map.on('mouseout', function(){ map.scrollWheelZoom.disable(); });\n  })();\n  }\n  if (document.readyState === 'loading'){\n    document.addEventListener('DOMContentLoaded', boot);\n  } else {\n    boot();\n  }\n})();\n<\/script>\n<\/div>\n<!-- ===== \/InGaGe snippet ===== --><script data-vhb-js=\"7\">(function(){\/\/ Mobile menu toggle\n  const burger = document.getElementById('nav-burger');\n  const menu   = document.getElementById('nav-menu');\n  if (burger && menu){\n    burger.addEventListener('click', () => menu.classList.toggle('open'));\n    menu.querySelectorAll('a').forEach(a => a.addEventListener('click', () => menu.classList.remove('open')));\n  }\n\n  \/\/ Scroll reveal\n  const io = new IntersectionObserver((entries) => {\n    entries.forEach(e => {\n      if (e.isIntersecting){\n        e.target.classList.add('in');\n        io.unobserve(e.target);\n      }\n    });\n  }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\n\n  document.querySelectorAll('section .eyebrow, section .section-title, section .section-intro, .flow-step, .el-row, .impact-card, .pillar, .partner-item, .news-card, .resource-card, .problem-card, .about-body p, .contact-block, .el-cell').forEach((el, i) => {\n    el.classList.add('reveal');\n    if (i % 4 === 1) el.classList.add('r-d1');\n    if (i % 4 === 2) el.classList.add('r-d2');\n    if (i % 4 === 3) el.classList.add('r-d3');\n    io.observe(el);\n  });\n\n  \/* ============== Leaflet consortium map ============== *\/\n  (function initMap(){\n    if (typeof L === 'undefined' || !document.getElementById('leaflet-map')) return;\n\n    \/\/ Partner data \u2014 one marker per partner, located in their HQ city\n    const partners = [\n      { name: \"METLEN Energy & Metals\",                 role: \"Coordinator \u00b7 Ga producer\",            country: \"GR\", city: \"Athens\",         lat: 38.0436, lon: 23.6610, url: \"https:\/\/www.metlen.com\/\" },\n      { name: \"HYDROMETAL S.A.\",                        role: \"Non-ferrous metal recycling\",          country: \"BE\", city: \"Engis\",          lat: 50.5847, lon: 5.4108,  url: \"https:\/\/www.jgi-hydrometal.be\/en\/\" },\n      { name: \"Jean Goldschmidt International\",         role: \"Affiliated to HYDROMETAL\",             country: \"BE\", city: \"Engis\",          lat: 50.5847, lon: 5.4308,  url: \"https:\/\/www.jgi-hydrometal.be\/en\/\" },\n      { name: \"National Technical University of Athens\",role: \"Hydrometallurgy \u00b7 Ga extraction\",      country: \"GR\", city: \"Athens\",         lat: 37.9794, lon: 23.7836, url: \"https:\/\/www.ntua.gr\/en\/\" },\n      { name: \"Lavrion Technological & Cultural Park\",  role: \"Legacy As waste site\",                 country: \"GR\", city: \"Lavrion\",        lat: 37.7167, lon: 24.0500, url: \"https:\/\/en.ltcp.ntua.gr\/\" },\n      { name: \"RWTH Aachen University \u2014 IME\",           role: \"Process metallurgy & recycling\",       country: \"DE\", city: \"Aachen\",         lat: 50.7793, lon: 6.0593,  url: \"https:\/\/www.rwth-aachen.de\/go\/id\/a\/?lidx=1\" },\n      { name: \"SINTEF AS\",                              role: \"Plasma refining\",                      country: \"NO\", city: \"Trondheim\",      lat: 63.4194, lon: 10.4011, url: \"https:\/\/www.sintef.no\/en\/\" },\n      { name: \"TU Bergakademie Freiberg\",               role: \"GaN wafer production\",                 country: \"DE\", city: \"Freiberg\",       lat: 50.9166, lon: 13.3422, url: \"https:\/\/tu-freiberg.de\/en\" },\n      { name: \"LuxChemtech GmbH\",                       role: \"InP recycling \u00b7 refining\",             country: \"DE\", city: \"Freiberg\",       lat: 50.9116, lon: 13.3522, url: \"https:\/\/lc-freiberg.de\/about-us\/?lang=en\" },\n      { name: \"European Metal Recycling\",               role: \"ELV & WEEE collection\",                country: \"UK\", city: \"Warrington\",     lat: 53.3900, lon: -2.5970, url: \"https:\/\/uk.emrgroup.com\/\" },\n      { name: \"CMK s.r.o.\",                             role: \"Ga refining \u00b7 GaAs recycling\",         country: \"SK\", city: \"Rovinka\",        lat: 48.0691, lon: 17.2253, url: \"https:\/\/cmk.sk\/\" },\n      { name: \"Freiberger Compound Materials\",          role: \"GaAs \/ InP wafer manufacturer\",        country: \"DE\", city: \"Freiberg\",       lat: 50.9216, lon: 13.3322, url: \"#\" },\n      { name: \"AdMiRIS\",                                role: \"LCA \u00b7 feasibility \u00b7 business plan\",    country: \"GR\", city: \"Athens\",         lat: 38.0136, lon: 23.7300, url: \"https:\/\/www.admiris.eu\/\" },\n      { name: \"SE&C IKE\",                               role: \"Communication \u00b7 dissemination\",        country: \"GR\", city: \"Athens\",         lat: 38.0236, lon: 23.7500, url: \"https:\/\/www.senc.gr\/\" }\n    ];\n\n    const map = L.map('leaflet-map', {\n      center: [52, 12],\n      zoom: 4,\n      minZoom: 3,\n      maxZoom: 8,\n      zoomControl: true,\n      scrollWheelZoom: false,    \/\/ avoids hijacking page scroll\n      worldCopyJump: false,\n      attributionControl: true\n    });\n\n    \/\/ Light, toned-down basemap\n    L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/light_nolabels\/{z}\/{x}\/{y}{r}.png', {\n      attribution: '\u00a9 <a href=\"https:\/\/www.openstreetmap.org\/copyright\">OpenStreetMap<\/a> contributors, \u00a9 <a href=\"https:\/\/carto.com\/attributions\">CARTO<\/a>',\n      subdomains: 'abcd',\n      maxZoom: 19\n    }).addTo(map);\n\n    \/\/ Add a labels overlay so cities\/countries are visible but subtle\n    L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/light_only_labels\/{z}\/{x}\/{y}{r}.png', {\n      attribution: '',\n      subdomains: 'abcd',\n      maxZoom: 19,\n      pane: 'shadowPane'   \/\/ keep labels below markers\n    }).addTo(map);\n\n    \/\/ Custom copper marker icon (built from a div)\n    const ingageIcon = L.divIcon({\n      className: 'ingage-marker',\n      html: '<div class=\"pin\"><\/div>',\n      iconSize: [20, 20],\n      iconAnchor: [10, 10],\n      popupAnchor: [0, -10]\n    });\n\n    partners.forEach(p => {\n      const marker = L.marker([p.lat, p.lon], { icon: ingageIcon, title: p.name }).addTo(map);\n      const linkHtml = (p.url && p.url !== '#')\n        ? '<a class=\"popup-link\" href=\"' + p.url + '\" target=\"_blank\" rel=\"noopener\">Visit website \u2197<\/a>'\n        : '';\n      marker.bindPopup(\n        '<div class=\"popup-flag\">' + p.country + ' \u00b7 ' + p.city + '<\/div>' +\n        '<div class=\"popup-name\">' + p.name + '<\/div>' +\n        '<div class=\"popup-role\">' + p.role + '<\/div>' +\n        linkHtml,\n        { closeButton: true, autoPanPadding: [40, 40] }\n      );\n    });\n\n    \/\/ Re-enable scroll-wheel zoom only after user clicks the map (better UX)\n    map.on('click', function(){ map.scrollWheelZoom.enable(); });\n    map.on('mouseout', function(){ map.scrollWheelZoom.disable(); });\n  })();})();<\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ingage-horizon.eu\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ingage-horizon.eu\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ingage-horizon.eu\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ingage-horizon.eu\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ingage-horizon.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":2,"href":"https:\/\/ingage-horizon.eu\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":34,"href":"https:\/\/ingage-horizon.eu\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/34"}],"wp:attachment":[{"href":"https:\/\/ingage-horizon.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}