{"id":1088,"date":"2026-06-11T13:25:33","date_gmt":"2026-06-11T13:25:33","guid":{"rendered":"https:\/\/www.creation-hub.eu\/?page_id=1088"},"modified":"2026-06-17T18:42:57","modified_gmt":"2026-06-17T18:42:57","slug":"references","status":"publish","type":"page","link":"https:\/\/www.creation-hub.eu\/en\/references\/","title":{"rendered":"References"},"content":{"rendered":"\n<!--\nCREATION HUB REFERENCE PAGE V3 \u2014 EN \/ PHOTOS + PARTNER COLORS + REFERENCE IMAGES \/ NO FOOTER\n\nUse: WordPress \u2192 References page \u2192 Custom HTML block \u2192 paste the full code.\n\nHEADER AND FOOTER:\n- Header and footer should remain separate in Blocksy.\n- This code is only the content for the References page.\n\nHOW TO EDIT TEXT:\n- Search for comments marked \"EDIT\".\n- Only change the text between tags, e.g. <h1> ... <\/h1>, <p> ... <\/p>, <h3> ... <\/h3>.\n\nHOW TO CHANGE PHOTOS:\n- In the CSS, search for \"PASTE_IMAGE_URL_HERE\".\n- Replace only the URL inside url(\"...\").\n-->\n\n<section class=\"ch-references\" id=\"references\">\n  <style>\n    .ch-references,\n    .ch-references * {\n      box-sizing: border-box;\n    }\n\n    .ch-references {\n      --black: #111111;\n      --dark: #2B2B2B;\n      --muted: #555555;\n      --mustard: #D8B15A;\n      --mustard-light: #E0C37A;\n      --paper: #F8F5EE;\n      --paper-light: #FFFDF7;\n      --line: #EAE4D6;\n      --white: #FFFFFF;\n      --max: 1220px;\n\n      width: 100vw !important;\n      max-width: none !important;\n      position: relative;\n      left: 50%;\n      right: 50%;\n      margin-left: -50vw !important;\n      margin-right: -50vw !important;\n      overflow: hidden;\n      isolation: isolate;\n      background:\n        radial-gradient(circle at 12% 8%, rgba(216,177,90,.16), transparent 22%),\n        radial-gradient(circle at 88% 16%, rgba(216,177,90,.10), transparent 26%),\n        linear-gradient(180deg, var(--paper) 0%, var(--white) 34%, var(--paper) 100%);\n      color: var(--black);\n      font-family: Montserrat, Inter, Arial, sans-serif;\n      line-height: 1.45;\n    }\n\n    .ch-references::before {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      z-index: 0;\n      background-image:\n        linear-gradient(rgba(17,17,17,.032) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(17,17,17,.032) 1px, transparent 1px);\n      background-size: 72px 72px;\n      pointer-events: none;\n      mask-image: linear-gradient(180deg, rgba(0,0,0,.62), rgba(0,0,0,.12) 55%, rgba(0,0,0,.55));\n    }\n\n    .ch-references a {\n      color: inherit;\n      text-decoration: none;\n    }\n\n    .ch-ref-wrap {\n      width: min(var(--max), calc(100% - 44px));\n      margin-left: auto;\n      margin-right: auto;\n      position: relative;\n      z-index: 2;\n    }\n\n    .ch-ref-section {\n      padding: clamp(58px, 7vw, 104px) 0;\n      position: relative;\n      z-index: 2;\n    }\n\n    .ch-ref-kicker {\n      display: inline-flex;\n      width: fit-content;\n      align-items: center;\n      padding: 8px 13px;\n      border-radius: 999px;\n      border: 1px solid rgba(17,17,17,.12);\n      background: var(--mustard);\n      color: var(--black);\n      font-size: 12px;\n      line-height: 1;\n      font-weight: 900;\n      letter-spacing: .11em;\n      text-transform: uppercase;\n      margin-bottom: 20px;\n      transform: rotate(-1deg);\n    }\n\n    .ch-ref-kicker.dark {\n      background: var(--black);\n      color: var(--white);\n      border-color: var(--black);\n    }\n\n    .ch-references h1,\n    .ch-references h2,\n    .ch-references h3,\n    .ch-references strong {\n      word-break: normal !important;\n      overflow-wrap: normal !important;\n      hyphens: none !important;\n      text-wrap: balance;\n    }\n\n    .ch-ref-h1 {\n      max-width: 960px;\n      margin: 0;\n      font-size: clamp(52px, 8.8vw, 116px);\n      line-height: 1.08;\n      letter-spacing: -.026em;\n      font-weight: 950;\n      text-transform: uppercase;\n      color: var(--black);\n    }\n\n    .ch-ref-h1 .outline {\n      display: block;\n      color: transparent;\n      -webkit-text-stroke: 1.35px var(--black);\n      text-stroke: 1.35px var(--black);\n    }\n\n    .ch-ref-h1 .mustard {\n      display: block;\n      color: var(--mustard);\n    }\n\n    .ch-ref-h1 .outline,\n    .ch-ref-h1 .mustard {\n      letter-spacing: -.018em;\n    }\n\n    .ch-ref-h2 {\n      max-width: 980px;\n      margin: 0;\n      font-size: clamp(38px, 5.8vw, 78px);\n      line-height: 1.08;\n      letter-spacing: -.035em;\n      font-weight: 950;\n      text-transform: uppercase;\n      color: var(--black);\n    }\n\n    .ch-ref-h2.white {\n      color: var(--white);\n    }\n\n    .ch-ref-lead {\n      max-width: 720px;\n      margin: 24px 0 0;\n      color: var(--muted);\n      font-size: clamp(17px, 1.75vw, 21px);\n      line-height: 1.58;\n      font-weight: 500;\n    }\n\n    .ch-ref-lead.light {\n      color: rgba(255,255,255,.76);\n    }\n\n    .ch-ref-btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      min-height: 52px;\n      padding: 14px 24px;\n      border-radius: 999px;\n      border: 1px solid var(--black);\n      background: var(--black);\n      color: var(--white);\n      font-size: 14px;\n      font-weight: 900;\n      letter-spacing: .02em;\n      transition: transform .25s ease, background .25s ease, color .25s ease, border-color .25s ease;\n    }\n\n    .ch-ref-btn:hover {\n      transform: translateY(-4px) rotate(-1deg);\n      background: var(--mustard);\n      color: var(--black);\n      border-color: var(--mustard);\n    }\n\n    \/* HERO *\/\n    .ch-ref-hero {\n      min-height: 78vh;\n      display: flex;\n      align-items: center;\n      padding: clamp(58px, 7vw, 106px) 0 clamp(44px, 5vw, 76px);\n      border-bottom: 1px solid var(--line);\n      position: relative;\n      z-index: 2;\n    }\n\n    .ch-ref-hero-grid {\n      display: grid;\n      grid-template-columns: minmax(0, 1.02fr) minmax(300px, .58fr);\n      gap: clamp(30px, 5vw, 72px);\n      align-items: center;\n    }\n\n    .ch-ref-visual {\n      min-height: 470px;\n      position: relative;\n    }\n\n    .ch-ref-poster {\n      position: absolute;\n      right: 2%;\n      top: 10%;\n      width: 74%;\n      height: 70%;\n      overflow: hidden;\n      border-radius: 32px;\n      border: 1px solid rgba(17,17,17,.14);\n      box-shadow: 0 26px 75px rgba(17,17,17,.12);\n      transform: rotate(2deg);\n      background-image:\n        linear-gradient(135deg, rgba(216,177,90,.28), rgba(17,17,17,.08)),\n        url(\"https:\/\/www.creation-hub.eu\/wp-content\/uploads\/2025\/10\/kajanejc_28-08-25-4674-scaled.jpg\");\n      filter: grayscale(.38);\n      background-size: cover;\n      background-position: center;\n      \/* EDIT PHOTO:\n      background-image: linear-gradient(135deg, rgba(216,177,90,.28), rgba(17,17,17,.08)), url(\"PASTE_IMAGE_URL_HERE\");\n      *\/\n    }\n\n    .ch-ref-poster-small {\n      position: absolute;\n      left: 4%;\n      bottom: 8%;\n      width: 42%;\n      height: 34%;\n      overflow: hidden;\n      border-radius: 24px;\n      border: 1px solid rgba(17,17,17,.12);\n      box-shadow: 0 18px 55px rgba(17,17,17,.09);\n      transform: rotate(-6deg);\n      background-image:\n        linear-gradient(135deg, rgba(17,17,17,.10), rgba(216,177,90,.30)),\n        url(\"https:\/\/www.creation-hub.eu\/wp-content\/uploads\/2025\/10\/kajanejc_28-08-25-4656-scaled.jpg\");\n      filter: grayscale(.42);\n      background-size: cover;\n      background-position: center;\n      \/* EDIT PHOTO:\n      background-image: linear-gradient(135deg, rgba(17,17,17,.10), rgba(216,177,90,.30)), url(\"PASTE_IMAGE_URL_HERE\");\n      *\/\n    }\n\n    .ch-ref-badge {\n      position: absolute;\n      z-index: 4;\n      left: 0;\n      top: 5%;\n      width: 122px;\n      height: 122px;\n      border-radius: 50%;\n      display: grid;\n      place-items: center;\n      text-align: center;\n      background: var(--mustard);\n      color: var(--black);\n      font-size: 12px;\n      line-height: 1.15;\n      font-weight: 950;\n      letter-spacing: .07em;\n      text-transform: uppercase;\n      box-shadow: 0 18px 50px rgba(216,177,90,.28);\n      animation: ch-ref-float 5s ease-in-out infinite;\n    }\n\n    @keyframes ch-ref-float {\n      0%, 100% { transform: translateY(0) rotate(-4deg); }\n      50% { transform: translateY(-12px) rotate(3deg); }\n    }\n\n    \/* TICKERS *\/\n    .ch-ref-ticker {\n      overflow: hidden;\n      background: var(--black);\n      color: var(--white);\n      transform: rotate(-1deg) scale(1.02);\n      margin: 1px 0;\n      border-top: 1px solid var(--black);\n      border-bottom: 1px solid var(--black);\n      position: relative;\n      z-index: 4;\n    }\n\n    .ch-ref-ticker.light {\n      background: var(--mustard);\n      color: var(--black);\n      transform: rotate(1deg) scale(1.02);\n    }\n\n    .ch-ref-ticker-track {\n      width: max-content;\n      display: flex;\n      animation: ch-ref-ticker 30s linear infinite;\n    }\n\n    .ch-ref-ticker.light .ch-ref-ticker-track {\n      animation-direction: reverse;\n      animation-duration: 38s;\n    }\n\n    .ch-ref-ticker span {\n      display: inline-flex;\n      align-items: center;\n      gap: 22px;\n      padding: 16px 32px;\n      white-space: nowrap;\n      font-size: clamp(28px, 4.7vw, 64px);\n      line-height: .86;\n      letter-spacing: -.05em;\n      font-weight: 950;\n      text-transform: uppercase;\n    }\n\n    .ch-ref-ticker em {\n      font-style: normal;\n      color: var(--mustard);\n    }\n\n    .ch-ref-ticker.light em {\n      color: var(--white);\n    }\n\n    @keyframes ch-ref-ticker {\n      from { transform: translateX(0); }\n      to { transform: translateX(-50%); }\n    }\n\n\n    .ch-ref-card h3,\n    .ch-ref-outline-card h3,\n    .ch-ref-h2 {\n      letter-spacing: -.024em !important;\n    }\n\n    \/* FEATURED PROJECTS *\/\n    .ch-ref-feature-grid {\n      display: grid;\n      grid-template-columns: 1.15fr .85fr;\n      gap: 18px;\n      margin-top: 42px;\n    }\n\n    .ch-ref-card {\n      overflow: hidden;\n      border: 1px solid var(--line);\n      border-radius: 34px;\n      background: var(--paper-light);\n      transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;\n    }\n\n    .ch-ref-card:hover {\n      transform: translateY(-7px) rotate(-.25deg);\n      box-shadow: 0 30px 80px rgba(17,17,17,.12);\n      border-color: rgba(216,177,90,.58);\n    }\n\n    .ch-ref-card.large {\n      min-height: 620px;\n      display: grid;\n      grid-template-rows: 1.05fr auto;\n    }\n\n    .ch-ref-card-stack {\n      display: grid;\n      gap: 18px;\n    }\n\n    .ch-ref-img {\n      min-height: 300px;\n      background:\n        linear-gradient(135deg, rgba(216,177,90,.42), rgba(17,17,17,.16)),\n        radial-gradient(circle at 28% 22%, rgba(255,255,255,.45), transparent 23%),\n        linear-gradient(135deg, #DCDCDC, #777777);\n      background-size: cover;\n      background-position: center;\n      filter: grayscale(.56);\n      transition: filter .3s ease, transform .35s ease;\n      \/* EDIT PHOTO:\n      background-image: linear-gradient(135deg, rgba(216,177,90,.42), rgba(17,17,17,.16)), url(\"PASTE_IMAGE_URL_HERE\");\n      *\/\n    }\n\n    .ch-ref-card:hover .ch-ref-img {\n      filter: grayscale(.12);\n      transform: scale(1.035);\n    }\n\n    .ch-ref-img.mz-digi {\n      background-image:\n        linear-gradient(135deg, rgba(216,177,90,.42), rgba(17,17,17,.16)),\n        url(\"https:\/\/www.creation-hub.eu\/wp-content\/uploads\/2025\/10\/DigiA-fb-cover-11-1024x576.jpg\");\n      background-position: center;\n    }\n\n    .ch-ref-img.ctrl-alt {\n      background-image:\n        linear-gradient(135deg, rgba(216,177,90,.42), rgba(17,17,17,.16)),\n        url(\"https:\/\/www.creation-hub.eu\/wp-content\/uploads\/2025\/08\/Group-w-flag-1-1024x685.jpg\");\n      background-position: center;\n    }\n\n    .ch-ref-img.tool-fair {\n      background-image:\n        linear-gradient(135deg, rgba(216,177,90,.42), rgba(17,17,17,.16)),\n        url(\"https:\/\/www.creation-hub.eu\/wp-content\/uploads\/2025\/04\/IMG_3255-2-768x1024.jpg\");\n      background-position: center;\n    }\n\n    .ch-ref-content {\n      padding: clamp(24px, 3vw, 34px);\n    }\n\n    .ch-ref-tag {\n      display: inline-flex;\n      width: fit-content;\n      padding: 8px 12px;\n      border-radius: 999px;\n      background: var(--black);\n      color: var(--white);\n      font-size: 11px;\n      line-height: 1;\n      font-weight: 950;\n      letter-spacing: .11em;\n      text-transform: uppercase;\n      margin-bottom: 18px;\n    }\n\n    .ch-ref-card h3 {\n      margin: 0;\n      color: var(--black);\n      font-size: clamp(28px, 3.4vw, 48px);\n      line-height: 1.04;\n      letter-spacing: -.045em;\n      font-weight: 950;\n      text-transform: uppercase;\n    }\n\n    .ch-ref-card.large h3 {\n      font-size: clamp(34px, 4.6vw, 66px);\n      letter-spacing: -.050em;\n    }\n\n    .ch-ref-card p {\n      margin: 18px 0 0;\n      color: var(--muted);\n      font-size: 15.5px;\n      line-height: 1.58;\n      font-weight: 500;\n    }\n\n    .ch-ref-meta {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      margin-top: 22px;\n    }\n\n    .ch-ref-meta span {\n      display: inline-flex;\n      padding: 8px 11px;\n      border-radius: 999px;\n      background: var(--paper);\n      border: 1px solid var(--line);\n      color: var(--black);\n      font-size: 11px;\n      font-weight: 900;\n      letter-spacing: .07em;\n      text-transform: uppercase;\n    }\n\n    \/* OUTLINE PROJECTS *\/\n    .ch-ref-outline-grid {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      border: 1px solid var(--black);\n      margin-top: 42px;\n      background: var(--black);\n      gap: 1px;\n      transform: rotate(-.25deg);\n    }\n\n    .ch-ref-outline-card {\n      min-height: 260px;\n      background: var(--paper);\n      padding: 28px;\n      position: relative;\n      overflow: hidden;\n      transition: background .25s ease;\n    }\n\n    .ch-ref-outline-card:hover {\n      background: var(--mustard);\n    }\n\n    .ch-ref-outline-card span {\n      display: block;\n      font-size: 12px;\n      font-weight: 950;\n      text-transform: uppercase;\n      letter-spacing: .12em;\n      margin-bottom: 18px;\n    }\n\n    .ch-ref-outline-card h3 {\n      margin: 0;\n      font-size: clamp(27px, 3.3vw, 42px);\n      line-height: 1.06;\n      letter-spacing: -.035em;\n      font-weight: 950;\n      text-transform: uppercase;\n    }\n\n    .ch-ref-outline-card p {\n      margin: 18px 0 0;\n      color: var(--muted);\n      font-size: 15.5px;\n      line-height: 1.55;\n      font-weight: 500;\n      max-width: 480px;\n    }\n\n    .ch-ref-outline-card::after {\n      content: \"\";\n      position: absolute;\n      right: 18px;\n      bottom: 18px;\n      width: 54px;\n      height: 54px;\n      border-radius: 50%;\n      border: 12px solid rgba(17,17,17,.10);\n    }\n\n    \/* PARTNER WALL *\/\n    .ch-ref-logo-grid {\n      display: grid;\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n      gap: 14px;\n      margin-top: 42px;\n    }\n\n    .ch-ref-logo {\n      min-height: 104px;\n      border-radius: 22px;\n      border: 1px solid rgba(17,17,17,.10);\n      background: var(--mustard);\n      display: grid;\n      place-items: center;\n      padding: 18px;\n      text-align: center;\n      color: var(--black);\n      font-weight: 950;\n      transition: transform .25s ease, background .25s ease, color .25s ease;\n    }\n\n    .ch-ref-logo:nth-child(2n) {\n      background: var(--paper-light);\n    }\n\n    .ch-ref-logo:nth-child(3n) {\n      background: var(--paper);\n    }\n\n    .ch-ref-logo:nth-child(4n) {\n      background: var(--mustard-light);\n    }\n\n    .ch-ref-logo:hover {\n      transform: translateY(-5px);\n      background: var(--mustard);\n      color: var(--black);\n    }\n\n    \/* CTA *\/\n    .ch-ref-cta {\n      background: var(--mustard);\n      color: var(--black);\n      border-radius: 42px 42px 0 0;\n      margin-top: 24px;\n      overflow: hidden;\n      position: relative;\n    }\n\n    .ch-ref-cta::before {\n      content: \"\";\n      position: absolute;\n      right: -140px;\n      bottom: -140px;\n      width: 430px;\n      height: 430px;\n      border-radius: 50%;\n      background: rgba(255,255,255,.28);\n      pointer-events: none;\n    }\n\n    .ch-ref-cta-grid {\n      display: grid;\n      grid-template-columns: 1.15fr .85fr;\n      gap: 42px;\n      align-items: end;\n      position: relative;\n      z-index: 2;\n    }\n\n    .ch-ref-cta p {\n      max-width: 620px;\n      margin: 24px 0 0;\n      color: rgba(17,17,17,.78);\n      font-size: 20px;\n      line-height: 1.55;\n      font-weight: 550;\n    }\n\n    .ch-ref-cta-action {\n      display: flex;\n      justify-content: flex-end;\n    }\n\n    .ch-ref-cta .ch-ref-btn {\n      background: var(--black);\n      color: var(--white);\n    }\n\n    .ch-ref-cta .ch-ref-btn:hover {\n      background: var(--white);\n      color: var(--black);\n      border-color: var(--white);\n    }\n\n    \/* WordPress full-width helper *\/\n    .entry-content > .wp-block-html:has(.ch-references),\n    .wp-block-post-content > .wp-block-html:has(.ch-references),\n    .ct-container .wp-block-html:has(.ch-references),\n    .ct-container-full .wp-block-html:has(.ch-references),\n    .wp-block-html:has(.ch-references) {\n      max-width: none !important;\n      width: 100% !important;\n      margin-left: 0 !important;\n      margin-right: 0 !important;\n      padding-left: 0 !important;\n      padding-right: 0 !important;\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      .ch-ref-ticker-track,\n      .ch-ref-badge {\n        animation: none !important;\n      }\n\n      .ch-ref-card,\n      .ch-ref-img,\n      .ch-ref-logo,\n      .ch-ref-btn {\n        transition: none !important;\n      }\n    }\n\n    @media (max-width: 1180px) {\n      .ch-ref-hero-grid,\n      .ch-ref-feature-grid,\n      .ch-ref-cta-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .ch-ref-visual {\n        min-height: 360px;\n      }\n\n      .ch-ref-card.large {\n        min-height: auto;\n      }\n\n      .ch-ref-logo-grid {\n        grid-template-columns: repeat(3, minmax(0, 1fr));\n      }\n\n      .ch-ref-cta-action {\n        justify-content: flex-start;\n      }\n    }\n\n    @media (max-width: 760px) {\n      .ch-ref-wrap {\n        width: min(100% - 30px, var(--max));\n      }\n\n      .ch-ref-section {\n        padding: 56px 0;\n      }\n\n      .ch-ref-hero {\n        min-height: auto;\n        padding: 54px 0 42px;\n      }\n\n      .ch-ref-h1 {\n        font-size: clamp(42px, 13vw, 64px);\n        line-height: 1.08;\n        letter-spacing: -.022em;\n      }\n\n      .ch-ref-h1 .outline {\n        -webkit-text-stroke: 1px var(--black);\n        text-stroke: 1px var(--black);\n      }\n\n      .ch-ref-h2 {\n        font-size: clamp(34px, 10.5vw, 54px);\n        line-height: 1.08;\n        letter-spacing: -.030em;\n      }\n\n      .ch-ref-lead {\n        font-size: 16.5px;\n        line-height: 1.56;\n      }\n\n      .ch-ref-visual {\n        min-height: 300px;\n      }\n\n      .ch-ref-poster {\n        width: 70%;\n        height: 70%;\n        right: 0;\n        top: 12%;\n      }\n\n      .ch-ref-poster-small {\n        width: 42%;\n        height: 34%;\n        left: 0;\n        bottom: 8%;\n      }\n\n      .ch-ref-badge {\n        width: 104px;\n        height: 104px;\n        font-size: 10.5px;\n        left: 0;\n        top: 3%;\n      }\n\n      .ch-ref-ticker span {\n        font-size: clamp(27px, 11vw, 48px);\n        padding: 13px 22px;\n      }\n\n      .ch-ref-img {\n        min-height: 220px;\n        background-size: cover !important;\n        background-position: center !important;\n      }\n\n      .ch-ref-poster {\n        background-image:\n          linear-gradient(135deg, rgba(216,177,90,.28), rgba(17,17,17,.08)),\n          url(\"https:\/\/www.creation-hub.eu\/wp-content\/uploads\/2025\/10\/kajanejc_28-08-25-4674-scaled.jpg\") !important;\n        background-size: cover !important;\n        background-position: center !important;\n      }\n\n      .ch-ref-poster-small {\n        background-image:\n          linear-gradient(135deg, rgba(17,17,17,.10), rgba(216,177,90,.30)),\n          url(\"https:\/\/www.creation-hub.eu\/wp-content\/uploads\/2025\/10\/kajanejc_28-08-25-4656-scaled.jpg\") !important;\n        background-size: cover !important;\n        background-position: center !important;\n      }\n\n      .ch-ref-img.mz-digi {\n        background-image:\n          linear-gradient(135deg, rgba(216,177,90,.42), rgba(17,17,17,.16)),\n          url(\"https:\/\/www.creation-hub.eu\/wp-content\/uploads\/2025\/10\/DigiA-fb-cover-11-1024x576.jpg\") !important;\n      }\n\n      .ch-ref-img.ctrl-alt {\n        background-image:\n          linear-gradient(135deg, rgba(216,177,90,.42), rgba(17,17,17,.16)),\n          url(\"https:\/\/www.creation-hub.eu\/wp-content\/uploads\/2025\/08\/Group-w-flag-1-1024x685.jpg\") !important;\n      }\n\n      .ch-ref-img.tool-fair {\n        background-image:\n          linear-gradient(135deg, rgba(216,177,90,.42), rgba(17,17,17,.16)),\n          url(\"https:\/\/www.creation-hub.eu\/wp-content\/uploads\/2025\/04\/IMG_3255-2-768x1024.jpg\") !important;\n      }\n\n      .ch-ref-card,\n      .ch-ref-cta {\n        border-radius: 28px;\n      }\n\n      .ch-ref-card h3,\n      .ch-ref-card.large h3 {\n        font-size: clamp(26px, 8vw, 38px);\n        line-height: 1.08;\n        letter-spacing: -.035em;\n      }\n\n      .ch-ref-outline-grid {\n        grid-template-columns: 1fr;\n        transform: none;\n      }\n\n      .ch-ref-outline-card {\n        min-height: 220px;\n        padding: 23px;\n      }\n\n      .ch-ref-logo-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n      }\n\n      .ch-ref-logo {\n        min-height: 86px;\n        border-radius: 18px;\n        font-size: 13px;\n      }\n\n      .ch-ref-btn {\n        width: 100%;\n      }\n\n      .ch-ref-cta p {\n        font-size: 18px;\n      }\n    }\n\n    @media (max-width: 430px) {\n      .ch-ref-wrap {\n        width: min(100% - 24px, var(--max));\n      }\n\n      .ch-ref-h1 {\n        font-size: 40px;\n      }\n\n      .ch-ref-h2 {\n        font-size: 33px;\n      }\n\n      .ch-ref-logo-grid {\n        grid-template-columns: 1fr;\n      }\n    }\n  <\/style>\n\n  <!-- =========================\n  HERO \u2014 EDIT TEXT HERE\n  ========================== -->\n  <section class=\"ch-ref-hero\">\n    <div class=\"ch-ref-wrap ch-ref-hero-grid\">\n      <div>\n        <div class=\"ch-ref-kicker\">References<\/div>\n        <h1 class=\"ch-ref-h1\">\n          Projects\n          <span class=\"outline\">that did not stay<\/span>\n          <span class=\"mustard\">on paper.<\/span>\n        <\/h1>\n        <p class=\"ch-ref-lead\">Selected examples of collaborations, trainings, digital solutions, youth exchanges, communication processes and projects we developed together with organizations.<\/p>\n      <\/div>\n\n      <div class=\"ch-ref-visual\">\n        <div class=\"ch-ref-badge\">Selected<br>work<\/div>\n        <div class=\"ch-ref-poster\"><\/div>\n        <div class=\"ch-ref-poster-small\"><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- PREMIKAJO\u010cI PASICI -->\n  <section class=\"ch-ref-ticker\" aria-label=\"premikajo\u010da pasica\">\n    <div class=\"ch-ref-ticker-track\">\n      <span>References <em>\u00d7<\/em> projects <em>\u00d7<\/em> trainings <em>\u00d7<\/em> digital communities <em>\u00d7<\/em><\/span>\n      <span>References <em>\u00d7<\/em> projects <em>\u00d7<\/em> trainings <em>\u00d7<\/em> digital communities <em>\u00d7<\/em><\/span>\n    <\/div>\n  <\/section>\n\n  <section class=\"ch-ref-ticker light\" aria-label=\"premikajo\u010da pasica\">\n    <div class=\"ch-ref-ticker-track\">\n      <span>From idea to delivery <em>\u00d7<\/em> from programme to impact <em>\u00d7<\/em> from community to project <em>\u00d7<\/em><\/span>\n      <span>From idea to delivery <em>\u00d7<\/em> from programme to impact <em>\u00d7<\/em> from community to project <em>\u00d7<\/em><\/span>\n    <\/div>\n  <\/section>\n\n  <!-- =========================\n  FEATURED REFERENCES \u2014 EDIT CARDS HERE\n  ========================== -->\n  <section class=\"ch-ref-section\">\n    <div class=\"ch-ref-wrap\">\n      <div class=\"ch-ref-kicker dark\">Featured references<\/div>\n      <h2 class=\"ch-ref-h2\">Collaborations that show how we work.<\/h2>\n\n      <div class=\"ch-ref-feature-grid\">\n        <article class=\"ch-ref-card large\">\n          <div class=\"ch-ref-img mz-digi\"><\/div>\n          <div class=\"ch-ref-content\">\n            <span class=\"ch-ref-tag\">Social media<\/span>\n            <h3>DigiA<\/h3>\n            <p>Social media workshops for youth.<\/p>\n            <div class=\"ch-ref-meta\">\n              <span>Discord<\/span>\n              <span>youth<\/span>\n              <span>digital community<\/span>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <div class=\"ch-ref-card-stack\">\n          <article class=\"ch-ref-card\">\n            <div class=\"ch-ref-img ctrl-alt\"><\/div>\n            <div class=\"ch-ref-content\">\n              <span class=\"ch-ref-tag\">Erasmus+<\/span>\n              <h3>CTRL + ALT + Explore<\/h3>\n              <p>A youth exchange in Idrija focused on personal growth, community, reflection and active participation of young people.<\/p>\n              <div class=\"ch-ref-meta\">\n                <span>exchange<\/span>\n                <span>facilitation<\/span>\n              <\/div>\n            <\/div>\n          <\/article>\n\n          <article class=\"ch-ref-card\">\n            <div class=\"ch-ref-img tool-fair\"><\/div>\n            <div class=\"ch-ref-content\">\n              <span class=\"ch-ref-tag\">Conference<\/span>\n              <h3>Tool Fair Islandija<\/h3>\n              <p>A talk on Discord, community-based digital spaces and the potential of digital youth work.<\/p>\n              <div class=\"ch-ref-meta\">\n                <span>talk<\/span>\n                <span>digital youth work<\/span>\n              <\/div>\n            <\/div>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- =========================\n  ADDITIONAL AREAS\n  ========================== -->\n  <section class=\"ch-ref-section\">\n    <div class=\"ch-ref-wrap\">\n      <div class=\"ch-ref-kicker dark\">Areas of collaboration<\/div>\n      <h2 class=\"ch-ref-h2\">References are not just logos. They are processes we deliver to the end.<\/h2>\n\n      <div class=\"ch-ref-outline-grid\">\n        <article class=\"ch-ref-outline-card\">\n          <span>01<\/span>\n          <h3>Trainings and workshops<\/h3>\n          <p>Programmes for youth workers, organizations, teams and international groups.<\/p>\n        <\/article>\n\n        <article class=\"ch-ref-outline-card\">\n          <span>02<\/span>\n          <h3>Digital communities<\/h3>\n          <p>Discord, online communities, digital youth centres and safe spaces for young people.<\/p>\n        <\/article>\n\n        <article class=\"ch-ref-outline-card\">\n          <span>03<\/span>\n          <h3>Communication and web<\/h3>\n          <p>Websites, social media audits, campaigns, content strategies and visual support.<\/p>\n        <\/article>\n\n        <article class=\"ch-ref-outline-card\">\n          <span>04<\/span>\n          <h3>Project support<\/h3>\n          <p>Idea development, activity design, facilitation, delivery and project evaluation.<\/p>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- =========================\n  PARTNERS \/ ORGANIZATIONS\n  ========================== -->\n  <section class=\"ch-ref-section\">\n    <div class=\"ch-ref-wrap\">\n      <div class=\"ch-ref-kicker dark\">Collaborations<\/div>\n      <h2 class=\"ch-ref-h2\">Organizations, events and projects we have collaborated with.<\/h2>\n\n      <div class=\"ch-ref-logo-grid\">\n        <div class=\"ch-ref-logo\">Mladi zmaji<\/div>\n        <div class=\"ch-ref-logo\">MC Idrija<\/div>\n        <div class=\"ch-ref-logo\">Zavod Skupka<\/div>\n        <div class=\"ch-ref-logo\">Youth Centre Koper<\/div>\n        <div class=\"ch-ref-logo\">Zavod Nefiks<\/div>\n        <div class=\"ch-ref-logo\">TiPovej!<\/div>\n        <div class=\"ch-ref-logo\">Dru\u0161tvo Rampa<\/div>\n        <div class=\"ch-ref-logo\">Mre\u017ea MaMa<\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- =========================\n  CTA \u2014 NO FOOTER\n  ========================== -->\n  <section class=\"ch-ref-section ch-ref-cta\">\n    <div class=\"ch-ref-wrap ch-ref-cta-grid\">\n      <div>\n        <h2 class=\"ch-ref-h2\">Would you like to work with us?<\/h2>\n        <p>If you are developing a project, training, exchange, digital community or communication campaign, write to us and we will explore how we can collaborate.<\/p>\n      <\/div>\n      <div class=\"ch-ref-cta-action\">\n        <a class=\"ch-ref-btn\" href=\"\/en\/contact\/\">Contact us<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/section>\n\n","protected":false},"excerpt":{"rendered":"<p>References Projects that did not stay on paper. Selected examples of collaborations, trainings, digital solutions, youth exchanges, communication processes and projects we developed together with organizations. Selectedwork References \u00d7 projects \u00d7 trainings \u00d7 digital communities \u00d7 References \u00d7 projects \u00d7 trainings \u00d7 digital communities \u00d7 From idea to delivery \u00d7 from programme to impact \u00d7 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_gspb_post_css":"","_locale":"en_GB","_original_post":"https:\/\/www.creation-hub.eu\/?page_id=1085","footnotes":""},"class_list":["post-1088","page","type-page","status-publish","hentry","en-GB"],"blocksy_meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/www.creation-hub.eu\/wp-json\/wp\/v2\/pages\/1088","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.creation-hub.eu\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.creation-hub.eu\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.creation-hub.eu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.creation-hub.eu\/wp-json\/wp\/v2\/comments?post=1088"}],"version-history":[{"count":5,"href":"https:\/\/www.creation-hub.eu\/wp-json\/wp\/v2\/pages\/1088\/revisions"}],"predecessor-version":[{"id":1186,"href":"https:\/\/www.creation-hub.eu\/wp-json\/wp\/v2\/pages\/1088\/revisions\/1186"}],"wp:attachment":[{"href":"https:\/\/www.creation-hub.eu\/wp-json\/wp\/v2\/media?parent=1088"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}