{"id":4575,"date":"2026-07-30T17:54:12","date_gmt":"2026-07-30T17:54:12","guid":{"rendered":"https:\/\/creativeresonance.eu\/?page_id=4575"},"modified":"2026-07-30T23:25:12","modified_gmt":"2026-07-30T23:25:12","slug":"new-home","status":"publish","type":"page","link":"https:\/\/creativeresonance.eu\/index.php\/new-home\/","title":{"rendered":"New Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4575\" class=\"elementor elementor-4575\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-58cde73 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"58cde73\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a162444\" data-id=\"a162444\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-55b179d elementor-widget elementor-widget-html\" data-id=\"55b179d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n#cr-home-a {\n  --cr-black: #050505;\n  --cr-surface: #0d0d0d;\n  --cr-surface-2: #15120d;\n  --cr-gold: #d2a44b;\n  --cr-gold-mid: #b58337;\n  --cr-gold-light: #eacd7b;\n  --cr-ivory: #f4e39c;\n  --cr-white: #f7f4ea;\n  --cr-muted: #bdb6a7;\n  --cr-line: rgba(234, 205, 123, 0.22);\n  --cr-metal: linear-gradient(135deg, #9b6928 0%, #eacd7b 38%, #b58337 70%, #f4e39c 100%);\n  --cr-display: Georgia, Cambria, \"Times New Roman\", serif;\n  --cr-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  position: relative;\n  background: var(--cr-black);\n  color: var(--cr-white);\n  font-family: var(--cr-body);\n  line-height: 1.55;\n  overflow-x: clip;\n  isolation: isolate;\n}\n#cr-home-a *, #cr-home-a *::before, #cr-home-a *::after { box-sizing: border-box; }\n#cr-home-a img { display: block; max-width: 100%; }\n#cr-home-a a { color: inherit; text-decoration: none; }\n#cr-home-a button, #cr-home-a input, #cr-home-a textarea, #cr-home-a select { font: inherit; }\n#cr-home-a .cr-skip {\n  position: fixed;\n  left: 1rem;\n  top: 1rem;\n  z-index: 9999;\n  padding: .8rem 1rem;\n  background: var(--cr-white);\n  color: var(--cr-black);\n  transform: translateY(-160%);\n  transition: transform .2s ease;\n}\n#cr-home-a .cr-skip:focus { transform: translateY(0); }\n#cr-home-a :focus-visible { outline: 2px solid var(--cr-gold-light); outline-offset: 4px; }\n#cr-home-a .cr-shell { width: min(100% - 2rem, 1320px); margin-inline: auto; }\n#cr-home-a .cr-kicker {\n  display: inline-flex;\n  align-items: center;\n  gap: .65rem;\n  color: var(--cr-gold-light);\n  font-size: .74rem;\n  font-weight: 700;\n  letter-spacing: .16em;\n  text-transform: uppercase;\n}\n#cr-home-a .cr-kicker::before { content: \"\"; width: 2.2rem; height: 1px; background: var(--cr-metal); }\n#cr-home-a .cr-btn {\n  min-height: 48px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: .65rem;\n  padding: .85rem 1.15rem;\n  border: 1px solid transparent;\n  border-radius: 999px;\n  font-size: .9rem;\n  font-weight: 750;\n  letter-spacing: .02em;\n  transition: transform .2s ease, background-color .2s ease, border-color .2s ease, color .2s ease;\n}\n#cr-home-a .cr-btn:hover { transform: translateY(-2px); }\n#cr-home-a .cr-btn-primary { color: #151008; background: var(--cr-metal); }\n#cr-home-a .cr-btn-secondary { color: var(--cr-white); border-color: rgba(247, 244, 234, .24); background: rgba(255,255,255,.025); }\n#cr-home-a .cr-btn-secondary:hover { border-color: var(--cr-gold); color: var(--cr-gold-light); }\n#cr-home-a .cr-arrow { width: 1rem; height: 1rem; flex: 0 0 auto; }\n\n#cr-home-a .cr-header {\n  position: sticky;\n  top: 0;\n  z-index: 100;\n  background: rgba(5,5,5,.88);\n  border-bottom: 1px solid rgba(234,205,123,.12);\n  backdrop-filter: blur(18px);\n}\n#cr-home-a .cr-nav {\n  min-height: 84px;\n  display: grid;\n  grid-template-columns: auto 1fr auto;\n  align-items: center;\n  gap: 2rem;\n  transition: min-height .25s ease;\n}\n#cr-home-a .cr-header.cr-compact .cr-nav { min-height: 68px; }\n#cr-home-a .cr-brand { display: inline-flex; align-items: center; gap: .85rem; min-width: 0; }\n#cr-home-a .cr-brand img { width: 72px; height: 72px; object-fit: contain; transition: width .25s ease, height .25s ease; }\n#cr-home-a .cr-header.cr-compact .cr-brand img { width: 56px; height: 56px; }\n#cr-home-a .cr-brand-copy { display: grid; gap: .1rem; }\n#cr-home-a .cr-brand-name { font-family: var(--cr-display); font-size: 1.08rem; line-height: 1; }\n#cr-home-a .cr-brand-sub { color: var(--cr-muted); font-size: .66rem; letter-spacing: .13em; text-transform: uppercase; }\n#cr-home-a .cr-menu { display: flex; justify-content: center; align-items: center; gap: clamp(.8rem, 1.7vw, 1.55rem); }\n#cr-home-a .cr-menu a { padding: .8rem .2rem; color: #d8d3c8; font-size: .86rem; font-weight: 650; }\n#cr-home-a .cr-menu a:hover, #cr-home-a .cr-menu a[aria-current=\"page\"] { color: var(--cr-gold-light); }\n#cr-home-a .cr-nav-toggle {\n  display: none;\n  width: 48px;\n  height: 48px;\n  border: 1px solid var(--cr-line);\n  border-radius: 50%;\n  background: transparent;\n  color: var(--cr-white);\n  cursor: pointer;\n}\n#cr-home-a .cr-nav-toggle svg { width: 1.25rem; height: 1.25rem; }\n\n#cr-home-a .cr-hero {\n  position: relative;\n  min-height: min(860px, calc(100svh - 84px));\n  display: grid;\n  align-items: center;\n  padding: clamp(4rem, 8vw, 8rem) 0 clamp(4rem, 7vw, 7rem);\n}\n#cr-home-a .cr-hero::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  z-index: -2;\n  background:\n    radial-gradient(circle at 80% 35%, rgba(210,164,75,.15), transparent 25%),\n    radial-gradient(circle at 12% 68%, rgba(155,105,40,.12), transparent 22%),\n    linear-gradient(180deg, #050505 0%, #080705 100%);\n}\n#cr-home-a .cr-hero-grid { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(380px, .98fr); gap: clamp(3rem, 7vw, 7rem); align-items: center; }\n#cr-home-a .cr-hero-copy { position: relative; z-index: 2; }\n#cr-home-a .cr-hero h1 {\n  max-width: 13ch;\n  margin: 1.25rem 0 1.35rem;\n  font-family: var(--cr-display);\n  font-size: clamp(3.3rem, 6.7vw, 7.3rem);\n  line-height: .92;\n  font-weight: 500;\n  letter-spacing: -.045em;\n}\n#cr-home-a .cr-hero h1 em { font-style: normal; color: var(--cr-gold-light); }\n#cr-home-a .cr-hero-intro { max-width: 660px; margin: 0 0 1.8rem; color: #d3cec3; font-size: clamp(1rem, 1.45vw, 1.22rem); }\n#cr-home-a .cr-actions { display: flex; flex-wrap: wrap; gap: .8rem; }\n#cr-home-a .cr-cap-line { margin-top: 2rem; display: flex; flex-wrap: wrap; gap: .85rem 1.4rem; color: #9f998e; font-size: .78rem; letter-spacing: .11em; text-transform: uppercase; }\n#cr-home-a .cr-cap-line span { display: inline-flex; align-items: center; gap: .65rem; }\n#cr-home-a .cr-cap-line span:not(:last-child)::after { content: \"\"; width: 3px; height: 3px; border-radius: 50%; background: var(--cr-gold); }\n\n#cr-home-a .cr-hero-media {\n  position: relative;\n  min-height: 610px;\n  border: 1px solid rgba(234,205,123,.24);\n  border-radius: 280px 280px 1.35rem 1.35rem;\n  overflow: hidden;\n  background: #0d0b08;\n  box-shadow: 0 35px 90px rgba(0,0,0,.46);\n}\n#cr-home-a .cr-hero-media::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background-image:\n    linear-gradient(180deg, rgba(5,5,5,.06) 5%, rgba(5,5,5,.2) 45%, rgba(5,5,5,.88) 100%),\n    radial-gradient(circle at 52% 28%, rgba(234,205,123,.28), transparent 24%),\n    var(--hero-image, linear-gradient(135deg, #211708, #080808));\n  background-size: cover;\n  background-position: center;\n  filter: saturate(.76) contrast(1.06);\n}\n#cr-home-a .cr-hero-media::after {\n  content: \"\";\n  position: absolute;\n  inset: 5.5%;\n  border: 1px solid rgba(244,227,156,.24);\n  border-radius: 50% 50% 1rem 1rem;\n  pointer-events: none;\n}\n#cr-home-a .cr-media-top {\n  position: absolute;\n  inset: 1.1rem 1.1rem auto;\n  z-index: 2;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 1rem;\n}\n#cr-home-a .cr-media-tag { padding: .62rem .85rem; border-radius: 999px; background: rgba(5,5,5,.66); border: 1px solid rgba(244,227,156,.26); font-size: .7rem; text-transform: uppercase; letter-spacing: .13em; }\n#cr-home-a .cr-play {\n  width: 56px;\n  height: 56px;\n  display: grid;\n  place-items: center;\n  border-radius: 50%;\n  border: 1px solid rgba(244,227,156,.5);\n  background: rgba(5,5,5,.66);\n  color: var(--cr-gold-light);\n}\n#cr-home-a .cr-play svg { width: 1.2rem; height: 1.2rem; margin-left: .15rem; }\n#cr-home-a .cr-media-caption { position: absolute; z-index: 2; inset: auto 1.45rem 1.35rem; }\n#cr-home-a .cr-media-caption strong { display: block; font-family: var(--cr-display); font-size: clamp(1.65rem, 2.6vw, 2.7rem); font-weight: 500; }\n#cr-home-a .cr-media-caption span { color: var(--cr-muted); font-size: .84rem; }\n#cr-home-a .cr-orbit { position: absolute; width: 210px; aspect-ratio: 1; border: 1px solid rgba(210,164,75,.22); border-radius: 50%; right: -110px; top: 10%; }\n#cr-home-a .cr-orbit::after { content: \"\"; position: absolute; width: 7px; height: 7px; border-radius: 50%; background: var(--cr-gold-light); top: 20%; left: 8%; box-shadow: 0 0 22px rgba(234,205,123,.7); }\n\n#cr-home-a .cr-audience { border-block: 1px solid rgba(234,205,123,.12); background: #090908; overflow: hidden; }\n#cr-home-a .cr-audience-inner { min-height: 76px; display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 2.4rem; }\n#cr-home-a .cr-audience-label { color: var(--cr-gold-light); font-size: .68rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; white-space: nowrap; }\n#cr-home-a .cr-audience-marquee { min-width: 0; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent); mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent); }\n#cr-home-a .cr-audience-track { display: flex; width: max-content; will-change: transform; animation: cr-audience-scroll 32s linear infinite; }\n#cr-home-a .cr-audience-group { flex: none; display: flex; align-items: center; gap: 1.65rem; padding-right: 1.65rem; color: #bbb5aa; font-size: .84rem; }\n#cr-home-a .cr-audience-item { display: inline-flex; align-items: center; gap: 1.65rem; white-space: nowrap; }\n#cr-home-a .cr-audience-item::after { content: \"\"; width: 4px; height: 4px; flex: 0 0 auto; background: var(--cr-gold-mid); transform: rotate(45deg); }\n@keyframes cr-audience-scroll { to { transform: translate3d(-50%,0,0); } }\n\n#cr-home-a .cr-section { padding: clamp(5rem, 9vw, 9rem) 0; content-visibility: auto; contain-intrinsic-size: 900px; }\n#cr-home-a .cr-section-head { display: grid; grid-template-columns: minmax(0, .78fr) minmax(280px, .42fr); gap: 2rem; align-items: end; margin-bottom: clamp(2.6rem, 5vw, 5rem); }\n#cr-home-a .cr-section h2 { max-width: 16ch; margin: .9rem 0 0; font-family: var(--cr-display); font-size: clamp(2.55rem, 4.7vw, 5rem); line-height: .98; font-weight: 500; letter-spacing: -.035em; }\n#cr-home-a .cr-section-lead { color: var(--cr-muted); max-width: 520px; margin: 0; font-size: 1rem; }\n\n#cr-home-a .cr-services { background: linear-gradient(180deg, #090908 0%, #050505 100%); }\n#cr-home-a .cr-service-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 1rem; }\n#cr-home-a .cr-service-card {\n  position: relative;\n  min-height: 520px;\n  padding: clamp(1.5rem, 3vw, 2.6rem);\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  border: 1px solid var(--cr-line);\n  border-radius: 1.1rem;\n  overflow: hidden;\n  background: linear-gradient(145deg, rgba(255,255,255,.025), rgba(255,255,255,.004));\n}\n#cr-home-a .cr-service-card::before { content: \"\"; position: absolute; width: 280px; aspect-ratio: 1; border: 1px solid rgba(234,205,123,.12); border-radius: 50%; right: -85px; top: -90px; }\n#cr-home-a .cr-service-card::after { content: \"\"; position: absolute; inset: auto -18% -35% 35%; height: 320px; background: radial-gradient(circle, rgba(210,164,75,.16), transparent 65%); pointer-events: none; }\n#cr-home-a .cr-service-index { color: var(--cr-gold-light); font-size: .75rem; letter-spacing: .16em; text-transform: uppercase; }\n#cr-home-a .cr-service-card h3 { max-width: 11ch; margin: 2.5rem 0 1.2rem; font-family: var(--cr-display); font-size: clamp(2.4rem, 4vw, 4.25rem); line-height: .95; font-weight: 500; }\n#cr-home-a .cr-service-card p { max-width: 570px; color: #c6c0b5; }\n#cr-home-a .cr-service-list { display: flex; flex-wrap: wrap; gap: .55rem; margin: 1.5rem 0 2rem; padding: 0; list-style: none; }\n#cr-home-a .cr-service-list li { padding: .46rem .72rem; border: 1px solid rgba(234,205,123,.16); border-radius: 999px; color: #c8c2b7; font-size: .73rem; }\n#cr-home-a .cr-text-link { position: relative; z-index: 2; display: inline-flex; align-items: center; gap: .55rem; width: fit-content; color: var(--cr-gold-light); font-size: .88rem; font-weight: 760; }\n#cr-home-a .cr-text-link:hover { color: var(--cr-white); }\n\n#cr-home-a .cr-work-grid { display: grid; grid-template-columns: repeat(12, minmax(0,1fr)); gap: 1rem; }\n#cr-home-a .cr-work-card { position: relative; min-height: 460px; border-radius: 1rem; overflow: hidden; border: 1px solid rgba(234,205,123,.14); background: var(--cr-surface); }\n#cr-home-a .cr-work-card:nth-child(1) { grid-column: span 7; }\n#cr-home-a .cr-work-card:nth-child(2) { grid-column: span 5; }\n#cr-home-a .cr-work-card:nth-child(3) { grid-column: 3 \/ span 8; }\n#cr-home-a .cr-work-visual { position: absolute; inset: 0; background-color: #15110c; background-image: linear-gradient(180deg, rgba(5,5,5,.03), rgba(5,5,5,.88)), radial-gradient(circle at 70% 18%, rgba(234,205,123,.24), transparent 25%), var(--work-image, linear-gradient(135deg,#2b1d0c,#090909)); background-size: cover; background-position: center; transition: transform .55s ease, filter .55s ease; filter: saturate(.72); }\n#cr-home-a .cr-work-card:hover .cr-work-visual { transform: scale(1.035); filter: saturate(.95); }\n#cr-home-a .cr-work-content { position: absolute; inset: auto 1.35rem 1.35rem; z-index: 2; }\n#cr-home-a .cr-work-meta { display: flex; flex-wrap: wrap; gap: .5rem .9rem; color: var(--cr-gold-light); font-size: .68rem; letter-spacing: .12em; text-transform: uppercase; }\n#cr-home-a .cr-work-card h3 { margin: .7rem 0 .4rem; font-family: var(--cr-display); font-size: clamp(1.75rem, 3vw, 3.15rem); line-height: 1; font-weight: 500; }\n#cr-home-a .cr-work-card p { margin: 0; color: #c8c2b8; max-width: 550px; font-size: .88rem; }\n\n#cr-home-a .cr-ops { background: linear-gradient(180deg, #0b0a08 0%, #11100d 100%); border-block: 1px solid rgba(234,205,123,.12); }\n#cr-home-a .cr-ops-grid { display: grid; grid-template-columns: minmax(280px,.7fr) minmax(0,1.3fr); gap: clamp(2rem, 6vw, 7rem); align-items: start; }\n#cr-home-a .cr-ops-list { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: .75rem; }\n#cr-home-a .cr-op-item { min-height: 150px; padding: 1.2rem; border: 1px solid var(--cr-line); border-radius: .8rem; background: rgba(255,255,255,.015); }\n#cr-home-a .cr-op-item svg { width: 1.45rem; height: 1.45rem; color: var(--cr-gold-light); }\n#cr-home-a .cr-op-item h3 { margin: 1.25rem 0 .4rem; font-size: .96rem; }\n#cr-home-a .cr-op-item p { margin: 0; color: var(--cr-muted); font-size: .8rem; }\n\n#cr-home-a .cr-process { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1rem; counter-reset: crstep; }\n#cr-home-a .cr-step { position: relative; padding: 1.5rem 1.2rem; border-top: 1px solid var(--cr-gold-mid); counter-increment: crstep; }\n#cr-home-a .cr-step::before { content: \"0\" counter(crstep); display: block; margin-bottom: 2.7rem; color: var(--cr-gold-light); font-size: .72rem; letter-spacing: .14em; }\n#cr-home-a .cr-step h3 { margin: 0 0 .6rem; font-family: var(--cr-display); font-size: 1.55rem; font-weight: 500; }\n#cr-home-a .cr-step p { margin: 0; color: var(--cr-muted); font-size: .84rem; }\n\n#cr-home-a .cr-investment { position: relative; background: linear-gradient(180deg, #080807 0%, #0d0b08 100%); color: var(--cr-white); border-block: 1px solid rgba(234,205,123,.12); overflow: hidden; }\n#cr-home-a .cr-investment::before { content: \"\"; position: absolute; width: 520px; aspect-ratio: 1; right: -210px; top: -240px; border: 1px solid rgba(234,205,123,.12); border-radius: 50%; pointer-events: none; }\n#cr-home-a .cr-investment .cr-shell { position: relative; z-index: 1; }\n#cr-home-a .cr-investment .cr-kicker { color: var(--cr-gold-light); }\n#cr-home-a .cr-investment .cr-section-lead { color: var(--cr-muted); }\n#cr-home-a .cr-investment-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }\n#cr-home-a .cr-investment-card { padding: clamp(1.6rem,3vw,2.6rem); border: 1px solid var(--cr-line); border-radius: 1rem; background: linear-gradient(145deg, rgba(255,255,255,.025), rgba(255,255,255,.006)); }\n#cr-home-a .cr-investment-card > span { color: var(--cr-gold-light); font-size: .68rem; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }\n#cr-home-a .cr-investment-card h3 { margin: .65rem 0 2rem; font-family: var(--cr-display); font-size: clamp(2rem,3.4vw,3.25rem); line-height: 1; font-weight: 500; }\n#cr-home-a .cr-investment-row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 1rem; align-items: baseline; padding: 1.05rem 0; border-top: 1px solid rgba(234,205,123,.14); }\n#cr-home-a .cr-investment-row span { color: #cbc5ba; font-size: .9rem; }\n#cr-home-a .cr-investment-row strong { color: var(--cr-gold-light); font-family: var(--cr-display); font-size: clamp(1.25rem,2vw,1.65rem); font-weight: 500; white-space: nowrap; }\n#cr-home-a .cr-price-note { margin: 1.2rem 0 0; color: #817b71; font-size: .74rem; }\n\n#cr-home-a .cr-final { padding: clamp(5rem,9vw,9rem) 0; background: radial-gradient(circle at 70% 30%, rgba(210,164,75,.14), transparent 25%), #050505; }\n#cr-home-a .cr-final-panel { position: relative; padding: clamp(2rem, 6vw, 5rem); border: 1px solid var(--cr-line); border-radius: 1.2rem; overflow: hidden; }\n#cr-home-a .cr-final-panel::after { content: \"\"; position: absolute; width: 360px; aspect-ratio: 1; border: 1px solid rgba(234,205,123,.17); border-radius: 50%; right: -130px; top: -150px; }\n#cr-home-a .cr-final h2 { max-width: 13ch; margin: 1rem 0 1.3rem; font-family: var(--cr-display); font-size: clamp(3rem, 5vw, 5.6rem); line-height: .96; font-weight: 500; }\n#cr-home-a .cr-final p { max-width: 650px; color: var(--cr-muted); }\n\n#cr-home-a .cr-footer { padding: 3.5rem 0 1.5rem; border-top: 1px solid rgba(234,205,123,.12); background: #020202; }\n#cr-home-a .cr-footer-grid { display: grid; grid-template-columns: 1.25fr .7fr .8fr 1fr; gap: 2rem; }\n#cr-home-a .cr-footer-brand img { width: 88px; height: 88px; object-fit: contain; }\n#cr-home-a .cr-footer-brand p { max-width: 360px; color: var(--cr-muted); font-size: .82rem; }\n#cr-home-a .cr-footer h3 { margin: .2rem 0 1rem; color: var(--cr-gold-light); font-size: .68rem; letter-spacing: .14em; text-transform: uppercase; }\n#cr-home-a .cr-footer ul { margin: 0; padding: 0; list-style: none; display: grid; gap: .62rem; }\n#cr-home-a .cr-footer li, #cr-home-a .cr-footer address { color: #c3bdb2; font-size: .8rem; font-style: normal; }\n#cr-home-a .cr-footer a:hover { color: var(--cr-gold-light); }\n#cr-home-a .cr-socials { display: flex; gap: .55rem; margin-top: 1rem; }\n#cr-home-a .cr-socials a { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--cr-line); border-radius: 50%; }\n#cr-home-a .cr-socials svg { width: 1rem; height: 1rem; }\n#cr-home-a .cr-footer-bottom { margin-top: 2.5rem; padding-top: 1rem; border-top: 1px solid rgba(255,255,255,.06); display: flex; justify-content: space-between; gap: 1rem; color: #837e75; font-size: .72rem; }\n\n#cr-home-a .cr-reveal { opacity: 1; transform: none; }\n#cr-home-a.cr-js .cr-reveal { opacity: 0; transform: translateY(24px); transition: opacity .65s ease, transform .65s ease; }\n#cr-home-a.cr-js .cr-reveal.cr-visible { opacity: 1; transform: none; }\n\n@media (max-width: 1060px) {\n  #cr-home-a .cr-menu, #cr-home-a .cr-header-cta { display: none; }\n  #cr-home-a .cr-nav { grid-template-columns: 1fr auto; }\n  #cr-home-a .cr-nav-toggle { display: grid; place-items: center; }\n  #cr-home-a .cr-menu.cr-open { position: absolute; top: 100%; left: 0; right: 0; display: grid; justify-content: stretch; gap: 0; padding: .75rem 1rem 1rem; background: rgba(5,5,5,.98); border-bottom: 1px solid var(--cr-line); }\n  #cr-home-a .cr-menu.cr-open a { padding: .95rem; border-bottom: 1px solid rgba(255,255,255,.05); }\n  #cr-home-a .cr-hero-grid { grid-template-columns: 1fr; }\n  #cr-home-a .cr-hero { min-height: auto; }\n  #cr-home-a .cr-hero h1 { max-width: 12ch; }\n  #cr-home-a .cr-hero-media { min-height: 560px; max-width: 720px; width: 100%; justify-self: end; }\n  #cr-home-a .cr-section-head, #cr-home-a .cr-ops-grid { grid-template-columns: 1fr; }\n  #cr-home-a .cr-footer-grid { grid-template-columns: 1.3fr 1fr 1fr; }\n  #cr-home-a .cr-footer-grid > :last-child { grid-column: span 3; }\n}\n@media (max-width: 760px) {\n  #cr-home-a .cr-shell { width: min(100% - 1.25rem, 1320px); }\n  #cr-home-a .cr-brand-copy { display: none; }\n  #cr-home-a .cr-brand img { width: 58px; height: 58px; }\n  #cr-home-a .cr-nav { min-height: 68px; }\n  #cr-home-a .cr-hero { padding-top: 3.4rem; }\n  #cr-home-a .cr-hero h1 { font-size: clamp(3rem, 14vw, 5.1rem); }\n  #cr-home-a .cr-actions .cr-btn { width: 100%; }\n  #cr-home-a .cr-audience-inner { grid-template-columns: 1fr; gap: .65rem; padding: .9rem 0; }\n  #cr-home-a .cr-audience-marquee { width: calc(100% + 1.25rem); -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 92%, transparent 100%); mask-image: linear-gradient(90deg, #000 0%, #000 92%, transparent 100%); }\n  #cr-home-a .cr-hero-media { min-height: 460px; border-radius: 200px 200px 1rem 1rem; }\n  #cr-home-a .cr-service-grid, #cr-home-a .cr-ops-list, #cr-home-a .cr-process, #cr-home-a .cr-investment-grid { grid-template-columns: 1fr; }\n  #cr-home-a .cr-service-card { min-height: 470px; }\n  #cr-home-a .cr-work-card:nth-child(n) { grid-column: 1 \/ -1; min-height: 420px; }\n  #cr-home-a .cr-section h2 { font-size: clamp(2.5rem, 12vw, 4.2rem); }\n  #cr-home-a .cr-footer-grid { grid-template-columns: 1fr 1fr; }\n  #cr-home-a .cr-footer-grid > :first-child, #cr-home-a .cr-footer-grid > :last-child { grid-column: 1 \/ -1; }\n  #cr-home-a .cr-footer-bottom { flex-direction: column; }\n}\n@media (prefers-reduced-motion: reduce) {\n  #cr-home-a .cr-audience-marquee { overflow-x: auto; -webkit-mask-image: none; mask-image: none; scrollbar-width: none; }\n  #cr-home-a .cr-audience-marquee::-webkit-scrollbar { display: none; }\n  #cr-home-a .cr-audience-group[aria-hidden=\"true\"] { display: none; }\n  #cr-home-a *, #cr-home-a *::before, #cr-home-a *::after { scroll-behavior: auto !important; animation: none !important; transition-duration: .001ms !important; }\n}\n<\/style>\n\n<div id=\"cr-home-a\">\n  <a class=\"cr-skip\" href=\"#cr-a-main\">Skip to main content<\/a>\n\n  <header class=\"cr-header\" data-cr-header>\n    <div class=\"cr-shell cr-nav\">\n      <a class=\"cr-brand\" href=\"https:\/\/creativeresonance.eu\/\" aria-label=\"Creative Resonance home\">\n        <img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/creativeresonance.eu\/wp-content\/uploads\/2023\/03\/cropped-Creative-resonance-logo-1.png\" alt=\"Creative Resonance\" width=\"120\" height=\"120\" fetchpriority=\"high\">\n        <span class=\"cr-brand-copy\">\n          <span class=\"cr-brand-name\">Creative Resonance<\/span>\n          <span class=\"cr-brand-sub\">Event web and video studio<\/span>\n        <\/span>\n      <\/a>\n\n      <nav class=\"cr-menu\" id=\"cr-a-menu\" aria-label=\"Primary navigation\">\n        <a href=\"https:\/\/creativeresonance.eu\/work\">Work<\/a>\n        <a href=\"https:\/\/creativeresonance.eu\/web-development\">Web Development<\/a>\n        <a href=\"https:\/\/creativeresonance.eu\/event-video\">Event Video<\/a>\n        <a href=\"https:\/\/creativeresonance.eu\/about\">About<\/a>\n        <a href=\"https:\/\/creativeresonance.eu\/insights\">Insights<\/a>\n      <\/nav>\n\n      <a class=\"cr-btn cr-btn-primary cr-header-cta\" href=\"https:\/\/creativeresonance.eu\/start-a-project\">Start a Project<\/a>\n      <button class=\"cr-nav-toggle\" type=\"button\" aria-label=\"Open menu\" aria-expanded=\"false\" aria-controls=\"cr-a-menu\" data-cr-toggle>\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><path d=\"M4 7h16M4 12h16M4 17h16\"\/><\/svg>\n      <\/button>\n    <\/div>\n  <\/header>\n\n  <main id=\"cr-a-main\">\n    <section class=\"cr-hero\">\n      <div class=\"cr-shell cr-hero-grid\">\n        <div class=\"cr-hero-copy cr-reveal\">\n          <span class=\"cr-kicker\">Digital and video production for the events industry<\/span>\n          <h1>Build the audience. Promote the <em>experience.<\/em> Grow the event.<\/h1>\n          <p class=\"cr-hero-intro\">Creative Resonance builds event-sector websites and produces commercial event films for organisers, venues, production companies and event suppliers.<\/p>\n          <div class=\"cr-actions\">\n            <a class=\"cr-btn cr-btn-primary\" href=\"https:\/\/creativeresonance.eu\/start-a-project\">Start a Project\n              <svg class=\"cr-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n            <\/a>\n            <a class=\"cr-btn cr-btn-secondary\" href=\"https:\/\/creativeresonance.eu\/work\">View Our Work<\/a>\n          <\/div>\n          <div class=\"cr-cap-line\" aria-label=\"Core capabilities\">\n            <span>Web Development<\/span><span>Event Video<\/span><span>Digital Support<\/span>\n          <\/div>\n        <\/div>\n\n        <!-- Replace the demo image URL with owned event footage or a compressed AVIF\/WebP poster. -->\n        <div class=\"cr-hero-media cr-reveal\" style=\"--hero-image:url('https:\/\/images.unsplash.com\/photo-1505373877841-8d25f7d46678?auto=format&fit=crop&w=1200&q=84')\">\n          <div class=\"cr-media-top\">\n            <span class=\"cr-media-tag\">The Hague \/ Europe<\/span>\n            <a class=\"cr-play\" href=\"https:\/\/www.youtube.com\/@creativeresonance2381\" target=\"_blank\" rel=\"noopener\" aria-label=\"View Creative Resonance video work on YouTube\">\n              <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n            <\/a>\n          <\/div>\n          <div class=\"cr-media-caption\"><strong>Event work with a longer commercial life.<\/strong><span>Strategy, production and digital delivery.<\/span><\/div>\n          <span class=\"cr-orbit\" aria-hidden=\"true\"><\/span>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"cr-audience\" aria-label=\"Clients served\">\n      <div class=\"cr-shell cr-audience-inner\">\n        <span class=\"cr-audience-label\">Built for<\/span>\n        <div class=\"cr-audience-marquee\">\n          <div class=\"cr-audience-track\">\n            <div class=\"cr-audience-group\">\n              <span class=\"cr-audience-item\">Event Organisers<\/span><span class=\"cr-audience-item\">Venues<\/span><span class=\"cr-audience-item\">Festivals<\/span><span class=\"cr-audience-item\">Conferences<\/span><span class=\"cr-audience-item\">Production Companies<\/span><span class=\"cr-audience-item\">Event Management Agencies<\/span><span class=\"cr-audience-item\">Hotels and Conference Centres<\/span><span class=\"cr-audience-item\">Corporate Event Teams<\/span><span class=\"cr-audience-item\">AV and Technical Production<\/span><span class=\"cr-audience-item\">Event Suppliers<\/span>\n            <\/div>\n            <div class=\"cr-audience-group\" aria-hidden=\"true\">\n              <span class=\"cr-audience-item\">Event Organisers<\/span><span class=\"cr-audience-item\">Venues<\/span><span class=\"cr-audience-item\">Festivals<\/span><span class=\"cr-audience-item\">Conferences<\/span><span class=\"cr-audience-item\">Production Companies<\/span><span class=\"cr-audience-item\">Event Management Agencies<\/span><span class=\"cr-audience-item\">Hotels and Conference Centres<\/span><span class=\"cr-audience-item\">Corporate Event Teams<\/span><span class=\"cr-audience-item\">AV and Technical Production<\/span><span class=\"cr-audience-item\">Event Suppliers<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"cr-section cr-services\">\n      <div class=\"cr-shell\">\n        <div class=\"cr-section-head cr-reveal\">\n          <div><span class=\"cr-kicker\">Two specialist disciplines<\/span><h2>One partner before, during and after the event.<\/h2><\/div>\n          <p class=\"cr-section-lead\">The website attracts and informs the audience. The video extends the value of the experience. Both are planned around your event schedule, stakeholders and commercial objectives.<\/p>\n        <\/div>\n        <div class=\"cr-service-grid\">\n          <article class=\"cr-service-card cr-reveal\">\n            <div>\n              <span class=\"cr-service-index\">01 \/ Web<\/span>\n              <h3>Web development for event businesses.<\/h3>\n              <p>Fast, structured websites for event companies, venues, conferences and festivals, with the systems your team actually needs.<\/p>\n              <ul class=\"cr-service-list\">\n                <li>Registration integrations<\/li><li>Programmes and speakers<\/li><li>Event calendars<\/li><li>Sponsor pages<\/li><li>Multilingual content<\/li><li>SEO and analytics<\/li>\n              <\/ul>\n            <\/div>\n            <a class=\"cr-text-link\" href=\"https:\/\/creativeresonance.eu\/web-development\">Explore web development\n              <svg class=\"cr-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n            <\/a>\n          <\/article>\n          <article class=\"cr-service-card cr-reveal\">\n            <div>\n              <span class=\"cr-service-index\">02 \/ Video<\/span>\n              <h3>Event video that keeps working.<\/h3>\n              <p>Commercial video production for promotion, stakeholder reporting, sponsor value, future sales and social distribution.<\/p>\n              <ul class=\"cr-service-list\">\n                <li>Highlight films<\/li><li>Conference recaps<\/li><li>Festival aftermovies<\/li><li>Multi-camera<\/li><li>Live streaming<\/li><li>Social edits<\/li>\n              <\/ul>\n            <\/div>\n            <a class=\"cr-text-link\" href=\"https:\/\/creativeresonance.eu\/event-video\">Explore event video\n              <svg class=\"cr-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n            <\/a>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"cr-section\">\n      <div class=\"cr-shell\">\n        <div class=\"cr-section-head cr-reveal\">\n          <div><span class=\"cr-kicker\">Selected work<\/span><h2>Designed around the outcome, not the format.<\/h2><\/div>\n          <p class=\"cr-section-lead\">Replace these placeholders with verified Creative Resonance projects, client names and outcomes.<\/p>\n        <\/div>\n        <div class=\"cr-work-grid\">\n          <!-- Replace demo project imagery and copy with verified case studies. -->\n          <a class=\"cr-work-card cr-reveal\" href=\"https:\/\/creativeresonance.eu\/work\" aria-label=\"View web platform case study\">\n            <div class=\"cr-work-visual\" style=\"--work-image:url('https:\/\/images.unsplash.com\/photo-1492684223066-81342ee5ff30?auto=format&fit=crop&w=1400&q=82')\"><\/div>\n            <div class=\"cr-work-content\"><div class=\"cr-work-meta\"><span>[Client]<\/span><span>Festival \/ Web<\/span><\/div><h3>From announcement to attendance.<\/h3><p>[Replace with a concise, verified outcome such as improved programme discovery or a clearer ticketing journey.]<\/p><\/div>\n          <\/a>\n          <a class=\"cr-work-card cr-reveal\" href=\"https:\/\/creativeresonance.eu\/work\" aria-label=\"View event film case study\">\n            <div class=\"cr-work-visual\" style=\"--work-image:url('https:\/\/images.unsplash.com\/photo-1501386761578-eac5c94b800a?auto=format&fit=crop&w=1000&q=82')\"><\/div>\n            <div class=\"cr-work-content\"><div class=\"cr-work-meta\"><span>[Client]<\/span><span>Conference \/ Video<\/span><\/div><h3>A recap built for the next sales cycle.<\/h3><p>[Replace with a verified description of deliverables and distribution.]<\/p><\/div>\n          <\/a>\n          <a class=\"cr-work-card cr-reveal\" href=\"https:\/\/creativeresonance.eu\/work\" aria-label=\"View venue promotion case study\">\n            <div class=\"cr-work-visual\" style=\"--work-image:url('https:\/\/images.unsplash.com\/photo-1511578314322-379afb476865?auto=format&fit=crop&w=1400&q=82')\"><\/div>\n            <div class=\"cr-work-content\"><div class=\"cr-work-meta\"><span>[Client]<\/span><span>Venue \/ Web + Video<\/span><\/div><h3>A clearer route from venue interest to qualified enquiry.<\/h3><p>[Replace with verified project context and results.]<\/p><\/div>\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"cr-section cr-ops\">\n      <div class=\"cr-shell cr-ops-grid\">\n        <div class=\"cr-reveal\"><span class=\"cr-kicker\">Operational understanding<\/span><h2>Built around how events actually move.<\/h2><p class=\"cr-section-lead\">Fixed dates, fast-changing information, multiple stakeholders and narrow promotional windows require a production partner who can work with the operational reality.<\/p><\/div>\n        <div class=\"cr-ops-list\">\n          <article class=\"cr-op-item cr-reveal\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" aria-hidden=\"true\"><path d=\"M5 4h14v16H5zM8 2v4M16 2v4M8 10h8M8 14h5\"\/><\/svg><h3>Registration and ticketing<\/h3><p>Clear journeys into your existing platform.<\/p><\/article>\n          <article class=\"cr-op-item cr-reveal\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"8\" r=\"3\"\/><path d=\"M5 21c0-4 3-7 7-7s7 3 7 7\"\/><\/svg><h3>Programme and speakers<\/h3><p>Structured content that stays manageable.<\/p><\/article>\n          <article class=\"cr-op-item cr-reveal\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" aria-hidden=\"true\"><path d=\"M4 7h16v10H4zM9 7V4h6v3M8 12h8\"\/><\/svg><h3>Sponsor visibility<\/h3><p>Partner value designed into the experience.<\/p><\/article>\n          <article class=\"cr-op-item cr-reveal\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" aria-hidden=\"true\"><path d=\"M5 4h14v16H5zM8 8h8M8 12h8M8 16h5\"\/><\/svg><h3>Event calendars<\/h3><p>Useful filtering and clear date information.<\/p><\/article>\n          <article class=\"cr-op-item cr-reveal\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" aria-hidden=\"true\"><path d=\"M3 6h18v12H3zM10 9l5 3-5 3z\"\/><\/svg><h3>Video distribution<\/h3><p>Formats planned for every required channel.<\/p><\/article>\n          <article class=\"cr-op-item cr-reveal\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" aria-hidden=\"true\"><path d=\"M4 19V9M10 19V5M16 19v-7M22 19H2\"\/><\/svg><h3>Analytics and conversion<\/h3><p>Measurement tied to practical objectives.<\/p><\/article>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"cr-section\">\n      <div class=\"cr-shell\">\n        <div class=\"cr-section-head cr-reveal\"><div><span class=\"cr-kicker\">Process<\/span><h2>A controlled path from brief to launch.<\/h2><\/div><p class=\"cr-section-lead\">A compact process keeps decisions clear while allowing for the pace and change that come with live events.<\/p><\/div>\n        <div class=\"cr-process\">\n          <article class=\"cr-step cr-reveal\"><h3>Scope<\/h3><p>Objectives, audiences, systems, dates, deliverables and decision-makers.<\/p><\/article>\n          <article class=\"cr-step cr-reveal\"><h3>Plan<\/h3><p>Information architecture, production plan, content requirements and responsibilities.<\/p><\/article>\n          <article class=\"cr-step cr-reveal\"><h3>Produce<\/h3><p>Design, development, filming, editing and stakeholder review.<\/p><\/article>\n          <article class=\"cr-step cr-reveal\"><h3>Launch and optimise<\/h3><p>Testing, delivery, training, measurement and ongoing support.<\/p><\/article>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"cr-section cr-investment\">\n      <div class=\"cr-shell\">\n        <div class=\"cr-section-head cr-reveal\"><div><span class=\"cr-kicker\">Typical starting investment<\/span><h2>Premium delivery with an accountable scope.<\/h2><\/div><p class=\"cr-section-lead\">Starting points help establish fit. Final proposals depend on integrations, content volume, crew, venue, schedule and deliverables.<\/p><\/div>\n        <div class=\"cr-investment-grid\">\n          <article class=\"cr-investment-card cr-reveal\">\n            <span>Digital<\/span>\n            <h3>Event web projects<\/h3>\n            <div class=\"cr-investment-row\"><span>Event launch website<\/span><strong>from \u20ac6,500<\/strong><\/div>\n            <div class=\"cr-investment-row\"><span>Programme-led event platform<\/span><strong>from \u20ac12,500<\/strong><\/div>\n          <\/article>\n          <article class=\"cr-investment-card cr-reveal\">\n            <span>Production<\/span>\n            <h3>Event video projects<\/h3>\n            <div class=\"cr-investment-row\"><span>Event highlight film<\/span><strong>from \u20ac2,750<\/strong><\/div>\n            <div class=\"cr-investment-row\"><span>Multi-camera conference production<\/span><strong>from \u20ac4,750<\/strong><\/div>\n          <\/article>\n        <\/div>\n        <p class=\"cr-price-note\">Indicative starting prices exclude VAT, travel, accommodation, licensing and third-party platform costs.<\/p>\n      <\/div>\n    <\/section>\n\n    <section class=\"cr-final\">\n      <div class=\"cr-shell\">\n        <div class=\"cr-final-panel cr-reveal\">\n          <span class=\"cr-kicker\">Start a project<\/span>\n          <h2>Make the next event easier to discover, understand and choose.<\/h2>\n          <p>Share the event date, launch deadline, venue, audience, required platforms and intended deliverables. We will confirm fit, availability and the next practical step.<\/p>\n          <div class=\"cr-actions\">\n            <a class=\"cr-btn cr-btn-primary\" href=\"https:\/\/creativeresonance.eu\/start-a-project\">Start a Project<\/a>\n            <a class=\"cr-btn cr-btn-secondary\" href=\"mailto:info@creativeresonance.eu\">Email the Brief<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n  <\/main>\n\n  <footer class=\"cr-footer\">\n    <div class=\"cr-shell\">\n      <div class=\"cr-footer-grid\">\n        <div class=\"cr-footer-brand\">\n          <img loading=\"lazy\" src=\"https:\/\/creativeresonance.eu\/wp-content\/uploads\/2023\/03\/cropped-Creative-resonance-logo-1.png\" alt=\"Creative Resonance\" width=\"120\" height=\"120\" loading=\"lazy\" decoding=\"async\">\n          <p>Specialist web development and commercial event video production for organisers, venues and event companies.<\/p>\n          <div class=\"cr-socials\">\n            <a href=\"https:\/\/www.youtube.com\/@creativeresonance2381\" target=\"_blank\" rel=\"noopener\" aria-label=\"Creative Resonance on YouTube\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M21.6 7.2a2.7 2.7 0 0 0-1.9-1.9C18 4.8 12 4.8 12 4.8s-6 0-7.7.5a2.7 2.7 0 0 0-1.9 1.9A28 28 0 0 0 2 12a28 28 0 0 0 .4 4.8 2.7 2.7 0 0 0 1.9 1.9c1.7.5 7.7.5 7.7.5s6 0 7.7-.5a2.7 2.7 0 0 0 1.9-1.9A28 28 0 0 0 22 12a28 28 0 0 0-.4-4.8ZM10 15.1V8.9l5.2 3.1Z\"\/><\/svg><\/a>\n            <a href=\"https:\/\/www.linkedin.com\/company\/54317141\" target=\"_blank\" rel=\"noopener\" aria-label=\"Creative Resonance on LinkedIn\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M6.5 8.5H3V21h3.5V8.5ZM4.75 3A2.05 2.05 0 1 0 4.75 7.1 2.05 2.05 0 0 0 4.75 3ZM21 13.8c0-3.8-2-5.6-4.8-5.6-2.2 0-3.2 1.2-3.8 2.1V8.5H9V21h3.5v-6.2c0-1.6.3-3.2 2.4-3.2s2.1 1.9 2.1 3.3V21H21v-7.2Z\"\/><\/svg><\/a>\n          <\/div>\n        <\/div>\n        <div><h3>Explore<\/h3><ul><li><a href=\"https:\/\/creativeresonance.eu\/work\">Work<\/a><\/li><li><a href=\"https:\/\/creativeresonance.eu\/about\">About<\/a><\/li><li><a href=\"https:\/\/creativeresonance.eu\/insights\">Insights<\/a><\/li><li><a href=\"https:\/\/creativeresonance.eu\/start-a-project\">Start a Project<\/a><\/li><\/ul><\/div>\n        <div><h3>Services<\/h3><ul><li><a href=\"https:\/\/creativeresonance.eu\/web-development\">Web Development<\/a><\/li><li><a href=\"https:\/\/creativeresonance.eu\/event-video\">Event Video<\/a><\/li><li><a href=\"https:\/\/creativeresonance.eu\/contact\">Contact<\/a><\/li><\/ul><\/div>\n        <div><h3>Contact<\/h3><address>Pr. Beatrixlaan 582<br>2595 BM Den Haag<br>The Hague, Netherlands<\/address><ul style=\"margin-top:1rem\"><li><a href=\"mailto:info@creativeresonance.eu\">info@creativeresonance.eu<\/a><\/li><li><a href=\"tel:+31682863123\">(+31) 6 82 86 31 23<\/a><\/li><\/ul><\/div>\n      <\/div>\n      <div class=\"cr-footer-bottom\"><span>\u00a9 <span data-cr-year>2026<\/span> Creative Resonance<\/span><span><a href=\"https:\/\/creativeresonance.eu\/privacy-policy\">Privacy Policy<\/a> \u00b7 <a href=\"https:\/\/creativeresonance.eu\/cookie-policy\">Cookie Policy<\/a> \u00b7 <a href=\"https:\/\/creativeresonance.eu\/terms-and-conditions\">Terms and Conditions<\/a><\/span><\/div>\n    <\/div>\n  <\/footer>\n<\/div>\n\n<script>\n(() => {\n  const root = document.getElementById('cr-home-a');\n  if (!root) return;\n  root.classList.add('cr-js');\n  const header = root.querySelector('[data-cr-header]');\n  const toggle = root.querySelector('[data-cr-toggle]');\n  const menu = root.querySelector('#cr-a-menu');\n  const year = root.querySelector('[data-cr-year]');\n  if (year) year.textContent = new Date().getFullYear();\n  const closeMenu = () => {\n    if (!toggle || !menu) return;\n    toggle.setAttribute('aria-expanded', 'false');\n    toggle.setAttribute('aria-label', 'Open menu');\n    menu.classList.remove('cr-open');\n    document.documentElement.style.overflow = '';\n  };\n  if (toggle && menu) {\n    toggle.addEventListener('click', () => {\n      const open = toggle.getAttribute('aria-expanded') === 'true';\n      toggle.setAttribute('aria-expanded', String(!open));\n      toggle.setAttribute('aria-label', open ? 'Open menu' : 'Close menu');\n      menu.classList.toggle('cr-open', !open);\n      document.documentElement.style.overflow = open ? '' : 'hidden';\n    });\n    menu.addEventListener('click', event => { if (event.target.closest('a')) closeMenu(); });\n    document.addEventListener('keydown', event => { if (event.key === 'Escape') closeMenu(); });\n  }\n  const onScroll = () => header && header.classList.toggle('cr-compact', window.scrollY > 24);\n  onScroll();\n  window.addEventListener('scroll', onScroll, { passive: true });\n  const reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  const items = root.querySelectorAll('.cr-reveal');\n  if (reduced || !('IntersectionObserver' in window)) {\n    items.forEach(item => item.classList.add('cr-visible'));\n  } else {\n    const observer = new IntersectionObserver(entries => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('cr-visible');\n          observer.unobserve(entry.target);\n        }\n      });\n    }, { threshold: .12, rootMargin: '0px 0px -8% 0px' });\n    items.forEach(item => observer.observe(item));\n  }\n})();\n<\/script>\n\n<!-- Editable assets: logo URL, hero image, case-study imagery. Editable links: all navigation and CTA URLs. Required integration: none for this homepage. Optional speed feature: remove reveal effects after replacing the Unsplash demo imagery with optimised owned assets. The audience marquee uses duplicated content for a seamless loop. -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Skip to main content Creative Resonance Event web and video studio Work Web Development Event Video About Insights Start a Project Digital and video production for the events industry Build the audience. Promote the experience. Grow the event. Creative Resonance builds event-sector websites and produces commercial event films for organisers, venues, production companies and event [&hellip;]<\/p>\n","protected":false},"author":10,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-4575","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/creativeresonance.eu\/index.php\/wp-json\/wp\/v2\/pages\/4575","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativeresonance.eu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/creativeresonance.eu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/creativeresonance.eu\/index.php\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/creativeresonance.eu\/index.php\/wp-json\/wp\/v2\/comments?post=4575"}],"version-history":[{"count":5,"href":"https:\/\/creativeresonance.eu\/index.php\/wp-json\/wp\/v2\/pages\/4575\/revisions"}],"predecessor-version":[{"id":4581,"href":"https:\/\/creativeresonance.eu\/index.php\/wp-json\/wp\/v2\/pages\/4575\/revisions\/4581"}],"wp:attachment":[{"href":"https:\/\/creativeresonance.eu\/index.php\/wp-json\/wp\/v2\/media?parent=4575"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}