Kick-off d'entreprise 2027 en Belgique et au Luxembourg | Tero<\/title>\r\n<meta name=\"description\" content=\"Organisez votre kick-off 2027 avec Tero : lieu, activit\u00e9 de team building et Teroir Traiteur r\u00e9unis, un seul interlocuteur. 17 lieux en Belgique et au Luxembourg.\">\r\n\r\n<style id=\"preview-only\">\r\n body { margin: 0; background: #fff; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<style>\r\n @font-face { font-family: \"Almarose\"; src: url(\"https:\/\/tero.be\/wp-content\/uploads\/2023\/12\/Almarose-Regular.cd1f94e.woff2\") format(\"woff2\"); font-weight: 300 400; font-display: swap; }\r\n @font-face { font-family: \"Almarose\"; src: url(\"https:\/\/tero.be\/wp-content\/uploads\/2023\/12\/Almarose-Medium.d87446b.woff2\") format(\"woff2\"); font-weight: 500; font-display: swap; }\r\n @font-face { font-family: \"Almarose\"; src: url(\"https:\/\/tero.be\/wp-content\/uploads\/2023\/12\/Almarose-Semibold.f6e646d.woff2\") format(\"woff2\"); font-weight: 600; font-display: swap; }\r\n @font-face { font-family: \"Almarose\"; src: url(\"https:\/\/tero.be\/wp-content\/uploads\/2025\/06\/Almarose-Bold.woff2\") format(\"woff2\"); font-weight: 700; font-display: swap; }\r\n\r\n .tko {\r\n \/* Palette pastel (esprit Weezevent) *\/\r\n --b: #0032fa; \/* accent : bleu \u00e9lectrique *\/\r\n --b-2: #3d5cff;\r\n --deep: #0b1240; \/* bleu nuit : fond du cadre vid\u00e9o *\/\r\n --cream: #ffffff;\r\n --p-ice: #f0f5fa;\r\n --p-blue: #e6ebff;\r\n --p-mint: #eafbf9;\r\n --p-yellow: #fffaeb;\r\n --p-lav: #e4dfed;\r\n --ink: #0f0f14;\r\n --mute: rgba(15, 15, 20, .66);\r\n --line: rgba(15, 15, 20, .12);\r\n --white: #fff;\r\n --g: clamp(1rem, 3.1vw, 2.5rem);\r\n --w: min(100% - (var(--g) * 2), 1440px);\r\n --r: clamp(1.5rem, 3vw, 2.5rem);\r\n --e: cubic-bezier(.2, .72, .18, 1);\r\n position: relative;\r\n width: 100%;\r\n color: var(--ink);\r\n background: var(--cream);\r\n font-family: \"Almarose\", Montserrat, system-ui, sans-serif;\r\n font-size: 16px;\r\n line-height: 1.5;\r\n overflow-x: clip; \/* clip et non hidden : garde le position:sticky fonctionnel *\/\r\n }\r\n .tko *, .tko *::before, .tko *::after { box-sizing: border-box; }\r\n .tko img { display: block; width: 100%; height: 100%; object-fit: cover; }\r\n .tko :where(a) { color: inherit; }\r\n .tko ::selection { color: var(--white); background: var(--b); }\r\n .tko :focus-visible { outline: 3px solid var(--b); outline-offset: 4px; border-radius: 6px; }\r\n .tko :where(h1, h2, h3, p) { margin: 0; }\r\n .tko strong { font-weight: 600; }\r\n\r\n .tko-wrap { width: var(--w); margin-inline: auto; }\r\n\r\n .tko-label {\r\n display: inline-flex; align-items: center; gap: .7rem;\r\n font-size: .74rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; line-height: 1.2;\r\n }\r\n .tko-label::before { content: \"\"; width: .5rem; aspect-ratio: 1; border-radius: 50%; background: currentColor; }\r\n\r\n \/* ---------- Boutons ---------- *\/\r\n .tko-btn {\r\n --tx: 0px; --ty: 0px;\r\n position: relative; display: inline-flex; align-items: center; justify-content: center; gap: .9rem;\r\n min-height: 3.3rem; padding: .85rem 1.7rem;\r\n border: 1px solid currentColor; border-radius: 999px;\r\n font: inherit; font-size: .98rem; font-weight: 600; line-height: 1; text-decoration: none; cursor: pointer;\r\n background: transparent; overflow: hidden; isolation: isolate;\r\n transform: translate(var(--tx), var(--ty));\r\n transition: transform .4s var(--e), color .3s ease, border-color .3s ease;\r\n }\r\n .tko-btn::before {\r\n content: \"\"; position: absolute; z-index: -1; inset: 0; border-radius: inherit;\r\n transform: translateY(101%); transition: transform .45s var(--e);\r\n }\r\n .tko-btn:hover::before, .tko-btn:focus-visible::before { transform: none; }\r\n .tko-btn__arrow { display: inline-block; transition: transform .4s var(--e); }\r\n .tko-btn:hover .tko-btn__arrow { transform: translateX(4px); }\r\n\r\n .tko-btn--solid { color: var(--b); background: var(--cream); border-color: var(--cream); }\r\n .tko-btn--solid::before { background: var(--b); }\r\n .tko-btn--solid:hover, .tko-btn--solid:focus-visible { color: var(--cream); border-color: var(--b); }\r\n\r\n .tko-btn--ghost { color: var(--white); border-color: rgba(255, 255, 255, .7); }\r\n .tko-btn--ghost::before { background: var(--cream); }\r\n .tko-btn--ghost:hover, .tko-btn--ghost:focus-visible { color: var(--b); border-color: var(--cream); }\r\n\r\n .tko-btn--bx { color: var(--white); background: var(--b); border-color: var(--b); }\r\n .tko-btn--bx::before { background: var(--b-2); }\r\n .tko-btn--bx:hover, .tko-btn--bx:focus-visible { border-color: var(--b-2); }\r\n\r\n .tko-btn--line { color: var(--b); border-color: var(--b); }\r\n .tko-btn--line::before { background: var(--b); }\r\n .tko-btn--line:hover, .tko-btn--line:focus-visible { color: var(--white); }\r\n\r\n \/* ---------- 1. Hero en s\u00e9quence (cadre \u2192 plein \u00e9cran \u2192 4 couches \u2192 cadre) ---------- *\/\r\n .tko-seq { position: relative; height: 640vh; background: var(--cream); }\r\n .tko-seq__stick { position: sticky; top: 0; height: 100vh; height: 100svh; overflow: hidden; }\r\n .tko-hero {\r\n --f: 0; --se: 0;\r\n position: absolute; left: 50%; top: var(--ft, 16px);\r\n width: var(--fw, calc(100% - 2 * var(--g))); height: var(--fh, 72svh);\r\n transform: translateX(-50%); border-radius: var(--fr, 2.5rem);\r\n color: var(--white); background: var(--p-mint); overflow: hidden; isolation: isolate;\r\n }\r\n .tko-hero__media { position: absolute; z-index: -2; inset: 0; overflow: hidden; }\r\n \/* Le grand \u00ab 27 \u00bb (repris de l'ancienne carte de fin) *\/\r\n .tko-hero__num {\r\n position: absolute; right: -.05em; top: 50%; transform: translateY(-50%);\r\n font-size: min(calc(var(--fh, 600px) * .62), 27vw); font-weight: 600; line-height: .8; letter-spacing: -.08em;\r\n color: transparent; -webkit-text-stroke: 1.5px rgba(16, 150, 140, .45);\r\n background: linear-gradient(90deg, rgba(16, 150, 140, .16) 0 var(--fill27, 0%), transparent var(--fill27, 0%));\r\n -webkit-background-clip: text; background-clip: text;\r\n opacity: var(--n27, 1); pointer-events: none; user-select: none;\r\n }\r\n .tko-layer { position: absolute; inset: 0; opacity: 0; }\r\n .tko-layer img { transform: scale(calc(1.08 - var(--lo, 0) * .08)); }\r\n \/* Photo verticale (table Teroir) : pas de zoom pour garder la nettet\u00e9, cadrage sur la table *\/\r\n .tko-layer--still img { transform: none; }\r\n \/* cadrage de chaque photo : r\u00e9gl\u00e9 avec --op sur la couche (x y) *\/\r\n #tero-kickoff .tko-layer img { object-position: var(--op, 50% 50%) !important; }\r\n .tko-hero::before {\r\n content: \"\"; position: absolute; z-index: -1; inset: 0; opacity: var(--ov, 0);\r\n background:\r\n linear-gradient(90deg, rgba(15, 15, 20, calc(.72 + var(--oo, 0) * .14)) 0%, rgba(15, 15, 20, .32) 55%, rgba(15, 15, 20, calc(.08 + var(--oo, 0) * .34)) 100%),\r\n linear-gradient(0deg, rgba(15, 15, 20, calc(.55 + var(--qo, 0) * .3)) 0%, transparent 55%);\r\n }\r\n .tko-hero__intro {\r\n position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: space-between;\r\n padding: clamp(1.5rem, 4vw, 4rem);\r\n opacity: var(--io, 1); transform: translateY(calc((1 - var(--io, 1)) * -3rem));\r\n }\r\n \/* Accroche et phrase en encre sur le fond pastel *\/\r\n .tko-hero__intro { justify-content: flex-end; color: var(--ink); }\r\n .tko-hero__intro .tko-hero__lead { color: var(--mute); }\r\n .tko-hero__intro .tko-hero__bottom { grid-template-columns: minmax(0, 36rem); }\r\n .tko-hero__intro .tko-hero__actions { justify-content: flex-start; }\r\n .tko-btn--hero { color: var(--white); background: #0032fa; border-color: #0032fa; }\r\n .tko-btn--hero::before { background: var(--b-2); }\r\n #tero-kickoff a.tko-btn--hero, #tero-kickoff a.tko-btn--hero:visited, #tero-kickoff a.tko-btn--hero:hover { color: var(--white); }\r\n .tko-icon-btn {\r\n display: grid; place-items: center; width: 2.9rem; aspect-ratio: 1;\r\n color: var(--white); background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .45); border-radius: 50%;\r\n font: inherit; font-size: .8rem; cursor: pointer; backdrop-filter: blur(10px);\r\n transition: background .3s ease, color .3s ease;\r\n }\r\n .tko-icon-btn:hover, .tko-icon-btn:focus-visible { color: var(--b); background: var(--cream); }\r\n .tko-icon-btn svg { width: 1.05rem; height: 1.05rem; fill: currentColor; }\r\n .tko-hero h1 {\r\n max-width: 12ch;\r\n font-size: calc(clamp(3.2rem, 7.6vw, 7.8rem));\r\n font-weight: 300; line-height: .9; letter-spacing: -.055em;\r\n }\r\n .tko-hero h1 strong { font-weight: 600; }\r\n .tko-line { display: block; overflow: hidden; padding-bottom: .06em; }\r\n .tko-line > span { display: inline-block; transform: translateY(110%); transition: transform 1.1s var(--e); }\r\n .tko-hero.is-in .tko-line > span { transform: none; }\r\n .tko-hero.is-in .tko-line:nth-child(2) > span { transition-delay: .12s; }\r\n .tko-hero__bottom {\r\n display: grid; grid-template-columns: minmax(0, 34rem) auto; gap: 1.5rem 4rem; align-items: end;\r\n margin-top: clamp(1.4rem, 3vw, 2.4rem);\r\n }\r\n .tko-hero__lead { font-size: clamp(1.05rem, 1.5vw, 1.32rem); line-height: 1.45; color: rgba(255, 255, 255, .9); }\r\n .tko-hero__actions { display: flex; flex-wrap: wrap; gap: .75rem; justify-content: flex-end; }\r\n .tko-fade { opacity: 0; transform: translateY(1.2rem); transition: opacity .9s var(--e) .45s, transform .9s var(--e) .45s; }\r\n .tko-hero.is-in .tko-fade { opacity: 1; transform: none; }\r\n\r\n \/* Acte 1 bis : texte affich\u00e9 une fois le cadre ouvert *\/\r\n .tko-hero__story {\r\n position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; text-align: center;\r\n padding: 0 clamp(1.5rem, 4vw, 4rem);\r\n opacity: var(--so, 0); transform: translateY(calc((1 - var(--so, 0)) * 2rem)); pointer-events: none;\r\n }\r\n .tko-hero__story.is-live { pointer-events: auto; }\r\n .tko-hero__story .w { color: var(--ink); opacity: 0; transition: opacity .35s ease; }\r\n .tko-hero__story .w.on { opacity: 1; }\r\n @media (prefers-reduced-motion: reduce) { .tko-hero__story .w { opacity: 1; } }\r\n .tko-hero__story p { max-width: 44ch; font-size: clamp(1.15rem, .9rem + .9vw, 1.6rem); font-weight: 300; line-height: 1.45; letter-spacing: -.01em; color: var(--ink); }\r\n @media (max-width: 760px) { .tko-hero__story p { font-size: 1.1rem; max-width: none; } }\r\n @media (max-width: 760px) { .tko-hero__num { top: 2.5rem; transform: none; font-size: 34vw; } }\r\n @media (prefers-reduced-motion: reduce) { .tko-hero__story { position: relative; opacity: 1; transform: none; padding: 2rem clamp(1.5rem, 4vw, 4rem); } }\r\n\r\n \/* Les quatre temps *\/\r\n .tko-quad {\r\n position: absolute; left: 0; right: 0; bottom: 0;\r\n padding: 0 max(clamp(1.5rem, 4vw, 4rem), calc((100% - 1440px) \/ 2 + 2.5rem)) clamp(1.75rem, 4.5vh, 3.5rem);\r\n opacity: var(--qo, 0); transform: translateY(calc((1 - var(--qo, 0)) * 2rem));\r\n }\r\n .tko-quad__title { margin-bottom: clamp(1.75rem, 5vh, 3.25rem); font-size: clamp(2rem, 4.2vw, 4.2rem); font-weight: 300; line-height: .95; letter-spacing: -.05em; }\r\n .tko-quad__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(1rem, 2.4vw, 2.5rem); }\r\n .tko-quad__item { opacity: .45; transition: opacity .45s ease; }\r\n .tko-quad__item.is-active { opacity: 1; }\r\n .tko-quad__bar { display: block; height: 2px; margin-bottom: 1rem; background: rgba(255, 255, 255, .25); border-radius: 2px; overflow: hidden; }\r\n .tko-quad__bar i { display: block; height: 100%; background: var(--cream); transform: scaleX(var(--ip, 0)); transform-origin: left; }\r\n .tko-quad__time { font-size: .72rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: rgba(255, 255, 255, .78); }\r\n .tko-quad__item h2 { margin-top: .45rem; font-size: clamp(1.6rem, 2.4vw, 2.4rem); font-weight: 500; line-height: 1; letter-spacing: -.04em; }\r\n .tko-quad__item p { margin-top: .6rem; font-size: .92rem; line-height: 1.4; color: rgba(255, 255, 255, .82); }\r\n .tko-quad__item a {\r\n display: inline-flex; align-items: center; gap: .5rem; margin-top: .9rem; padding: .5rem 1rem;\r\n border: 1px solid rgba(255, 255, 255, .5); border-radius: 999px; font-size: .82rem; font-weight: 600; text-decoration: none;\r\n transition: background .3s ease, color .3s ease, border-color .3s ease;\r\n }\r\n .tko-quad__item a:hover, .tko-quad__item a:focus-visible { color: var(--b); background: var(--cream); border-color: var(--cream); }\r\n\r\n \/* Acte 3 : le devis dans le cadre *\/\r\n .tko-hero__quote {\r\n position: absolute; inset: 0; display: grid; grid-template-columns: .8fr 1.2fr; grid-template-rows: minmax(0, 1fr); gap: clamp(1.5rem, 4vw, 4rem); align-items: center;\r\n padding: clamp(1rem, 2.4vh, 2rem) clamp(1.5rem, 4vw, 4rem);\r\n opacity: var(--oo, 0); transform: translateY(calc((1 - var(--oo, 0)) * 2rem));\r\n }\r\n .tko-anchor { position: absolute; top: 0; }\r\n .tko-hero__quote .tko-form { max-height: 100%; overflow-y: auto; overscroll-behavior: contain; min-height: 0; padding: clamp(1rem, 2.6vh, 1.75rem) clamp(1.25rem, 2.4vw, 2rem); box-shadow: 0 1.5rem 4rem -1.5rem rgba(0, 0, 0, .5); }\r\n \/* \u00c9tape 4 plus compacte pour tenir dans le cadre *\/\r\n .tko-hero__quote .tko-form__progress { margin-bottom: 1rem; }\r\n .tko-hero__quote .tko-form__step { margin-bottom: .5rem; }\r\n .tko-hero__quote .tko-form__hint { margin: .35rem 0 1rem; }\r\n .tko-hero__quote .tko-fields { gap: .55rem .8rem; margin-top: .9rem; }\r\n .tko-hero__quote .tko-field { gap: .25rem; }\r\n .tko-hero__quote .tko-field input { padding: .65rem 1rem; }\r\n .tko-hero__quote .tko-field textarea { min-height: 3.2rem; height: 3.2rem; padding: .65rem 1rem; }\r\n .tko-hero__quote .tko-consent { margin-top: .7rem; }\r\n .tko-hero__quote .tko-form__error { margin-top: .4rem; min-height: 0; }\r\n .tko-hero__quote .tko-form__error:empty { display: none; }\r\n .tko-hero__quote .tko-form__nav { margin-top: .9rem; }\r\n .tko-hero__quote .tko-btn { min-height: 2.9rem; padding: .7rem 1.4rem; }\r\n\r\n .tko-hero__intro, .tko-quad, .tko-hero__quote { pointer-events: none; }\r\n .tko-hero__intro.is-live, .tko-quad.is-live, .tko-hero__quote.is-live { pointer-events: auto; }\r\n\r\n \/* Bande sous le cadre *\/\r\n .tko-seq__band {\r\n position: absolute; left: 50%; top: var(--bt, calc(16px + 72svh)); height: 72px; width: var(--w);\r\n display: flex; align-items: center; gap: clamp(1rem, 3vw, 2.5rem);\r\n transform: translateX(-50%); opacity: var(--bo, 1);\r\n }\r\n .tko-seq__band .tko-marquee { flex: 1; min-width: 0; margin: 0; border: 0; -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }\r\n .tko-countdown { display: inline-flex; align-items: baseline; gap: .5rem; flex: 0 0 auto; padding: .6rem 1.1rem; border: 1px solid var(--line); border-radius: 999px; font-size: .85rem; color: var(--mute); white-space: nowrap; }\r\n .tko-countdown b { color: var(--b); font-size: 1.15rem; font-weight: 600; font-variant-numeric: tabular-nums; }\r\n\r\n @media (max-width: 760px) {\r\n .tko-hero__bottom { grid-template-columns: 1fr; }\r\n .tko-hero__actions { justify-content: flex-start; display: grid; }\r\n .tko-hero__actions .tko-btn { width: 100%; }\r\n .tko-quad__grid { grid-template-columns: 1fr; }\r\n .tko-quad__item { grid-area: 1 \/ 1; opacity: 0; }\r\n .tko-quad__item.is-active { opacity: 1; }\r\n .tko-quad__title { font-size: 1.9rem; }\r\n .tko-countdown, .tko-marquee__label { display: none; }\r\n .tko-seq__band { height: 60px; }\r\n .tko-logo { font-size: 12px; }\r\n .tko-hero__quote { grid-template-columns: 1fr; align-items: start; align-content: start; overflow-y: auto; padding-top: 1.25rem; gap: 1rem; }\r\n .tko-hero__quote .tko-brief__intro p, .tko-hero__quote .tko-brief__reassure { display: none; }\r\n .tko-hero__quote .tko-brief__intro h2 { font-size: 2rem; }\r\n .tko-hero__quote .tko-brief__intro .tko-label { margin-bottom: .6rem; }\r\n .tko-hero__quote .tko-form { max-height: none; overflow: visible; }\r\n }\r\n @media (prefers-reduced-motion: reduce) {\r\n .tko-seq { height: auto; }\r\n .tko-seq__stick { position: static; height: auto; overflow: visible; padding: 16px 0 0; }\r\n .tko .tko-hero { position: relative; left: auto; top: auto; transform: none; width: var(--w); height: auto; margin: 0 auto; border-radius: var(--r); }\r\n .tko-hero__intro { position: relative; min-height: 70svh; opacity: 1; transform: none; pointer-events: auto; }\r\n .tko-quad { position: relative; opacity: 1; transform: none; padding: 0 clamp(1.5rem, 4vw, 4rem) 3rem; pointer-events: auto; }\r\n .tko-quad__grid { grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); }\r\n .tko-quad__item, .tko-quad__item.is-active { grid-area: auto; opacity: 1; }\r\n .tko-quad__bar i { transform: scaleX(1); }\r\n .tko-layer { display: none; }\r\n .tko-hero__quote { position: relative; opacity: 1; transform: none; pointer-events: auto; padding-bottom: 3rem; }\r\n .tko-seq__band { position: relative; left: auto; top: auto; transform: none; margin: 1rem auto 0; padding-block: 1rem; opacity: 1; }\r\n }\r\n\r\n \/* ---------- 2. Bandeau d\u00e9filant ---------- *\/\r\n .tko-marquee { margin-top: clamp(1rem, 2vw, 1.5rem); overflow: hidden; border-block: 1px solid var(--line); }\r\n .tko-marquee__track { display: flex; width: max-content; animation: tko-marquee 38s linear infinite; }\r\n .tko-marquee:hover .tko-marquee__track { animation-play-state: paused; }\r\n .tko-marquee__group { display: flex; align-items: center; flex-shrink: 0; }\r\n .tko-marquee__item { display: inline-flex; align-items: center; padding: .3rem clamp(1.4rem, 2.6vw, 2.4rem) .3rem 0; }\r\n .tko-logo { position: relative; display: block; overflow: hidden; font-size: 16px; }\r\n .tko .tko-logo img { position: absolute; max-width: none; object-fit: fill; mix-blend-mode: multiply; filter: grayscale(1); opacity: .62; transition: opacity .3s ease; }\r\n .tko-marquee:hover .tko-logo img { opacity: .9; }\r\n .tko-marquee__label { flex: 0 0 auto; font-size: .74rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--mute); white-space: nowrap; }\r\n @keyframes tko-marquee { to { transform: translateX(-50%); } }\r\n\r\n \/* ---------- 3. Accroche remplie au scroll ---------- *\/\r\n .tko-hook { padding-block: clamp(3rem, 6vw, 5rem); }\r\n .tko-hook .tko-label { color: var(--b); margin-bottom: 1.25rem; }\r\n .tko-hook__text {\r\n max-width: 22ch;\r\n font-size: clamp(2.3rem, 5.6vw, 5.4rem); font-weight: 500; line-height: 1.04; letter-spacing: -.045em;\r\n }\r\n .tko-hook__text .w { color: rgba(15, 15, 20, .14); transition: color .25s linear; }\r\n .tko-hook__text .w.on { color: var(--ink); }\r\n .tko-hook__text .w.accent.on { color: var(--b); }\r\n\r\n \/* En-t\u00eates de section *\/\r\n .tko-section-head { display: grid; grid-template-columns: 1fr; gap: 2rem; align-items: end; margin-bottom: clamp(1.5rem, 3vw, 2.5rem); }\r\n .tko-section-head h2 { max-width: 20ch; font-size: clamp(2.9rem, 6.4vw, 6.4rem); font-weight: 500; line-height: .97; letter-spacing: -.05em; }\r\n .tko-section-head p { max-width: 33rem; justify-self: end; color: var(--mute); font-size: clamp(1rem, 1.4vw, 1.2rem); }\r\n .tko-section-head .tko-label { color: var(--b); margin-bottom: 1.25rem; }\r\n\r\n \/* ---------- 6. Lieux (rail) ---------- *\/\r\n .tko-venues { padding-block: clamp(1.5rem, 3vw, 2.5rem) 0; }\r\n .tko-rail {\r\n display: flex; gap: 1rem; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none;\r\n width: var(--w); margin-inline: auto; padding-bottom: .5rem;\r\n cursor: grab;\r\n }\r\n \/* M\u00eame largeur que les autres sections : sur ordinateur, les 4 lieux tiennent sur une ligne *\/\r\n .tko-rail .tko-venue { flex: 0 0 calc((100% - 3rem) \/ 4); height: clamp(24rem, 32vw, 30rem); }\r\n .tko-rail.is-static { cursor: auto; }\r\n @media (max-width: 980px) { .tko-rail .tko-venue { flex-basis: calc((100% - 1rem) \/ 2.25); } }\r\n @media (max-width: 640px) { .tko-rail .tko-venue { flex-basis: 82%; height: 26rem; } }\r\n .tko-rail::-webkit-scrollbar { display: none; }\r\n .tko-rail.is-dragging { cursor: grabbing; scroll-snap-type: none; }\r\n .tko-rail.is-dragging a { pointer-events: none; }\r\n .tko-venue {\r\n position: relative; flex: 0 0 clamp(17rem, 27vw, 25rem); height: clamp(26rem, 38vw, 34rem);\r\n display: flex; flex-direction: column; justify-content: flex-end;\r\n padding: 1.5rem; border-radius: 1.75rem; overflow: hidden; isolation: isolate;\r\n color: var(--white); background: var(--deep); text-decoration: none; scroll-snap-align: start;\r\n }\r\n .tko-venue img { position: absolute; z-index: -2; inset: 0; transition: transform 1.1s var(--e), filter .6s ease; user-select: none; -webkit-user-drag: none; }\r\n .tko-venue::after { content: \"\"; position: absolute; z-index: -1; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, .78)); }\r\n .tko-venue:hover img, .tko-venue:focus-visible img { transform: scale(1.06); }\r\n .tko .tko-venue--type { color: var(--ink); background: var(--p-lav); }\r\n .tko-venue--type .tko-venue__go { border-color: rgba(15, 15, 20, .3); }\r\n .tko-venue--type:hover .tko-venue__go { color: var(--white); background: var(--b); border-color: var(--b); }\r\n .tko-venue--type .tko-venue__badge { color: var(--white); background: var(--b); }\r\n .tko-venue--type .tko-venue__pills li { border-color: rgba(15, 15, 20, .22); }\r\n .tko-venue--type::before {\r\n content: attr(data-mono); position: absolute; z-index: -1; top: 1rem; left: 1.25rem;\r\n font-size: clamp(7rem, 12vw, 11rem); font-weight: 300; line-height: 1; letter-spacing: -.08em; color: rgba(0, 50, 250, .09);\r\n }\r\n .tko-venue--type::after { display: none; }\r\n .tko-venue small { margin-bottom: .55rem; font-size: .7rem; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; opacity: .75; }\r\n .tko-venue h3 { font-size: clamp(1.7rem, 2.6vw, 2.5rem); font-weight: 500; line-height: 1; letter-spacing: -.04em; }\r\n .tko-venue p { margin-top: .6rem; font-size: .9rem; opacity: .82; }\r\n .tko-venue__go {\r\n position: absolute; top: 1.25rem; right: 1.25rem; display: grid; place-items: center; width: 2.9rem; aspect-ratio: 1;\r\n border: 1px solid rgba(255, 255, 255, .6); border-radius: 50%; transition: transform .4s var(--e), background .3s ease, color .3s ease;\r\n }\r\n .tko-venue:hover .tko-venue__go { color: var(--b); background: var(--cream); transform: rotate(45deg); }\r\n .tko-venue__badge {\r\n position: absolute; top: 1.25rem; left: 1.25rem; padding: .4rem .8rem; border-radius: 999px;\r\n color: var(--b); background: var(--cream); font-size: .72rem; font-weight: 600;\r\n }\r\n .tko-rail-nav { display: flex; justify-content: space-between; align-items: center; gap: 1rem; width: var(--w); margin: 1.25rem auto 0; }\r\n .tko-rail-nav__btns { display: flex; gap: .5rem; }\r\n .tko-rail-nav .tko-icon-btn { color: var(--b); background: transparent; border-color: var(--b); backdrop-filter: none; }\r\n .tko-rail-nav .tko-icon-btn:hover, .tko-rail-nav .tko-icon-btn:focus-visible { color: var(--white); background: var(--b); }\r\n\r\n \/* Bento lieux mis en avant *\/\r\n .tko-bento { display: grid; grid-template-columns: 1.15fr .85fr; gap: 1rem; margin-bottom: clamp(2rem, 4vw, 3rem); }\r\n .tko-bento .tko-venue { flex: none; width: 100%; }\r\n .tko-venue--hero { height: auto; min-height: clamp(34rem, 52vw, 46rem); padding: clamp(1.5rem, 3vw, 2.5rem); }\r\n .tko-venue--hero h3 { font-size: clamp(2.6rem, 5vw, 4.8rem); }\r\n .tko-venue--hero p { max-width: 30rem; font-size: clamp(.98rem, 1.3vw, 1.12rem); }\r\n .tko-venue--hero.tko-venue--type::before { top: 4.5rem; font-size: clamp(5rem, 11vw, 10rem); letter-spacing: -.06em; }\r\n .tko-venue__pills { display: flex; flex-wrap: wrap; gap: .45rem; margin: 1.2rem 0 0; padding: 0; list-style: none; }\r\n .tko-venue__pills li { padding: .4rem .85rem; border: 1px solid rgba(255, 255, 255, .4); border-radius: 999px; font-size: .78rem; }\r\n .tko-bento__side { display: grid; grid-template-rows: 1fr 1fr; gap: 1rem; }\r\n .tko-bento__side .tko-venue { height: auto; min-height: 17rem; }\r\n .tko-bento__title { display: grid; gap: .8rem; padding: .5rem 0 .25rem; font-size: clamp(1.3rem, 2vw, 1.75rem); font-weight: 500; line-height: 1.15; letter-spacing: -.03em; }\r\n .tko-bento__title .tko-label { color: var(--b); }\r\n .tko .tko-venue--forest { background: var(--p-mint); }\r\n .tko .tko-venue--river { background: var(--p-blue); }\r\n .tko-venue--hero .tko-venue__badge { font-size: .8rem; padding: .5rem 1rem; }\r\n @media (max-width: 980px) {\r\n .tko-bento { grid-template-columns: 1fr; }\r\n .tko-venue--hero { min-height: 32rem; }\r\n }\r\n\r\n \/* ---------- 6 bis. Activit\u00e9s ---------- *\/\r\n .tko-acts { padding-top: clamp(2.5rem, 5vw, 4rem); }\r\n .tko-acts__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }\r\n .tko-acts__grid .tko-venue { flex: none; width: 100%; height: clamp(22rem, 30vw, 28rem); }\r\n @media (max-width: 980px) { .tko-acts__grid { grid-template-columns: repeat(2, 1fr); } }\r\n .tko-acts__grid .tko-venue::after { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, .86)); }\r\n @media (max-width: 640px) {\r\n .tko-acts__grid .tko-venue { height: 15rem; padding: 1rem; }\r\n .tko-acts__grid .tko-venue h3 { font-size: 1.15rem; }\r\n .tko-acts__grid .tko-venue small { font-size: .62rem; letter-spacing: .08em; }\r\n .tko-acts__grid .tko-venue__go { display: none; }\r\n }\r\n\r\n \/* ---------- 7. Teroir ---------- *\/\r\n .tko-teroir { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(1.5rem, 4vw, 4rem); align-items: center; margin-block: clamp(2rem, 4vw, 3rem); padding: clamp(1.5rem, 4vw, 4rem); background: var(--p-mint); border-radius: var(--r); }\r\n .tko-teroir__media { position: relative; height: clamp(30rem, 52vw, 46rem); }\r\n .tko-teroir__main { position: absolute; inset: 0 18% 0 0; border-radius: 1.9rem; overflow: hidden; clip-path: inset(12% 12% 12% 12% round 1.9rem); transition: clip-path 1.4s var(--e); }\r\n .tko-teroir__main img { transform: scale(1.15); transition: transform 1.8s var(--e); }\r\n .tko-teroir__side { position: absolute; right: 0; bottom: 8%; width: 40%; height: 46%; border: .5rem solid var(--p-mint); border-radius: 1.6rem; overflow: hidden; transform: translateY(var(--py, 0px)); }\r\n .tko-teroir.is-visible .tko-teroir__main { clip-path: inset(0 0 0 0 round 1.9rem); }\r\n .tko-teroir.is-visible .tko-teroir__main img { transform: scale(1); }\r\n .tko-teroir .tko-label { color: var(--b); margin-bottom: 1.4rem; }\r\n .tko-teroir h2 { font-size: clamp(2.7rem, 5.2vw, 5.2rem); font-weight: 500; line-height: .98; letter-spacing: -.05em; }\r\n .tko-teroir__lead { margin-top: 2rem; color: var(--mute); font-size: clamp(1rem, 1.4vw, 1.2rem); max-width: 34rem; }\r\n .tko-teroir__lead--2 { margin-top: 1rem; }\r\n .tko-teroir > div > .tko-btn { margin-top: 2rem; }\r\n .tko-teroir__steps { display: grid; gap: .6rem; margin: 2rem 0; padding: 0; list-style: none; }\r\n .tko-teroir__steps li { display: grid; grid-template-columns: 2.75rem 1fr; gap: .75rem; align-items: start; padding: 1.1rem 1.25rem; background: var(--white); border-radius: 1.25rem; }\r\n .tko-teroir__n { font-size: .82rem; font-weight: 600; letter-spacing: .08em; color: var(--mute); padding-top: .2rem; font-variant-numeric: tabular-nums; }\r\n .tko-teroir__steps b { display: block; font-size: 1.08rem; font-weight: 600; letter-spacing: -.01em; }\r\n .tko-teroir__steps li span:not(.tko-teroir__n) { display: block; margin-top: .25rem; color: var(--mute); font-size: .95rem; line-height: 1.4; }\r\n\r\n \/* ---------- 8. Preuves ---------- *\/\r\n .tko-proof { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-bottom: clamp(2rem, 4vw, 3rem); }\r\n .tko-proof__item { padding: clamp(1.5rem, 3vw, 2.5rem) clamp(1.25rem, 2vw, 2rem); border-radius: 1.5rem; background: var(--p-blue); }\r\n .tko-proof__item:nth-child(2) { background: var(--p-yellow); }\r\n .tko-proof__item:nth-child(3) { background: var(--p-lav); }\r\n .tko-proof__item:nth-child(4) { background: var(--p-mint); }\r\n .tko-proof__item strong { display: block; color: var(--b); font-size: clamp(3rem, 5.4vw, 5.4rem); font-weight: 500; line-height: .9; letter-spacing: -.06em; font-variant-numeric: tabular-nums; }\r\n .tko-proof__item span { display: block; margin-top: .8rem; max-width: 14rem; color: var(--mute); font-size: .9rem; line-height: 1.3; }\r\n\r\n .tko-proof__item--bcorp { display: flex; align-items: center; gap: 1.25rem; }\r\n #tero-kickoff .tko-proof__bcorp { flex: 0 0 auto; width: auto !important; height: clamp(4.5rem, 6vw, 6rem) !important; max-width: none !important; object-fit: contain !important; }\r\n .tko-proof__item--bcorp span { margin-top: 0; }\r\n \/* ---------- 9. Brief (formulaire en \u00e9tapes) ---------- *\/\r\n .tko-brief__intro h2 { font-size: clamp(2.2rem, 4.4vw, 4.4rem); font-weight: 500; line-height: .97; letter-spacing: -.05em; }\r\n .tko-brief__intro p { margin-top: 1.5rem; color: rgba(255, 255, 255, .78); max-width: 26rem; }\r\n .tko-brief__intro .tko-label { margin-bottom: 1.4rem; }\r\n .tko-brief__reassure { display: grid; gap: .7rem; margin: 2rem 0 0; padding: 0; list-style: none; font-size: .92rem; color: rgba(255, 255, 255, .85); }\r\n .tko-brief__reassure li { display: flex; gap: .7rem; }\r\n .tko-brief__reassure li::before { content: \"\u2713\"; color: var(--p-blue); font-weight: 600; }\r\n\r\n .tko-form { position: relative; min-height: 30rem; padding: clamp(1.25rem, 3vw, 2.25rem); color: var(--ink); background: var(--white); border-radius: 1.6rem; }\r\n .tko-form__progress { display: flex; gap: .4rem; margin-bottom: 1.75rem; }\r\n .tko-form__progress span { flex: 1; height: 4px; border-radius: 4px; background: var(--line); transition: background .4s ease; }\r\n .tko-form__progress span.on { background: var(--b); }\r\n .tko-form fieldset { margin: 0; padding: 0; border: 0; min-width: 0; }\r\n .tko-form fieldset[hidden] { display: none; }\r\n .tko-form legend { padding: 0; font-size: clamp(1.5rem, 2.4vw, 2.1rem); font-weight: 500; line-height: 1.1; letter-spacing: -.035em; }\r\n .tko-form__hint { margin: .5rem 0 1.5rem; color: var(--mute); font-size: .92rem; }\r\n .tko-form__step { display: block; margin-bottom: .9rem; color: var(--b); font-size: .72rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }\r\n .tko-chips { display: flex; flex-wrap: wrap; gap: .55rem; }\r\n .tko-chip { position: relative; }\r\n .tko-chip input { position: absolute; opacity: 0; inset: 0; cursor: pointer; }\r\n .tko-chip span {\r\n display: inline-flex; align-items: center; min-height: 2.9rem; padding: .7rem 1.25rem;\r\n border: 1px solid var(--line); border-radius: 999px; background: var(--p-ice);\r\n font-size: .95rem; font-weight: 500; transition: color .25s ease, background .25s ease, border-color .25s ease, transform .3s var(--e);\r\n }\r\n .tko-chip:hover span { border-color: var(--b); }\r\n .tko-chip input:checked + span { color: var(--white); background: var(--b); border-color: var(--b); }\r\n .tko-chip input:focus-visible + span { outline: 3px solid var(--b); outline-offset: 3px; }\r\n .tko-form__group + .tko-form__group { margin-top: 1.6rem; }\r\n .tko-form__group > p { margin-bottom: .7rem; font-weight: 600; font-size: .95rem; }\r\n .tko-fields { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; margin-top: 1.25rem; }\r\n .tko-field { display: grid; gap: .35rem; }\r\n .tko-field--full { grid-column: 1 \/ -1; }\r\n .tko-field label { font-size: .82rem; font-weight: 600; }\r\n .tko-field input, .tko-field textarea {\r\n width: 100%; padding: .9rem 1.15rem; border: 1px solid var(--line); border-radius: 999px; background: var(--p-ice);\r\n font: inherit; font-size: .98rem; color: var(--ink);\r\n }\r\n .tko-field textarea { min-height: 6.5rem; border-radius: 1.25rem; resize: vertical; }\r\n .tko-field input:focus, .tko-field textarea:focus { outline: 2px solid var(--b); outline-offset: 1px; border-color: var(--b); }\r\n \/* le th\u00e8me change l'arrondi des champs au clic : on garde la forme pilule *\/\r\n #tero-kickoff .tko-field input, #tero-kickoff .tko-field input:focus { border-radius: 999px; }\r\n #tero-kickoff .tko-field textarea, #tero-kickoff .tko-field textarea:focus { border-radius: 1.25rem; }\r\n .tko-consent { display: flex; gap: .7rem; align-items: flex-start; margin-top: 1rem; color: var(--mute); font-size: .82rem; }\r\n .tko-consent input { margin-top: .2rem; accent-color: var(--b); }\r\n .tko-form__nav { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-top: 2rem; }\r\n .tko-form__back { padding: .5rem 0; border: 0; background: none; color: var(--mute); font: inherit; font-weight: 600; cursor: pointer; }\r\n .tko-form__back[hidden] { visibility: hidden; display: inline; }\r\n .tko-form__error { margin-top: 1rem; color: var(--b); font-size: .88rem; font-weight: 600; min-height: 1.3em; }\r\n .tko-form__done { display: none; text-align: left; }\r\n .tko-form.is-done form { display: none; }\r\n .tko-form.is-done .tko-form__done { display: block; }\r\n .tko-form__done h3 { font-size: clamp(1.8rem, 3vw, 2.6rem); font-weight: 500; letter-spacing: -.04em; line-height: 1.05; }\r\n .tko-form__done p { margin-top: 1rem; color: var(--mute); }\r\n\r\n \/* ---------- 10. FAQ ---------- *\/\r\n .tko-faq { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(2rem, 5vw, 5rem); padding-bottom: clamp(2rem, 4vw, 3rem); }\r\n .tko-faq h2 { font-size: clamp(2.6rem, 5vw, 4.8rem); font-weight: 500; line-height: .98; letter-spacing: -.05em; }\r\n .tko-faq .tko-label { color: var(--b); margin-bottom: 1.4rem; }\r\n .tko-faq__list { border-top: 1px solid var(--line); }\r\n .tko-faq details { border-bottom: 1px solid var(--line); }\r\n .tko-faq summary {\r\n display: flex; justify-content: space-between; align-items: center; gap: 1.5rem; padding: 1.5rem 0;\r\n font-size: clamp(1.1rem, 1.7vw, 1.4rem); font-weight: 500; letter-spacing: -.02em; cursor: pointer; list-style: none;\r\n }\r\n .tko-faq summary::-webkit-details-marker { display: none; }\r\n .tko-faq summary::after {\r\n content: \"+\"; flex: 0 0 auto; display: grid; place-items: center; width: 2.4rem; aspect-ratio: 1;\r\n color: var(--b); border: 1px solid var(--b); border-radius: 50%; font-size: 1.2rem; transition: transform .4s var(--e), background .3s ease, color .3s ease;\r\n }\r\n .tko-faq details[open] summary::after { transform: rotate(45deg); color: var(--white); background: var(--b); }\r\n .tko-faq details p { padding: 0 3.5rem 1.6rem 0; color: var(--mute); }\r\n\r\n \/* ---------- 11. Fin ---------- *\/\r\n .tko-closing { padding-bottom: clamp(2rem, 4vw, 3rem); }\r\n .tko-closing__card {\r\n position: relative; isolation: isolate; overflow: hidden;\r\n min-height: min(34rem, 72svh); display: flex; flex-direction: column; justify-content: flex-end;\r\n padding: clamp(1.75rem, 5vw, 5rem); border-radius: var(--r); color: var(--ink); background: var(--p-blue);\r\n }\r\n .tko-closing__card .tko-label { color: var(--b); }\r\n .tko-closing__num {\r\n position: absolute; z-index: -1; right: -.06em; top: 50%; transform: translateY(-50%);\r\n font-size: clamp(18rem, 42vw, 40rem); font-weight: 600; line-height: .8; letter-spacing: -.1em;\r\n color: transparent; -webkit-text-stroke: 1.5px rgba(0, 50, 250, .28);\r\n background: linear-gradient(90deg, rgba(0, 50, 250, .12) 0 var(--fill, 0%), transparent var(--fill, 0%));\r\n -webkit-background-clip: text; background-clip: text;\r\n }\r\n .tko-closing h2 { max-width: 13ch; font-size: clamp(2.8rem, 6.2vw, 6.4rem); font-weight: 500; line-height: .96; letter-spacing: -.05em; }\r\n .tko-closing p { max-width: 32rem; margin-top: 1.6rem; color: var(--mute); font-size: clamp(1rem, 1.4vw, 1.2rem); }\r\n .tko-closing__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2.2rem; }\r\n\r\n \/* ---------- Apparitions ---------- *\/\r\n .tko-reveal { opacity: 0; transform: translateY(2.2rem); transition: opacity .9s var(--e), transform .9s var(--e); }\r\n .tko-reveal.is-visible { opacity: 1; transform: none; }\r\n .tko-reveal[data-delay=\"1\"] { transition-delay: .1s; }\r\n .tko-reveal[data-delay=\"2\"] { transition-delay: .2s; }\r\n\r\n\r\n\r\n \/* Titres : m\u00eame couleur partout, le contraste se fait par la graisse (300 \u2192 600) *\/\r\n .tko-section-head h2, .tko-teroir h2, .tko-faq h2, .tko-closing h2, .tko-brief__intro h2, .tko-quad__title { font-weight: 300; }\r\n .tko-section-head h2 strong, .tko-teroir h2 strong, .tko-faq h2 strong, .tko-closing h2 strong, .tko-brief__intro h2 strong, .tko-quad__title strong { font-weight: 600; }\r\n\r\n \/* ---------- Protection contre les couleurs de liens du th\u00e8me (Elementor) ----------\r\n Le th\u00e8me applique sa couleur \u00e0 tous les liens avec une priorit\u00e9 plus forte que nos classes.\r\n L'identifiant #tero-kickoff passe devant, \u00e9tat normal comme survol. *\/\r\n #tero-kickoff a, #tero-kickoff a:hover, #tero-kickoff a:focus, #tero-kickoff a:visited { text-decoration: none; }\r\n #tero-kickoff a.tko-btn--solid, #tero-kickoff a.tko-btn--solid:visited { color: var(--b); }\r\n #tero-kickoff a.tko-btn--solid:hover, #tero-kickoff a.tko-btn--solid:focus-visible { color: var(--cream); }\r\n #tero-kickoff a.tko-btn--ghost, #tero-kickoff a.tko-btn--ghost:visited { color: var(--white); }\r\n #tero-kickoff a.tko-btn--ghost:hover, #tero-kickoff a.tko-btn--ghost:focus-visible { color: var(--b); }\r\n #tero-kickoff a.tko-btn--bx, #tero-kickoff a.tko-btn--bx:visited,\r\n #tero-kickoff a.tko-btn--bx:hover, #tero-kickoff a.tko-btn--bx:focus-visible { color: var(--white); }\r\n #tero-kickoff a.tko-btn--line, #tero-kickoff a.tko-btn--line:visited { color: var(--b); }\r\n #tero-kickoff a.tko-btn--line:hover, #tero-kickoff a.tko-btn--line:focus-visible { color: var(--white); }\r\n #tero-kickoff .tko-quad__item a, #tero-kickoff .tko-quad__item a:visited { color: var(--white); }\r\n #tero-kickoff .tko-quad__item a:hover, #tero-kickoff .tko-quad__item a:focus-visible { color: var(--b); }\r\n #tero-kickoff a.tko-venue, #tero-kickoff a.tko-venue:visited, #tero-kickoff a.tko-venue:hover { color: var(--white); }\r\n #tero-kickoff a.tko-venue--type, #tero-kickoff a.tko-venue--type:visited, #tero-kickoff a.tko-venue--type:hover { color: var(--ink); }\r\n\r\n\r\n \/* ---------- Protection contre les r\u00e8gles m\u00e9dias du th\u00e8me ----------\r\n WordPress\/Elementor imposent souvent img\/iframe { max-width:100%; height:auto }.\r\n Sans ce verrou, la vid\u00e9o et les photos du hero ne remplissent plus le cadre (bande noire). *\/\r\n #tero-kickoff .tko-layer img,\r\n #tero-kickoff .tko-venue img,\r\n #tero-kickoff .tko-int__ph img,\r\n #tero-kickoff .tko-pilier__ph img,\r\n #tero-kickoff .tko-teroir__media img {\r\n width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important;\r\n object-fit: cover !important; margin: 0 !important;\r\n }\r\n #tero-kickoff .tko-logo img { max-width: none !important; }\r\n\r\n\r\n \/* ---------- Lien dans le texte du hero ---------- *\/\r\n #tero-kickoff .tko-hero__link, #tero-kickoff .tko-hero__link:visited { color: #fff; text-decoration: underline; text-underline-offset: .2em; text-decoration-thickness: 1px; }\r\n #tero-kickoff .tko-hero__link:hover { text-decoration-thickness: 2px; }\r\n\r\n \/* ---------- Rassurants au-dessus de l'accroche ---------- *\/\r\n .tko-proof { margin-top: clamp(2rem, 4vw, 3rem); margin-bottom: 0; }\r\n\r\n \/* ---------- Ancres : laisser la place de la barre d'acc\u00e8s rapide ---------- *\/\r\n .tko [id^=\"tko-\"] { scroll-margin-top: 92px; }\r\n\r\n \/* ---------- Barre d'acc\u00e8s rapide (remplace le menu du site) ---------- *\/\r\n .tko-quicknav {\r\n position: sticky; z-index: 120; top: 0; margin-top: clamp(1.25rem, 2.5vw, 2rem);\r\n background: transparent; border-bottom: 1px solid transparent;\r\n transition: background .3s ease, border-color .3s ease, box-shadow .3s ease;\r\n }\r\n .tko-quicknav.is-on { background: rgba(255, 255, 255, .97); border-bottom-color: var(--line); box-shadow: 0 .4rem 1.2rem -1rem rgba(0, 0, 0, .25); }\r\n .tko-quicknav-mark { height: 1px; margin-bottom: -1px; }\r\n .tko-quicknav__in { display: grid; grid-template-columns: repeat(4, 1fr); gap: .75rem; width: var(--w); margin: 0 auto; padding: 1.15rem 0 1rem; }\r\n #tero-kickoff .tko-quicknav a {\r\n display: flex; align-items: center; justify-content: center; min-height: 2.9rem; padding: .55rem 1rem;\r\n border: 1px solid var(--ink); border-radius: 999px; color: var(--ink); background: transparent;\r\n font-size: clamp(.75rem, .62rem + .55vw, .96rem); font-weight: 500; text-align: center; line-height: 1.15;\r\n transition: background .25s ease, color .25s ease, border-color .25s ease;\r\n }\r\n \/* M\u00eames pastels que les rassurants : bleu, jaune, lavande, menthe *\/\r\n #tero-kickoff .tko-quicknav a.is-cta { font-weight: 600; background: var(--p-mint); border-color: #8fd9cf; }\r\n #tero-kickoff .tko-quicknav a.is-cta:hover, #tero-kickoff .tko-quicknav a.is-cta:focus-visible { background: #c8f1eb; border-color: #8fd9cf; }\r\n #tero-kickoff .tko-quicknav a:hover, #tero-kickoff .tko-quicknav a:focus-visible { color: var(--ink); background: var(--p-blue); border-color: var(--p-blue); }\r\n .tko-quicknav .s { display: none; }\r\n \/* Menu du site l\u00e9g\u00e8rement transparent (verre d\u00e9poli) sur cette page, avant qu'il disparaisse *\/\r\n .elementor-location-header .elementor-sticky--active {\r\n background-color: rgba(255, 255, 255, .62) !important;\r\n -webkit-backdrop-filter: saturate(160%) blur(16px); backdrop-filter: saturate(160%) blur(16px);\r\n transition: background-color .3s ease, transform .4s ease !important;\r\n }\r\n \/* Menu du site cach\u00e9 tant que la barre est affich\u00e9e *\/\r\n body.tko-menu-hidden .elementor-location-header .elementor-sticky--active,\r\n body.tko-menu-hidden .elementor-location-header .elementor-sticky { transform: translateY(-120%) !important; transition: transform .4s ease !important; }\r\n @media (max-width: 760px) {\r\n .tko-quicknav__in { gap: .35rem; padding: .8rem 0 .7rem; }\r\n #tero-kickoff .tko-quicknav a { min-height: 2.5rem; padding: .4rem .3rem; font-size: .78rem; }\r\n .tko-quicknav .l { display: none; }\r\n .tko-quicknav .s { display: inline; }\r\n }\r\n\r\n \/* ---------- Intentions ---------- *\/\r\n .tko-intents { padding-top: clamp(1rem, 2vw, 1.5rem); }\r\n .tko-intents__panel { padding: clamp(1.5rem, 4vw, 3.5rem); background: var(--p-blue); border-radius: var(--r); }\r\n .tko-intents__head { margin-bottom: clamp(1.5rem, 3vw, 2.25rem); }\r\n .tko-intents__head h2 { max-width: 20ch; font-size: clamp(1.7rem, 1rem + 2.6vw, 2.9rem); font-weight: 300; line-height: 1.05; letter-spacing: -.025em; }\r\n .tko-intents__head h2 strong { font-weight: 600; }\r\n .tko-intents__head p { max-width: 36rem; margin-top: 1rem; color: var(--mute); font-size: 1.02rem; line-height: 1.6; }\r\n .tko-intents__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)) minmax(14rem, 3.4fr); gap: 1rem; }\r\n .tko-intents__grid > .tko-int { grid-column: span 4; }\r\n .tko-int {\r\n position: relative; display: flex; flex-direction: column; min-height: 12.5rem; padding: 1.4rem 1.4rem 1.25rem;\r\n background: var(--white); border-radius: 1.4rem; cursor: pointer; outline-offset: 3px;\r\n transition: transform .4s var(--e), box-shadow .4s var(--e);\r\n }\r\n .tko-int:not(.tko-int--side):hover { transform: translateY(-3px); box-shadow: 0 1rem 2.4rem -1.4rem rgba(11, 18, 64, .35); }\r\n .tko-intents__grid > .tko-int--grande { grid-column: span 6; }\r\n .tko-intents__grid > .tko-int--side { grid-column: 13; grid-row: 1 \/ 3; cursor: auto; background: var(--p-lav); }\r\n .tko-int__face { display: grid; grid-template-columns: 2.2rem 1fr; column-gap: .4rem; align-content: start; height: 100%; }\r\n .tko-intents__grid > .tko-int:not(.tko-int--grande):not(.tko-int--side) { padding: 1.2rem 1.1rem 1.1rem; }\r\n .tko-intents__grid > .tko-int:not(.tko-int--grande) .tko-int__face { grid-template-columns: 1fr; }\r\n .tko-intents__grid > .tko-int:not(.tko-int--grande) .tko-int__face > * { grid-column: 1; }\r\n .tko-intents__grid > .tko-int:not(.tko-int--grande) .tko-int__num { padding: 0 0 .35rem; }\r\n .tko-intents__grid > .tko-int:not(.tko-int--grande) .tko-int__face p { font-size: .9rem; }\r\n .tko-int__num { grid-row: 1; padding-top: .35rem; color: var(--b); font-size: .82rem; font-weight: 600; font-variant-numeric: tabular-nums; }\r\n .tko-int h3 { font-size: clamp(1.3rem, 1rem + .8vw, 1.7rem); font-weight: 500; line-height: 1.1; letter-spacing: -.02em; }\r\n .tko-int__face p { grid-column: 2; margin-top: .7rem; max-width: 34rem; color: var(--mute); font-size: .95rem; line-height: 1.5; }\r\n .tko-int__go { grid-column: 2; align-self: end; margin-top: 1.1rem; color: var(--b); font-size: .9rem; font-weight: 600; }\r\n .tko-int__sol { display: none; }\r\n .tko-int.is-open .tko-int__face { display: none; }\r\n .tko-int.is-open .tko-int__sol { display: grid; gap: .55rem; align-content: start; }\r\n .tko-int__head { display: flex; justify-content: space-between; align-items: center; padding-bottom: .55rem; border-bottom: 1px solid var(--line); }\r\n .tko-int__head > span { color: var(--b); font-size: .72rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }\r\n .tko-int__back { padding: 0; border: 0; background: none; color: var(--mute); font: inherit; font-size: .82rem; font-weight: 500; cursor: pointer; }\r\n #tero-kickoff .tko-sol { display: grid; gap: .15rem; padding: .7rem .9rem; border: 1px solid var(--line); border-radius: .9rem; color: var(--ink); transition: border-color .25s ease, background .25s ease; }\r\n #tero-kickoff .tko-sol:hover, #tero-kickoff .tko-sol:focus-visible { border-color: var(--b); background: var(--p-ice); }\r\n .tko-sol__badge { color: var(--b); font-size: .66rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }\r\n .tko-sol b { font-size: .98rem; font-weight: 600; }\r\n .tko-sol__d { color: var(--mute); font-size: .84rem; line-height: 1.4; }\r\n .tko-int--grande.is-open .tko-int__sol { grid-template-columns: 1fr 1fr; }\r\n .tko-int--grande.is-open .tko-int__head { grid-column: 1 \/ -1; }\r\n .tko-int__ph { height: clamp(9rem, 14vw, 12rem); margin-bottom: 1.1rem; border-radius: 1rem; overflow: hidden; }\r\n .tko-int--side p { margin-top: .6rem; color: var(--mute); font-size: .95rem; line-height: 1.5; }\r\n .tko-int__muet { margin-top: auto; padding-top: 1rem; color: var(--mute); font-size: .86rem; font-weight: 600; }\r\n .tko-intents__repli { margin-top: 1.4rem; text-align: center; color: var(--mute); font-size: .95rem; }\r\n #tero-kickoff .tko-intents__repli a { color: var(--ink); font-weight: 600; text-decoration: underline; text-underline-offset: .2em; }\r\n @media (max-width: 980px) {\r\n .tko-intents__grid { grid-template-columns: 1fr 1fr; }\r\n .tko-intents__grid > .tko-int, .tko-intents__grid > .tko-int--grande { grid-column: auto; }\r\n .tko-intents__grid > .tko-int--side { grid-column: 1 \/ -1; grid-row: auto; }\r\n .tko-int__ph { height: 11rem; }\r\n }\r\n @media (max-width: 640px) {\r\n .tko-intents__grid { grid-template-columns: 1fr; }\r\n .tko-int--grande.is-open .tko-int__sol { grid-template-columns: 1fr; }\r\n .tko-int { min-height: 0; }\r\n }\r\n\r\n \/* ---------- Carrousel des lieux : fl\u00e8ches \u00e0 gauche et \u00e0 droite ---------- *\/\r\n .tko-railbox { position: relative; }\r\n .tko-railbox .tko-rail { width: 100%; }\r\n .tko-railbtn {\r\n position: absolute; z-index: 3; top: 50%; display: grid; place-items: center; width: 3rem; aspect-ratio: 1;\r\n color: var(--ink); background: var(--white); border: 0; border-radius: 50%; font: inherit; font-size: 1.1rem; cursor: pointer;\r\n box-shadow: 0 .6rem 1.6rem -.6rem rgba(0, 0, 0, .45); transform: translateY(-50%); transition: opacity .25s ease, background .25s ease, color .25s ease;\r\n }\r\n .tko-railbtn:hover, .tko-railbtn:focus-visible { color: var(--white); background: var(--b); }\r\n .tko-railbtn--prev { left: -1.1rem; }\r\n .tko-railbtn--next { right: -1.1rem; }\r\n .tko-railbtn:disabled { opacity: 0; pointer-events: none; }\r\n .tko-railbox.is-static .tko-railbtn { display: none; }\r\n .tko-rail .tko-venue__badge { font-size: .72rem; }\r\n @media (max-width: 760px) { .tko-railbtn--prev { left: .4rem; } .tko-railbtn--next { right: .4rem; } .tko-railbtn { width: 2.6rem; } }\r\n\r\n\r\n \/* ---------- Carrousel des lieux : 3 cartes \u00e0 l'\u00e9cran, 50 % de hauteur, d\u00e9filement en arc ---------- *\/\r\n .tko-cr { position: relative; --cw: calc((min(100vw - (var(--g) * 2), 1440px) - 2 * clamp(1rem, 2vw, 1.75rem)) \/ 3 * .9); }\r\n .tko-cr__track {\r\n display: flex; align-items: flex-start; gap: clamp(1rem, 2vw, 1.75rem);\r\n overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; cursor: grab;\r\n padding: clamp(1rem, 2vw, 1.5rem) calc(50% - var(--cw) \/ 2) clamp(4.5rem, 7vw, 6rem);\r\n }\r\n .tko-cr__track::-webkit-scrollbar { display: none; }\r\n .tko-cr__track.is-dragging { cursor: grabbing; }\r\n .tko-cr__track.is-dragging a { pointer-events: none; }\r\n .tko-card {\r\n display: flex; flex-direction: column; gap: .9rem; padding: .9rem .9rem 1.3rem;\r\n border-radius: 1.2rem; background: var(--p-blue); text-decoration: none;\r\n box-shadow: 0 1.2rem 2.4rem -1.8rem rgba(0, 0, 0, .35);\r\n }\r\n .tko-cr .tko-card {\r\n flex: 0 0 var(--cw); height: 50vh; height: 50svh; min-height: 22rem; max-height: 34rem;\r\n transform-origin: 50% 130%; will-change: transform;\r\n transform: translateY(var(--ay, 0px)) rotate(var(--ar, 0deg)) scale(var(--as, 1));\r\n opacity: var(--ao, 1); transition: opacity .35s ease, box-shadow .4s ease;\r\n }\r\n .tko-cr .tko-card .tko-card__ph { flex: 1 1 auto; aspect-ratio: auto; min-height: 0; }\r\n .tko-card--yellow { background: var(--p-yellow); }\r\n .tko-card--lav { background: var(--p-lav); }\r\n .tko-card--mint { background: var(--p-mint); }\r\n .tko-card--white { background: var(--white); }\r\n .tko-card--dark { background: var(--ink); }\r\n #tero-kickoff a.tko-card, #tero-kickoff a.tko-card:visited, #tero-kickoff a.tko-card:hover { color: var(--ink); }\r\n #tero-kickoff a.tko-card--dark, #tero-kickoff a.tko-card--dark:visited, #tero-kickoff a.tko-card--dark:hover { color: var(--white); }\r\n .tko-card__ph { position: relative; display: block; aspect-ratio: 1 \/ 1.02; border-radius: .7rem; overflow: hidden; }\r\n #tero-kickoff .tko-card__ph img { width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; margin: 0 !important; user-select: none; -webkit-user-drag: none; transition: transform 1s var(--e); }\r\n .tko-card:hover .tko-card__ph img { transform: scale(1.04); }\r\n .tko-card__badge { position: absolute; top: .8rem; left: .8rem; padding: .4rem .85rem; border-radius: 999px; color: var(--ink); background: var(--white); font-size: .75rem; font-weight: 600; }\r\n .tko-card__txt { display: grid; gap: .3rem; text-align: center; padding: 0 .4rem; }\r\n .tko-card__txt small { font-size: .68rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; opacity: .62; }\r\n .tko-card__txt b { font-size: clamp(1.1rem, .95rem + .45vw, 1.4rem); font-weight: 500; line-height: 1.2; letter-spacing: -.01em; }\r\n .tko-cr__btn {\r\n position: absolute; z-index: 3; top: 45%; display: grid; place-items: center; width: 3rem; aspect-ratio: 1;\r\n color: var(--ink); background: var(--white); border: 0; border-radius: 50%; font: inherit; font-size: 1.1rem; cursor: pointer;\r\n box-shadow: 0 .6rem 1.6rem -.6rem rgba(0, 0, 0, .45); transform: translateY(-50%); transition: opacity .25s ease, background .25s ease, color .25s ease;\r\n }\r\n .tko-cr__btn:hover, .tko-cr__btn:focus-visible { color: var(--white); background: var(--b); }\r\n .tko-cr__btn--prev { left: max(var(--g), calc((100vw - 1440px) \/ 2)); }\r\n .tko-cr__btn--next { right: max(var(--g), calc((100vw - 1440px) \/ 2)); }\r\n .tko-cr__btn:disabled { opacity: 0; pointer-events: none; }\r\n\r\n \/* Mobile : paquet de cartes, on passe de l'une \u00e0 l'autre en swipant *\/\r\n .tko-cr__count { display: none; }\r\n @media (max-width: 760px) {\r\n .tko-cr { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: .6rem 1rem; }\r\n .tko-cr__track {\r\n order: -1; flex: 0 0 var(--w); display: grid; overflow: visible; width: var(--w); margin: 0 auto;\r\n padding: .5rem 0 2.6rem; cursor: auto; scroll-snap-type: none; touch-action: pan-y; user-select: none;\r\n }\r\n .tko-cr .tko-card {\r\n grid-area: 1 \/ 1; width: 100%; height: auto; min-height: 0; max-height: none; margin: 0; transform-origin: 50% 100%; will-change: transform, opacity;\r\n transition: transform .5s cubic-bezier(.2, .8, .2, 1), opacity .35s ease, box-shadow .4s ease;\r\n }\r\n .tko-cr.is-swiping .tko-card.is-front { transition: none; }\r\n .tko-cr .tko-card .tko-card__ph { flex: none; aspect-ratio: 4 \/ 3; }\r\n .tko-cr__btn { display: grid; position: static; transform: none; width: 2.8rem; box-shadow: none; border: 1px solid var(--line); }\r\n .tko-cr__btn:disabled { opacity: 1; pointer-events: auto; }\r\n .tko-cr__count { display: block; min-width: 4.5rem; text-align: center; color: var(--mute); font-size: .9rem; font-weight: 600; font-variant-numeric: tabular-nums; }\r\n }\r\n\r\n \/* ---------- Activit\u00e9s : mosa\u00efque photo + texte (fa\u00e7on avis terblock.be) ---------- *\/\r\n .tko-acts { padding-top: clamp(1rem, 2vw, 1.5rem); }\r\n .tko-acts__panel { padding: clamp(1.5rem, 4vw, 3.5rem); border-radius: var(--r); color: var(--ink); background: var(--p-yellow); }\r\n .tko-acts__head { margin-bottom: clamp(1.5rem, 3vw, 2.25rem); }\r\n .tko-acts__head h2 { max-width: 20ch; color: var(--ink); font-size: clamp(2.07rem, 1.4rem + 2.2vw, 3rem); font-weight: 300; line-height: 1.05; letter-spacing: -.025em; }\r\n .tko-acts__head h2 strong { font-weight: 600; }\r\n .tko-acts__head p { max-width: 36rem; margin-top: 1rem; color: var(--mute); font-size: 1.02rem; line-height: 1.6; }\r\n .tko-bento-acts { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 1rem; }\r\n .tko-bt { position: relative; display: flex; border-radius: 1.4rem; overflow: hidden; min-height: clamp(17rem, 26vw, 22rem); }\r\n .tko-bento-acts > .tko-bt:nth-child(4n+1), .tko-bento-acts > .tko-bt:nth-child(4n) { grid-column: span 7; }\r\n .tko-bento-acts > .tko-bt:nth-child(4n+2), .tko-bento-acts > .tko-bt:nth-child(4n+3) { grid-column: span 5; }\r\n #tero-kickoff .tko-bt--photo img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; margin: 0 !important; transition: transform 1.1s var(--e); }\r\n .tko-bt--photo:hover img { transform: scale(1.04); }\r\n .tko-bt__tag { position: absolute; left: 1rem; bottom: 1rem; padding: .5rem 1rem; border-radius: 999px; color: var(--ink); background: var(--white); font-size: .88rem; font-weight: 500; }\r\n .tko-bt--text { flex-direction: column; justify-content: center; gap: .7rem; padding: clamp(1.4rem, 3vw, 2.4rem); }\r\n #tero-kickoff a.tko-bt, #tero-kickoff a.tko-bt:visited, #tero-kickoff a.tko-bt:hover { color: var(--ink); }\r\n .tko-bt--yellow { background: var(--p-yellow); }\r\n .tko-bt--white { background: var(--white); }\r\n .tko-bt--mint { background: var(--p-mint); }\r\n .tko-bt--lav { background: var(--p-lav); }\r\n .tko-bt--blue { background: var(--p-blue); }\r\n .tko-bt--text small { font-size: .7rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--mute); }\r\n .tko-bt--text h3 { font-size: clamp(1.5rem, 1.15rem + .82vw, 1.89rem); font-weight: 600; line-height: 1.05; letter-spacing: -.03em; }\r\n .tko-bt--text p { font-size: clamp(1.02rem, .95rem + .3vw, 1.2rem); font-weight: 300; line-height: 1.45; }\r\n .tko-bt__go { margin-top: .4rem; font-size: .92rem; font-weight: 600; }\r\n .tko-bt--text:hover .tko-bt__go { text-decoration: underline; text-underline-offset: .2em; }\r\n #tero-kickoff .tko-acts__all { margin-top: clamp(1.5rem, 3vw, 2.25rem); }\r\n @media (max-width: 860px) {\r\n .tko-bento-acts > .tko-bt:nth-child(n) { grid-column: 1 \/ -1; }\r\n .tko-bento-acts > .tko-bt--photo { min-height: 14rem; }\r\n .tko-bento-acts > .tko-bt--text { min-height: 0; }\r\n \/* sur mobile : toujours la photo puis son texte *\/\r\n .tko-bento-acts > .tko-bt { order: var(--o, 0); }\r\n }\r\n\r\n \/* ---------- Formules traiteur : cartes comme les lieux, en plus petit ---------- *\/\r\n .tko-card--mini { padding: .65rem .65rem 1rem; gap: .7rem; border-radius: 1rem; transition: transform .4s var(--e), box-shadow .4s var(--e); }\r\n .tko-card--mini:hover { transform: translateY(-4px); box-shadow: 0 1.4rem 2.6rem -1.6rem rgba(0, 0, 0, .4); }\r\n .tko-card--mini .tko-card__ph { aspect-ratio: 4 \/ 3.4; border-radius: .6rem; }\r\n .tko-card--mini .tko-card__txt b { font-size: 1.08rem; }\r\n .tko-card--mini .tko-card__txt small { font-size: .62rem; }\r\n\r\n \/* ---------- Teroir : formules ---------- *\/\r\n .tko-formules { grid-column: 1 \/ -1; padding-top: clamp(1.25rem, 3vw, 2rem); border-top: 1px solid var(--line); }\r\n .tko-formules__title { margin-bottom: 1.6rem; font-size: clamp(1.5rem, 1.15rem + .82vw, 1.89rem); font-weight: 300; line-height: 1.1; letter-spacing: -.025em; }\r\n .tko-formules__title strong { font-weight: 600; }\r\n .tko-formules__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: .8rem; }\r\n #tero-kickoff .tko-formule { position: relative; display: grid; align-content: start; gap: .45rem; padding: 1.15rem 1.25rem 2.6rem; background: var(--white); border-radius: 1.25rem; color: var(--ink); transition: transform .35s var(--e), box-shadow .35s var(--e); }\r\n #tero-kickoff .tko-formule:hover { transform: translateY(-3px); box-shadow: 0 1rem 2rem -1.2rem rgba(0, 0, 0, .3); }\r\n .tko-formule b { font-size: 1.12rem; font-weight: 600; letter-spacing: -.01em; }\r\n .tko-formule span { color: var(--mute); font-size: .92rem; line-height: 1.45; }\r\n .tko-formule i { position: absolute; left: 1.25rem; bottom: 1rem; color: var(--b); font-style: normal; font-weight: 600; }\r\n #tero-kickoff .tko-formules__all { display: inline-flex; gap: .5rem; margin-top: 1.1rem; color: var(--ink); font-weight: 600; text-decoration: underline; text-underline-offset: .25em; }\r\n @media (max-width: 980px) { .tko-formules__grid { grid-template-columns: 1fr 1fr; } }\r\n @media (max-width: 520px) { .tko-formules__grid { gap: .6rem; } .tko-card--mini .tko-card__txt small { display: none; } .tko-card--mini .tko-card__txt b { font-size: .98rem; } }\r\n\r\n \/* ---------- Pourquoi Tero ---------- *\/\r\n .tko-why { padding-block: clamp(2.5rem, 5vw, 4rem) clamp(2rem, 4vw, 3rem); }\r\n .tko-why__head p { justify-self: start; max-width: 40rem; margin-top: 0; color: var(--mute); font-size: 1.02rem; line-height: 1.6; }\r\n .tko-why { margin-bottom: clamp(1.5rem, 3vw, 2.5rem); }\r\n .tko-why__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }\r\n .tko-pilier { position: relative; display: block; height: clamp(22rem, 28vw, 26rem); border-radius: 1.4rem; overflow: hidden; isolation: isolate; }\r\n #tero-kickoff a.tko-pilier, #tero-kickoff a.tko-pilier:visited, #tero-kickoff a.tko-pilier:hover { color: var(--white); }\r\n .tko-pilier__ph { position: absolute; z-index: -2; inset: 0; }\r\n .tko-pilier__ph img { transition: transform 1.1s var(--e); }\r\n .tko-pilier:hover .tko-pilier__ph img { transform: scale(1.05); }\r\n .tko-pilier::after { content: \"\"; position: absolute; z-index: -1; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, .82)); transition: background .4s ease; }\r\n .tko-pilier:hover::after { background: linear-gradient(180deg, rgba(0, 0, 0, .25) 0%, rgba(0, 0, 0, .86)); }\r\n .tko-pilier__sur { position: absolute; inset: auto 0 0 0; padding: 1.4rem; }\r\n .tko-pilier h3 { font-size: clamp(1.5rem, 1.15rem + .82vw, 1.89rem); font-weight: 500; line-height: 1.05; letter-spacing: -.03em; }\r\n .tko-pilier__rev { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .45s var(--e); }\r\n .tko-pilier__rev > div { overflow: hidden; }\r\n .tko-pilier:hover .tko-pilier__rev, .tko-pilier:focus-visible .tko-pilier__rev, .tko-pilier--fixe .tko-pilier__rev { grid-template-rows: 1fr; }\r\n .tko-pilier p { margin-top: .7rem; font-size: .92rem; line-height: 1.5; opacity: .9; }\r\n .tko-pilier__go { display: inline-block; margin-top: .8rem; font-size: .88rem; font-weight: 600; }\r\n .tko-pilier--fixe { color: var(--ink); background: var(--p-blue); }\r\n .tko-pilier--fixe::after { display: none; }\r\n .tko-pilier--fixe .tko-pilier__sur { inset: auto 0 0 0; }\r\n .tko-pilier--fixe p { opacity: 1; color: var(--mute); }\r\n .tko-pilier__go--muet { color: var(--mute); }\r\n @media (hover: none) { .tko-pilier__rev { grid-template-rows: 1fr; } }\r\n @media (max-width: 980px) { .tko-why__grid { grid-template-columns: 1fr 1fr; } }\r\n @media (max-width: 520px) { .tko-why__grid { grid-template-columns: 1fr; } .tko-pilier { height: 19rem; } }\r\n\r\n \/* ---------- Blog ---------- *\/\r\n .tko-blog { padding-bottom: clamp(3rem, 6vw, 5rem); }\r\n .tko-blog__head { display: flex; justify-content: space-between; align-items: end; gap: 1.5rem; flex-wrap: wrap; margin-bottom: clamp(1.25rem, 3vw, 2rem); }\r\n .tko-blog__head h2 { font-size: clamp(1.7rem, 1rem + 2.6vw, 2.9rem); font-weight: 300; line-height: 1.05; letter-spacing: -.025em; }\r\n .tko-blog__head h2 strong { font-weight: 600; }\r\n .tko-blog__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }\r\n #tero-kickoff .tko-article { display: flex; flex-direction: column; justify-content: space-between; gap: 1.5rem; min-height: 11rem; padding: 1.4rem; background: var(--p-ice); border-radius: 1.4rem; color: var(--ink); transition: background .3s ease, transform .35s var(--e); }\r\n #tero-kickoff .tko-article:hover { background: var(--p-blue); transform: translateY(-3px); }\r\n .tko-article h3 { font-size: clamp(1.05rem, .95rem + .35vw, 1.25rem); font-weight: 500; line-height: 1.3; letter-spacing: -.01em; }\r\n .tko-article > span { color: var(--b); font-size: .9rem; font-weight: 600; }\r\n @media (max-width: 860px) { .tko-blog__grid { grid-template-columns: 1fr; } .tko-article { min-height: 0; } }\r\n\r\n \/* ---------- Responsive ---------- *\/\r\n @media (max-width: 980px) {\r\n .tko-section-head, .tko-teroir, .tko-brief__card, .tko-faq { grid-template-columns: 1fr; }\r\n .tko-section-head p { justify-self: start; }\r\n .tko-proof { grid-template-columns: 1fr 1fr; }\r\n }\r\n @media (max-width: 640px) {\r\n .tko { --r: 1.5rem; }\r\n .tko-closing__actions .tko-btn { width: 100%; }\r\n .tko-fields { grid-template-columns: 1fr; }\r\n .tko-closing__actions { display: grid; }\r\n .tko-faq details p { padding-right: 0; }\r\n .tko-teroir__media { height: 28rem; }\r\n }\r\n @media (prefers-reduced-motion: reduce) {\r\n .tko *, .tko *::before, .tko *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }\r\n .tko-reveal, .tko-fade, .tko-line > span { opacity: 1; transform: none; }\r\n .tko-hook__text .w { color: var(--ink); }\r\n .tko-marquee__track { animation: none; }\r\n }\r\n\r\n\r\n \/* ---------- Compte \u00e0 rebours \u00e0 c\u00f4t\u00e9 du CTA principal ---------- *\/\r\n .tko-hero__actions { align-items: center; }\r\n .tko-countdown--hero { padding: .85rem 1.3rem; border: 0; background: var(--white); color: var(--ink); font-size: .95rem; font-weight: 500; box-shadow: 0 .6rem 1.4rem -1rem rgba(16, 150, 140, .6); }\r\n .tko-countdown--hero b { font-size: 1.3rem; color: var(--b); }\r\n @media (max-width: 760px) {\r\n .tko .tko-hero__actions { display: flex; flex-wrap: nowrap; gap: .5rem; }\r\n .tko .tko-hero__actions .tko-btn { width: auto; flex: 1 1 auto; }\r\n .tko .tko-hero__actions .tko-btn { white-space: nowrap; padding-inline: 1.15rem; gap: .6rem; }\r\n .tko .tko-countdown--hero { display: inline-flex; flex: 0 0 auto; gap: .35rem; padding: .8rem .95rem; font-size: .8rem; }\r\n .tko-countdown--hero b { font-size: 1.1rem; }\r\n }\r\n\r\n \/* ---------- Rythme vertical : m\u00eame respiration entre toutes les sections ---------- *\/\r\n .tko { --sp: clamp(3.5rem, 7vw, 6rem); }\r\n .tko-intents, .tko-venues, .tko-acts, .tko-why, .tko-faq, .tko-blog { padding-top: 0; margin-top: var(--sp); }\r\n .tko-teroir { margin-block: var(--sp) 0; }\r\n .tko-why { padding-block: 0; margin-bottom: 0; }\r\n .tko-faq { padding-bottom: 0; }\r\n .tko-blog { padding-bottom: var(--sp); }\r\n .tko-hook { padding-block: var(--sp) 0; }\r\n .tko-cr__track { padding-bottom: clamp(2rem, 3vw, 2.5rem); }\r\n .tko-intents__repli { margin-top: clamp(2rem, 3.5vw, 2.75rem); }\r\n .tko-intents__head p, .tko-acts__head p { margin-top: 1.1rem; }\r\n .tko-formules { margin-top: clamp(1rem, 2vw, 1.5rem); padding-top: clamp(2rem, 4vw, 3rem); }\r\n .tko-formules__title { margin-bottom: 1.75rem; }\r\n .tko-section-head { gap: 1.1rem; }\r\n\r\n\r\n \/* ---------- Devis dans le cadre : fond turquoise pastel, plus de voile sombre ---------- *\/\r\n .tko-hero__quote { color: var(--ink); }\r\n .tko-hero__quote .tko-brief__intro p { color: var(--mute); }\r\n .tko-hero__quote .tko-brief__reassure { color: var(--ink); }\r\n .tko-hero__quote .tko-brief__reassure li::before { color: var(--b); }\r\n .tko-hero__quote .tko-form { box-shadow: 0 1.5rem 3.5rem -1.8rem rgba(16, 150, 140, .45); }\r\n\r\n\r\n \/* ---------- Hero ouvert : fond turquoise pastel en permanence ----------\r\n Les quatre temps s'affichent dans un cadre photo aux bords arrondis, exactement \u00e0 la taille\r\n et \u00e0 la place du cadre de d\u00e9part (--qx\/--qy\/--qw\/--qh calcul\u00e9s en JS), textes sur la photo. *\/\r\n .tko-quad {\r\n left: var(--rx, 0px); top: var(--ry, 0px); right: auto; bottom: auto;\r\n width: var(--rw, 100%); height: var(--rh, 100%);\r\n display: flex; flex-direction: column; justify-content: space-between;\r\n padding: clamp(1.5rem, 4vw, 3.5rem); color: var(--white);\r\n border-radius: var(--rr, 2.5rem); overflow: hidden; isolation: isolate;\r\n box-shadow: 0 1.6rem 3.5rem -2.2rem rgba(16, 150, 140, .55);\r\n }\r\n .tko-quad__ph { position: absolute; z-index: -2; inset: 0; background: rgba(16, 150, 140, .1); }\r\n .tko-quad::before {\r\n content: \"\"; position: absolute; z-index: -1; inset: 0; pointer-events: none;\r\n background:\r\n linear-gradient(180deg, rgba(15, 15, 20, .5) 0%, rgba(15, 15, 20, 0) 30%),\r\n linear-gradient(0deg, rgba(15, 15, 20, .78) 0%, rgba(15, 15, 20, .35) 42%, rgba(15, 15, 20, 0) 65%);\r\n }\r\n .tko-quad__title { margin-bottom: 0; color: var(--white); }\r\n .tko-quad__item h2 { color: var(--white); }\r\n @media (max-width: 760px) {\r\n .tko-quad { padding: 1.25rem; }\r\n .tko-quad::before { background: linear-gradient(180deg, rgba(15, 15, 20, .5) 0%, rgba(15, 15, 20, 0) 28%), linear-gradient(0deg, rgba(15, 15, 20, .82) 0%, rgba(15, 15, 20, .3) 45%, rgba(15, 15, 20, 0) 62%); }\r\n }\r\n @media (prefers-reduced-motion: reduce) { .tko-quad { position: relative; width: auto; height: 80vh; margin: 0 clamp(1rem, 3vw, 2.5rem) 2rem; } .tko-quad__ph .tko-layer:first-child { display: block; opacity: 1 !important; } }\r\n\r\n\r\n \/* ---------- Anti-tremblement du hero : taille fixe + masque ---------- *\/\r\n @media (prefers-reduced-motion: no-preference) {\r\n .tko .tko-hero { left: 0; top: 0; width: 100%; height: 100%; transform: none; border-radius: 0; will-change: clip-path; }\r\n .tko-hero__media { inset: auto; left: var(--rx, 0px); top: var(--ry, 0px); width: var(--rw, 100%); height: var(--rh, 100%); overflow: visible; }\r\n .tko-hero__num { font-size: min(calc(var(--rh, 600px) * .62), 27vw); transform: translateY(-50%) scale(calc(1 + var(--f, 0) * .1)); transform-origin: 100% 50%; will-change: transform; }\r\n .tko-hero__intro { inset: auto; left: var(--rx, 0px); top: var(--ry, 0px); width: var(--rw, 100%); height: var(--rh, 100%); will-change: opacity, transform; }\r\n .tko-hero__quote { inset: auto; left: var(--rx, 0px); top: var(--ry, 0px); width: var(--rw, 100%); height: var(--rh, 100%); will-change: opacity, transform; }\r\n .tko-quad, .tko-hero__story { will-change: opacity, transform; }\r\n .tko-layer img { will-change: transform; backface-visibility: hidden; }\r\n }\r\n \/* Sur mobile, le devis reste en plein \u00e9cran *\/\r\n @media (prefers-reduced-motion: no-preference) and (max-width: 759px) {\r\n .tko-hero__quote { left: 0; top: 0; width: 100%; height: 100%; grid-template-rows: auto auto; }\r\n }\r\n @media (prefers-reduced-motion: no-preference) and (max-width: 760px) {\r\n .tko-hero__num { top: 2.5rem; font-size: 34vw; transform: scale(calc(1 + var(--f, 0) * .1)); transform-origin: 100% 0; }\r\n }\r\n\r\n\r\n \/* ---------- Identit\u00e9 Teroir : radis grav\u00e9 + italique \u00e0 empattements ---------- *\/\r\n .tko-teroir { position: relative; }\r\n .tko-serif { font-family: \"Times New Roman\", Times, serif; font-style: italic; font-weight: 400; letter-spacing: -.01em; font-size: 1.17em; line-height: 0; }\r\n \/* Radis en filigrane : grand, transparent, derri\u00e8re le texte, coup\u00e9 par le bord du bloc *\/\r\n .tko-teroir { overflow: hidden; isolation: isolate; }\r\n .tko-teroir > * { position: relative; z-index: 1; }\r\n #tero-kickoff .tko-teroir > .tko-teroir__radis {\r\n position: absolute; z-index: 0; right: -5rem; top: -4rem;\r\n width: clamp(18rem, 36vw, 34rem) !important; height: auto !important; max-width: none !important;\r\n opacity: .1; transform: rotate(-14deg); pointer-events: none;\r\n }\r\n @media (max-width: 980px) { #tero-kickoff .tko-teroir > .tko-teroir__radis { right: -22%; top: 26%; width: 90vw !important; opacity: .09; } }\r\n\r\n \/* ---------- \u00ab 2027 \u00bb : la zone de remplissage couvre aussi le dernier chiffre ---------- *\/\r\n .tko-hero__num { padding-right: .22em; right: -.27em; }\r\n\r\n\r\n \/* ---------- Bandeau de valeurs Teroir qui d\u00e9file (repris de terblock.be\/traiteur) ---------- *\/\r\n .tko-teroir > div { min-width: 0; }\r\n .tko-tick {\r\n max-width: 100%;\r\n overflow: hidden; margin-top: clamp(1.25rem, 2.5vw, 1.75rem);\r\n -webkit-mask-image: linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent);\r\n mask-image: linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent);\r\n }\r\n .tko-tick__track { display: flex; width: max-content; animation: tko-tick 38s linear infinite; }\r\n .tko-tick:hover .tko-tick__track { animation-play-state: paused; }\r\n .tko .tko-tick ul { display: flex; margin: 0; padding: 0; list-style: none; }\r\n .tko .tko-tick li {\r\n display: flex; align-items: center; margin: 0; padding: 0;\r\n font-size: clamp(.8rem, .7rem + .3vw, .95rem); font-weight: 300; letter-spacing: .24em; text-transform: uppercase;\r\n color: #5f6070; white-space: nowrap;\r\n }\r\n .tko .tko-tick li::after { content: \"\"; width: 5px; height: 5px; margin: 0 clamp(1.25rem, 2.4vw, 2.25rem); border-radius: 50%; background: #b9bac4; }\r\n @keyframes tko-tick { to { transform: translateX(-50%); } }\r\n @media (prefers-reduced-motion: reduce) { .tko-tick__track { animation: none; } }\r\n\r\n\r\n \/* ---------- Formulaire : date pr\u00e9cise ---------- *\/\r\n .tko-field--date { margin-top: .9rem; max-width: 16rem; }\r\n .tko-field--date label span { font-weight: 400; color: var(--mute); }\r\n .tko-field--date input { font-family: inherit; color: var(--ink); }\r\n\r\n\r\n .tko-form .is-missing > p { color: #c2410c; }\r\n .tko-form .is-missing .tko-chip span, .tko-form .tko-chips.is-missing .tko-chip span { box-shadow: 0 0 0 1.5px #f4a37c inset; }\r\n .tko-form__error:not(:empty) { margin-top: .9rem; color: #c2410c; font-weight: 500; }\r\n\r\n\r\n \/* ---------- Formulaire du hero : plus compact, bouton \u00ab Continuer \u00bb toujours visible ---------- *\/\r\n .tko-hero__quote .tko-chips { gap: .45rem; }\r\n .tko-hero__quote .tko-chip span { min-height: 2.45rem; padding: .5rem 1rem; font-size: .9rem; }\r\n .tko-hero__quote .tko-form__group + .tko-form__group { margin-top: 1.1rem; }\r\n .tko-hero__quote .tko-form__group > p { margin-bottom: .5rem; }\r\n .tko-hero__quote .tko-field--date { margin-top: .6rem; }\r\n .tko-hero__quote .tko-field--date input { padding: .5rem 1rem; }\r\n .tko-hero__quote .tko-form__nav {\r\n position: sticky; bottom: calc(-1 * clamp(1rem, 2.6vh, 1.75rem)); z-index: 2;\r\n margin-inline: calc(-1 * clamp(1.25rem, 2.4vw, 2rem)); padding: .75rem clamp(1.25rem, 2.4vw, 2rem) clamp(1rem, 2.6vh, 1.75rem);\r\n margin-bottom: calc(-1 * clamp(1rem, 2.6vh, 1.75rem)); background: var(--white); border-radius: 0 0 1.6rem 1.6rem;\r\n }\r\n\r\n\r\n \/* Formulaire JetFormBuilder qui transporte la demande vers Efficy : pr\u00e9sent sur la page mais invisible *\/\r\n #tko-jfb { position: absolute !important; left: -9999px !important; top: auto !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }\r\n\r\n\r\n .tko-hero__quote .tko-consent--2 { margin-top: .45rem; }\r\n #tero-kickoff .tko-consent a { color: var(--ink); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }\r\n\r\n\r\n \/* Mobile : pr\u00e9nom et nom c\u00f4te \u00e0 c\u00f4te pour raccourcir l'\u00e9tape 5 *\/\r\n @media (max-width: 760px) {\r\n .tko-hero__quote .tko-fields { grid-template-columns: 1fr 1fr; }\r\n .tko-hero__quote .tko-fields .tko-field:nth-child(n+3) { grid-column: 1 \/ -1; }\r\n }\r\n\r\n\r\n \/* Deux dates (du \/ au) c\u00f4te \u00e0 c\u00f4te *\/\r\n .tko-dates { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; max-width: 24rem; margin-top: .6rem; }\r\n .tko-dates .tko-field--date { margin-top: 0; max-width: none; }\r\n .tko-hero__quote .tko-dates .tko-field--date { margin-top: 0; }\r\n\r\n \/* Le th\u00e8me colore les boutons au survol \/ clic (rose) : on neutralise sur nos boutons *\/\r\n #tero-kickoff .tko-form__back, #tero-kickoff .tko-form__back:hover, #tero-kickoff .tko-form__back:focus, #tero-kickoff .tko-form__back:active,\r\n #tero-kickoff .tko-int__back, #tero-kickoff .tko-int__back:hover, #tero-kickoff .tko-int__back:focus, #tero-kickoff .tko-int__back:active {\r\n background: none !important; border: 0 !important; box-shadow: none !important; color: var(--mute) !important; border-radius: 0 !important; padding-inline: 0 !important;\r\n }\r\n #tero-kickoff .tko-form__back:hover, #tero-kickoff .tko-int__back:hover { color: var(--ink) !important; }\r\n #tero-kickoff .tko-form__back:focus-visible, #tero-kickoff .tko-int__back:focus-visible { outline: 2px solid var(--b); outline-offset: 3px; }\r\n #tero-kickoff .tko-cr__btn:focus, #tero-kickoff .tko-railbtn:focus { background: var(--white); color: var(--ink); border: 0; }\r\n #tero-kickoff .tko-cr__btn:hover, #tero-kickoff .tko-railbtn:hover, #tero-kickoff .tko-cr__btn:focus-visible, #tero-kickoff .tko-railbtn:focus-visible { background: var(--b); color: var(--white); }\r\n #tero-kickoff button.tko-btn--bx, #tero-kickoff button.tko-btn--bx:hover, #tero-kickoff button.tko-btn--bx:focus, #tero-kickoff button.tko-btn--bx:active { background-color: var(--b); color: var(--white); border-color: var(--b); }\r\n #tero-kickoff button.tko-btn--bx:hover { border-color: var(--b-2); }\r\n\r\n\r\n .tko-form__soft { font-weight: 400; color: var(--mute); }\r\n .tko-hero__quote [data-step=\"3\"] .tko-form__group + .tko-form__group { margin-top: .9rem; }\r\n\r\n\r\n \/* ---------- Intentions : au verso, photo + nuage de tags ---------- *\/\r\n .tko-int__face { display: flex; flex-direction: column; }\r\n .tko-int__face p { margin-top: .7rem !important; }\r\n .tko-int__face .tko-int__go { margin-top: auto; padding-top: 1.1rem; }\r\n .tko-int__verso { display: grid; gap: .9rem; margin-top: .3rem; }\r\n .tko-int__verso .tko-int__ph { height: clamp(8rem, 11vw, 10rem); margin: 0; }\r\n .tko-int__vtxt { display: flex; flex-direction: column; gap: .8rem; }\r\n .tko .tko-int__tags { display: flex; flex-wrap: wrap; gap: .4rem; margin: 0; padding: 0; list-style: none; }\r\n .tko .tko-tag { margin: 0; padding: .32rem .75rem; border-radius: 999px; font-size: .8rem; font-weight: 500; line-height: 1.2; color: var(--ink); }\r\n .tko-tag--blue { background: var(--p-blue); }\r\n .tko-tag--mint { background: var(--p-mint); }\r\n .tko-tag--yellow { background: var(--p-yellow); }\r\n #tero-kickoff .tko-int__cta { color: var(--b); font-size: .88rem; font-weight: 600; }\r\n .tko-int.is-open .tko-int__sol { display: block; }\r\n .tko-int__sol .tko-int__head > span { letter-spacing: .08em; }\r\n \/* grandes cartes : photo \u00e0 gauche, nuage de tags \u00e0 droite *\/\r\n @media (min-width: 641px) {\r\n .tko-int--grande .tko-int__verso { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); align-items: stretch; }\r\n .tko-int--grande .tko-int__verso .tko-int__ph { height: 100%; min-height: 9.5rem; }\r\n .tko-int--grande .tko-int__vtxt { justify-content: center; }\r\n .tko-int--grande .tko-tag { font-size: .86rem; padding: .42rem .95rem; }\r\n }\r\n\r\n\r\n \/* ---------- Devis en bas de page ---------- *\/\r\n .tko-devis { margin-top: var(--sp); }\r\n .tko-devis__panel { background: var(--p-mint); border-radius: var(--r); }\r\n .tko .tko-hero__quote.tko-quote--bas {\r\n position: relative; inset: auto; left: auto; top: auto; width: auto; height: auto; min-height: 0;\r\n opacity: 1; transform: none; pointer-events: auto; overflow: visible; align-items: center;\r\n padding: clamp(1.5rem, 4vw, 3.5rem);\r\n }\r\n .tko .tko-quote--bas .tko-form { max-height: none; overflow: visible; }\r\n .tko-devis__dock { min-width: 0; }\r\n .tko-devis__dock:empty { min-height: 30rem; border-radius: 1.6rem; background: rgba(255, 255, 255, .55); }\r\n @media (max-width: 760px) {\r\n .tko .tko-hero__quote.tko-quote--bas { grid-template-columns: 1fr; padding: 1.5rem 1rem; }\r\n }\r\n\r\n\r\n \/* ---------- Titre de section + \u00ab Organiser mon kick-off \u00bb et compte \u00e0 rebours \u00e0 droite ---------- *\/\r\n .tko-titlerow { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem 2rem; flex-wrap: wrap; width: 100%; }\r\n .tko-titlerow > h2 { flex: 1 1 22rem; }\r\n .tko-secta { display: flex; align-items: center; gap: .6rem; flex: 0 0 auto; }\r\n .tko .tko-countdown--sec { display: inline-flex; padding: .7rem 1.05rem; border: 0; background: var(--white); color: var(--ink); font-size: .85rem; }\r\n .tko-countdown--sec b { font-size: 1.05rem; }\r\n .tko-intents__panel .tko-countdown--sec, .tko-acts__panel .tko-countdown--sec, .tko-teroir .tko-countdown--sec { background: var(--white); }\r\n .tko-venues .tko-countdown--sec, .tko-why .tko-countdown--sec, .tko-faq .tko-countdown--sec { background: var(--p-mint); }\r\n #tero-kickoff .tko-secta__btn { display: inline-flex; align-items: center; gap: .55rem; padding: .78rem 1.35rem; border-radius: 999px; background: var(--b); color: var(--white); font-size: .92rem; font-weight: 600; white-space: nowrap; transition: background .25s ease; }\r\n #tero-kickoff .tko-secta__btn:hover, #tero-kickoff .tko-secta__btn:focus-visible { background: var(--b-2); color: var(--white); }\r\n .tko-faq .tko-titlerow { flex-direction: column; align-items: flex-start; }\r\n .tko-teroir .tko-titlerow { align-items: flex-end; }\r\n @media (max-width: 640px) {\r\n .tko-titlerow { align-items: flex-start; }\r\n .tko-titlerow > h2 { flex-basis: 100%; }\r\n #tero-kickoff .tko-secta__btn { padding: .7rem 1.1rem; font-size: .88rem; }\r\n .tko .tko-countdown--sec { padding: .62rem .9rem; font-size: .8rem; }\r\n .tko-countdown--sec .tko-cd__s { display: none; }\r\n .tko-secta { flex-wrap: wrap; }\r\n }\r\n\r\n \/* ---------- Verso des intentions : la photo est le choix principal, les tags des compl\u00e9ments ---------- *\/\r\n #tero-kickoff .tko-int__ph--go { position: relative; display: block; color: var(--white); }\r\n .tko-int__ph--go img { transition: transform .6s var(--e); }\r\n .tko-int__ph--go:hover img { transform: scale(1.05); }\r\n .tko-int__ph--go::after { content: \"\"; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(15, 15, 20, .72) 0%, rgba(15, 15, 20, .1) 55%, transparent 75%); pointer-events: none; }\r\n .tko-int__cap { position: absolute; z-index: 1; left: .9rem; right: .9rem; bottom: .8rem; display: grid; grid-template-columns: 1fr auto; align-items: end; column-gap: .5rem; }\r\n .tko-int__cap small { grid-column: 1; font-size: .68rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; opacity: .85; }\r\n .tko-int__cap b { grid-column: 1; font-size: 1.05rem; font-weight: 600; line-height: 1.2; }\r\n .tko-int__cap i { grid-column: 2; grid-row: 1 \/ 3; display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 50%; background: rgba(255, 255, 255, .92); color: var(--ink); font-style: normal; font-size: .95rem; }\r\n .tko .tko-int__plus { margin: 0 0 -.3rem; color: var(--mute); font-size: .72rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }\r\n .tko .tko-int__tags .tko-tag::before { content: \"+ \"; color: var(--b); font-weight: 600; }\r\n \/* m\u00eame hauteur de photo pour toutes les cartes d'une rang\u00e9e *\/\r\n .tko-int__verso .tko-int__ph, .tko-int--grande .tko-int__verso .tko-int__ph { height: 11rem; min-height: 0; }\r\n @media (min-width: 641px) { .tko-int--grande .tko-int__verso .tko-int__ph { height: 12.5rem; } }\r\n \/* arriv\u00e9e sur une activit\u00e9 : l\u00e9ger halo *\/\r\n .tko-bt.is-flash { box-shadow: 0 0 0 4px var(--b); transition: box-shadow .3s ease; }\r\n\r\n\r\n .tko-teroir__ctas { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin-top: 2rem; }\r\n .tko-teroir > div > .tko-teroir__ctas .tko-btn { margin-top: 0; }\r\n .tko-teroir__ctas { align-items: stretch; }\r\n #tero-kickoff .tko-teroir__ctas .tko-secta__btn { padding-inline: 1.6rem; font-size: .95rem; }\r\n\r\n \/* ---------- Version Luxembourg : deux lieux, c\u00f4te \u00e0 c\u00f4te, sans carrousel ---------- *\/\n @media (min-width: 761px) {\n .tko-cr--duo .tko-cr__btn { display: none !important; }\n .tko-cr--duo .tko-cr__track { justify-content: center; overflow: visible; cursor: default; padding: clamp(1rem, 2vw, 1.5rem) 0 clamp(2rem, 3vw, 2.5rem); }\n .tko-cr--duo .tko-card { transform: none !important; opacity: 1 !important; }\n }\n\n \/* ---------- \u00c9chelle typographique align\u00e9e sur tero.be\/fr\/evenement-de-fin-dannee\/teroir-traiteur\/ ----------\r\n Bureau \u2192 mobile, m\u00eames tailles que la page de r\u00e9f\u00e9rence. Plac\u00e9e en dernier pour primer sur les r\u00e9glages pr\u00e9c\u00e9dents. *\/\r\n \/* Titre principal (H1 \u00ab Votre \u00e9v\u00e9nement, le go\u00fbt en plus. \u00bb : 57,6 px \u2192 46,8 px) *\/\r\n .tko-hero h1 { font-size: calc(clamp(2.925rem, 1.9rem + 2.4vw, 3.6rem)); line-height: 1.04; letter-spacing: -.03em; }\r\n .tko-proof__item strong { font-size: clamp(2.925rem, 1.9rem + 2.4vw, 3.6rem); line-height: 1; letter-spacing: -.03em; }\r\n \/* Grand H2 (\u00ab Trois m\u00e9tiers, une seule \u00e9quipe. \u00bb : 68,8 px \u2192 38,4 px) *\/\r\n .tko-hook__text, .tko-section-head h2, .tko-closing h2 { font-size: clamp(2.4rem, 1.5rem + 3.6vw, 4.3rem); line-height: 1; letter-spacing: -.04em; }\r\n \/* H2 de section (\u00ab Et si votre fin d'ann\u00e9e\u2026 \u00bb : 46,4 px \u2192 27,2 px) *\/\r\n .tko-teroir h2, .tko-faq h2, .tko-quad__title { font-size: clamp(1.7rem, 1rem + 2.6vw, 2.9rem); line-height: 1.05; letter-spacing: -.025em; }\r\n \/* H2 du formulaire (\u00ab Prenez 3 minutes\u2026 \u00bb : 48 px \u2192 33 px) *\/\r\n .tko-brief__intro h2, .tko-hero__quote .tko-brief__intro h2 { font-size: clamp(2.07rem, 1.4rem + 2.2vw, 3rem); line-height: 1.08; letter-spacing: -.025em; }\r\n \/* H3 mis en avant (\u00ab F\u00eate d'entreprise \u00bb : 43,2 px \u2192 22,4 px) *\/\r\n .tko-venue.tko-venue--hero h3 { font-size: clamp(1.4rem, .55rem + 3.3vw, 2.7rem); font-weight: 600; letter-spacing: -.025em; }\r\n \/* H3 courant (\u00ab Le lieu \u00bb : 30,2 px \u2192 24 px) *\/\r\n .tko-quad__item h2, .tko-venue h3, .tko-form legend, .tko-form__done h3 { font-size: clamp(1.5rem, 1.15rem + .82vw, 1.89rem); line-height: 1.06; letter-spacing: -.03em; }\r\n .tko-bento__title { font-size: clamp(1.3rem, 1rem + 1vw, 1.75rem); font-weight: 400; line-height: 1.15; letter-spacing: -.01em; }\r\n .tko-faq summary { font-size: clamp(1.05rem, .95rem + .35vw, 1.2rem); font-weight: 500; letter-spacing: -.015em; }\r\n \/* Textes courants (16 \u2192 17,9 px) *\/\r\n .tko-hero__lead { font-size: clamp(.95rem, .85rem + .4vw, 1.12rem); line-height: 1.5; }\r\n .tko-section-head p, .tko-teroir__lead, .tko-closing p, .tko-brief__intro p { font-size: 1.02rem; line-height: 1.6; }\r\n .tko-faq details p, .tko-venue p, .tko-teroir__steps li span:not(.tko-teroir__n) { font-size: 1rem; line-height: 1.6; }\r\n .tko-quad__item p { font-size: clamp(.86rem, .8rem + .25vw, .98rem); line-height: 1.5; }\r\n .tko-proof__item span, .tko-form__hint, .tko-consent { font-size: .86rem; }\r\n .tko-teroir__steps b { font-size: 1rem; }\r\n \/* Boutons (15,4 px graisse 500 \u2192 12 px) *\/\r\n .tko-btn { font-size: clamp(.75rem, .62rem + .55vw, .96rem); font-weight: 500; }\r\n .tko-quad__item a { font-size: clamp(.75rem, .7rem + .25vw, .92rem); font-weight: 500; }\r\n \/* Petites capitales (\u00ab NOS LIEUX \u00bb : 11,5 px, espacement 0,2 em) *\/\r\n .tko-venue small, .tko-quad__time, .tko-marquee__label, .tko-form__step { font-size: .72rem; font-weight: 600; letter-spacing: .2em; }\r\n\r\n \/* ---------- Taille maximale des textes = taille de \u00ab Dites-nous l'essentiel \u00bb (48 px \u2192 33 px) ---------- *\/\r\n .tko-hero h1 { font-size: calc(clamp(1.7rem, 1.15rem + 1.8vw, 2.46rem)); }\r\n .tko-hook__text, .tko-section-head h2, .tko-closing h2, .tko-intents__head h2,\r\n .tko-teroir h2, .tko-faq h2, .tko-quad__title, .tko-blog__head h2, .tko-hero__outro p,\r\n .tko-closing__card h2 { font-size: clamp(2.07rem, 1.4rem + 2.2vw, 3rem); }\r\n .tko-venue.tko-venue--hero h3 { font-size: clamp(1.4rem, .55rem + 3.3vw, 2.7rem); }\r\n<\/style>\r\n\r\n<div class=\"tko\" id=\"tero-kickoff\">\r\n\r\n \r\n <section class=\"tko-seq\" id=\"tko-seq\" aria-labelledby=\"tko-h1\">\r\n <div class=\"tko-seq__stick\" id=\"tko-seq-stick\">\r\n\r\n <div class=\"tko-hero\" id=\"tko-hero\">\r\n <div class=\"tko-hero__media\" aria-hidden=\"true\">\r\n \r\n <span class=\"tko-hero__num\" aria-hidden=\"true\">2027<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"tko-hero__intro\" id=\"tko-intro\">\r\n <div>\r\n <h1 id=\"tko-h1\"><span class=\"tko-line\"><span>Launch 2027<\/span><\/span><span class=\"tko-line\"><span><strong>together.<\/strong><\/span><\/span><\/h1>\r\n <div class=\"tko-hero__bottom\">\r\n <p class=\"tko-hero__lead tko-fade\">2027 starts the day you decide. Pick the date of your kick-off: we take care of the venue, the activity and the food, in Belgium and in Luxembourg.<\/p>\r\n <div class=\"tko-hero__actions tko-fade\">\r\n <a class=\"tko-btn tko-btn--hero\" href=\"#tko-brief\" data-cta=\"kickoff-hero-brief\">Book a date <span class=\"tko-btn__arrow\" aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <span class=\"tko-countdown tko-countdown--hero\" id=\"tko-countdown\"><b>57 days<\/b> to 2027<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"tko-hero__story\" id=\"tko-story\">\r\n <p>Launching the year or bringing a team together after the holidays shouldn't mean stress. At Tero, we're with you from the first idea to the big day: one single contact guides you in choosing the venue, the activity and the food, and handles the whole organisation.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"tko-quad\" id=\"tko-quad\">\r\n <p class=\"tko-quad__title\">Your kick-off,<br> <strong>in four moments.<\/strong><\/p>\r\n \r\n <div class=\"tko-quad__ph\" aria-hidden=\"true\">\r\n <div class=\"tko-layer\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/kickoff-lux-accueillir-house17.webp\" alt=\"\"><\/div>\r\n <div class=\"tko-layer\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/kickoff-lux-aligner-pleniere.webp\" alt=\"\"><\/div>\r\n <div class=\"tko-layer\" style=\"--op:50% 50%\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/kickoff-lux-activer-team-building.webp\" alt=\"\"><\/div>\r\n <div class=\"tko-layer tko-layer--still\" style=\"--op:50% 40%\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/kickoff-lux-rassembler-drink.webp\" alt=\"\"><\/div>\r\n <\/div>\r\n <div class=\"tko-quad__grid\">\r\n <article class=\"tko-quad__item\">\r\n <span class=\"tko-quad__bar\" aria-hidden=\"true\"><i><\/i><\/span>\r\n <span class=\"tko-quad__time\">01<\/span>\r\n <h2>Welcome<\/h2>\r\n <p>A hot coffee, a place that feels nothing like the office, and the feeling of being expected.<\/p>\r\n <a href=\"https:\/\/tero.be\/en\/venues\/\" data-cta=\"kickoff-temps-accueillir\" target=\"_blank\" rel=\"noopener\">See our venues <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <\/article>\r\n <article class=\"tko-quad__item\">\r\n <span class=\"tko-quad__bar\" aria-hidden=\"true\"><i><\/i><\/span>\r\n <span class=\"tko-quad__time\">02<\/span>\r\n <h2>Align<\/h2>\r\n <p>The plenary where management shares the 2027 course. Clear, short, easy to remember.<\/p>\r\n <\/article>\r\n <article class=\"tko-quad__item\">\r\n <span class=\"tko-quad__bar\" aria-hidden=\"true\"><i><\/i><\/span>\r\n <span class=\"tko-quad__time\">03<\/span>\r\n <h2>Activate<\/h2>\r\n <p>A team building so the message moves from slides to reflexes.<\/p>\r\n <a href=\"https:\/\/tero.be\/en\/events\/team-building-activities\/\" data-cta=\"kickoff-temps-activer\" target=\"_blank\" rel=\"noopener\">See the activities <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <\/article>\r\n <article class=\"tko-quad__item\">\r\n <span class=\"tko-quad__bar\" aria-hidden=\"true\"><i><\/i><\/span>\r\n <span class=\"tko-quad__time\">04<\/span>\r\n <h2>Gather<\/h2>\r\n <p>From a working lunch to dinner, seasonal food by Teroir Catering, served wherever you are.<\/p>\r\n <a href=\"https:\/\/tero.be\/en\/catering\/catering-services\/\" data-cta=\"kickoff-temps-rassembler\" target=\"_blank\" rel=\"noopener\">Discover Teroir Catering <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"tko-hero__quote\" id=\"tko-outro\">\r\n <span class=\"tko-anchor\" id=\"tko-brief\" aria-hidden=\"true\"><\/span>\r\n <div class=\"tko-brief__intro\">\r\n <h2 id=\"tko-brief-title\">Tell us <strong>the essentials.<\/strong><\/h2>\r\n <p>Four quick questions, and we'll come back to you with a proposal made for your team.<\/p>\r\n <ul class=\"tko-brief__reassure\">\r\n <li>One single contact for the whole project<\/li>\r\n <li>A proposal built for your group<\/li>\r\n <li>No commitment<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"tko-form\" id=\"tko-form\">\r\n \r\n <div class=\"tko-form__progress\" aria-hidden=\"true\"><span class=\"on\"><\/span><span><\/span><span><\/span><span><\/span><\/div>\r\n <form novalidate>\r\n <input type=\"hidden\" name=\"campagne\" value=\"kickoff-2027\">\r\n\r\n <fieldset data-step=\"1\">\r\n <legend><span class=\"tko-form__step\">Step 1 of 4<\/span>What are you looking for?<\/legend>\r\n <p class=\"tko-form__hint\">One answer, we'll fine-tune later.<\/p>\r\n <div class=\"tko-chips\">\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"besoin\" value=\"A venue\" required><span>A venue<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"besoin\" value=\"Catering\"><span>Catering<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"besoin\" value=\"A team building\"><span>A team building<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"besoin\" value=\"Everything (venue, activity and catering)\"><span>Everything: venue, activity and catering<\/span><\/label>\r\n <\/div>\r\n <\/fieldset>\r\n\r\n <fieldset data-step=\"2\" hidden>\r\n <legend><span class=\"tko-form__step\">Step 2 of 4<\/span>When, and with what budget?<\/legend>\r\n <div class=\"tko-form__group\" style=\"margin-top:1.25rem\">\r\n <p>Event dates<\/p>\r\n <div class=\"tko-dates\">\r\n <div class=\"tko-field tko-field--date\"><label for=\"tko-date\">From<\/label><input id=\"tko-date\" type=\"date\" name=\"date\" required><\/div>\r\n <div class=\"tko-field tko-field--date\"><label for=\"tko-date-fin\">To<\/label><input id=\"tko-date-fin\" type=\"date\" name=\"date_fin\" required><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tko-form__group\">\r\n <p>Budget per person<\/p>\r\n <div class=\"tko-chips\">\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"budget\" value=\"\u20ac100 to \u20ac150\" required><span>\u20ac100 to \u20ac150<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"budget\" value=\"\u20ac150 to \u20ac200\"><span>\u20ac150 to \u20ac200<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"budget\" value=\"Over \u20ac200\"><span>Over \u20ac200<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"budget\" value=\"To be defined together\"><span>To be defined together<\/span><\/label>\r\n <\/div>\r\n <\/div>\r\n <\/fieldset>\r\n\r\n <fieldset data-step=\"3\" hidden>\r\n <legend><span class=\"tko-form__step\">Step 3 of 4<\/span>How many, what format and where?<\/legend>\r\n <div class=\"tko-form__group\" style=\"margin-top:1.1rem\">\r\n <p>Number of people <span class=\"tko-form__soft\">(an estimate is fine)<\/span><\/p>\r\n <div class=\"tko-chips\">\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"participants\" value=\"Under 30\" required><span>Under 30<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"participants\" value=\"30 to 80\"><span>30 to 80<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"participants\" value=\"80 to 150\"><span>80 to 150<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"participants\" value=\"150 to 300\"><span>150 to 300<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"participants\" value=\"Over 300\"><span>Over 300<\/span><\/label>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tko-form__group\">\r\n <p>Format<\/p>\r\n <div class=\"tko-chips\">\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"format\" value=\"Half day\" required><span>Half day<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"format\" value=\"Full day\"><span>Full day<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"format\" value=\"With overnight stay\"><span>With overnight stay<\/span><\/label>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tko-form__group\">\r\n <p>Region<\/p>\r\n <div class=\"tko-chips\">\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"region\" value=\"Brussels and Brabant\" required><span>Brussels & Brabant<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"region\" value=\"Flanders\"><span>Flanders<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"region\" value=\"Wallonia and Ardennes\"><span>Wallonia & Ardennes<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"region\" value=\"Coast\"><span>Coast<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"region\" value=\"Luxembourg\"><span>Luxembourg<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"region\" value=\"No preference\"><span>No preference<\/span><\/label>\r\n <\/div>\r\n <\/div>\r\n <\/fieldset>\r\n\r\n <fieldset data-step=\"4\" hidden>\r\n <legend><span class=\"tko-form__step\">Step 4 of 4<\/span>Where should we send the proposal?<\/legend>\r\n <div class=\"tko-fields\">\r\n <div class=\"tko-field\"><label for=\"tko-prenom\">First name<\/label><input id=\"tko-prenom\" name=\"prenom\" autocomplete=\"given-name\" required><\/div>\r\n <div class=\"tko-field\"><label for=\"tko-nom\">Last name<\/label><input id=\"tko-nom\" name=\"nom\" autocomplete=\"family-name\" required><\/div>\r\n <div class=\"tko-field\"><label for=\"tko-email\">Work email<\/label><input id=\"tko-email\" type=\"email\" name=\"email\" autocomplete=\"email\" required><\/div>\r\n <div class=\"tko-field\"><label for=\"tko-societe\">Company<\/label><input id=\"tko-societe\" name=\"societe\" autocomplete=\"organization\" required><\/div>\r\n <div class=\"tko-field tko-field--full\"><label for=\"tko-tel\">Phone<\/label><input id=\"tko-tel\" type=\"tel\" name=\"telephone\" autocomplete=\"tel\" placeholder=\"+32 470 12 34 56\" required><\/div>\r\n <div class=\"tko-field tko-field--full\"><label for=\"tko-msg\">Your message (optional)<\/label><textarea id=\"tko-msg\" name=\"message\" placeholder=\"This year's theme, a constraint, an idea\u2026\"><\/textarea><\/div>\r\n <\/div>\r\n <label class=\"tko-consent\"><input type=\"checkbox\" name=\"consentement\" required><span>I consent to the processing of my data in order to receive a quote, as described in the <a href=\"https:\/\/tero.be\/en\/privacy-policy\/\" target=\"_blank\" rel=\"noopener\">privacy policy<\/a>. *<\/span><\/label>\r\n <label class=\"tko-consent tko-consent--2\"><input type=\"checkbox\" name=\"consent_email\"><span>I agree to receive promotional and marketing emails from Tero.<\/span><\/label>\r\n <\/fieldset>\r\n\r\n <p class=\"tko-form__error\" role=\"alert\" aria-live=\"polite\"><\/p>\r\n <div class=\"tko-form__nav\">\r\n <button class=\"tko-form__back\" type=\"button\" hidden>\u2190 Back<\/button>\r\n <button class=\"tko-btn tko-btn--bx\" type=\"submit\" data-cta=\"kickoff-brief-next\"><span class=\"tko-next-label\">Continue<\/span> <span class=\"tko-btn__arrow\" aria-hidden=\"true\">\u2192<\/span><\/button>\r\n <\/div>\r\n <\/form>\r\n\r\n <div class=\"tko-form__done\" tabindex=\"-1\">\r\n <span class=\"tko-form__step\">Got it<\/span>\r\n <h3>Thank you, your kick-off is in good hands.<\/h3>\r\n <p>Our team will come back to you with a first proposal. In the meantime, have a look at our team building activities.<\/p>\r\n <a class=\"tko-btn tko-btn--line\" style=\"margin-top:1.5rem\" href=\"https:\/\/tero.be\/en\/events\/team-building-activities\/\" data-cta=\"kickoff-merci-activites\" target=\"_blank\" rel=\"noopener\">See the activities <span class=\"tko-btn__arrow\" aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"tko-seq__band\" id=\"tko-band\">\r\n <span class=\"tko-marquee__label\">They trust us<\/span>\r\n <div class=\"tko-marquee\" role=\"img\" aria-label=\"They trust us: Deloitte, Clifford Chance, Arval BNP Paribas Group, PwC, Coyote, RTBF, Belfius, Delen Private Bank, Decathlon. Tero is a certified B Corp.\">\r\n <div class=\"tko-marquee__track\" aria-hidden=\"true\">\r\n <div class=\"tko-marquee__group\">\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:8.73em;height:1.63em\"><img fetchpriority=\"high\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/5-1.webp\" alt=\"Deloitte\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:12.96em;height:12.96em;left:-2.11em;top:-5.65em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:7.99em;height:1.78em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/4-3.webp\" alt=\"Clifford Chance\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:10.48em;height:10.48em;left:-1.34em;top:-4.34em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:7.87em;height:1.81em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/3-3.webp\" alt=\"Arval BNP Paribas Group\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:9.09em;height:9.09em;left:-0.52em;top:-3.64em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:5.40em;height:2.64em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/2-3.webp\" alt=\"PwC\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:9.65em;height:9.65em;left:-2.14em;top:-3.53em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:5.09em;height:2.80em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/1-4-1.webp\" alt=\"Coyote\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:9.24em;height:9.24em;left:-2.05em;top:-2.70em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:7.22em;height:1.98em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/6-3.webp\" alt=\"RTBF\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:10.09em;height:10.09em;left:-1.60em;top:-4.06em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:8.14em;height:1.75em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/7-3.webp\" alt=\"Belfius\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:12.85em;height:12.85em;left:-2.35em;top:-5.55em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:6.89em;height:2.07em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/8-2.webp\" alt=\"Delen Private Bank\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:10.03em;height:10.03em;left:-1.63em;top:-3.98em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:9.00em;height:1.40em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/9-1.webp\" alt=\"Decathlon\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:12.36em;height:12.36em;left:-1.68em;top:-5.48em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:2.08em;height:3.50em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/bcorp-logo-no-border-gray.webp\" alt=\"Certified B Corporation\" width=\"256\" height=\"431\" loading=\"eager\" decoding=\"async\" style=\"width:2.08em;height:3.50em;left:0em;top:0em\"><\/span><\/span>\r\n <\/div>\r\n <div class=\"tko-marquee__group\">\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:8.73em;height:1.63em\"><img fetchpriority=\"high\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/5-1.webp\" alt=\"Deloitte\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:12.96em;height:12.96em;left:-2.11em;top:-5.65em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:7.99em;height:1.78em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/4-3.webp\" alt=\"Clifford Chance\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:10.48em;height:10.48em;left:-1.34em;top:-4.34em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:7.87em;height:1.81em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/3-3.webp\" alt=\"Arval BNP Paribas Group\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:9.09em;height:9.09em;left:-0.52em;top:-3.64em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:5.40em;height:2.64em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/2-3.webp\" alt=\"PwC\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:9.65em;height:9.65em;left:-2.14em;top:-3.53em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:5.09em;height:2.80em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/1-4-1.webp\" alt=\"Coyote\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:9.24em;height:9.24em;left:-2.05em;top:-2.70em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:7.22em;height:1.98em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/6-3.webp\" alt=\"RTBF\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:10.09em;height:10.09em;left:-1.60em;top:-4.06em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:8.14em;height:1.75em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/7-3.webp\" alt=\"Belfius\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:12.85em;height:12.85em;left:-2.35em;top:-5.55em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:6.89em;height:2.07em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/8-2.webp\" alt=\"Delen Private Bank\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:10.03em;height:10.03em;left:-1.63em;top:-3.98em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:9.00em;height:1.40em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/9-1.webp\" alt=\"Decathlon\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:12.36em;height:12.36em;left:-1.68em;top:-5.48em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:2.08em;height:3.50em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/bcorp-logo-no-border-gray.webp\" alt=\"Certified B Corporation\" width=\"256\" height=\"431\" loading=\"eager\" decoding=\"async\" style=\"width:2.08em;height:3.50em;left:0em;top:0em\"><\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"tko-wrap tko-proof\" aria-label=\"Tero in figures\">\r\n <div class=\"tko-proof__item tko-reveal\"><strong data-count=\"25\">25<\/strong><span>years of experience in corporate events<\/span><\/div>\r\n <div class=\"tko-proof__item tko-reveal\" data-delay=\"1\"><strong data-count=\"17\">17<\/strong><span>venues in Belgium and Luxembourg<\/span><\/div>\r\n <div class=\"tko-proof__item tko-reveal\" data-delay=\"2\"><strong data-count=\"1\">1<\/strong><span>contact, from the first brief to the last course<\/span><\/div>\r\n <div class=\"tko-proof__item tko-proof__item--bcorp tko-reveal\" data-delay=\"2\"><img loading=\"lazy\" class=\"tko-proof__bcorp\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/bcorp-logo-no-border-gray.webp\" alt=\"Certified B Corporation\" width=\"256\" height=\"431\" loading=\"lazy\" decoding=\"async\"><span>A company certified for its social and environmental impact<\/span><\/div>\r\n <\/section>\r\n\r\n \r\n <div class=\"tko-quicknav-mark\" id=\"tko-quicknav-mark\" aria-hidden=\"true\"><\/div>\r\n <nav class=\"tko-quicknav\" id=\"tko-quicknav\" aria-label=\"Kick-off quick links\">\r\n <div class=\"tko-quicknav__in\">\r\n <a href=\"#tko-lieux\" data-cta=\"kickoff-nav-lieux\"><span class=\"l\">Discover our venues<\/span><span class=\"s\">Venues<\/span><\/a>\r\n <a href=\"#tko-activites\" data-cta=\"kickoff-nav-activites\"><span class=\"l\">Discover our activities<\/span><span class=\"s\">Activities<\/span><\/a>\r\n <a href=\"#tko-teroir\" data-cta=\"kickoff-nav-traiteur\"><span class=\"l\">Discover our catering packages<\/span><span class=\"s\">Catering<\/span><\/a>\r\n <a href=\"#tko-brief\" class=\"is-cta\" data-cta=\"kickoff-nav-devis\"><span class=\"l\">Request my quote<\/span><span class=\"s\">Quote<\/span><\/a>\r\n <\/div>\r\n <\/nav>\r\n\r\n \r\n <section class=\"tko-hook tko-wrap\" aria-label=\"Why a kick-off\">\r\n <p class=\"tko-hook__text\" data-fill data-accent=\"d\u00e9cide,ensemble\">On 2 January, everyone has 47 unread emails and resolutions that are already wobbling. The kick-off is the day you decide together which ones matter.<\/p>\r\n <\/section>\r\n\r\n \r\n <section class=\"tko-intents\" id=\"tko-intentions\" aria-labelledby=\"tko-intents-title\">\r\n <div class=\"tko-wrap tko-intents__panel\">\r\n <div class=\"tko-intents__head\">\r\n <div class=\"tko-titlerow\"><h2 class=\"tko-reveal\" id=\"tko-intents-title\">What matters most <strong>for your kick-off?<\/strong><\/h2><div class=\"tko-secta tko-reveal\"><span class=\"tko-countdown tko-countdown--sec\" data-countdown><b>53 days<\/b> to 2027<\/span><a class=\"tko-secta__btn\" href=\"#tko-brief\" data-cta=\"kickoff-section-intentions\">Plan my kick-off <span aria-hidden=\"true\">\u2192<\/span><\/a><\/div><\/div>\r\n <p class=\"tko-reveal\">Choose your intention: we show you the venue or activity that fits it best, and what you can add to make it a complete kick-off.<\/p>\r\n <\/div>\r\n <div class=\"tko-intents__grid tko-reveal\">\r\n <div class=\"tko-int tko-int--grande\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\r\n <div class=\"tko-int__face\">\r\n <h3>Launch 2027 and align<\/h3>\r\n <p>Strategic kick-off, annual objectives, planning seminar, leadership offsite, new organisation, merger or new management.<\/p>\r\n <span class=\"tko-int__go\">Prepare what's next <span aria-hidden=\"true\">\u2192<\/span><\/span>\r\n <\/div>\r\n <div class=\"tko-int__sol\">\r\n <div class=\"tko-int__head\"><span>Launch 2027 and align<\/span><button type=\"button\" class=\"tko-int__back\">\u2190 Back<\/button><\/div>\r\n <div class=\"tko-int__verso\">\r\n <a class=\"tko-int__ph tko-int__ph--go\" href=\"https:\/\/tero.be\/en\/venues\/lodges\/herbeumont\/\" target=\"_blank\" rel=\"noopener\" data-cta=\"kickoff-intention-photo\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2023\/12\/GIF-MANOIR-HERBEUMONT-3.webp\" alt=\"The manor of Tero Lodge Herbeumont\" loading=\"lazy\"><span class=\"tko-int__cap\"><small>The venue<\/small><b>Tero Lodge Herbeumont<\/b><i aria-hidden=\"true\">\u2193<\/i><\/span><\/a>\r\n <div class=\"tko-int__vtxt\">\r\n <p class=\"tko-int__plus\">Complete with<\/p>\r\n <ul class=\"tko-int__tags\" aria-label=\"Examples\"><li class=\"tko-tag tko-tag--blue\">Seminar<\/li><li class=\"tko-tag tko-tag--mint\">CrIAtivity<\/li><li class=\"tko-tag tko-tag--yellow\">Lunch<\/li><\/ul>\r\n <a class=\"tko-int__cta\" href=\"#tko-brief\" data-cta=\"kickoff-intention-devis\">Request a quote <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tko-int tko-int--grande\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\r\n <div class=\"tko-int__face\">\r\n <h3>Warm up January<\/h3>\r\n <p>The fun or wellbeing event that breaks the winter slump. The perfect antidote to Blue Monday.<\/p>\r\n <span class=\"tko-int__go\">Beat the winter slump <span aria-hidden=\"true\">\u2192<\/span><\/span>\r\n <\/div>\r\n <div class=\"tko-int__sol\">\r\n <div class=\"tko-int__head\"><span>Warm up January<\/span><button type=\"button\" class=\"tko-int__back\">\u2190 Back<\/button><\/div>\r\n <div class=\"tko-int__verso\">\r\n <a class=\"tko-int__ph tko-int__ph--go\" href=\"#tko-act-final-mystery\" data-goto data-cta=\"kickoff-intention-photo\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/The-Final-Mystery-ALL-FR.webp\" alt=\"Teams investigating during The Final Mystery\" loading=\"lazy\"><span class=\"tko-int__cap\"><small>The activity<\/small><b>The Final Mystery<\/b><i aria-hidden=\"true\">\u2193<\/i><\/span><\/a>\r\n <div class=\"tko-int__vtxt\">\r\n <p class=\"tko-int__plus\">Complete with<\/p>\r\n <ul class=\"tko-int__tags\" aria-label=\"Examples\"><li class=\"tko-tag tko-tag--blue\">Lunch<\/li><li class=\"tko-tag tko-tag--mint\">Walking dinner<\/li><li class=\"tko-tag tko-tag--yellow\">At your office or a Tero venue<\/li><\/ul>\r\n <a class=\"tko-int__cta\" href=\"#tko-brief\" data-cta=\"kickoff-intention-devis\">Request a quote <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tko-int\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\r\n <div class=\"tko-int__face\">\r\n <h3>Close 2026<\/h3>\r\n <p>The party you couldn't throw in December, for lack of a date, budget or energy. In January it costs less and dates are available.<\/p>\r\n <span class=\"tko-int__go\">Plan my party <span aria-hidden=\"true\">\u2192<\/span><\/span>\r\n <\/div>\r\n <div class=\"tko-int__sol\">\r\n <div class=\"tko-int__head\"><span>Close 2026<\/span><button type=\"button\" class=\"tko-int__back\">\u2190 Back<\/button><\/div>\r\n <div class=\"tko-int__verso\">\r\n <a class=\"tko-int__ph tko-int__ph--go\" href=\"https:\/\/tero.be\/en\/venues\/event-spaces\/river-house-luxembourg\/\" target=\"_blank\" rel=\"noopener\" data-cta=\"kickoff-intention-photo\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2024\/11\/Design-sans-titre-1.webp\" alt=\"Tero River House in Luxembourg in the evening\" loading=\"lazy\"><span class=\"tko-int__cap\"><small>The venue<\/small><b>Tero River House<\/b><i aria-hidden=\"true\">\u2193<\/i><\/span><\/a>\r\n <div class=\"tko-int__vtxt\">\r\n <p class=\"tko-int__plus\">Complete with<\/p>\r\n <ul class=\"tko-int__tags\" aria-label=\"Examples\"><li class=\"tko-tag tko-tag--blue\">Raclette<\/li><li class=\"tko-tag tko-tag--mint\">Quiz Play<\/li><li class=\"tko-tag tko-tag--yellow\">Luxembourg City<\/li><\/ul>\r\n <a class=\"tko-int__cta\" href=\"#tko-brief\" data-cta=\"kickoff-intention-devis\">Request a quote <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tko-int\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\r\n <div class=\"tko-int__face\">\r\n <h3>Cheers to 2027<\/h3>\r\n <p>A New Year drink or dinner with your teams, clients or partners.<\/p>\r\n <span class=\"tko-int__go\">Plan my New Year event <span aria-hidden=\"true\">\u2192<\/span><\/span>\r\n <\/div>\r\n <div class=\"tko-int__sol\">\r\n <div class=\"tko-int__head\"><span>Cheers to 2027<\/span><button type=\"button\" class=\"tko-int__back\">\u2190 Back<\/button><\/div>\r\n <div class=\"tko-int__verso\">\r\n <a class=\"tko-int__ph tko-int__ph--go\" href=\"https:\/\/tero.be\/en\/venues\/event-spaces\/house17\/\" target=\"_blank\" rel=\"noopener\" data-cta=\"kickoff-intention-photo\"><picture><source srcset=\"https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2025\/01\/1A1A9216-1536x1025.jpg.webp\" type=\"image\/webp\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2025\/01\/1A1A9216-1536x1025.jpg\" alt=\"Meeting room at Tero House17 in Luxembourg\" loading=\"lazy\" class=\"webpexpress-processed\"><\/picture><span class=\"tko-int__cap\"><small>The venue<\/small><b>Tero House17<\/b><i aria-hidden=\"true\">\u2193<\/i><\/span><\/a>\r\n <div class=\"tko-int__vtxt\">\r\n <p class=\"tko-int__plus\">Complete with<\/p>\r\n <ul class=\"tko-int__tags\" aria-label=\"Examples\"><li class=\"tko-tag tko-tag--blue\">Plenary<\/li><li class=\"tko-tag tko-tag--mint\">Keynote<\/li><li class=\"tko-tag tko-tag--yellow\">3-course menu<\/li><\/ul>\r\n <a class=\"tko-int__cta\" href=\"#tko-brief\" data-cta=\"kickoff-intention-devis\">Request a quote <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tko-int\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\r\n <div class=\"tko-int__face\">\r\n <h3>Onboard<\/h3>\r\n <p>Onboarding the people who joined at the end of the year or in January.<\/p>\r\n <span class=\"tko-int__go\">Welcome my new hires <span aria-hidden=\"true\">\u2192<\/span><\/span>\r\n <\/div>\r\n <div class=\"tko-int__sol\">\r\n <div class=\"tko-int__head\"><span>Onboard<\/span><button type=\"button\" class=\"tko-int__back\">\u2190 Back<\/button><\/div>\r\n <div class=\"tko-int__verso\">\r\n <a class=\"tko-int__ph tko-int__ph--go\" href=\"#tko-act-venue-play\" data-goto data-cta=\"kickoff-intention-photo\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2024\/03\/StudioTom-TERO2026052135-scaled-e1792486396809.webp\" alt=\"A team during Venue Play\" loading=\"lazy\"><span class=\"tko-int__cap\"><small>The activity<\/small><b>Venue Play<\/b><i aria-hidden=\"true\">\u2193<\/i><\/span><\/a>\r\n <div class=\"tko-int__vtxt\">\r\n <p class=\"tko-int__plus\">Complete with<\/p>\r\n <ul class=\"tko-int__tags\" aria-label=\"Examples\"><li class=\"tko-tag tko-tag--blue\">Your office<\/li><li class=\"tko-tag tko-tag--mint\">Lunch<\/li><li class=\"tko-tag tko-tag--yellow\">Chefs' buffet<\/li><\/ul>\r\n <a class=\"tko-int__cta\" href=\"#tko-brief\" data-cta=\"kickoff-intention-devis\">Request a quote <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tko-int tko-int--side\">\r\n <div class=\"tko-int__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/photo98.webp\" alt=\"Plenary session of a kick-off organised by Tero\" loading=\"lazy\"><\/div>\r\n <h3>Effortless planning<\/h3>\r\n <p>A complete experience, one single contact.<\/p>\r\n <span class=\"tko-int__muet\">Included in every package<\/span>\r\n <\/div>\r\n <\/div>\r\n <p class=\"tko-intents__repli\">Still not sure? <a href=\"#tko-brief\" data-cta=\"kickoff-intention-hesite\">Tell us about your team<\/a> and we'll suggest three formats.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"tko-venues\" id=\"tko-lieux\" aria-labelledby=\"tko-venues-title\">\r\n <div class=\"tko-wrap tko-section-head\">\r\n <div class=\"tko-titlerow\"><h2 class=\"tko-reveal\" id=\"tko-venues-title\">A change of scenery<br> <strong>changes the conversation.<\/strong><\/h2><div class=\"tko-secta tko-reveal\"><span class=\"tko-countdown tko-countdown--sec\" data-countdown><b>53 days<\/b> to 2027<\/span><a class=\"tko-secta__btn\" href=\"#tko-brief\" data-cta=\"kickoff-section-lieux\">Plan my kick-off <span aria-hidden=\"true\">\u2192<\/span><\/a><\/div><\/div>\r\n <\/div>\r\n <div class=\"tko-cr\" data-cr>\r\n <button class=\"tko-cr__btn tko-cr__btn--prev\" type=\"button\" data-cr-dir=\"-1\" aria-label=\"Previous venues\">\u2190<\/button>\r\n <div class=\"tko-cr__track\" id=\"tko-rail\" tabindex=\"0\" aria-label=\"Venues, scroll horizontally\">\n <a class=\"tko-card tko-card--yellow\" href=\"https:\/\/tero.be\/en\/venues\/event-spaces\/river-house-luxembourg\/\" data-cta=\"kickoff-lieu-river-house-luxembourg\" target=\"_blank\" rel=\"noopener\" style=\"--i:0\">\r\n <span class=\"tko-card__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2024\/11\/Design-sans-titre-1.webp\" alt=\"Tero River House in Luxembourg in the evening\" loading=\"lazy\"><span class=\"tko-card__badge\">Day event<\/span><\/span>\r\n <span class=\"tko-card__txt\"><small>Luxembourg<\/small><b>Tero River House<\/b><\/span>\r\n <\/a>\n <a class=\"tko-card tko-card--lav\" href=\"https:\/\/tero.be\/en\/venues\/event-spaces\/house17\/\" data-cta=\"kickoff-lieu-house17\" target=\"_blank\" rel=\"noopener\" style=\"--i:1\">\r\n <span class=\"tko-card__ph\"><picture><source srcset=\"https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2025\/01\/1A1A9216-1536x1025.jpg.webp\" type=\"image\/webp\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2025\/01\/1A1A9216-1536x1025.jpg\" alt=\"Meeting room at Tero House17 in Luxembourg\" loading=\"lazy\" class=\"webpexpress-processed\"><\/picture><span class=\"tko-card__badge\">Day event<\/span><\/span>\r\n <span class=\"tko-card__txt\"><small>Luxembourg<\/small><b>Tero House17<\/b><\/span>\r\n <\/a>\r\n <a class=\"tko-card tko-card--mint\" href=\"https:\/\/tero.be\/en\/venues\/event-spaces\/garisart-sports-club\/\" data-cta=\"kickoff-lieu-padel-arlon\" target=\"_blank\" rel=\"noopener\" style=\"--i:2\" id=\"tko-lieu-padel-arlon\">\r\n <span class=\"tko-card__ph\"><picture><source srcset=\"https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2025\/06\/CrolleAgency_Garisart_Padel-17-sur-36-1536x1024.jpg.webp\" type=\"image\/webp\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2025\/06\/CrolleAgency_Garisart_Padel-17-sur-36-1536x1024.jpg\" alt=\"Padel courts at Tero Padel Arlon\" loading=\"lazy\" class=\"webpexpress-processed\"><\/picture><span class=\"tko-card__badge\">Padel & sport<\/span><\/span>\r\n <span class=\"tko-card__txt\"><small>Arlon \u00b7 Belgium<\/small><b>Tero Padel Arlon<\/b><\/span>\r\n <\/a>\r\n <a class=\"tko-card tko-card--blue\" href=\"https:\/\/tero.be\/en\/venues\/lodges\/herbeumont\/\" data-cta=\"kickoff-lieu-herbeumont\" target=\"_blank\" rel=\"noopener\" style=\"--i:3\" id=\"tko-lieu-herbeumont\">\r\n <span class=\"tko-card__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2023\/12\/GIF-MANOIR-HERBEUMONT-3.webp\" alt=\"The manor of Tero Lodge Herbeumont\" loading=\"lazy\"><span class=\"tko-card__badge\">With overnight stay<\/span><\/span>\r\n <span class=\"tko-card__txt\"><small>Herbeumont \u00b7 Belgium<\/small><b>Tero Lodge Herbeumont<\/b><\/span>\r\n <\/a>\r\n <\/div>\r\n <button class=\"tko-cr__btn tko-cr__btn--next\" type=\"button\" data-cr-dir=\"1\" aria-label=\"Next venues\">\u2192<\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"tko-acts tko-wrap\" id=\"tko-activites\" aria-labelledby=\"tko-acts-title\">\r\n <div class=\"tko-acts__panel\">\r\n <div class=\"tko-acts__head\">\r\n <div class=\"tko-titlerow\"><h2 class=\"tko-reveal\" id=\"tko-acts-title\">In the afternoon, <strong>it's time for action.<\/strong><\/h2><div class=\"tko-secta tko-reveal\"><span class=\"tko-countdown tko-countdown--sec\" data-countdown><b>53 days<\/b> to 2027<\/span><a class=\"tko-secta__btn\" href=\"#tko-brief\" data-cta=\"kickoff-section-activites\">Plan my kick-off <span aria-hidden=\"true\">\u2192<\/span><\/a><\/div><\/div>\r\n <p class=\"tko-reveal\">Four activities designed for a new-year launch, and what they bring to your team.<\/p>\r\n <\/div>\r\n <div class=\"tko-bento-acts tko-reveal\">\r\n <a class=\"tko-bt tko-bt--photo\" href=\"https:\/\/tero.be\/en\/events\/team-building-activities\/criativity\/\" data-cta=\"kickoff-activite-criativity\" target=\"_blank\" rel=\"noopener\" style=\"--o:0\">\r\n <img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-17-juil.-2026-a-09_16_33.webp\" alt=\"CrIAtivity recording studio\" loading=\"lazy\">\r\n <span class=\"tko-bt__tag\">Getting hands-on with AI<\/span>\r\n <\/a>\r\n <a class=\"tko-bt tko-bt--text tko-bt--white\" href=\"https:\/\/tero.be\/en\/events\/team-building-activities\/criativity\/\" data-cta=\"kickoff-activite-criativity-texte\" target=\"_blank\" rel=\"noopener\" style=\"--o:1\">\r\n <small>Under 60 people \u00b7 3 h<\/small>\r\n <h3>CrIAtivity<\/h3>\r\n <p>Get to grips with AI together and produce the company hit. Who knows, it might become the anthem of your 2027.<\/p>\r\n <span class=\"tko-bt__go\">Discover CrIAtivity <span aria-hidden=\"true\">\u2192<\/span><\/span>\r\n <\/a>\r\n <a class=\"tko-bt tko-bt--text tko-bt--mint\" href=\"https:\/\/tero.be\/en\/events\/team-building-activities\/venue-play\/\" data-cta=\"kickoff-activite-venue-play-texte\" target=\"_blank\" rel=\"noopener\" style=\"--o:3\">\r\n <small>200+ people \u00b7 1 h 30<\/small>\r\n <h3>Venue Play<\/h3>\r\n <p>The venue becomes your playground, with a ready-made game or a quiz built together around your 2027 messages. Your teams remember what matters by playing.<\/p>\r\n <span class=\"tko-bt__go\">Discover Venue Play <span aria-hidden=\"true\">\u2192<\/span><\/span>\r\n <\/a>\r\n <a class=\"tko-bt tko-bt--photo\" id=\"tko-act-venue-play\" href=\"https:\/\/tero.be\/en\/events\/team-building-activities\/venue-play\/\" data-cta=\"kickoff-activite-venue-play\" target=\"_blank\" rel=\"noopener\" style=\"--o:2\">\r\n <img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2024\/03\/StudioTom-TERO2026052135-scaled-e1792486396809.webp\" alt=\"Team during Venue Play\" loading=\"lazy\">\r\n <span class=\"tko-bt__tag\">Your messages, in play<\/span>\r\n <\/a>\r\n <a class=\"tko-bt tko-bt--photo\" href=\"https:\/\/tero.be\/en\/events\/team-building-activities\/step-story\/\" data-cta=\"kickoff-activite-step-story\" target=\"_blank\" rel=\"noopener\" style=\"--o:4\">\r\n <img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2024\/02\/DSC_0219-1-scaled.webp\" alt=\"Teams building a chain reaction during Step Story\" loading=\"lazy\">\r\n <span class=\"tko-bt__tag\">Every link counts<\/span>\r\n <\/a>\r\n <a class=\"tko-bt tko-bt--text tko-bt--lav\" href=\"https:\/\/tero.be\/en\/events\/team-building-activities\/step-story\/\" data-cta=\"kickoff-activite-step-story-texte\" target=\"_blank\" rel=\"noopener\" style=\"--o:5\">\r\n <small>50 to 100 people \u00b7 2 h<\/small>\r\n <h3>Step Story<\/h3>\r\n <p>Each team builds its own link, and everything has to connect. A chain reaction that shows the result depends on everyone.<\/p>\r\n <span class=\"tko-bt__go\">Discover Step Story <span aria-hidden=\"true\">\u2192<\/span><\/span>\r\n <\/a>\r\n <a class=\"tko-bt tko-bt--text tko-bt--blue\" href=\"https:\/\/tero.be\/en\/events\/team-building-activities\/the-final-mystery\/\" data-cta=\"kickoff-activite-the-final-mystery-texte\" target=\"_blank\" rel=\"noopener\" style=\"--o:7\">\r\n <small>200+ people \u00b7 1 h 30<\/small>\r\n <h3>The Final Mystery<\/h3>\r\n <p>The whole company investigates at the same time. To find the culprit, teams have to share their clues.<\/p>\r\n <span class=\"tko-bt__go\">Discover The Final Mystery <span aria-hidden=\"true\">\u2192<\/span><\/span>\r\n <\/a>\r\n <a class=\"tko-bt tko-bt--photo\" id=\"tko-act-final-mystery\" href=\"https:\/\/tero.be\/en\/events\/team-building-activities\/the-final-mystery\/\" data-cta=\"kickoff-activite-the-final-mystery\" target=\"_blank\" rel=\"noopener\" style=\"--o:6\">\r\n <img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/The-Final-Mystery-ALL-FR.webp\" alt=\"Teams investigating during The Final Mystery\" loading=\"lazy\">\r\n <span class=\"tko-bt__tag\">The whole company investigates<\/span>\r\n <\/a>\r\n <\/div>\r\n <a class=\"tko-btn tko-btn--line tko-acts__all\" href=\"https:\/\/tero.be\/en\/events\/team-building-activities\/\" data-cta=\"kickoff-toutes-les-activites\" target=\"_blank\" rel=\"noopener\">See all activities <span class=\"tko-btn__arrow\" aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"tko-teroir tko-wrap\" id=\"tko-teroir\" aria-labelledby=\"tko-teroir-title\">\r\n <img decoding=\"async\" class=\"tko-teroir__radis\" src=\"https:\/\/www.terblock.be\/wp-content\/uploads\/2026\/10\/radis.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\">\r\n <div class=\"tko-teroir__media\">\r\n <div class=\"tko-teroir__main\"><picture><source srcset=\"https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2026\/11\/DSCF0157_HD-683x1024.jpg.webp 683w, https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2026\/11\/DSCF0157_HD-1024x1536.jpg.webp 1024w, https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2026\/11\/DSCF0157_HD-scaled.jpg.webp 1707w\" sizes=\"(max-width: 980px) 90vw, 40vw\" type=\"image\/webp\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/DSCF0157_HD-1024x1536.jpg\" srcset=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/DSCF0157_HD-683x1024.jpg 683w, https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/DSCF0157_HD-1024x1536.jpg 1024w, https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/DSCF0157_HD-scaled.jpg 1707w\" sizes=\"(max-width: 980px) 90vw, 40vw\" alt=\"Fish and seasonal vegetables served by Teroir Catering\" loading=\"lazy\" class=\"webpexpress-processed\"><\/picture><\/div>\r\n <div class=\"tko-teroir__side\" data-parallax><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/08\/CrolleAgency_Tero_Rabanisse-48-sur-243.webp\" alt=\"Vegetable growing for the Teroir supply chain\" loading=\"lazy\"><\/div>\r\n <\/div>\r\n <div>\r\n <h2 class=\"tko-reveal\" id=\"tko-teroir-title\">From farm<br> <em class=\"tko-serif\">to fork.<\/em><\/h2>\r\n <div class=\"tko-tick tko-reveal\" aria-label=\"Local, Seasonality, Craftsmanship, Know-how, Authentic, Gastronomy, Conviviality, Sharing, Generosity, Heritage, Passing it on, Respect\">\r\n <div class=\"tko-tick__track\" aria-hidden=\"true\"><ul><li>Local<\/li><li>Seasonality<\/li><li>Craftsmanship<\/li><li>Know-how<\/li><li>Authentic<\/li><li>Gastronomy<\/li><li>Conviviality<\/li><li>Sharing<\/li><li>Generosity<\/li><li>Heritage<\/li><li>Passing it on<\/li><li>Respect<\/li><\/ul><ul><li>Local<\/li><li>Seasonality<\/li><li>Craftsmanship<\/li><li>Know-how<\/li><li>Authentic<\/li><li>Gastronomy<\/li><li>Conviviality<\/li><li>Sharing<\/li><li>Generosity<\/li><li>Heritage<\/li><li>Passing it on<\/li><li>Respect<\/li><\/ul><\/div>\r\n <\/div>\r\n <p class=\"tko-teroir__lead tko-reveal\">The caterer of the Tero group, Teroir is an event caterer with character, where gastronomy meets craftsmanship.<\/p>\r\n <p class=\"tko-teroir__lead tko-teroir__lead--2 tko-reveal\">The origin of our products, seasonality and respect for the natural cycle are our everyday fight; never a promise taken for granted, but a standard we set ourselves at every event.<\/p>\r\n <div class=\"tko-teroir__ctas tko-reveal\">\r\n <a class=\"tko-btn tko-btn--line\" href=\"https:\/\/tero.be\/en\/catering\/catering-services\/\" data-cta=\"kickoff-teroir\" target=\"_blank\" rel=\"noopener\">Discover Teroir Catering <span class=\"tko-btn__arrow\" aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <a class=\"tko-secta__btn\" href=\"#tko-brief\" data-cta=\"kickoff-teroir-reserver\">Book my kick-off <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tko-formules tko-reveal\">\r\n <h3 class=\"tko-formules__title\">Our packages <strong>for your kick-off.<\/strong><\/h3>\r\n <div class=\"tko-formules__grid\">\r\n <a class=\"tko-card tko-card--blue tko-card--mini\" href=\"https:\/\/tero.be\/en\/catering\/catering-services\/lunch\/\" data-cta=\"kickoff-formule-lunch\" target=\"_blank\" rel=\"noopener\">\r\n <span class=\"tko-card__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2025\/07\/30052024-krissaintpatrick-TERO-4-scaled.webp\" alt=\"Seasonal Teroir lunch\" loading=\"lazy\"><\/span>\r\n <span class=\"tko-card__txt\"><small>Between two sessions<\/small><b>Lunch<\/b><\/span>\r\n <\/a>\r\n <a class=\"tko-card tko-card--yellow tko-card--mini\" href=\"https:\/\/tero.be\/en\/catering\/catering-services\/cocktails\/\" data-cta=\"kickoff-formule-cocktails-dinatoires\" target=\"_blank\" rel=\"noopener\">\r\n <span class=\"tko-card__ph\"><picture><source srcset=\"https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2025\/07\/200625Tero-TeroirWaterlooAdecco-4-1-731x1024.jpg.webp\" type=\"image\/webp\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2025\/07\/200625Tero-TeroirWaterlooAdecco-4-1-731x1024.jpg\" alt=\"Teroir cocktail boards\" loading=\"lazy\" class=\"webpexpress-processed\"><\/picture><\/span>\r\n <span class=\"tko-card__txt\"><small>For a New Year toast or a drink<\/small><b>Cocktails<\/b><\/span>\r\n <\/a>\r\n <a class=\"tko-card tko-card--lav tko-card--mini\" href=\"https:\/\/tero.be\/en\/catering\/catering-services\/walking-dinner\/\" data-cta=\"kickoff-formule-walking-dinner\" target=\"_blank\" rel=\"noopener\">\r\n <span class=\"tko-card__ph\"><picture><source srcset=\"https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2026\/11\/311.png.webp\" type=\"image\/webp\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/311.png\" alt=\"Teroir walking dinner\" loading=\"lazy\" class=\"webpexpress-processed\"><\/picture><\/span>\r\n <span class=\"tko-card__txt\"><small>To mingle and talk<\/small><b>Walking dinner<\/b><\/span>\r\n <\/a>\r\n <a class=\"tko-card tko-card--white tko-card--mini\" href=\"https:\/\/tero.be\/en\/catering\/catering-services\/seated-dinners\/\" data-cta=\"kickoff-formule-diners-assis\" target=\"_blank\" rel=\"noopener\">\r\n <span class=\"tko-card__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2025\/06\/SIDE-SHUTTER-7-seated-dinner-scaled.webp\" alt=\"Seated dinner in a marquee\" loading=\"lazy\"><\/span>\r\n <span class=\"tko-card__txt\"><small>Three courses, seated<\/small><b>Seated dinner<\/b><\/span>\r\n <\/a>\r\n <\/div>\r\n <a class=\"tko-formules__all\" href=\"https:\/\/tero.be\/en\/catering\/catering-services\/\" data-cta=\"kickoff-toutes-les-formules\" target=\"_blank\" rel=\"noopener\">See all our packages <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"tko-why tko-wrap\" id=\"tko-pourquoi\" aria-labelledby=\"tko-why-title\">\r\n <div class=\"tko-section-head tko-why__head\">\r\n <div class=\"tko-titlerow\"><h2 class=\"tko-reveal\" id=\"tko-why-title\">Three crafts, <strong>one single team.<\/strong><\/h2><div class=\"tko-secta tko-reveal\"><span class=\"tko-countdown tko-countdown--sec\" data-countdown><b>53 days<\/b> to 2027<\/span><a class=\"tko-secta__btn\" href=\"#tko-brief\" data-cta=\"kickoff-section-pourquoi\">Plan my kick-off <span aria-hidden=\"true\">\u2192<\/span><\/a><\/div><\/div>\r\n <p class=\"tko-reveal\">Venues, food and activities are all managed in-house, in Belgium and Luxembourg. That's what lets us coordinate everything without ever sending you to a subcontractor.<\/p>\r\n <\/div>\r\n <div class=\"tko-why__grid tko-reveal\">\r\n <a class=\"tko-pilier\" href=\"#tko-lieux\" data-cta=\"kickoff-pourquoi-le-lieu\">\r\n <div class=\"tko-pilier__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/kickoff-lux-lieu-house17.webp\" alt=\"Tero House17 in Luxembourg in the evening\" loading=\"lazy\"><\/div>\r\n <div class=\"tko-pilier__sur\">\r\n <h3>The venue<\/h3>\r\n <div class=\"tko-pilier__rev\"><div><p>Inspiring places that instantly give your kick-off another dimension. From 14 to 400 people, from the coast to the Ardennes.<\/p><span class=\"tko-pilier__go\">See the venues <span aria-hidden=\"true\">\u2192<\/span><\/span><\/div><\/div>\r\n <\/div>\r\n <\/a>\r\n <a class=\"tko-pilier\" href=\"#tko-teroir\" data-cta=\"kickoff-pourquoi-la-table\">\r\n <div class=\"tko-pilier__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/kickoff-lux-table.webp\" alt=\"Table set by Teroir Catering\" loading=\"lazy\"><\/div>\r\n <div class=\"tko-pilier__sur\">\r\n <h3>The food<\/h3>\r\n <div class=\"tko-pilier__rev\"><div><p>Farm-to-fork food from our Teroir know-how, prepared in our kitchens and served wherever you are.<\/p><span class=\"tko-pilier__go\">See the packages <span aria-hidden=\"true\">\u2192<\/span><\/span><\/div><\/div>\r\n <\/div>\r\n <\/a>\r\n <a class=\"tko-pilier\" href=\"#tko-activites\" data-cta=\"kickoff-pourquoi-lactivit\u00e9\">\r\n <div class=\"tko-pilier__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/kickoff-lux-activite.webp\" alt=\"Cardboard car race during a Tero team building\" loading=\"lazy\"><\/div>\r\n <div class=\"tko-pilier__sur\">\r\n <h3>The activity<\/h3>\r\n <div class=\"tko-pilier__rev\"><div><p>Because the best moments aren't only built around a table. Indoor and outdoor, run by our hosts.<\/p><span class=\"tko-pilier__go\">See the activities <span aria-hidden=\"true\">\u2192<\/span><\/span><\/div><\/div>\r\n <\/div>\r\n <\/a>\r\n <div class=\"tko-pilier tko-pilier--fixe\">\r\n <div class=\"tko-pilier__sur\">\r\n <h3>The organisation<\/h3>\r\n <div class=\"tko-pilier__rev\"><div><p>One single contact to design and orchestrate your kick-off, from the first email to the last plate.<\/p><span class=\"tko-pilier__go tko-pilier__go--muet\">Included in every package<\/span><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"tko-faq tko-wrap\" aria-labelledby=\"tko-faq-title\">\r\n <div>\r\n <h2 class=\"tko-reveal\" id=\"tko-faq-title\">Before you <strong>get started.<\/strong><\/h2>\r\n <\/div>\r\n <div class=\"tko-faq__list tko-reveal\">\r\n <details>\r\n <summary>When should I book a January kick-off?<\/summary>\r\n <p>As early as possible: most companies hold their kick-off in the same weeks of January and February. Booking in November or December leaves you the choice of venue and date.<\/p>\r\n <\/details>\r\n <details>\r\n <summary>Can everything be organised with one single contact?<\/summary>\r\n <p>Yes. The venue, the team building activity and Teroir catering are all managed by Tero. You have one contact person from the brief to the big day.<\/p>\r\n <\/details>\r\n <details>\r\n <summary>What budget should I plan for catering?<\/summary>\r\n <p>Count from \u20ac50 per person for a buffet and \u20ac80 for a walking dinner or seated dinner, from 50 people, excluding room hire and drinks.<\/p>\r\n <\/details>\r\n <details>\r\n <summary>Is it possible to stay overnight?<\/summary>\r\n <p>Yes. Our lodges in Francorchamps and Herbeumont, in the Ardennes, are designed for a retreat with an overnight stay. Choose the \u201cWith overnight stay\u201d format in the brief and we'll suggest the right venue for your group.<\/p>\r\n <\/details>\r\n <details>\r\n <summary>What about the technical setup for the plenary?<\/summary>\r\n <p>List your needs in the brief (screen, sound, microphones, recording). We include them in the proposal based on the chosen venue.<\/p>\r\n <\/details>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"tko-devis tko-wrap\" id=\"tko-devis\" aria-labelledby=\"tko-devis-title\">\r\n <div class=\"tko-devis__panel\">\r\n <div class=\"tko-hero__quote tko-quote--bas\">\r\n <div class=\"tko-brief__intro\">\r\n <h2 id=\"tko-devis-title\">Tell us <strong>the essentials.<\/strong><\/h2>\r\n <p>Four quick questions, and we'll come back to you with a proposal made for your team.<\/p>\r\n <ul class=\"tko-brief__reassure\">\r\n <li>One single contact for the whole project<\/li>\r\n <li>A proposal built for your group<\/li>\r\n <li>No commitment<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"tko-devis__dock\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"tko-blog tko-wrap\" aria-labelledby=\"tko-blog-title\">\r\n <div class=\"tko-blog__head\">\r\n <h2 class=\"tko-reveal\" id=\"tko-blog-title\">Read more <strong>on the blog.<\/strong><\/h2>\r\n <a class=\"tko-btn tko-btn--line\" href=\"https:\/\/tero.be\/en\/news\/\" data-cta=\"kickoff-blog-tous\" target=\"_blank\" rel=\"noopener\">All articles <span class=\"tko-btn__arrow\" aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <\/div>\r\n <div class=\"tko-blog__grid tko-reveal\" id=\"tko-blog-list\">\r\n <a class=\"tko-article\" href=\"https:\/\/tero.be\/en\/news\/turn-your-new-year-launch-into-a-driver-of-team-performance\/\" data-cta=\"kickoff-blog\" target=\"_blank\" rel=\"noopener\"><h3>Kick-off 2027: turn your new-year launch into a driver of culture and performance<\/h3><span>Read the article <span aria-hidden=\"true\">\u2192<\/span><\/span><\/a>\r\n <a class=\"tko-article\" href=\"https:\/\/tero.be\/en\/news\/team-building-is-reinventing-itself-creativity-artificial-intelligence-and-new-group-experiences\/\" data-cta=\"kickoff-blog\" target=\"_blank\" rel=\"noopener\"><h3>Team building in the age of AI: Tero puts people first<\/h3><span>Read the article <span aria-hidden=\"true\">\u2192<\/span><\/span><\/a>\r\n <a class=\"tko-article\" href=\"https:\/\/tero.be\/en\/news\/team-offsite-thinking-outside-the-box-to-move-forward-together\/\" data-cta=\"kickoff-blog\" target=\"_blank\" rel=\"noopener\"><h3>Team offsite: step outside the usual to move forward together<\/h3><span>Read the article <span aria-hidden=\"true\">\u2192<\/span><\/span><\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n<script>\r\n(() => {\r\n \/* ===== R\u00e9glages ===== *\/\r\n \/* Provenance de la visite (UTM, gclid), gard\u00e9e le temps de la session *\/\r\n const utm = (() => {\r\n const keys = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content', 'gclid'];\r\n const q = new URLSearchParams(location.search); let st = {};\r\n try { st = JSON.parse(sessionStorage.getItem('tko_utm') || '{}'); } catch (x) { st = {}; }\r\n keys.forEach((k) => { if (q.get(k)) st[k] = q.get(k); });\r\n try { sessionStorage.setItem('tko_utm', JSON.stringify(st)); } catch (x) { \/* navigation priv\u00e9e *\/ }\r\n const o = {}; keys.forEach((k) => { o[k === 'gclid' ? 'gclid_field' : k] = st[k] || ''; });\r\n if (!o.utm_campaign) o.utm_campaign = 'kickoff-2027';\r\n return o;\r\n })();\r\n const FORM_ENDPOINT = ''; \/\/ \u2190 URL du webhook (Efficy \/ Odoo). Vide = avertissement, rien n'est envoy\u00e9.\r\n\r\n const root = document.getElementById('tero-kickoff');\r\n if (!root) return;\r\n const $ = (s, c = root) => c.querySelector(s);\r\n const $$ = (s, c = root) => Array.from(c.querySelectorAll(s));\r\n const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n const dl = (o) => { window.dataLayer = window.dataLayer || []; window.dataLayer.push(o); };\r\n const clamp = (v, a = 0, b = 1) => Math.min(b, Math.max(a, v));\r\n\r\n\r\n \/* ===== Hero ===== *\/\r\n const hero = $('#tko-hero');\r\n const heroNum = $('.tko-hero__num', hero);\r\n requestAnimationFrame(() => hero.classList.add('is-in'));\r\n\r\n \/* Compte \u00e0 rebours jusqu'au 1er janvier 2027 (bascule automatiquement ensuite) *\/\r\n const cd = $('#tko-countdown');\r\n const days = Math.ceil((new Date(2027, 0, 1) - new Date()) \/ 86400000);\r\n const cdTxt = days > 0 ? `<b>${days} days<\/b><span class=\"tko-cd__s\"> to 2027<\/span>` : '<b>2027<\/b><span class=\"tko-cd__s\"> has started: dates still available<\/span>';\r\n [cd, ...$$('[data-countdown]')].forEach((el) => { if (el) el.innerHTML = cdTxt; });\r\n\r\n \/* ===== Apparitions + compteurs ===== *\/\r\n const countUp = (el) => {\r\n const target = +el.dataset.count;\r\n if (reduce || target < 2) return;\r\n const t0 = performance.now(), dur = 1400;\r\n const tick = (t) => {\r\n const p = clamp((t - t0) \/ dur);\r\n el.textContent = Math.round(target * (1 - Math.pow(1 - p, 3)));\r\n if (p < 1) requestAnimationFrame(tick);\r\n };\r\n requestAnimationFrame(tick);\r\n };\r\n const toReveal = $$('.tko-reveal, #tko-teroir');\r\n if ('IntersectionObserver' in window && !reduce) {\r\n const io = new IntersectionObserver((entries) => entries.forEach((en) => {\r\n if (!en.isIntersecting) return;\r\n en.target.classList.add('is-visible');\r\n $$('[data-count]', en.target).forEach(countUp);\r\n io.unobserve(en.target);\r\n }), { threshold: .15, rootMargin: '0px 0px -6% 0px' });\r\n toReveal.forEach((el) => io.observe(el));\r\n } else {\r\n toReveal.forEach((el) => el.classList.add('is-visible'));\r\n }\r\n\r\n \/* ===== Accroche : mots qui se remplissent au scroll ===== *\/\r\n const fill = $('[data-fill]');\r\n const accents = (fill.dataset.accent || '').split(',');\r\n fill.innerHTML = fill.textContent.trim().split(\/\\s+\/).map((w) => {\r\n const clean = w.replace(\/[.,]\/g, '').toLowerCase();\r\n return `<span class=\"w${accents.includes(clean) ? ' accent' : ''}\">${w}<\/span>`;\r\n }).join(' ');\r\n const words = $$('.w', fill);\r\n\r\n \/* ===== Phrase du hero : les mots apparaissent petit \u00e0 petit au scroll ===== *\/\r\n const storyP = $('#tko-story p');\r\n if (storyP) storyP.innerHTML = storyP.textContent.trim().split(\/[ \\t\\n]+\/).map((w) => `<span class=\"w\">${w}<\/span>`).join(' ');\r\n const storyWords = storyP ? $$('.w', storyP) : [];\r\n\r\n \/* ===== Hero en s\u00e9quence ===== *\/\r\n const seq = $('#tko-seq');\r\n const stick = $('#tko-seq-stick');\r\n const intro = $('#tko-intro');\r\n const quad = $('#tko-quad');\r\n const story = $('#tko-story');\r\n const outro = $('#tko-outro');\r\n const band = $('#tko-band');\r\n const layers = $$('.tko-layer', hero);\r\n const quadItems = $$('.tko-quad__item', quad);\r\n const ease = (t) => (t < .5 ? 2 * t * t : 1 - Math.pow(-2 * t + 2, 2) \/ 2);\r\n const seg = (p, a, b) => clamp((p - a) \/ (b - a));\r\n \/* Hauteurs fig\u00e9es en pixels : \u00e9vite les tremblements dus \u00e0 la barre d'adresse Safari sur mobile *\/\r\n \/* Sur \u00e9cran tactile, on ignore les petites variations de hauteur (barre d'adresse qui appara\u00eet\r\n et dispara\u00eet) ; sur ordinateur, on suit toujours la vraie hauteur de la fen\u00eatre. *\/\r\n const touch = window.matchMedia('(pointer: coarse)').matches;\r\n\r\n \/* Menu fixe du site : sur tero.be, Elementor ne fixe le menu (85 px) qu'une fois qu'on commence \u00e0 d\u00e9filer.\r\n \u00c0 chaque mise \u00e0 jour, on regarde donc ce qui se trouve tout en haut de l'\u00e9cran, et si c'est un \u00e9l\u00e9ment\r\n fix\u00e9 (fixed ou sticky) qui n'appartient pas \u00e0 la page kick-off, le hero se cale juste en dessous. *\/\r\n const fixedAncestor = (el) => {\r\n for (let n = el; n && n !== document.body && n !== document.documentElement; n = n.parentElement) {\r\n if (root.contains(n)) return null;\r\n const pos = getComputedStyle(n).position;\r\n if (pos === 'fixed' || pos === 'sticky') return n;\r\n }\r\n return null;\r\n };\r\n const headerOffset = () => {\r\n const maxH = window.innerHeight * .35;\r\n const found = new Set(document.querySelectorAll('.elementor-sticky--active, #wpadminbar'));\r\n const vw = document.documentElement.clientWidth;\r\n [vw * .5, vw * .15, vw * .85].forEach((x) => {\r\n (document.elementsFromPoint(x, 2) || []).forEach((el) => { const f = fixedAncestor(el); if (f) found.add(f); });\r\n });\r\n let bottom = 0;\r\n found.forEach((el) => {\r\n if (root.contains(el)) return;\r\n const r = el.getBoundingClientRect();\r\n if (r.height > 0 && r.top <= 2 && r.bottom > 0 && r.bottom < maxH && getComputedStyle(el).visibility !== 'hidden') bottom = Math.max(bottom, r.bottom);\r\n });\r\n return Math.round(bottom);\r\n };\r\n\r\n let seqW = 0, winH = 0, hdr = 0, stickH = 0;\r\n const sizeSeq = (force) => {\r\n if (reduce) return;\r\n const w = window.innerWidth, h = window.innerHeight, o = headerOffset();\r\n if (!force && w === seqW && h === winH && Math.abs(o - hdr) < 3) return;\r\n if (!force && touch && w === seqW && Math.abs(h - winH) < 120 && Math.abs(o - hdr) < 3) return;\r\n seqW = w; winH = h; hdr = o;\r\n stickH = h - hdr;\r\n stick.style.top = `${hdr}px`;\r\n stick.style.height = `${stickH}px`;\r\n seq.style.height = `${Math.round(h * 7.6)}px`;\r\n };\r\n const LAYER_START = [.36, .49, .62, .745];\r\n const LAYER_LEN = .125;\r\n const drawSeq = () => {\r\n if (reduce) return;\r\n const r = seq.getBoundingClientRect();\r\n if (r.bottom < 0 || r.top > winH) return;\r\n const p = clamp((hdr - r.top) \/ (seq.offsetHeight - stickH));\r\n const vw = document.documentElement.clientWidth;\r\n const mobile = vw < 760;\r\n\r\n \/* ouverture puis fermeture du cadre *\/\r\n const open = ease(seg(p, 0, .1));\r\n const close = mobile ? 0 : ease(seg(p, .86, .96)); \/* sur mobile, le devis reste en plein \u00e9cran *\/\r\n const f = open * (1 - close);\r\n const g = Math.min(40, Math.max(16, vw * .031));\r\n const restW = Math.min(1440, vw - 2 * g);\r\n const restTop = mobile ? 12 : 16;\r\n \/* Position \u00ab au repos \u00bb du cadre = celle qu'il a au chargement de la page, sous le menu.\r\n Elle est identique au d\u00e9but et \u00e0 la fin de la s\u00e9quence : le cadre retrouve exactement\r\n sa place et sa taille d'avant l'agrandissement. *\/\r\n const bandGap = mobile ? 10 : 14; \/* espace entre le cadre et les logos *\/\r\n const bandBox = mobile ? 60 : 72; \/* hauteur de la bande des logos *\/\r\n const bottomGap = mobile ? 14 : 28; \/* air sous les logos, en bas de l'\u00e9cran *\/\r\n const bandH = bandGap + bandBox + bottomGap;\r\n const loadTop = Math.min((r.top + window.scrollY) + restTop, winH * .3); \/* haut du cadre quand la page est en haut *\/\r\n const stickTop = stick.getBoundingClientRect().top;\r\n const restOffset = Math.max(restTop, loadTop - stickTop);\r\n const restH = Math.max(260, winH - loadTop - bandH);\r\n const radius = Math.min(40, Math.max(24, vw * .03));\r\n \/* Anti-tremblement : le hero garde toujours la taille de l'\u00e9cran (aucun recalcul de mise en page\r\n pendant le scroll). Le cadre qui s'ouvre et se referme est un simple masque (clip-path),\r\n et les contenus du cadre de d\u00e9part restent pos\u00e9s sur ce rectangle fixe. *\/\r\n const rx = Math.round((vw - restW) \/ 2), ry = Math.round(restOffset), rh = Math.round(restH);\r\n const restKey = `${rx}|${ry}|${restW}|${rh}|${radius}`;\r\n if (restKey !== hero._rk) {\r\n hero._rk = restKey;\r\n hero.style.setProperty('--rx', `${rx}px`);\r\n hero.style.setProperty('--ry', `${ry}px`);\r\n hero.style.setProperty('--rw', `${restW}px`);\r\n hero.style.setProperty('--rh', `${rh}px`);\r\n hero.style.setProperty('--rr', `${radius}px`);\r\n }\r\n const k = 1 - f;\r\n hero.style.clipPath = `inset(${(ry * k).toFixed(2)}px ${(rx * k).toFixed(2)}px ${(Math.max(0, stickH - ry - rh) * k).toFixed(2)}px ${(rx * k).toFixed(2)}px round ${(radius * k).toFixed(2)}px)`;\r\n hero.style.setProperty('--f', f.toFixed(4));\r\n stick.style.setProperty('--bt', `${restOffset + restH + bandGap}px`);\r\n band.style.setProperty('--bo', (1 - clamp(f * 3)).toFixed(3));\r\n\r\n \/* actes *\/\r\n const io = 1 - seg(p, .08, .12);\r\n const so = seg(p, .19, .215) * (1 - seg(p, .315, .35)); \/* entre .12 et .18 : le 2027 rempli reste seul \u00e0 l'\u00e9cran *\/\r\n const qo = seg(p, .36, .41) * (1 - seg(p, .86, .9));\r\n const oo = seg(p, .9, .96);\r\n hero.style.setProperty('--io', io.toFixed(3));\r\n hero.style.setProperty('--so', so.toFixed(3));\r\n \/* \u00ab 27 \u00bb : se remplit pendant que le cadre s'ouvre, puis s'efface quand les photos arrivent *\/\r\n hero.style.setProperty('--fill27', `${(seg(p, 0, .12) * 100).toFixed(1)}%`); \/* enti\u00e8rement rempli, puis affich\u00e9 seul *\/\r\n const ph = seg(p, LAYER_START[0], LAYER_START[0] + .05);\r\n hero.style.setProperty('--ov', '0'); \/* voile sombre seulement quand les photos sont l\u00e0 *\/\r\n hero.style.setProperty('--n27', ((1 - ph) * (1 - ease(seg(p, .17, .24)) * .85)).toFixed(3)); \/* fondu doux avant l'arriv\u00e9e de la phrase *\/\r\n hero.style.setProperty('--qo', qo.toFixed(3));\r\n hero.style.setProperty('--oo', oo.toFixed(3));\r\n intro.classList.toggle('is-live', io > .5);\r\n quad.classList.toggle('is-live', qo > .5);\r\n story.classList.toggle('is-live', so > .5);\r\n const sn = Math.round(seg(p, .2, .3) * storyWords.length);\r\n storyWords.forEach((w, i) => w.classList.toggle('on', i < sn));\r\n outro.classList.toggle('is-live', oo > .5);\r\n\r\n \/* couches photo et colonne active *\/\r\n let active = 0;\r\n layers.forEach((l, k) => {\r\n const lo = seg(p, LAYER_START[k], LAYER_START[k] + .05);\r\n l.style.opacity = (lo * (1 - oo)).toFixed(3); \/* au devis, les photos s'effacent : retour au fond pastel *\/\r\n l.style.setProperty('--lo', seg(p, LAYER_START[k], LAYER_START[k] + LAYER_LEN).toFixed(3));\r\n if (p >= LAYER_START[k]) active = k;\r\n });\r\n quadItems.forEach((it, k) => {\r\n it.classList.toggle('is-active', k === active);\r\n it.style.setProperty('--ip', seg(p, LAYER_START[k], LAYER_START[k] + LAYER_LEN).toFixed(3));\r\n });\r\n };\r\n\r\n \/* Les boutons \u00ab Bloquer une date \u00bb m\u00e8nent au dernier \u00e9cran de la s\u00e9quence (le devis) *\/\r\n $$('a[href=\"#tko-brief\"]').forEach((a) => a.addEventListener('click', (e) => {\r\n if (reduce) return;\r\n e.preventDefault();\r\n sizeSeq();\r\n const bas = $('#tko-devis');\r\n if (bas && seq.getBoundingClientRect().bottom < 0) { \/* d\u00e9j\u00e0 plus bas que le hero : formulaire du bas *\/\r\n window.scrollTo({ top: bas.getBoundingClientRect().top + window.scrollY - 90, behavior: 'smooth' });\r\n return;\r\n }\r\n const top = seq.getBoundingClientRect().top + window.scrollY + seq.offsetHeight - window.innerHeight;\r\n window.scrollTo({ top, behavior: 'auto' });\r\n }));\r\n\r\n \/* ===== Boucle scroll unique ===== *\/\r\n const quick = $('#tko-quicknav');\r\n const quickMark = $('#tko-quicknav-mark');\r\n const hookEl = $('.tko-hook');\r\n const side = $('[data-parallax]');\r\n let ticking = false;\r\n const onScroll = () => {\r\n const vh = window.innerHeight;\r\n sizeSeq();\r\n\r\n if (!reduce) {\r\n const r = fill.getBoundingClientRect();\r\n const p = clamp((vh * .85 - r.top) \/ (r.height + vh * .35));\r\n const n = Math.round(p * words.length);\r\n words.forEach((w, i) => w.classList.toggle('on', i < n));\r\n }\r\n\r\n\r\n drawSeq();\r\n\r\n if (!reduce && side) {\r\n const r = side.getBoundingClientRect();\r\n side.style.setProperty('--py', `${Math.max(-30, Math.min(30, ((r.top + r.height \/ 2) \/ vh - .5) * -60))}px`);\r\n }\r\n\r\n\r\n \/* Apr\u00e8s l'accroche : le menu du site se cache et la barre d'acc\u00e8s rapide prend sa place *\/\r\n const navOn = quickMark.getBoundingClientRect().top < 86; \/* la barre arrive au niveau du menu : elle prend sa place *\/\r\n if (navOn !== quick.classList.contains('is-on')) {\r\n quick.classList.toggle('is-on', navOn);\r\n document.body.classList.toggle('tko-menu-hidden', navOn);\r\n }\r\n\r\n ticking = false;\r\n };\r\n const requestTick = () => { if (!ticking) { ticking = true; requestAnimationFrame(onScroll); } };\r\n window.addEventListener('scroll', requestTick, { passive: true });\r\n window.addEventListener('resize', () => { sizeSeq(); requestTick(); });\r\n window.addEventListener('load', () => { sizeSeq(true); requestTick(); });\r\n window.addEventListener('load', requestTick);\r\n sizeSeq(true); onScroll();\r\n\r\n \/* ===== Effets souris : spotlight cartes + boutons magn\u00e9tiques ===== *\/\r\n if (!reduce && window.matchMedia('(hover: hover)').matches) {\r\n $$('[data-spot]').forEach((card) => card.addEventListener('pointermove', (e) => {\r\n const r = card.getBoundingClientRect();\r\n card.style.setProperty('--mx', `${e.clientX - r.left}px`);\r\n card.style.setProperty('--my', `${e.clientY - r.top}px`);\r\n }));\r\n $$('.tko-btn').forEach((btn) => {\r\n btn.addEventListener('pointermove', (e) => {\r\n const r = btn.getBoundingClientRect();\r\n btn.style.setProperty('--tx', `${(e.clientX - r.left - r.width \/ 2) * .18}px`);\r\n btn.style.setProperty('--ty', `${(e.clientY - r.top - r.height \/ 2) * .3}px`);\r\n });\r\n btn.addEventListener('pointerleave', () => { btn.style.setProperty('--tx', '0px'); btn.style.setProperty('--ty', '0px'); });\r\n });\r\n }\r\n\r\n \/* ===== Carrousels lieux et activit\u00e9s (fa\u00e7on WePresent) =====\r\n Ordinateur : d\u00e9filement horizontal, la carte au centre est mise en avant.\r\n Mobile : les cartes s'empilent les unes sur les autres au scroll. *\/\r\n const mqStack = window.matchMedia('(max-width: 760px)');\r\n const crs = $$('[data-cr]').map((box) => {\r\n const track = $('.tko-cr__track', box);\r\n const cards = $$('.tko-card', track);\r\n const prev = $('.tko-cr__btn--prev', box), next = $('.tko-cr__btn--next', box);\r\n const update = () => {\r\n if (mqStack.matches) { prev.disabled = false; next.disabled = false; return; }\r\n const mid = track.getBoundingClientRect().left + track.clientWidth \/ 2;\r\n let best = null, bd = 1e9;\r\n cards.forEach((c) => { const r = c.getBoundingClientRect(); const d = Math.abs(r.left + r.width \/ 2 - mid); if (d < bd) { bd = d; best = c; } });\r\n cards.forEach((c) => c.classList.toggle('is-active', c === best));\r\n \/* Arc tr\u00e8s l\u00e9ger : la carte du centre est mise en avant, les autres sont un peu plus basses, plus petites et estomp\u00e9es *\/\r\n if (!reduce) cards.forEach((c) => {\r\n const r = c.getBoundingClientRect();\r\n const d = Math.min(2, Math.abs((r.left + r.width \/ 2 - mid) \/ (r.width + 24)));\r\n const sd = Math.sign(r.left + r.width \/ 2 - mid);\r\n c.style.setProperty('--ay', `${(d * d * 9).toFixed(1)}px`);\r\n c.style.setProperty('--ar', `${(sd * d * 1.2).toFixed(2)}deg`);\r\n c.style.setProperty('--as', `${(1 - d * .06).toFixed(3)}`);\r\n c.style.setProperty('--ao', `${(1 - Math.min(1, d) * .28).toFixed(3)}`);\r\n });\r\n const max = track.scrollWidth - track.clientWidth;\r\n prev.disabled = track.scrollLeft <= 4; next.disabled = track.scrollLeft >= max - 4;\r\n };\r\n let t = false, idle = null, settling = false, down = false;\r\n \/* Recentrage doux sur la carte la plus proche, une fois le d\u00e9filement termin\u00e9\r\n (remplace l'aimantation CSS qui ramenait les cartes en arri\u00e8re au trackpad) *\/\r\n const settle = () => {\r\n if (mqStack.matches || down) return;\r\n const mid = track.scrollLeft + track.clientWidth \/ 2;\r\n let best = cards[0], bd = 1e9;\r\n cards.forEach((c) => { const d = Math.abs(c.offsetLeft + c.offsetWidth \/ 2 - mid); if (d < bd) { bd = d; best = c; } });\r\n if (bd < 3) return;\r\n settling = true;\r\n track.scrollTo({ left: best.offsetLeft + best.offsetWidth \/ 2 - track.clientWidth \/ 2, behavior: reduce ? 'auto' : 'smooth' });\r\n setTimeout(() => { settling = false; }, 500);\r\n };\r\n track.addEventListener('scroll', () => {\r\n if (!t) { t = true; requestAnimationFrame(() => { t = false; update(); }); }\r\n if (!settling) { clearTimeout(idle); idle = setTimeout(settle, 180); }\r\n }, { passive: true });\r\n const step = (dir) => {\r\n const act = $('.tko-card.is-active', track) || cards[0];\r\n const k = Math.min(cards.length - 1, Math.max(0, cards.indexOf(act) + dir));\r\n const c = cards[k];\r\n track.scrollTo({ left: c.offsetLeft + c.offsetWidth \/ 2 - track.clientWidth \/ 2, behavior: reduce ? 'auto' : 'smooth' });\r\n };\r\n prev.addEventListener('click', () => (mqStack.matches ? go(-1) : step(-1)));\r\n next.addEventListener('click', () => (mqStack.matches ? go(1) : step(1)));\r\n \/* Glisser \u00e0 la souris *\/\r\n let sx = 0, sl = 0, moved = false;\r\n track.addEventListener('pointerdown', (e) => { if (e.pointerType !== 'mouse' || mqStack.matches) return; down = true; moved = false; sx = e.clientX; sl = track.scrollLeft; });\r\n window.addEventListener('pointermove', (e) => { if (!down) return; const dx = e.clientX - sx; if (Math.abs(dx) > 5) { moved = true; track.classList.add('is-dragging'); } track.scrollLeft = sl - dx; });\r\n window.addEventListener('pointerup', () => { if (!down) return; down = false; setTimeout(() => track.classList.remove('is-dragging'), 0); settle(); });\r\n track.addEventListener('click', (e) => { if (moved) { e.preventDefault(); moved = false; } }, true);\r\n \/* Mobile : paquet de cartes \u00e0 swiper *\/\r\n const n = cards.length;\r\n let cur = 0, busy = false;\r\n const count = document.createElement('span'); count.className = 'tko-cr__count'; count.setAttribute('aria-live', 'polite');\r\n next.before(count);\r\n cards.forEach((c, k) => { c.style.setProperty('--i', k); });\r\n const render = (dx = 0) => {\r\n if (!mqStack.matches) { cards.forEach((c) => { c.style.transform = ''; c.style.opacity = ''; c.style.zIndex = ''; c.style.pointerEvents = ''; c.classList.remove('is-front'); }); return; }\r\n cards.forEach((c, i) => {\r\n const k = (i - cur + n) % n;\r\n c.classList.toggle('is-front', k === 0);\r\n c.style.zIndex = String(n - k);\r\n c.style.pointerEvents = k === 0 ? 'auto' : 'none';\r\n c.tabIndex = k === 0 ? 0 : -1;\r\n if (k === 0) { c.style.transform = `translateX(${dx}px) rotate(${dx \/ 22}deg)`; c.style.opacity = '1'; }\r\n else if (k <= 2) {\r\n const pull = Math.min(1, Math.abs(dx) \/ 140); \/* la carte suivante avance pendant le swipe *\/\r\n const kk = k - (k === 1 ? pull : pull * .5);\r\n c.style.transform = `translateY(${kk * 18}px) scale(${1 - kk * .05})`; c.style.opacity = '1';\r\n } else { c.style.transform = 'translateY(36px) scale(.9)'; c.style.opacity = '0'; }\r\n });\r\n count.textContent = `${cur + 1} \/ ${n}`;\r\n };\r\n const go = (dir) => {\r\n if (busy) return; busy = true;\r\n const front = cards[cur];\r\n box.classList.remove('is-swiping');\r\n front.style.transform = `translateX(${dir > 0 ? -120 : 120}%) rotate(${dir > 0 ? -14 : 14}deg)`;\r\n front.style.opacity = '0';\r\n setTimeout(() => { cur = (cur + dir + n) % n; render(0); busy = false; }, reduce ? 0 : 260);\r\n };\r\n let tx = 0, ty = 0, dx = 0, drag = false, lock = null, swiped = false;\r\n track.addEventListener('pointerdown', (e) => {\r\n if (!mqStack.matches || busy || !e.target.closest('.tko-card.is-front')) return;\r\n drag = true; lock = null; swiped = false; tx = e.clientX; ty = e.clientY; dx = 0;\r\n });\r\n window.addEventListener('pointermove', (e) => {\r\n if (!drag) return;\r\n const mx = e.clientX - tx, my = e.clientY - ty;\r\n if (lock === null && (Math.abs(mx) > 6 || Math.abs(my) > 6)) lock = Math.abs(mx) > Math.abs(my) ? 'x' : 'y';\r\n if (lock !== 'x') return;\r\n dx = mx; swiped = true; box.classList.add('is-swiping'); render(dx);\r\n }, { passive: true });\r\n const end = () => {\r\n if (!drag) return; drag = false;\r\n if (lock === 'x' && Math.abs(dx) > 70) go(dx < 0 ? 1 : -1);\r\n else { box.classList.remove('is-swiping'); render(0); }\r\n };\r\n window.addEventListener('pointerup', end);\r\n window.addEventListener('pointercancel', end);\r\n track.addEventListener('click', (e) => { if (swiped) { e.preventDefault(); swiped = false; } }, true);\r\n track.addEventListener('dragstart', (e) => e.preventDefault()); \/* \u00e9vite le glisser natif des liens et images *\/\r\n const stack = () => render(0);\r\n \/* Au d\u00e9part, la 2e carte est au centre : les 3 premi\u00e8res sont visibles *\/\r\n const start = () => {\r\n if (mqStack.matches || cards.length < 2) return;\r\n const c = cards[1];\r\n track.scrollLeft = c.offsetLeft + c.offsetWidth \/ 2 - track.clientWidth \/ 2;\r\n };\r\n \/* Am\u00e8ne une carte pr\u00e9cise au centre (depuis les intentions) *\/\r\n const focus = (card) => {\r\n const k = cards.indexOf(card);\r\n if (k < 0) return;\r\n if (mqStack.matches) { cur = k; render(0); return; }\r\n track.scrollTo({ left: card.offsetLeft + card.offsetWidth \/ 2 - track.clientWidth \/ 2, behavior: reduce ? 'auto' : 'smooth' });\r\n };\r\n return { update, stack, start, focus, track };\r\n });\r\n crs.forEach((c) => c.start());\r\n const crAll = () => crs.forEach((c) => { c.update(); c.stack(); });\r\n window.addEventListener('resize', crAll);\r\n window.addEventListener('load', () => { crs.forEach((c) => c.start()); crAll(); });\r\n crAll();\r\n\r\n \/* ===== Intentions : la carte se retourne et montre les coups de c\u0153ur ===== *\/\r\n const ints = $$('.tko-int:not(.tko-int--side)');\r\n const setInt = (card, open) => {\r\n ints.forEach((c) => { if (c !== card) { c.classList.remove('is-open'); c.setAttribute('aria-expanded', 'false'); } });\r\n card.classList.toggle('is-open', open);\r\n card.setAttribute('aria-expanded', String(open));\r\n };\r\n ints.forEach((card) => {\r\n card.addEventListener('click', (e) => {\r\n const go = e.target.closest('[data-goto]');\r\n if (go) { \/* photo du verso : on descend vers le lieu ou l'activit\u00e9 *\/\r\n e.preventDefault(); e.stopPropagation();\r\n const target = document.querySelector(go.getAttribute('href'));\r\n if (!target) return;\r\n const cr = crs.find((c) => c.track.contains(target));\r\n const box = cr ? target.closest('section') : target;\r\n window.scrollTo({ top: box.getBoundingClientRect().top + window.scrollY - (cr ? 90 : window.innerHeight * .2), behavior: reduce ? 'auto' : 'smooth' });\r\n if (cr) setTimeout(() => cr.focus(target), reduce ? 0 : 450);\r\n else { target.classList.add('is-flash'); setTimeout(() => target.classList.remove('is-flash'), 1800); }\r\n return;\r\n }\r\n if (e.target.closest('.tko-sol, .tko-int__cta')) return; \/* les liens restent des liens *\/\r\n if (e.target.closest('.tko-int__back')) { e.stopPropagation(); setInt(card, false); return; }\r\n if (!card.classList.contains('is-open')) setInt(card, true);\r\n });\r\n card.addEventListener('keydown', (e) => {\r\n if (e.target !== card) return;\r\n if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); setInt(card, !card.classList.contains('is-open')); }\r\n if (e.key === 'Escape') setInt(card, false);\r\n });\r\n });\r\n\r\n \/* ===== Blog : met \u00e0 jour les 3 derniers articles depuis tero.be\/fr\/news\/ (sinon la liste \u00e9crite reste) ===== *\/\r\n const blogList = $('#tko-blog-list');\r\n if (blogList && \/(^|\\.)tero\\.be$\/.test(location.hostname) && window.fetch && window.DOMParser) {\r\n fetch('\/en\/news\/', { credentials: 'same-origin' }).then((r) => (r.ok ? r.text() : Promise.reject(r.status))).then((html) => {\r\n const doc = new DOMParser().parseFromString(html, 'text\/html');\r\n const seen = new Set(); const items = [];\r\n doc.querySelectorAll('.jet-listing-grid__item').forEach((it) => {\r\n const a = it.querySelector('a[href*=\"\/en\/news\/\"]');\r\n const h = it.querySelector('.elementor-heading-title');\r\n if (!a || !h || \/\\\/news\\\/(tags|feed)|\\?\/.test(a.href) || seen.has(a.href)) return;\r\n const t = h.textContent.trim(); if (t.length < 12) return;\r\n seen.add(a.href); items.push([a.href, t]);\r\n });\r\n if (items.length < 3) return;\r\n const esc = (x) => x.replace(\/[&<>\"]\/g, (c) => ({ '&': '&', '<': '<', '>': '>', '\"': '"' }[c]));\r\n blogList.innerHTML = items.slice(0, 3).map(([h, t]) => `<a class=\"tko-article\" href=\"${esc(h)}\" data-cta=\"kickoff-blog\" target=\"_blank\" rel=\"noopener\"><h3>${esc(t)}<\/h3><span>Read the article <span aria-hidden=\"true\">\u2192<\/span><\/span><\/a>`).join('');\r\n }).catch(() => {});\r\n }\r\n\r\n \/* ===== Formulaire en \u00e9tapes ===== *\/\r\n const wrap = $('#tko-form');\r\n \/* Un seul formulaire, deux emplacements : dans le hero, ou en bas de page quand on y arrive *\/\r\n const dockBas = $('.tko-devis__dock');\r\n const dockHero = wrap.parentElement;\r\n const heroSlot = document.createComment('tko-form');\r\n dockHero.insertBefore(heroSlot, wrap);\r\n const placeForm = () => {\r\n const ae = document.activeElement;\r\n if (!dockBas || (wrap.contains(ae) && \/^(INPUT|TEXTAREA|SELECT)$\/.test(ae.tagName))) return; \/* pas pendant la saisie *\/\r\n const seqR = seq.getBoundingClientRect();\r\n const basR = dockBas.getBoundingClientRect();\r\n const wantBas = seqR.bottom < 0 && basR.top < window.innerHeight * 1.6;\r\n const wantHero = seqR.bottom > -window.innerHeight * .5;\r\n if (wantBas && wrap.parentElement !== dockBas) dockBas.appendChild(wrap);\r\n else if (wantHero && wrap.parentElement === dockBas) dockHero.insertBefore(wrap, heroSlot.nextSibling);\r\n };\r\n window.addEventListener('scroll', () => requestAnimationFrame(placeForm), { passive: true });\r\n placeForm();\r\n const form = $('form', wrap);\r\n const steps = $$('fieldset', form);\r\n const dots = $$('.tko-form__progress span', wrap);\r\n const back = $('.tko-form__back', form);\r\n const nextLabel = $('.tko-next-label', form);\r\n const err = $('.tko-form__error', form);\r\n let cur = 0;\r\n\r\n const show = (i) => {\r\n cur = i;\r\n steps.forEach((s, k) => { s.hidden = k !== i; });\r\n dots.forEach((d, k) => d.classList.toggle('on', k <= i));\r\n back.hidden = i === 0;\r\n nextLabel.textContent = i === steps.length - 1 ? 'Send my brief' : 'Continue';\r\n err.textContent = '';\r\n };\r\n const LABELS = { besoin: 'what you are looking for', periode: 'a month', budget: 'a budget per person', participants: 'the number of people', format: 'a format', region: 'a region' };\r\n const valid = (fs) => {\r\n $$('.is-missing', fs).forEach((g) => g.classList.remove('is-missing'));\r\n const radios = [...new Set($$('input[type=radio]', fs).map((r) => r.name))];\r\n for (const name of radios) if (!$(`input[name=\"${name}\"]:checked`, fs)) {\r\n if (name === 'periode' && (($('#tko-date', fs) || {}).value || ($('#tko-date-fin', fs) || {}).value)) continue; \/* une date pr\u00e9cise suffit *\/\r\n const grp = $(`input[name=\"${name}\"]`, fs).closest('.tko-form__group') || $(`input[name=\"${name}\"]`, fs).closest('.tko-chips');\r\n if (grp) grp.classList.add('is-missing');\r\n return `Please choose ${LABELS[name] || 'an option'} to continue.`;\r\n }\r\n \/* Seuls les champs obligatoires bloquent : une date facultative mal saisie est simplement ignor\u00e9e *\/\r\n for (const f of $$('input:not([type=radio]), textarea', fs)) {\r\n if (!f.required) { if (!f.checkValidity()) f.value = ''; continue; }\r\n if (!f.checkValidity()) { f.focus();\r\n if (f.type === 'date') { f.closest('.tko-form__group')?.classList.add('is-missing'); return f.validity.rangeUnderflow ? 'The end date must be after the start date.' : 'Please enter a start date and an end date.'; }\r\n return f.type === 'checkbox' ? 'Please agree to the processing of your information.' : 'Please fill in the required fields.'; }\r\n }\r\n return '';\r\n };\r\n \/* Une date pr\u00e9cise coche automatiquement le bon mois *\/\r\n const dateIn = $('#tko-date', form);\r\n const dateEnd = $('#tko-date-fin', form);\r\n if (dateIn) { const t = new Date(); dateIn.min = new Date(t.getTime() - t.getTimezoneOffset() * 6e4).toISOString().slice(0, 10); if (dateEnd) dateEnd.min = dateIn.min; }\r\n if (dateIn && dateEnd) dateIn.addEventListener('change', () => {\r\n dateEnd.min = dateIn.value || '';\r\n if (dateIn.value && (!dateEnd.value || dateEnd.value < dateIn.value)) dateEnd.value = dateIn.value;\r\n });\r\n if (dateIn) dateIn.addEventListener('change', () => {\r\n const m = \/^2027-0([123])-\/.exec(dateIn.value || '');\r\n const v = m ? ['Janvier 2027', 'F\u00e9vrier 2027', 'Mars 2027'][m[1] - 1] : '';\r\n const r = v && $(`input[name=\"periode\"][value=\"${v}\"]`, form);\r\n if (r) { r.checked = true; r.closest('.tko-form__group').classList.remove('is-missing'); }\r\n });\r\n form.addEventListener('change', (e) => { const g = e.target.closest('.is-missing') || (e.target === dateIn && dateIn.value && dateIn.closest('.is-missing')); if (g) { g.classList.remove('is-missing'); err.textContent = ''; } });\r\n\r\n \/* Avance automatique quand l'\u00e9tape n'a qu'une question *\/\r\n steps.forEach((fs, i) => $$('input[type=radio]', fs).forEach((r) => r.addEventListener('change', () => {\r\n const groups = new Set($$('input[type=radio]', fs).map((x) => x.name)).size;\r\n const others = $$('input:not([type=radio]), textarea, select', fs).some((x) => x.required); \/* une date \u00e0 remplir : pas d'avance auto *\/\r\n if (groups === 1 && !others && i < steps.length - 1) setTimeout(() => { dl({ event: 'kickoff_brief_step', langue: 'en', page: 'luxembourg', step: i + 1 }); show(i + 1); }, 260);\r\n })));\r\n\r\n back.addEventListener('click', () => show(Math.max(0, cur - 1)));\r\n\r\n form.addEventListener('submit', async (e) => {\r\n e.preventDefault();\r\n const msg = valid(steps[cur]);\r\n if (msg) { err.textContent = msg; err.scrollIntoView({ block: 'nearest', behavior: 'smooth' }); return; }\r\n if (cur < steps.length - 1) { dl({ event: 'kickoff_brief_step', langue: 'en', page: 'luxembourg', step: cur + 1 }); show(cur + 1); return; }\r\n\r\n const data = Object.fromEntries(new FormData(form).entries());\r\n if (data.date) data.periode = new Date(data.date + 'T12:00:00').toLocaleDateString('en-GB', { month: 'long', year: 'numeric' });\r\n\r\n const done = () => {\r\n \/* Aucune donn\u00e9e personnelle dans le dataLayer : uniquement la qualification *\/\r\n dl({ event: 'kickoff_brief_submit', langue: 'en', page: 'luxembourg', besoin: data.besoin, periode: data.periode, budget: data.budget, participants: data.participants, format: data.format, region: data.region });\r\n wrap.classList.add('is-done');\r\n $('.tko-form__done', wrap).focus();\r\n };\r\n const fail = () => { submitBtn.disabled = false; err.textContent = 'Sending failed. Please try again or contact us via the quote page.'; };\r\n const submitBtn = $('button[type=submit]', form);\r\n\r\n \/* ---- 1. Pont vers le formulaire JetFormBuilder cach\u00e9 (widget avec l'ID CSS \u00ab tko-jfb \u00bb) ---- *\/\r\n const jf = document.querySelector('#tko-jfb form.jet-form-builder');\r\n if (jf) {\r\n const BESOIN = {\r\n \/* formulaire JetFormBuilder n\u00b0 55789 \u00ab Get a Quote Kick-off 2027 FR \u00bb (action Efficy getaquote) :\r\n interested_in = l'int\u00e9r\u00eat r\u00e9el (lieu, team building, traiteur ou sur mesure) *\/\r\n 'A venue': ['venue', 'venue-only'],\r\n 'Catering': ['food', 'catering-only'],\r\n 'A team building': ['teambuilding', 'teambuilding-only'],\r\n 'Everything (venue, activity and catering)': ['tailor-made-event', 'turnkey-solution'],\r\n };\r\n const [interest, type] = BESOIN[data.besoin] || ['tailor-made-event', 'turnkey-solution'];\r\n \/* Service Efficy qui re\u00e7oit la demande (profile_id), m\u00eames num\u00e9ros que le plugin LumiSys :\r\n lieu 32 (80 = Luxembourg, comme House17 et River House), traiteur 87, team building 52, sur mesure \/ tout 52 *\/\r\n const PROFIL = { 'A venue': data.region === 'Luxembourg' ? '80' : '32', 'Catering': '87', 'A team building': '52', 'Everything (venue, activity and catering)': '52' };\r\n const fmt = (d) => new Date(d + 'T12:00:00').toLocaleDateString('en-GB');\r\n const MOIS = { 'Janvier 2027': '2027-01-01', 'F\u00e9vrier 2027': '2027-02-01', 'Mars 2027': '2027-03-01' };\r\n \/* Les champs du formulaire Tero restent obligatoires : on envoie toujours une valeur.\r\n \u00ab Pas encore fix\u00e9 \u00bb sans date \u2192 1er janvier 2027 (le r\u00e9capitulatif pr\u00e9cise que rien n'est fix\u00e9).\r\n \u00ab \u00c0 d\u00e9finir ensemble \u00bb \u2192 budget 0 (idem). *\/\r\n if (!data.date && data.date_fin) data.date = data.date_fin;\r\n const day1 = data.date || MOIS[data.periode] || '2027-01-01';\r\n const dayEnd = (data.date_fin && data.date_fin >= day1) ? data.date_fin : day1;\r\n const low = (t) => { const m = \/\\d+\/.exec(t || ''); return m ? m[0] : '0'; };\r\n \/* T\u00e9l\u00e9phone : indicatif s\u00e9par\u00e9 comme dans le formulaire Tero (+32 par d\u00e9faut) *\/\r\n const tel = (data.telephone || '').replace(\/[^\\d+]\/g, '');\r\n const pm = \/^(?:\\+|00)(352|33|32)(\\d+)$\/.exec(tel);\r\n const prefix = pm ? pm[1] : '32';\r\n const phone = pm ? pm[2] : tel.replace(\/^0\/, '');\r\n const recap = [\r\n `Kick-off 2027`,\r\n `Need: ${data.besoin || ''}`,\r\n `Period: ${data.periode || ''}${data.date ? ` (from ${fmt(data.date)}${data.date_fin && data.date_fin !== data.date ? ` to ${fmt(data.date_fin)}` : ''})` : ''}`,\r\n `Budget per person: ${data.budget || ''}`,\r\n `Participants: ${data.participants || ''}`,\r\n `Format: ${data.format || ''}`,\r\n `Region: ${data.region || ''}`,\r\n `Phone: ${data.telephone || ''}`,\r\n data.message ? `Message: ${data.message}` : '',\r\n ].filter(Boolean).join('\\n');\r\n const values = {\r\n interested_in: interest, tailor_made_event_type: type, profile_id: PROFIL[data.besoin] || '52',\r\n event_month: data.periode || '', event_date: data.date || '', budget_pp: data.budget || '',\r\n people: data.participants || '', event_format: data.format || '', region: data.region || '',\r\n first_name: data.prenom || '', surname: data.nom || '', email: data.email || '', company: data.societe || '',\r\n prefix, telephone: phone,\r\n message: data.message || '', tailor_made_event_describe: recap,\r\n consent_privacy: data.consentement ? 'oui' : '', consent_email: data.consent_email ? 'oui' : '', Campaign: 'Kick-off 2027',\r\n \/* m\u00eames noms que le formulaire \u00ab Obtenir un devis \u00bb (n\u00b0 31426), pour un formulaire dupliqu\u00e9 *\/\r\n \/* m\u00eames infos pour chaque parcours : le plugin Efficy lit celles du parcours choisi *\/\r\n ...['tailor_made_event', 'venue', 'activity', 'food'].reduce((o, p) => Object.assign(o, {\r\n [`${p}_date_from`]: day1, [`${p}_date_to`]: dayEnd,\r\n [`${p}_people`]: low(data.participants), [`${p}_budget`]: low(data.budget), [`${p}_describe`]: recap,\r\n }), {}),\r\n ...utm,\r\n };\r\n for (const [k, v] of Object.entries(values)) {\r\n for (const el of jf.querySelectorAll(`[name=\"${k}\"], [name=\"${k}[]\"]`)) {\r\n if (el.type === 'checkbox' || el.type === 'radio') {\r\n el.checked = el.type === 'checkbox' ? !!v : el.value === v;\r\n } else if (el.tagName === 'SELECT') {\r\n if (v && ![...el.options].some((o) => o.value === v)) el.add(new Option(v, v));\r\n el.value = v;\r\n } else {\r\n el.value = v;\r\n }\r\n el.dispatchEvent(new Event('input', { bubbles: true }));\r\n el.dispatchEvent(new Event('change', { bubbles: true }));\r\n }\r\n }\r\n submitBtn.disabled = true;\r\n err.textContent = 'Sending\u2026';\r\n const box = jf.closest('#tko-jfb');\r\n let over = false;\r\n const finish = (ok) => { if (over) return; over = true; obs.disconnect(); clearTimeout(tm); err.textContent = ''; ok ? done() : fail(); };\r\n const check = () => {\r\n if (box.querySelector('.jet-form-builder-message--success, .jet-form-message--success, .jet-form-builder-messages-wrap .success')) finish(true);\r\n else if (box.querySelector('.jet-form-builder-message--error, .jet-form-message--error, .jet-form-builder-messages-wrap .error')) finish(false);\r\n };\r\n const obs = new MutationObserver(check);\r\n obs.observe(box, { childList: true, subtree: true, attributes: true, attributeFilter: ['class'] });\r\n const tm = setTimeout(() => finish(false), 25000);\r\n if (window.jQuery) window.jQuery(jf).one('jet-form-builder\/ajax\/on-success', () => finish(true));\r\n const jbtn = jf.querySelector('button[type=submit], .jet-form-builder__submit');\r\n if (jf.requestSubmit) jf.requestSubmit(jbtn && jbtn.type === 'submit' ? jbtn : undefined); else (jbtn ? jbtn.click() : jf.submit());\r\n return;\r\n }\r\n\r\n \/* ---- 2. Sinon, webhook direct si une URL est renseign\u00e9e ---- *\/\r\n if (!FORM_ENDPOINT) { err.textContent = 'Form not connected yet: add the JetFormBuilder form (CSS ID \u201ctko-jfb\u201d) to the page.'; return; }\r\n try {\r\n const res = await fetch(FORM_ENDPOINT, { method: 'POST', headers: { 'Content-Type': 'application\/json' }, body: JSON.stringify(data) });\r\n if (!res.ok) throw new Error(res.status);\r\n done();\r\n } catch (x) { fail(); }\r\n });\r\n})();\r\n<\/script>\r\n\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-43ba5a6 e-flex e-con-boxed e-con e-parent\" data-id=\"43ba5a6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"jet_parallax_layout_list":[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-15403d6 elementor-widget elementor-widget-jet-form-builder-form\" data-id=\"15403d6\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"tko-jfb\" data-widget_type=\"jet-form-builder-form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel='stylesheet' id='wp-block-library-css' href='https:\/\/tero.be\/wp-includes\/css\/dist\/block-library\/common.min.css?ver=7.1.4' media='all' \/>\n<style id=\"jet-form-builder-55847-inline-css\"><\/style><form class=\"jet-form-builder layout-column submit-type-ajax\" action=\"https:\/\/tero.be\/en\/wp-json\/wp\/v2\/pages\/55894\/?5f292E=41RneVSJn8&method=reload\" method=\"POST\" data-form-id=\"55847\" data-layout=\"column\" enctype=\"multipart\/form-data\" novalidate=\"null\" ssr_validation_method=\"rest\"><input type=\"hidden\" id=\"_wpnonce_55847\" name=\"_wpnonce\" value=\"730b4faaf8\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/55894\" \/>\r\n<input type=\"hidden\" name=\"_jfb_current_render_states[]\" value=\"DEFAULT.STATE\" data-jfb-sync \/><input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"_jet_engine_booking_form_id\" data-field-name=\"_jet_engine_booking_form_id\" value=\"55847\">\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"_jet_engine_refer\" data-field-name=\"_jet_engine_refer\" value=\"https:\/\/tero.be\/en\/wp-json\/wp\/v2\/pages\/55894\/\">\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"__queried_post_id\" data-field-name=\"__queried_post_id\" value=\"55894\">\n\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"post_id\" data-field-name=\"post_id\" data-jfb-sync=\"null\" value=\"55894\">\n\n\n\n\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"gclid_field\" data-field-name=\"gclid_field\" data-jfb-sync=\"null\">\n\n\n\n\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"profile_id\" data-field-name=\"profile_id\" data-jfb-sync=\"null\" value=\"32\">\n\n\n\n\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"utm_campaign\" data-field-name=\"utm_campaign\" data-jfb-sync=\"null\">\n\n\n\n\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"utm_medium\" data-field-name=\"utm_medium\" data-jfb-sync=\"null\">\n\n\n\n\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"utm_source\" data-field-name=\"utm_source\" data-jfb-sync=\"null\">\n\n\n\n\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"utm_term\" data-field-name=\"utm_term\" data-jfb-sync=\"null\">\n\n\n\n\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"utm_content\" data-field-name=\"utm_content\" data-jfb-sync=\"null\">\n\n\n\n<div class=\"jet-form-builder-row field-type-select-field wp-block-jet-forms-select-field cb-wezn4cvv\">\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">I am interested in <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t<select class=\"jet-form-builder__field select-field interested_in_class\" required=\"required\" name=\"interested_in\" data-field-name=\"interested_in\" id=\"interested_in\" data-jfb-sync=\"null\">\n\t\t<option value=\"\" selected>Select...<\/option><option value=\"venue\" >Renting a Tero place<\/option><option value=\"teambuilding\" >A teambuilding event<\/option><option value=\"food\" >Teroir catering<\/option><option value=\"tailor-made-event\" >A tailor-made event<\/option>\t<\/select>\n<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-text-field cb-lr3wh0bz\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Surname <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t\t\t<input required=\"required\" name=\"first_name\" id=\"first_name\" type=\"text\" data-field-name=\"first_name\" class=\"jet-form-builder__field text-field\" data-jfb-sync=\"null\" autocomplete=\"off_UH6hd80Z\">\n\t\t\t\t\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-text-field cb-5zcnv3ez\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Name <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t\t\t<input required=\"required\" name=\"surname\" id=\"surname\" type=\"text\" data-field-name=\"surname\" class=\"jet-form-builder__field text-field\" data-jfb-sync=\"null\" autocomplete=\"off_9On4gh1F\">\n\t\t\t\t\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-text-field cb-py5syvc8\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Email <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t\t\t<input required=\"required\" name=\"email\" id=\"email\" type=\"email\" data-field-name=\"email\" class=\"jet-form-builder__field text-field\" data-jfb-sync=\"null\" autocomplete=\"off_kynws7dX\">\n\t\t\t\t\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-select-field wp-block-jet-forms-select-field cb-3tujlfud\">\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Prefix<\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t<select class=\"jet-form-builder__field select-field\" name=\"prefix\" data-field-name=\"prefix\" id=\"prefix\" data-jfb-sync=\"null\">\n\t\t<option value=\"32\" >+32<\/option><option value=\"33\" >+33<\/option><option value=\"352\" >+352<\/option>\t<\/select>\n<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-text-field cb-nkcybl77\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Phone <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t\t\t<input required=\"required\" name=\"telephone\" id=\"telephone\" type=\"tel\" data-field-name=\"telephone\" class=\"jet-form-builder__field text-field\" data-jfb-sync=\"null\" autocomplete=\"off_a6YgM9Od\">\n\t\t\t\t\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-text-field cb-1eyot4hj\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Which company or organisation do you represent? <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t\t\t<input required=\"required\" name=\"company\" id=\"company\" type=\"text\" data-field-name=\"company\" class=\"jet-form-builder__field text-field\" data-jfb-sync=\"null\" autocomplete=\"off_UH8l6OqT\">\n\t\t\t\t\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-checkbox-field cb-mu1o64wg\" >\n<div class=\"jet-form-builder__fields-group checkradio-wrap\" data-jfb-sync><div class=\"jet-form-builder__field-wrap checkboxes-wrap checkradio-wrap\"><label class=\"jet-form-builder__field-label for-checkbox\">\n\t\t\t<input type=\"checkbox\" name=\"consent_privacy\" value=\"1\" data-field-name=\"consent_privacy\" class=\"jet-form-builder__field checkboxes-field checkradio-field\" required=\"required\" data-default-val=\"[""]\"><span><span><p>I consent to the processing of my data in order to receive a quote, as indicated in the <a href=\"\/en\/privacy-policy\/\">privacy policy<\/a>. *<\/p><\/span><\/span><\/label><\/div><\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-checkbox-field cb-0vqzxpjc\" >\n<div class=\"jet-form-builder__fields-group checkradio-wrap\" data-jfb-sync><div class=\"jet-form-builder__field-wrap checkboxes-wrap checkradio-wrap\"><label class=\"jet-form-builder__field-label for-checkbox\">\n\t\t\t<input type=\"checkbox\" name=\"consent_email\" value=\"1\" data-field-name=\"consent_email\" class=\"jet-form-builder__field checkboxes-field checkradio-field\" data-default-val=\"[""]\"><span>I consent to receive promotional and marketing emails from Tero.<\/span><\/label><\/div><\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-select-field wp-block-jet-forms-select-field cb-kppe2fiy\">\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">How can we help you? <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t<select class=\"jet-form-builder__field select-field\" required=\"required\" name=\"tailor_made_event_type\" data-field-name=\"tailor_made_event_type\" id=\"tailor_made_event_type\" data-jfb-sync=\"null\">\n\t\t<option value=\"\" selected>Select...<\/option><option value=\"turnkey-solution\" >A turnkey solution (venue, team building & catering) <\/option><option value=\"venue-with-catering\" >A venue with catering service<\/option><option value=\"venue-with-teambuilding\" >A venue with team building activities<\/option><option value=\"teambuilding-with-catering\" >A team building activity with catering service<\/option><option value=\"venue-only\" >A venue only<\/option><option value=\"catering-only\" >Catering service only<\/option><option value=\"teambuilding-only\" >A team building activity only<\/option>\t<\/select>\n<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-date-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">From <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><input data-value=\"%CT::CurrentDate%\" class=\"jet-form-builder__field date-field\" required=\"required\" name=\"tailor_made_event_date_from\" type=\"date\" data-field-name=\"tailor_made_event_date_from\" id=\"tailor_made_event_date_from\" data-jfb-sync=\"null\">\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-date-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\"> To <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><input data-value=\"%CT::CurrentDate%\" class=\"jet-form-builder__field date-field\" required=\"required\" name=\"tailor_made_event_date_to\" type=\"date\" data-field-name=\"tailor_made_event_date_to\" id=\"tailor_made_event_date_to\" data-jfb-sync=\"null\">\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-number-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Number of people <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<input type=\"number\" class=\"jet-form-builder__field text-field\" required=\"required\" min=\"1\" step=\"1\" name=\"tailor_made_event_people\" data-field-name=\"tailor_made_event_people\" id=\"tailor_made_event_people\" data-jfb-sync=\"null\">\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-number-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Your budget (\u20ac) <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<input type=\"number\" class=\"jet-form-builder__field text-field\" required=\"required\" min=\"1\" step=\"1\" name=\"tailor_made_event_budget\" data-field-name=\"tailor_made_event_budget\" id=\"tailor_made_event_budget\" data-jfb-sync=\"null\">\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-textarea-field cb-cp8ymwnb\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Describe your event <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<textarea class=\"jet-form-builder__field textarea-field\" required=\"required\" name=\"tailor_made_event_describe\" data-field-name=\"tailor_made_event_describe\" id=\"tailor_made_event_describe\" data-jfb-sync=\"null\"><\/textarea>\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-date-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">From <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><input data-value=\"%CT::CurrentDate%\" class=\"jet-form-builder__field date-field\" required=\"required\" name=\"venue_date_from\" type=\"date\" data-field-name=\"venue_date_from\" id=\"venue_date_from\" data-jfb-sync=\"null\">\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-date-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\"> To <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><input data-value=\"%CT::CurrentDate%\" class=\"jet-form-builder__field date-field\" required=\"required\" name=\"venue_date_to\" type=\"date\" data-field-name=\"venue_date_to\" id=\"venue_date_to\" data-jfb-sync=\"null\">\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-number-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Number of people <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<input type=\"number\" class=\"jet-form-builder__field text-field\" required=\"required\" min=\"1\" step=\"1\" name=\"venue_people\" data-field-name=\"venue_people\" id=\"venue_people\" data-jfb-sync=\"null\">\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-number-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Your budget (\u20ac) <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<input type=\"number\" class=\"jet-form-builder__field text-field\" required=\"required\" min=\"1\" step=\"1\" name=\"venue_budget\" data-field-name=\"venue_budget\" id=\"venue_budget\" data-jfb-sync=\"null\">\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-textarea-field cb-d3u6q2uz\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Describe your event <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<textarea class=\"jet-form-builder__field textarea-field\" required=\"required\" name=\"venue_describe\" data-field-name=\"venue_describe\" id=\"venue_describe\" data-jfb-sync=\"null\"><\/textarea>\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-date-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">From <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><input data-value=\"%CT::CurrentDate%\" class=\"jet-form-builder__field date-field\" required=\"required\" name=\"activity_date_from\" type=\"date\" data-field-name=\"activity_date_from\" id=\"activity_date_from\" data-jfb-sync=\"null\">\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-date-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\"> To <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><input data-value=\"%CT::CurrentDate%\" class=\"jet-form-builder__field date-field\" required=\"required\" name=\"activity_date_to\" type=\"date\" data-field-name=\"activity_date_to\" id=\"activity_date_to\" data-jfb-sync=\"null\">\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-number-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Number of people <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<input type=\"number\" class=\"jet-form-builder__field text-field\" required=\"required\" min=\"1\" step=\"1\" name=\"activity_people\" data-field-name=\"activity_people\" id=\"activity_people\" data-jfb-sync=\"null\">\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-number-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Your budget (\u20ac) <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<input type=\"number\" class=\"jet-form-builder__field text-field\" required=\"required\" min=\"1\" step=\"1\" name=\"activity_budget\" data-field-name=\"activity_budget\" id=\"activity_budget\" data-jfb-sync=\"null\">\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-textarea-field cb-phgji258\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Describe your event <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<textarea class=\"jet-form-builder__field textarea-field\" required=\"required\" name=\"activity_describe\" data-field-name=\"activity_describe\" id=\"activity_describe\" data-jfb-sync=\"null\"><\/textarea>\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-date-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">From <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><input data-value=\"%CT::CurrentDate%\" class=\"jet-form-builder__field date-field\" required=\"required\" name=\"food_date_from\" type=\"date\" data-field-name=\"food_date_from\" id=\"food_date_from\" data-jfb-sync=\"null\">\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-date-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\"> To <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><input data-value=\"%CT::CurrentDate%\" class=\"jet-form-builder__field date-field\" required=\"required\" name=\"food_date_to\" type=\"date\" data-field-name=\"food_date_to\" id=\"food_date_to\" data-jfb-sync=\"null\">\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-number-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Number of people <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<input type=\"number\" class=\"jet-form-builder__field text-field\" required=\"required\" min=\"1\" step=\"1\" name=\"food_people\" data-field-name=\"food_people\" id=\"food_people\" data-jfb-sync=\"null\">\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-number-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Your budget (\u20ac) <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<input type=\"number\" class=\"jet-form-builder__field text-field\" required=\"required\" min=\"1\" step=\"1\" name=\"food_budget\" data-field-name=\"food_budget\" id=\"food_budget\" data-jfb-sync=\"null\">\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-textarea-field cb-x1sjjk1f\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Describe your event <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<textarea class=\"jet-form-builder__field textarea-field\" required=\"required\" name=\"food_describe\" data-field-name=\"food_describe\" id=\"food_describe\" data-jfb-sync=\"null\"><\/textarea>\n\t<\/div>\n<\/div>\n\n<input type=\"hidden\" class=\"captcha-token cb-ld40e3qe\" name=\"_captcha_token\" value=\"\"\/><div class=\"jet-form-builder-row field-type-submit-field cb-ld40e3qe\" >\n\t<div data-type=\"submit\" class=\"jet-form-builder__action-button-wrapper jet-form-builder__submit-wrap\">\n\t<button class=\"jet-form-builder__action-button jet-form-builder__submit submit-type-ajax\" type=\"submit\">Receive my offer<\/button>\n\t<\/div>\n\t\n<\/div>\t<div class=\"jet-form-builder-messages-wrap\" data-form-id=\"55847\"><\/div>\n<\/form>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Kick-off d’entreprise 2027 en Belgique et au Luxembourg | Tero 2027 Launch 2027together. 2027 starts the day you decide. Pick the date of your kick-off: we take care of the venue, the activity and the food, in Belgium and in Luxembourg. Book a date \u2192 57 days to 2027 Launching the year or bringing a […]<\/p>\n","protected":false},"author":10,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_mo_disable_npp":"","inline_featured_image":false,"footnotes":""},"categories":[],"tags":[],"class_list":["post-55894","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tero.be\/en\/wp-json\/wp\/v2\/pages\/55894","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tero.be\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tero.be\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tero.be\/en\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/tero.be\/en\/wp-json\/wp\/v2\/comments?post=55894"}],"version-history":[{"count":16,"href":"https:\/\/tero.be\/en\/wp-json\/wp\/v2\/pages\/55894\/revisions"}],"predecessor-version":[{"id":55937,"href":"https:\/\/tero.be\/en\/wp-json\/wp\/v2\/pages\/55894\/revisions\/55937"}],"wp:attachment":[{"href":"https:\/\/tero.be\/en\/wp-json\/wp\/v2\/media?parent=55894"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tero.be\/en\/wp-json\/wp\/v2\/categories?post=55894"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tero.be\/en\/wp-json\/wp\/v2\/tags?post=55894"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\r\nKick-off d'entreprise 2027 en Belgique et au Luxembourg | Tero<\/title>\r\n<meta name=\"description\" content=\"Organisez votre kick-off 2027 avec Tero : lieu, activit\u00e9 de team building et Teroir Traiteur r\u00e9unis, un seul interlocuteur. 17 lieux en Belgique et au Luxembourg.\">\r\n\r\n<style id=\"preview-only\">\r\n body { margin: 0; background: #fff; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<style>\r\n @font-face { font-family: \"Almarose\"; src: url(\"https:\/\/tero.be\/wp-content\/uploads\/2023\/12\/Almarose-Regular.cd1f94e.woff2\") format(\"woff2\"); font-weight: 300 400; font-display: swap; }\r\n @font-face { font-family: \"Almarose\"; src: url(\"https:\/\/tero.be\/wp-content\/uploads\/2023\/12\/Almarose-Medium.d87446b.woff2\") format(\"woff2\"); font-weight: 500; font-display: swap; }\r\n @font-face { font-family: \"Almarose\"; src: url(\"https:\/\/tero.be\/wp-content\/uploads\/2023\/12\/Almarose-Semibold.f6e646d.woff2\") format(\"woff2\"); font-weight: 600; font-display: swap; }\r\n @font-face { font-family: \"Almarose\"; src: url(\"https:\/\/tero.be\/wp-content\/uploads\/2025\/06\/Almarose-Bold.woff2\") format(\"woff2\"); font-weight: 700; font-display: swap; }\r\n\r\n .tko {\r\n \/* Palette pastel (esprit Weezevent) *\/\r\n --b: #0032fa; \/* accent : bleu \u00e9lectrique *\/\r\n --b-2: #3d5cff;\r\n --deep: #0b1240; \/* bleu nuit : fond du cadre vid\u00e9o *\/\r\n --cream: #ffffff;\r\n --p-ice: #f0f5fa;\r\n --p-blue: #e6ebff;\r\n --p-mint: #eafbf9;\r\n --p-yellow: #fffaeb;\r\n --p-lav: #e4dfed;\r\n --ink: #0f0f14;\r\n --mute: rgba(15, 15, 20, .66);\r\n --line: rgba(15, 15, 20, .12);\r\n --white: #fff;\r\n --g: clamp(1rem, 3.1vw, 2.5rem);\r\n --w: min(100% - (var(--g) * 2), 1440px);\r\n --r: clamp(1.5rem, 3vw, 2.5rem);\r\n --e: cubic-bezier(.2, .72, .18, 1);\r\n position: relative;\r\n width: 100%;\r\n color: var(--ink);\r\n background: var(--cream);\r\n font-family: \"Almarose\", Montserrat, system-ui, sans-serif;\r\n font-size: 16px;\r\n line-height: 1.5;\r\n overflow-x: clip; \/* clip et non hidden : garde le position:sticky fonctionnel *\/\r\n }\r\n .tko *, .tko *::before, .tko *::after { box-sizing: border-box; }\r\n .tko img { display: block; width: 100%; height: 100%; object-fit: cover; }\r\n .tko :where(a) { color: inherit; }\r\n .tko ::selection { color: var(--white); background: var(--b); }\r\n .tko :focus-visible { outline: 3px solid var(--b); outline-offset: 4px; border-radius: 6px; }\r\n .tko :where(h1, h2, h3, p) { margin: 0; }\r\n .tko strong { font-weight: 600; }\r\n\r\n .tko-wrap { width: var(--w); margin-inline: auto; }\r\n\r\n .tko-label {\r\n display: inline-flex; align-items: center; gap: .7rem;\r\n font-size: .74rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; line-height: 1.2;\r\n }\r\n .tko-label::before { content: \"\"; width: .5rem; aspect-ratio: 1; border-radius: 50%; background: currentColor; }\r\n\r\n \/* ---------- Boutons ---------- *\/\r\n .tko-btn {\r\n --tx: 0px; --ty: 0px;\r\n position: relative; display: inline-flex; align-items: center; justify-content: center; gap: .9rem;\r\n min-height: 3.3rem; padding: .85rem 1.7rem;\r\n border: 1px solid currentColor; border-radius: 999px;\r\n font: inherit; font-size: .98rem; font-weight: 600; line-height: 1; text-decoration: none; cursor: pointer;\r\n background: transparent; overflow: hidden; isolation: isolate;\r\n transform: translate(var(--tx), var(--ty));\r\n transition: transform .4s var(--e), color .3s ease, border-color .3s ease;\r\n }\r\n .tko-btn::before {\r\n content: \"\"; position: absolute; z-index: -1; inset: 0; border-radius: inherit;\r\n transform: translateY(101%); transition: transform .45s var(--e);\r\n }\r\n .tko-btn:hover::before, .tko-btn:focus-visible::before { transform: none; }\r\n .tko-btn__arrow { display: inline-block; transition: transform .4s var(--e); }\r\n .tko-btn:hover .tko-btn__arrow { transform: translateX(4px); }\r\n\r\n .tko-btn--solid { color: var(--b); background: var(--cream); border-color: var(--cream); }\r\n .tko-btn--solid::before { background: var(--b); }\r\n .tko-btn--solid:hover, .tko-btn--solid:focus-visible { color: var(--cream); border-color: var(--b); }\r\n\r\n .tko-btn--ghost { color: var(--white); border-color: rgba(255, 255, 255, .7); }\r\n .tko-btn--ghost::before { background: var(--cream); }\r\n .tko-btn--ghost:hover, .tko-btn--ghost:focus-visible { color: var(--b); border-color: var(--cream); }\r\n\r\n .tko-btn--bx { color: var(--white); background: var(--b); border-color: var(--b); }\r\n .tko-btn--bx::before { background: var(--b-2); }\r\n .tko-btn--bx:hover, .tko-btn--bx:focus-visible { border-color: var(--b-2); }\r\n\r\n .tko-btn--line { color: var(--b); border-color: var(--b); }\r\n .tko-btn--line::before { background: var(--b); }\r\n .tko-btn--line:hover, .tko-btn--line:focus-visible { color: var(--white); }\r\n\r\n \/* ---------- 1. Hero en s\u00e9quence (cadre \u2192 plein \u00e9cran \u2192 4 couches \u2192 cadre) ---------- *\/\r\n .tko-seq { position: relative; height: 640vh; background: var(--cream); }\r\n .tko-seq__stick { position: sticky; top: 0; height: 100vh; height: 100svh; overflow: hidden; }\r\n .tko-hero {\r\n --f: 0; --se: 0;\r\n position: absolute; left: 50%; top: var(--ft, 16px);\r\n width: var(--fw, calc(100% - 2 * var(--g))); height: var(--fh, 72svh);\r\n transform: translateX(-50%); border-radius: var(--fr, 2.5rem);\r\n color: var(--white); background: var(--p-mint); overflow: hidden; isolation: isolate;\r\n }\r\n .tko-hero__media { position: absolute; z-index: -2; inset: 0; overflow: hidden; }\r\n \/* Le grand \u00ab 27 \u00bb (repris de l'ancienne carte de fin) *\/\r\n .tko-hero__num {\r\n position: absolute; right: -.05em; top: 50%; transform: translateY(-50%);\r\n font-size: min(calc(var(--fh, 600px) * .62), 27vw); font-weight: 600; line-height: .8; letter-spacing: -.08em;\r\n color: transparent; -webkit-text-stroke: 1.5px rgba(16, 150, 140, .45);\r\n background: linear-gradient(90deg, rgba(16, 150, 140, .16) 0 var(--fill27, 0%), transparent var(--fill27, 0%));\r\n -webkit-background-clip: text; background-clip: text;\r\n opacity: var(--n27, 1); pointer-events: none; user-select: none;\r\n }\r\n .tko-layer { position: absolute; inset: 0; opacity: 0; }\r\n .tko-layer img { transform: scale(calc(1.08 - var(--lo, 0) * .08)); }\r\n \/* Photo verticale (table Teroir) : pas de zoom pour garder la nettet\u00e9, cadrage sur la table *\/\r\n .tko-layer--still img { transform: none; }\r\n \/* cadrage de chaque photo : r\u00e9gl\u00e9 avec --op sur la couche (x y) *\/\r\n #tero-kickoff .tko-layer img { object-position: var(--op, 50% 50%) !important; }\r\n .tko-hero::before {\r\n content: \"\"; position: absolute; z-index: -1; inset: 0; opacity: var(--ov, 0);\r\n background:\r\n linear-gradient(90deg, rgba(15, 15, 20, calc(.72 + var(--oo, 0) * .14)) 0%, rgba(15, 15, 20, .32) 55%, rgba(15, 15, 20, calc(.08 + var(--oo, 0) * .34)) 100%),\r\n linear-gradient(0deg, rgba(15, 15, 20, calc(.55 + var(--qo, 0) * .3)) 0%, transparent 55%);\r\n }\r\n .tko-hero__intro {\r\n position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: space-between;\r\n padding: clamp(1.5rem, 4vw, 4rem);\r\n opacity: var(--io, 1); transform: translateY(calc((1 - var(--io, 1)) * -3rem));\r\n }\r\n \/* Accroche et phrase en encre sur le fond pastel *\/\r\n .tko-hero__intro { justify-content: flex-end; color: var(--ink); }\r\n .tko-hero__intro .tko-hero__lead { color: var(--mute); }\r\n .tko-hero__intro .tko-hero__bottom { grid-template-columns: minmax(0, 36rem); }\r\n .tko-hero__intro .tko-hero__actions { justify-content: flex-start; }\r\n .tko-btn--hero { color: var(--white); background: #0032fa; border-color: #0032fa; }\r\n .tko-btn--hero::before { background: var(--b-2); }\r\n #tero-kickoff a.tko-btn--hero, #tero-kickoff a.tko-btn--hero:visited, #tero-kickoff a.tko-btn--hero:hover { color: var(--white); }\r\n .tko-icon-btn {\r\n display: grid; place-items: center; width: 2.9rem; aspect-ratio: 1;\r\n color: var(--white); background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .45); border-radius: 50%;\r\n font: inherit; font-size: .8rem; cursor: pointer; backdrop-filter: blur(10px);\r\n transition: background .3s ease, color .3s ease;\r\n }\r\n .tko-icon-btn:hover, .tko-icon-btn:focus-visible { color: var(--b); background: var(--cream); }\r\n .tko-icon-btn svg { width: 1.05rem; height: 1.05rem; fill: currentColor; }\r\n .tko-hero h1 {\r\n max-width: 12ch;\r\n font-size: calc(clamp(3.2rem, 7.6vw, 7.8rem));\r\n font-weight: 300; line-height: .9; letter-spacing: -.055em;\r\n }\r\n .tko-hero h1 strong { font-weight: 600; }\r\n .tko-line { display: block; overflow: hidden; padding-bottom: .06em; }\r\n .tko-line > span { display: inline-block; transform: translateY(110%); transition: transform 1.1s var(--e); }\r\n .tko-hero.is-in .tko-line > span { transform: none; }\r\n .tko-hero.is-in .tko-line:nth-child(2) > span { transition-delay: .12s; }\r\n .tko-hero__bottom {\r\n display: grid; grid-template-columns: minmax(0, 34rem) auto; gap: 1.5rem 4rem; align-items: end;\r\n margin-top: clamp(1.4rem, 3vw, 2.4rem);\r\n }\r\n .tko-hero__lead { font-size: clamp(1.05rem, 1.5vw, 1.32rem); line-height: 1.45; color: rgba(255, 255, 255, .9); }\r\n .tko-hero__actions { display: flex; flex-wrap: wrap; gap: .75rem; justify-content: flex-end; }\r\n .tko-fade { opacity: 0; transform: translateY(1.2rem); transition: opacity .9s var(--e) .45s, transform .9s var(--e) .45s; }\r\n .tko-hero.is-in .tko-fade { opacity: 1; transform: none; }\r\n\r\n \/* Acte 1 bis : texte affich\u00e9 une fois le cadre ouvert *\/\r\n .tko-hero__story {\r\n position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; text-align: center;\r\n padding: 0 clamp(1.5rem, 4vw, 4rem);\r\n opacity: var(--so, 0); transform: translateY(calc((1 - var(--so, 0)) * 2rem)); pointer-events: none;\r\n }\r\n .tko-hero__story.is-live { pointer-events: auto; }\r\n .tko-hero__story .w { color: var(--ink); opacity: 0; transition: opacity .35s ease; }\r\n .tko-hero__story .w.on { opacity: 1; }\r\n @media (prefers-reduced-motion: reduce) { .tko-hero__story .w { opacity: 1; } }\r\n .tko-hero__story p { max-width: 44ch; font-size: clamp(1.15rem, .9rem + .9vw, 1.6rem); font-weight: 300; line-height: 1.45; letter-spacing: -.01em; color: var(--ink); }\r\n @media (max-width: 760px) { .tko-hero__story p { font-size: 1.1rem; max-width: none; } }\r\n @media (max-width: 760px) { .tko-hero__num { top: 2.5rem; transform: none; font-size: 34vw; } }\r\n @media (prefers-reduced-motion: reduce) { .tko-hero__story { position: relative; opacity: 1; transform: none; padding: 2rem clamp(1.5rem, 4vw, 4rem); } }\r\n\r\n \/* Les quatre temps *\/\r\n .tko-quad {\r\n position: absolute; left: 0; right: 0; bottom: 0;\r\n padding: 0 max(clamp(1.5rem, 4vw, 4rem), calc((100% - 1440px) \/ 2 + 2.5rem)) clamp(1.75rem, 4.5vh, 3.5rem);\r\n opacity: var(--qo, 0); transform: translateY(calc((1 - var(--qo, 0)) * 2rem));\r\n }\r\n .tko-quad__title { margin-bottom: clamp(1.75rem, 5vh, 3.25rem); font-size: clamp(2rem, 4.2vw, 4.2rem); font-weight: 300; line-height: .95; letter-spacing: -.05em; }\r\n .tko-quad__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(1rem, 2.4vw, 2.5rem); }\r\n .tko-quad__item { opacity: .45; transition: opacity .45s ease; }\r\n .tko-quad__item.is-active { opacity: 1; }\r\n .tko-quad__bar { display: block; height: 2px; margin-bottom: 1rem; background: rgba(255, 255, 255, .25); border-radius: 2px; overflow: hidden; }\r\n .tko-quad__bar i { display: block; height: 100%; background: var(--cream); transform: scaleX(var(--ip, 0)); transform-origin: left; }\r\n .tko-quad__time { font-size: .72rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: rgba(255, 255, 255, .78); }\r\n .tko-quad__item h2 { margin-top: .45rem; font-size: clamp(1.6rem, 2.4vw, 2.4rem); font-weight: 500; line-height: 1; letter-spacing: -.04em; }\r\n .tko-quad__item p { margin-top: .6rem; font-size: .92rem; line-height: 1.4; color: rgba(255, 255, 255, .82); }\r\n .tko-quad__item a {\r\n display: inline-flex; align-items: center; gap: .5rem; margin-top: .9rem; padding: .5rem 1rem;\r\n border: 1px solid rgba(255, 255, 255, .5); border-radius: 999px; font-size: .82rem; font-weight: 600; text-decoration: none;\r\n transition: background .3s ease, color .3s ease, border-color .3s ease;\r\n }\r\n .tko-quad__item a:hover, .tko-quad__item a:focus-visible { color: var(--b); background: var(--cream); border-color: var(--cream); }\r\n\r\n \/* Acte 3 : le devis dans le cadre *\/\r\n .tko-hero__quote {\r\n position: absolute; inset: 0; display: grid; grid-template-columns: .8fr 1.2fr; grid-template-rows: minmax(0, 1fr); gap: clamp(1.5rem, 4vw, 4rem); align-items: center;\r\n padding: clamp(1rem, 2.4vh, 2rem) clamp(1.5rem, 4vw, 4rem);\r\n opacity: var(--oo, 0); transform: translateY(calc((1 - var(--oo, 0)) * 2rem));\r\n }\r\n .tko-anchor { position: absolute; top: 0; }\r\n .tko-hero__quote .tko-form { max-height: 100%; overflow-y: auto; overscroll-behavior: contain; min-height: 0; padding: clamp(1rem, 2.6vh, 1.75rem) clamp(1.25rem, 2.4vw, 2rem); box-shadow: 0 1.5rem 4rem -1.5rem rgba(0, 0, 0, .5); }\r\n \/* \u00c9tape 4 plus compacte pour tenir dans le cadre *\/\r\n .tko-hero__quote .tko-form__progress { margin-bottom: 1rem; }\r\n .tko-hero__quote .tko-form__step { margin-bottom: .5rem; }\r\n .tko-hero__quote .tko-form__hint { margin: .35rem 0 1rem; }\r\n .tko-hero__quote .tko-fields { gap: .55rem .8rem; margin-top: .9rem; }\r\n .tko-hero__quote .tko-field { gap: .25rem; }\r\n .tko-hero__quote .tko-field input { padding: .65rem 1rem; }\r\n .tko-hero__quote .tko-field textarea { min-height: 3.2rem; height: 3.2rem; padding: .65rem 1rem; }\r\n .tko-hero__quote .tko-consent { margin-top: .7rem; }\r\n .tko-hero__quote .tko-form__error { margin-top: .4rem; min-height: 0; }\r\n .tko-hero__quote .tko-form__error:empty { display: none; }\r\n .tko-hero__quote .tko-form__nav { margin-top: .9rem; }\r\n .tko-hero__quote .tko-btn { min-height: 2.9rem; padding: .7rem 1.4rem; }\r\n\r\n .tko-hero__intro, .tko-quad, .tko-hero__quote { pointer-events: none; }\r\n .tko-hero__intro.is-live, .tko-quad.is-live, .tko-hero__quote.is-live { pointer-events: auto; }\r\n\r\n \/* Bande sous le cadre *\/\r\n .tko-seq__band {\r\n position: absolute; left: 50%; top: var(--bt, calc(16px + 72svh)); height: 72px; width: var(--w);\r\n display: flex; align-items: center; gap: clamp(1rem, 3vw, 2.5rem);\r\n transform: translateX(-50%); opacity: var(--bo, 1);\r\n }\r\n .tko-seq__band .tko-marquee { flex: 1; min-width: 0; margin: 0; border: 0; -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }\r\n .tko-countdown { display: inline-flex; align-items: baseline; gap: .5rem; flex: 0 0 auto; padding: .6rem 1.1rem; border: 1px solid var(--line); border-radius: 999px; font-size: .85rem; color: var(--mute); white-space: nowrap; }\r\n .tko-countdown b { color: var(--b); font-size: 1.15rem; font-weight: 600; font-variant-numeric: tabular-nums; }\r\n\r\n @media (max-width: 760px) {\r\n .tko-hero__bottom { grid-template-columns: 1fr; }\r\n .tko-hero__actions { justify-content: flex-start; display: grid; }\r\n .tko-hero__actions .tko-btn { width: 100%; }\r\n .tko-quad__grid { grid-template-columns: 1fr; }\r\n .tko-quad__item { grid-area: 1 \/ 1; opacity: 0; }\r\n .tko-quad__item.is-active { opacity: 1; }\r\n .tko-quad__title { font-size: 1.9rem; }\r\n .tko-countdown, .tko-marquee__label { display: none; }\r\n .tko-seq__band { height: 60px; }\r\n .tko-logo { font-size: 12px; }\r\n .tko-hero__quote { grid-template-columns: 1fr; align-items: start; align-content: start; overflow-y: auto; padding-top: 1.25rem; gap: 1rem; }\r\n .tko-hero__quote .tko-brief__intro p, .tko-hero__quote .tko-brief__reassure { display: none; }\r\n .tko-hero__quote .tko-brief__intro h2 { font-size: 2rem; }\r\n .tko-hero__quote .tko-brief__intro .tko-label { margin-bottom: .6rem; }\r\n .tko-hero__quote .tko-form { max-height: none; overflow: visible; }\r\n }\r\n @media (prefers-reduced-motion: reduce) {\r\n .tko-seq { height: auto; }\r\n .tko-seq__stick { position: static; height: auto; overflow: visible; padding: 16px 0 0; }\r\n .tko .tko-hero { position: relative; left: auto; top: auto; transform: none; width: var(--w); height: auto; margin: 0 auto; border-radius: var(--r); }\r\n .tko-hero__intro { position: relative; min-height: 70svh; opacity: 1; transform: none; pointer-events: auto; }\r\n .tko-quad { position: relative; opacity: 1; transform: none; padding: 0 clamp(1.5rem, 4vw, 4rem) 3rem; pointer-events: auto; }\r\n .tko-quad__grid { grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); }\r\n .tko-quad__item, .tko-quad__item.is-active { grid-area: auto; opacity: 1; }\r\n .tko-quad__bar i { transform: scaleX(1); }\r\n .tko-layer { display: none; }\r\n .tko-hero__quote { position: relative; opacity: 1; transform: none; pointer-events: auto; padding-bottom: 3rem; }\r\n .tko-seq__band { position: relative; left: auto; top: auto; transform: none; margin: 1rem auto 0; padding-block: 1rem; opacity: 1; }\r\n }\r\n\r\n \/* ---------- 2. Bandeau d\u00e9filant ---------- *\/\r\n .tko-marquee { margin-top: clamp(1rem, 2vw, 1.5rem); overflow: hidden; border-block: 1px solid var(--line); }\r\n .tko-marquee__track { display: flex; width: max-content; animation: tko-marquee 38s linear infinite; }\r\n .tko-marquee:hover .tko-marquee__track { animation-play-state: paused; }\r\n .tko-marquee__group { display: flex; align-items: center; flex-shrink: 0; }\r\n .tko-marquee__item { display: inline-flex; align-items: center; padding: .3rem clamp(1.4rem, 2.6vw, 2.4rem) .3rem 0; }\r\n .tko-logo { position: relative; display: block; overflow: hidden; font-size: 16px; }\r\n .tko .tko-logo img { position: absolute; max-width: none; object-fit: fill; mix-blend-mode: multiply; filter: grayscale(1); opacity: .62; transition: opacity .3s ease; }\r\n .tko-marquee:hover .tko-logo img { opacity: .9; }\r\n .tko-marquee__label { flex: 0 0 auto; font-size: .74rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--mute); white-space: nowrap; }\r\n @keyframes tko-marquee { to { transform: translateX(-50%); } }\r\n\r\n \/* ---------- 3. Accroche remplie au scroll ---------- *\/\r\n .tko-hook { padding-block: clamp(3rem, 6vw, 5rem); }\r\n .tko-hook .tko-label { color: var(--b); margin-bottom: 1.25rem; }\r\n .tko-hook__text {\r\n max-width: 22ch;\r\n font-size: clamp(2.3rem, 5.6vw, 5.4rem); font-weight: 500; line-height: 1.04; letter-spacing: -.045em;\r\n }\r\n .tko-hook__text .w { color: rgba(15, 15, 20, .14); transition: color .25s linear; }\r\n .tko-hook__text .w.on { color: var(--ink); }\r\n .tko-hook__text .w.accent.on { color: var(--b); }\r\n\r\n \/* En-t\u00eates de section *\/\r\n .tko-section-head { display: grid; grid-template-columns: 1fr; gap: 2rem; align-items: end; margin-bottom: clamp(1.5rem, 3vw, 2.5rem); }\r\n .tko-section-head h2 { max-width: 20ch; font-size: clamp(2.9rem, 6.4vw, 6.4rem); font-weight: 500; line-height: .97; letter-spacing: -.05em; }\r\n .tko-section-head p { max-width: 33rem; justify-self: end; color: var(--mute); font-size: clamp(1rem, 1.4vw, 1.2rem); }\r\n .tko-section-head .tko-label { color: var(--b); margin-bottom: 1.25rem; }\r\n\r\n \/* ---------- 6. Lieux (rail) ---------- *\/\r\n .tko-venues { padding-block: clamp(1.5rem, 3vw, 2.5rem) 0; }\r\n .tko-rail {\r\n display: flex; gap: 1rem; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none;\r\n width: var(--w); margin-inline: auto; padding-bottom: .5rem;\r\n cursor: grab;\r\n }\r\n \/* M\u00eame largeur que les autres sections : sur ordinateur, les 4 lieux tiennent sur une ligne *\/\r\n .tko-rail .tko-venue { flex: 0 0 calc((100% - 3rem) \/ 4); height: clamp(24rem, 32vw, 30rem); }\r\n .tko-rail.is-static { cursor: auto; }\r\n @media (max-width: 980px) { .tko-rail .tko-venue { flex-basis: calc((100% - 1rem) \/ 2.25); } }\r\n @media (max-width: 640px) { .tko-rail .tko-venue { flex-basis: 82%; height: 26rem; } }\r\n .tko-rail::-webkit-scrollbar { display: none; }\r\n .tko-rail.is-dragging { cursor: grabbing; scroll-snap-type: none; }\r\n .tko-rail.is-dragging a { pointer-events: none; }\r\n .tko-venue {\r\n position: relative; flex: 0 0 clamp(17rem, 27vw, 25rem); height: clamp(26rem, 38vw, 34rem);\r\n display: flex; flex-direction: column; justify-content: flex-end;\r\n padding: 1.5rem; border-radius: 1.75rem; overflow: hidden; isolation: isolate;\r\n color: var(--white); background: var(--deep); text-decoration: none; scroll-snap-align: start;\r\n }\r\n .tko-venue img { position: absolute; z-index: -2; inset: 0; transition: transform 1.1s var(--e), filter .6s ease; user-select: none; -webkit-user-drag: none; }\r\n .tko-venue::after { content: \"\"; position: absolute; z-index: -1; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, .78)); }\r\n .tko-venue:hover img, .tko-venue:focus-visible img { transform: scale(1.06); }\r\n .tko .tko-venue--type { color: var(--ink); background: var(--p-lav); }\r\n .tko-venue--type .tko-venue__go { border-color: rgba(15, 15, 20, .3); }\r\n .tko-venue--type:hover .tko-venue__go { color: var(--white); background: var(--b); border-color: var(--b); }\r\n .tko-venue--type .tko-venue__badge { color: var(--white); background: var(--b); }\r\n .tko-venue--type .tko-venue__pills li { border-color: rgba(15, 15, 20, .22); }\r\n .tko-venue--type::before {\r\n content: attr(data-mono); position: absolute; z-index: -1; top: 1rem; left: 1.25rem;\r\n font-size: clamp(7rem, 12vw, 11rem); font-weight: 300; line-height: 1; letter-spacing: -.08em; color: rgba(0, 50, 250, .09);\r\n }\r\n .tko-venue--type::after { display: none; }\r\n .tko-venue small { margin-bottom: .55rem; font-size: .7rem; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; opacity: .75; }\r\n .tko-venue h3 { font-size: clamp(1.7rem, 2.6vw, 2.5rem); font-weight: 500; line-height: 1; letter-spacing: -.04em; }\r\n .tko-venue p { margin-top: .6rem; font-size: .9rem; opacity: .82; }\r\n .tko-venue__go {\r\n position: absolute; top: 1.25rem; right: 1.25rem; display: grid; place-items: center; width: 2.9rem; aspect-ratio: 1;\r\n border: 1px solid rgba(255, 255, 255, .6); border-radius: 50%; transition: transform .4s var(--e), background .3s ease, color .3s ease;\r\n }\r\n .tko-venue:hover .tko-venue__go { color: var(--b); background: var(--cream); transform: rotate(45deg); }\r\n .tko-venue__badge {\r\n position: absolute; top: 1.25rem; left: 1.25rem; padding: .4rem .8rem; border-radius: 999px;\r\n color: var(--b); background: var(--cream); font-size: .72rem; font-weight: 600;\r\n }\r\n .tko-rail-nav { display: flex; justify-content: space-between; align-items: center; gap: 1rem; width: var(--w); margin: 1.25rem auto 0; }\r\n .tko-rail-nav__btns { display: flex; gap: .5rem; }\r\n .tko-rail-nav .tko-icon-btn { color: var(--b); background: transparent; border-color: var(--b); backdrop-filter: none; }\r\n .tko-rail-nav .tko-icon-btn:hover, .tko-rail-nav .tko-icon-btn:focus-visible { color: var(--white); background: var(--b); }\r\n\r\n \/* Bento lieux mis en avant *\/\r\n .tko-bento { display: grid; grid-template-columns: 1.15fr .85fr; gap: 1rem; margin-bottom: clamp(2rem, 4vw, 3rem); }\r\n .tko-bento .tko-venue { flex: none; width: 100%; }\r\n .tko-venue--hero { height: auto; min-height: clamp(34rem, 52vw, 46rem); padding: clamp(1.5rem, 3vw, 2.5rem); }\r\n .tko-venue--hero h3 { font-size: clamp(2.6rem, 5vw, 4.8rem); }\r\n .tko-venue--hero p { max-width: 30rem; font-size: clamp(.98rem, 1.3vw, 1.12rem); }\r\n .tko-venue--hero.tko-venue--type::before { top: 4.5rem; font-size: clamp(5rem, 11vw, 10rem); letter-spacing: -.06em; }\r\n .tko-venue__pills { display: flex; flex-wrap: wrap; gap: .45rem; margin: 1.2rem 0 0; padding: 0; list-style: none; }\r\n .tko-venue__pills li { padding: .4rem .85rem; border: 1px solid rgba(255, 255, 255, .4); border-radius: 999px; font-size: .78rem; }\r\n .tko-bento__side { display: grid; grid-template-rows: 1fr 1fr; gap: 1rem; }\r\n .tko-bento__side .tko-venue { height: auto; min-height: 17rem; }\r\n .tko-bento__title { display: grid; gap: .8rem; padding: .5rem 0 .25rem; font-size: clamp(1.3rem, 2vw, 1.75rem); font-weight: 500; line-height: 1.15; letter-spacing: -.03em; }\r\n .tko-bento__title .tko-label { color: var(--b); }\r\n .tko .tko-venue--forest { background: var(--p-mint); }\r\n .tko .tko-venue--river { background: var(--p-blue); }\r\n .tko-venue--hero .tko-venue__badge { font-size: .8rem; padding: .5rem 1rem; }\r\n @media (max-width: 980px) {\r\n .tko-bento { grid-template-columns: 1fr; }\r\n .tko-venue--hero { min-height: 32rem; }\r\n }\r\n\r\n \/* ---------- 6 bis. Activit\u00e9s ---------- *\/\r\n .tko-acts { padding-top: clamp(2.5rem, 5vw, 4rem); }\r\n .tko-acts__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }\r\n .tko-acts__grid .tko-venue { flex: none; width: 100%; height: clamp(22rem, 30vw, 28rem); }\r\n @media (max-width: 980px) { .tko-acts__grid { grid-template-columns: repeat(2, 1fr); } }\r\n .tko-acts__grid .tko-venue::after { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, .86)); }\r\n @media (max-width: 640px) {\r\n .tko-acts__grid .tko-venue { height: 15rem; padding: 1rem; }\r\n .tko-acts__grid .tko-venue h3 { font-size: 1.15rem; }\r\n .tko-acts__grid .tko-venue small { font-size: .62rem; letter-spacing: .08em; }\r\n .tko-acts__grid .tko-venue__go { display: none; }\r\n }\r\n\r\n \/* ---------- 7. Teroir ---------- *\/\r\n .tko-teroir { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(1.5rem, 4vw, 4rem); align-items: center; margin-block: clamp(2rem, 4vw, 3rem); padding: clamp(1.5rem, 4vw, 4rem); background: var(--p-mint); border-radius: var(--r); }\r\n .tko-teroir__media { position: relative; height: clamp(30rem, 52vw, 46rem); }\r\n .tko-teroir__main { position: absolute; inset: 0 18% 0 0; border-radius: 1.9rem; overflow: hidden; clip-path: inset(12% 12% 12% 12% round 1.9rem); transition: clip-path 1.4s var(--e); }\r\n .tko-teroir__main img { transform: scale(1.15); transition: transform 1.8s var(--e); }\r\n .tko-teroir__side { position: absolute; right: 0; bottom: 8%; width: 40%; height: 46%; border: .5rem solid var(--p-mint); border-radius: 1.6rem; overflow: hidden; transform: translateY(var(--py, 0px)); }\r\n .tko-teroir.is-visible .tko-teroir__main { clip-path: inset(0 0 0 0 round 1.9rem); }\r\n .tko-teroir.is-visible .tko-teroir__main img { transform: scale(1); }\r\n .tko-teroir .tko-label { color: var(--b); margin-bottom: 1.4rem; }\r\n .tko-teroir h2 { font-size: clamp(2.7rem, 5.2vw, 5.2rem); font-weight: 500; line-height: .98; letter-spacing: -.05em; }\r\n .tko-teroir__lead { margin-top: 2rem; color: var(--mute); font-size: clamp(1rem, 1.4vw, 1.2rem); max-width: 34rem; }\r\n .tko-teroir__lead--2 { margin-top: 1rem; }\r\n .tko-teroir > div > .tko-btn { margin-top: 2rem; }\r\n .tko-teroir__steps { display: grid; gap: .6rem; margin: 2rem 0; padding: 0; list-style: none; }\r\n .tko-teroir__steps li { display: grid; grid-template-columns: 2.75rem 1fr; gap: .75rem; align-items: start; padding: 1.1rem 1.25rem; background: var(--white); border-radius: 1.25rem; }\r\n .tko-teroir__n { font-size: .82rem; font-weight: 600; letter-spacing: .08em; color: var(--mute); padding-top: .2rem; font-variant-numeric: tabular-nums; }\r\n .tko-teroir__steps b { display: block; font-size: 1.08rem; font-weight: 600; letter-spacing: -.01em; }\r\n .tko-teroir__steps li span:not(.tko-teroir__n) { display: block; margin-top: .25rem; color: var(--mute); font-size: .95rem; line-height: 1.4; }\r\n\r\n \/* ---------- 8. Preuves ---------- *\/\r\n .tko-proof { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-bottom: clamp(2rem, 4vw, 3rem); }\r\n .tko-proof__item { padding: clamp(1.5rem, 3vw, 2.5rem) clamp(1.25rem, 2vw, 2rem); border-radius: 1.5rem; background: var(--p-blue); }\r\n .tko-proof__item:nth-child(2) { background: var(--p-yellow); }\r\n .tko-proof__item:nth-child(3) { background: var(--p-lav); }\r\n .tko-proof__item:nth-child(4) { background: var(--p-mint); }\r\n .tko-proof__item strong { display: block; color: var(--b); font-size: clamp(3rem, 5.4vw, 5.4rem); font-weight: 500; line-height: .9; letter-spacing: -.06em; font-variant-numeric: tabular-nums; }\r\n .tko-proof__item span { display: block; margin-top: .8rem; max-width: 14rem; color: var(--mute); font-size: .9rem; line-height: 1.3; }\r\n\r\n .tko-proof__item--bcorp { display: flex; align-items: center; gap: 1.25rem; }\r\n #tero-kickoff .tko-proof__bcorp { flex: 0 0 auto; width: auto !important; height: clamp(4.5rem, 6vw, 6rem) !important; max-width: none !important; object-fit: contain !important; }\r\n .tko-proof__item--bcorp span { margin-top: 0; }\r\n \/* ---------- 9. Brief (formulaire en \u00e9tapes) ---------- *\/\r\n .tko-brief__intro h2 { font-size: clamp(2.2rem, 4.4vw, 4.4rem); font-weight: 500; line-height: .97; letter-spacing: -.05em; }\r\n .tko-brief__intro p { margin-top: 1.5rem; color: rgba(255, 255, 255, .78); max-width: 26rem; }\r\n .tko-brief__intro .tko-label { margin-bottom: 1.4rem; }\r\n .tko-brief__reassure { display: grid; gap: .7rem; margin: 2rem 0 0; padding: 0; list-style: none; font-size: .92rem; color: rgba(255, 255, 255, .85); }\r\n .tko-brief__reassure li { display: flex; gap: .7rem; }\r\n .tko-brief__reassure li::before { content: \"\u2713\"; color: var(--p-blue); font-weight: 600; }\r\n\r\n .tko-form { position: relative; min-height: 30rem; padding: clamp(1.25rem, 3vw, 2.25rem); color: var(--ink); background: var(--white); border-radius: 1.6rem; }\r\n .tko-form__progress { display: flex; gap: .4rem; margin-bottom: 1.75rem; }\r\n .tko-form__progress span { flex: 1; height: 4px; border-radius: 4px; background: var(--line); transition: background .4s ease; }\r\n .tko-form__progress span.on { background: var(--b); }\r\n .tko-form fieldset { margin: 0; padding: 0; border: 0; min-width: 0; }\r\n .tko-form fieldset[hidden] { display: none; }\r\n .tko-form legend { padding: 0; font-size: clamp(1.5rem, 2.4vw, 2.1rem); font-weight: 500; line-height: 1.1; letter-spacing: -.035em; }\r\n .tko-form__hint { margin: .5rem 0 1.5rem; color: var(--mute); font-size: .92rem; }\r\n .tko-form__step { display: block; margin-bottom: .9rem; color: var(--b); font-size: .72rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }\r\n .tko-chips { display: flex; flex-wrap: wrap; gap: .55rem; }\r\n .tko-chip { position: relative; }\r\n .tko-chip input { position: absolute; opacity: 0; inset: 0; cursor: pointer; }\r\n .tko-chip span {\r\n display: inline-flex; align-items: center; min-height: 2.9rem; padding: .7rem 1.25rem;\r\n border: 1px solid var(--line); border-radius: 999px; background: var(--p-ice);\r\n font-size: .95rem; font-weight: 500; transition: color .25s ease, background .25s ease, border-color .25s ease, transform .3s var(--e);\r\n }\r\n .tko-chip:hover span { border-color: var(--b); }\r\n .tko-chip input:checked + span { color: var(--white); background: var(--b); border-color: var(--b); }\r\n .tko-chip input:focus-visible + span { outline: 3px solid var(--b); outline-offset: 3px; }\r\n .tko-form__group + .tko-form__group { margin-top: 1.6rem; }\r\n .tko-form__group > p { margin-bottom: .7rem; font-weight: 600; font-size: .95rem; }\r\n .tko-fields { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; margin-top: 1.25rem; }\r\n .tko-field { display: grid; gap: .35rem; }\r\n .tko-field--full { grid-column: 1 \/ -1; }\r\n .tko-field label { font-size: .82rem; font-weight: 600; }\r\n .tko-field input, .tko-field textarea {\r\n width: 100%; padding: .9rem 1.15rem; border: 1px solid var(--line); border-radius: 999px; background: var(--p-ice);\r\n font: inherit; font-size: .98rem; color: var(--ink);\r\n }\r\n .tko-field textarea { min-height: 6.5rem; border-radius: 1.25rem; resize: vertical; }\r\n .tko-field input:focus, .tko-field textarea:focus { outline: 2px solid var(--b); outline-offset: 1px; border-color: var(--b); }\r\n \/* le th\u00e8me change l'arrondi des champs au clic : on garde la forme pilule *\/\r\n #tero-kickoff .tko-field input, #tero-kickoff .tko-field input:focus { border-radius: 999px; }\r\n #tero-kickoff .tko-field textarea, #tero-kickoff .tko-field textarea:focus { border-radius: 1.25rem; }\r\n .tko-consent { display: flex; gap: .7rem; align-items: flex-start; margin-top: 1rem; color: var(--mute); font-size: .82rem; }\r\n .tko-consent input { margin-top: .2rem; accent-color: var(--b); }\r\n .tko-form__nav { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-top: 2rem; }\r\n .tko-form__back { padding: .5rem 0; border: 0; background: none; color: var(--mute); font: inherit; font-weight: 600; cursor: pointer; }\r\n .tko-form__back[hidden] { visibility: hidden; display: inline; }\r\n .tko-form__error { margin-top: 1rem; color: var(--b); font-size: .88rem; font-weight: 600; min-height: 1.3em; }\r\n .tko-form__done { display: none; text-align: left; }\r\n .tko-form.is-done form { display: none; }\r\n .tko-form.is-done .tko-form__done { display: block; }\r\n .tko-form__done h3 { font-size: clamp(1.8rem, 3vw, 2.6rem); font-weight: 500; letter-spacing: -.04em; line-height: 1.05; }\r\n .tko-form__done p { margin-top: 1rem; color: var(--mute); }\r\n\r\n \/* ---------- 10. FAQ ---------- *\/\r\n .tko-faq { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(2rem, 5vw, 5rem); padding-bottom: clamp(2rem, 4vw, 3rem); }\r\n .tko-faq h2 { font-size: clamp(2.6rem, 5vw, 4.8rem); font-weight: 500; line-height: .98; letter-spacing: -.05em; }\r\n .tko-faq .tko-label { color: var(--b); margin-bottom: 1.4rem; }\r\n .tko-faq__list { border-top: 1px solid var(--line); }\r\n .tko-faq details { border-bottom: 1px solid var(--line); }\r\n .tko-faq summary {\r\n display: flex; justify-content: space-between; align-items: center; gap: 1.5rem; padding: 1.5rem 0;\r\n font-size: clamp(1.1rem, 1.7vw, 1.4rem); font-weight: 500; letter-spacing: -.02em; cursor: pointer; list-style: none;\r\n }\r\n .tko-faq summary::-webkit-details-marker { display: none; }\r\n .tko-faq summary::after {\r\n content: \"+\"; flex: 0 0 auto; display: grid; place-items: center; width: 2.4rem; aspect-ratio: 1;\r\n color: var(--b); border: 1px solid var(--b); border-radius: 50%; font-size: 1.2rem; transition: transform .4s var(--e), background .3s ease, color .3s ease;\r\n }\r\n .tko-faq details[open] summary::after { transform: rotate(45deg); color: var(--white); background: var(--b); }\r\n .tko-faq details p { padding: 0 3.5rem 1.6rem 0; color: var(--mute); }\r\n\r\n \/* ---------- 11. Fin ---------- *\/\r\n .tko-closing { padding-bottom: clamp(2rem, 4vw, 3rem); }\r\n .tko-closing__card {\r\n position: relative; isolation: isolate; overflow: hidden;\r\n min-height: min(34rem, 72svh); display: flex; flex-direction: column; justify-content: flex-end;\r\n padding: clamp(1.75rem, 5vw, 5rem); border-radius: var(--r); color: var(--ink); background: var(--p-blue);\r\n }\r\n .tko-closing__card .tko-label { color: var(--b); }\r\n .tko-closing__num {\r\n position: absolute; z-index: -1; right: -.06em; top: 50%; transform: translateY(-50%);\r\n font-size: clamp(18rem, 42vw, 40rem); font-weight: 600; line-height: .8; letter-spacing: -.1em;\r\n color: transparent; -webkit-text-stroke: 1.5px rgba(0, 50, 250, .28);\r\n background: linear-gradient(90deg, rgba(0, 50, 250, .12) 0 var(--fill, 0%), transparent var(--fill, 0%));\r\n -webkit-background-clip: text; background-clip: text;\r\n }\r\n .tko-closing h2 { max-width: 13ch; font-size: clamp(2.8rem, 6.2vw, 6.4rem); font-weight: 500; line-height: .96; letter-spacing: -.05em; }\r\n .tko-closing p { max-width: 32rem; margin-top: 1.6rem; color: var(--mute); font-size: clamp(1rem, 1.4vw, 1.2rem); }\r\n .tko-closing__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2.2rem; }\r\n\r\n \/* ---------- Apparitions ---------- *\/\r\n .tko-reveal { opacity: 0; transform: translateY(2.2rem); transition: opacity .9s var(--e), transform .9s var(--e); }\r\n .tko-reveal.is-visible { opacity: 1; transform: none; }\r\n .tko-reveal[data-delay=\"1\"] { transition-delay: .1s; }\r\n .tko-reveal[data-delay=\"2\"] { transition-delay: .2s; }\r\n\r\n\r\n\r\n \/* Titres : m\u00eame couleur partout, le contraste se fait par la graisse (300 \u2192 600) *\/\r\n .tko-section-head h2, .tko-teroir h2, .tko-faq h2, .tko-closing h2, .tko-brief__intro h2, .tko-quad__title { font-weight: 300; }\r\n .tko-section-head h2 strong, .tko-teroir h2 strong, .tko-faq h2 strong, .tko-closing h2 strong, .tko-brief__intro h2 strong, .tko-quad__title strong { font-weight: 600; }\r\n\r\n \/* ---------- Protection contre les couleurs de liens du th\u00e8me (Elementor) ----------\r\n Le th\u00e8me applique sa couleur \u00e0 tous les liens avec une priorit\u00e9 plus forte que nos classes.\r\n L'identifiant #tero-kickoff passe devant, \u00e9tat normal comme survol. *\/\r\n #tero-kickoff a, #tero-kickoff a:hover, #tero-kickoff a:focus, #tero-kickoff a:visited { text-decoration: none; }\r\n #tero-kickoff a.tko-btn--solid, #tero-kickoff a.tko-btn--solid:visited { color: var(--b); }\r\n #tero-kickoff a.tko-btn--solid:hover, #tero-kickoff a.tko-btn--solid:focus-visible { color: var(--cream); }\r\n #tero-kickoff a.tko-btn--ghost, #tero-kickoff a.tko-btn--ghost:visited { color: var(--white); }\r\n #tero-kickoff a.tko-btn--ghost:hover, #tero-kickoff a.tko-btn--ghost:focus-visible { color: var(--b); }\r\n #tero-kickoff a.tko-btn--bx, #tero-kickoff a.tko-btn--bx:visited,\r\n #tero-kickoff a.tko-btn--bx:hover, #tero-kickoff a.tko-btn--bx:focus-visible { color: var(--white); }\r\n #tero-kickoff a.tko-btn--line, #tero-kickoff a.tko-btn--line:visited { color: var(--b); }\r\n #tero-kickoff a.tko-btn--line:hover, #tero-kickoff a.tko-btn--line:focus-visible { color: var(--white); }\r\n #tero-kickoff .tko-quad__item a, #tero-kickoff .tko-quad__item a:visited { color: var(--white); }\r\n #tero-kickoff .tko-quad__item a:hover, #tero-kickoff .tko-quad__item a:focus-visible { color: var(--b); }\r\n #tero-kickoff a.tko-venue, #tero-kickoff a.tko-venue:visited, #tero-kickoff a.tko-venue:hover { color: var(--white); }\r\n #tero-kickoff a.tko-venue--type, #tero-kickoff a.tko-venue--type:visited, #tero-kickoff a.tko-venue--type:hover { color: var(--ink); }\r\n\r\n\r\n \/* ---------- Protection contre les r\u00e8gles m\u00e9dias du th\u00e8me ----------\r\n WordPress\/Elementor imposent souvent img\/iframe { max-width:100%; height:auto }.\r\n Sans ce verrou, la vid\u00e9o et les photos du hero ne remplissent plus le cadre (bande noire). *\/\r\n #tero-kickoff .tko-layer img,\r\n #tero-kickoff .tko-venue img,\r\n #tero-kickoff .tko-int__ph img,\r\n #tero-kickoff .tko-pilier__ph img,\r\n #tero-kickoff .tko-teroir__media img {\r\n width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important;\r\n object-fit: cover !important; margin: 0 !important;\r\n }\r\n #tero-kickoff .tko-logo img { max-width: none !important; }\r\n\r\n\r\n \/* ---------- Lien dans le texte du hero ---------- *\/\r\n #tero-kickoff .tko-hero__link, #tero-kickoff .tko-hero__link:visited { color: #fff; text-decoration: underline; text-underline-offset: .2em; text-decoration-thickness: 1px; }\r\n #tero-kickoff .tko-hero__link:hover { text-decoration-thickness: 2px; }\r\n\r\n \/* ---------- Rassurants au-dessus de l'accroche ---------- *\/\r\n .tko-proof { margin-top: clamp(2rem, 4vw, 3rem); margin-bottom: 0; }\r\n\r\n \/* ---------- Ancres : laisser la place de la barre d'acc\u00e8s rapide ---------- *\/\r\n .tko [id^=\"tko-\"] { scroll-margin-top: 92px; }\r\n\r\n \/* ---------- Barre d'acc\u00e8s rapide (remplace le menu du site) ---------- *\/\r\n .tko-quicknav {\r\n position: sticky; z-index: 120; top: 0; margin-top: clamp(1.25rem, 2.5vw, 2rem);\r\n background: transparent; border-bottom: 1px solid transparent;\r\n transition: background .3s ease, border-color .3s ease, box-shadow .3s ease;\r\n }\r\n .tko-quicknav.is-on { background: rgba(255, 255, 255, .97); border-bottom-color: var(--line); box-shadow: 0 .4rem 1.2rem -1rem rgba(0, 0, 0, .25); }\r\n .tko-quicknav-mark { height: 1px; margin-bottom: -1px; }\r\n .tko-quicknav__in { display: grid; grid-template-columns: repeat(4, 1fr); gap: .75rem; width: var(--w); margin: 0 auto; padding: 1.15rem 0 1rem; }\r\n #tero-kickoff .tko-quicknav a {\r\n display: flex; align-items: center; justify-content: center; min-height: 2.9rem; padding: .55rem 1rem;\r\n border: 1px solid var(--ink); border-radius: 999px; color: var(--ink); background: transparent;\r\n font-size: clamp(.75rem, .62rem + .55vw, .96rem); font-weight: 500; text-align: center; line-height: 1.15;\r\n transition: background .25s ease, color .25s ease, border-color .25s ease;\r\n }\r\n \/* M\u00eames pastels que les rassurants : bleu, jaune, lavande, menthe *\/\r\n #tero-kickoff .tko-quicknav a.is-cta { font-weight: 600; background: var(--p-mint); border-color: #8fd9cf; }\r\n #tero-kickoff .tko-quicknav a.is-cta:hover, #tero-kickoff .tko-quicknav a.is-cta:focus-visible { background: #c8f1eb; border-color: #8fd9cf; }\r\n #tero-kickoff .tko-quicknav a:hover, #tero-kickoff .tko-quicknav a:focus-visible { color: var(--ink); background: var(--p-blue); border-color: var(--p-blue); }\r\n .tko-quicknav .s { display: none; }\r\n \/* Menu du site l\u00e9g\u00e8rement transparent (verre d\u00e9poli) sur cette page, avant qu'il disparaisse *\/\r\n .elementor-location-header .elementor-sticky--active {\r\n background-color: rgba(255, 255, 255, .62) !important;\r\n -webkit-backdrop-filter: saturate(160%) blur(16px); backdrop-filter: saturate(160%) blur(16px);\r\n transition: background-color .3s ease, transform .4s ease !important;\r\n }\r\n \/* Menu du site cach\u00e9 tant que la barre est affich\u00e9e *\/\r\n body.tko-menu-hidden .elementor-location-header .elementor-sticky--active,\r\n body.tko-menu-hidden .elementor-location-header .elementor-sticky { transform: translateY(-120%) !important; transition: transform .4s ease !important; }\r\n @media (max-width: 760px) {\r\n .tko-quicknav__in { gap: .35rem; padding: .8rem 0 .7rem; }\r\n #tero-kickoff .tko-quicknav a { min-height: 2.5rem; padding: .4rem .3rem; font-size: .78rem; }\r\n .tko-quicknav .l { display: none; }\r\n .tko-quicknav .s { display: inline; }\r\n }\r\n\r\n \/* ---------- Intentions ---------- *\/\r\n .tko-intents { padding-top: clamp(1rem, 2vw, 1.5rem); }\r\n .tko-intents__panel { padding: clamp(1.5rem, 4vw, 3.5rem); background: var(--p-blue); border-radius: var(--r); }\r\n .tko-intents__head { margin-bottom: clamp(1.5rem, 3vw, 2.25rem); }\r\n .tko-intents__head h2 { max-width: 20ch; font-size: clamp(1.7rem, 1rem + 2.6vw, 2.9rem); font-weight: 300; line-height: 1.05; letter-spacing: -.025em; }\r\n .tko-intents__head h2 strong { font-weight: 600; }\r\n .tko-intents__head p { max-width: 36rem; margin-top: 1rem; color: var(--mute); font-size: 1.02rem; line-height: 1.6; }\r\n .tko-intents__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)) minmax(14rem, 3.4fr); gap: 1rem; }\r\n .tko-intents__grid > .tko-int { grid-column: span 4; }\r\n .tko-int {\r\n position: relative; display: flex; flex-direction: column; min-height: 12.5rem; padding: 1.4rem 1.4rem 1.25rem;\r\n background: var(--white); border-radius: 1.4rem; cursor: pointer; outline-offset: 3px;\r\n transition: transform .4s var(--e), box-shadow .4s var(--e);\r\n }\r\n .tko-int:not(.tko-int--side):hover { transform: translateY(-3px); box-shadow: 0 1rem 2.4rem -1.4rem rgba(11, 18, 64, .35); }\r\n .tko-intents__grid > .tko-int--grande { grid-column: span 6; }\r\n .tko-intents__grid > .tko-int--side { grid-column: 13; grid-row: 1 \/ 3; cursor: auto; background: var(--p-lav); }\r\n .tko-int__face { display: grid; grid-template-columns: 2.2rem 1fr; column-gap: .4rem; align-content: start; height: 100%; }\r\n .tko-intents__grid > .tko-int:not(.tko-int--grande):not(.tko-int--side) { padding: 1.2rem 1.1rem 1.1rem; }\r\n .tko-intents__grid > .tko-int:not(.tko-int--grande) .tko-int__face { grid-template-columns: 1fr; }\r\n .tko-intents__grid > .tko-int:not(.tko-int--grande) .tko-int__face > * { grid-column: 1; }\r\n .tko-intents__grid > .tko-int:not(.tko-int--grande) .tko-int__num { padding: 0 0 .35rem; }\r\n .tko-intents__grid > .tko-int:not(.tko-int--grande) .tko-int__face p { font-size: .9rem; }\r\n .tko-int__num { grid-row: 1; padding-top: .35rem; color: var(--b); font-size: .82rem; font-weight: 600; font-variant-numeric: tabular-nums; }\r\n .tko-int h3 { font-size: clamp(1.3rem, 1rem + .8vw, 1.7rem); font-weight: 500; line-height: 1.1; letter-spacing: -.02em; }\r\n .tko-int__face p { grid-column: 2; margin-top: .7rem; max-width: 34rem; color: var(--mute); font-size: .95rem; line-height: 1.5; }\r\n .tko-int__go { grid-column: 2; align-self: end; margin-top: 1.1rem; color: var(--b); font-size: .9rem; font-weight: 600; }\r\n .tko-int__sol { display: none; }\r\n .tko-int.is-open .tko-int__face { display: none; }\r\n .tko-int.is-open .tko-int__sol { display: grid; gap: .55rem; align-content: start; }\r\n .tko-int__head { display: flex; justify-content: space-between; align-items: center; padding-bottom: .55rem; border-bottom: 1px solid var(--line); }\r\n .tko-int__head > span { color: var(--b); font-size: .72rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }\r\n .tko-int__back { padding: 0; border: 0; background: none; color: var(--mute); font: inherit; font-size: .82rem; font-weight: 500; cursor: pointer; }\r\n #tero-kickoff .tko-sol { display: grid; gap: .15rem; padding: .7rem .9rem; border: 1px solid var(--line); border-radius: .9rem; color: var(--ink); transition: border-color .25s ease, background .25s ease; }\r\n #tero-kickoff .tko-sol:hover, #tero-kickoff .tko-sol:focus-visible { border-color: var(--b); background: var(--p-ice); }\r\n .tko-sol__badge { color: var(--b); font-size: .66rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }\r\n .tko-sol b { font-size: .98rem; font-weight: 600; }\r\n .tko-sol__d { color: var(--mute); font-size: .84rem; line-height: 1.4; }\r\n .tko-int--grande.is-open .tko-int__sol { grid-template-columns: 1fr 1fr; }\r\n .tko-int--grande.is-open .tko-int__head { grid-column: 1 \/ -1; }\r\n .tko-int__ph { height: clamp(9rem, 14vw, 12rem); margin-bottom: 1.1rem; border-radius: 1rem; overflow: hidden; }\r\n .tko-int--side p { margin-top: .6rem; color: var(--mute); font-size: .95rem; line-height: 1.5; }\r\n .tko-int__muet { margin-top: auto; padding-top: 1rem; color: var(--mute); font-size: .86rem; font-weight: 600; }\r\n .tko-intents__repli { margin-top: 1.4rem; text-align: center; color: var(--mute); font-size: .95rem; }\r\n #tero-kickoff .tko-intents__repli a { color: var(--ink); font-weight: 600; text-decoration: underline; text-underline-offset: .2em; }\r\n @media (max-width: 980px) {\r\n .tko-intents__grid { grid-template-columns: 1fr 1fr; }\r\n .tko-intents__grid > .tko-int, .tko-intents__grid > .tko-int--grande { grid-column: auto; }\r\n .tko-intents__grid > .tko-int--side { grid-column: 1 \/ -1; grid-row: auto; }\r\n .tko-int__ph { height: 11rem; }\r\n }\r\n @media (max-width: 640px) {\r\n .tko-intents__grid { grid-template-columns: 1fr; }\r\n .tko-int--grande.is-open .tko-int__sol { grid-template-columns: 1fr; }\r\n .tko-int { min-height: 0; }\r\n }\r\n\r\n \/* ---------- Carrousel des lieux : fl\u00e8ches \u00e0 gauche et \u00e0 droite ---------- *\/\r\n .tko-railbox { position: relative; }\r\n .tko-railbox .tko-rail { width: 100%; }\r\n .tko-railbtn {\r\n position: absolute; z-index: 3; top: 50%; display: grid; place-items: center; width: 3rem; aspect-ratio: 1;\r\n color: var(--ink); background: var(--white); border: 0; border-radius: 50%; font: inherit; font-size: 1.1rem; cursor: pointer;\r\n box-shadow: 0 .6rem 1.6rem -.6rem rgba(0, 0, 0, .45); transform: translateY(-50%); transition: opacity .25s ease, background .25s ease, color .25s ease;\r\n }\r\n .tko-railbtn:hover, .tko-railbtn:focus-visible { color: var(--white); background: var(--b); }\r\n .tko-railbtn--prev { left: -1.1rem; }\r\n .tko-railbtn--next { right: -1.1rem; }\r\n .tko-railbtn:disabled { opacity: 0; pointer-events: none; }\r\n .tko-railbox.is-static .tko-railbtn { display: none; }\r\n .tko-rail .tko-venue__badge { font-size: .72rem; }\r\n @media (max-width: 760px) { .tko-railbtn--prev { left: .4rem; } .tko-railbtn--next { right: .4rem; } .tko-railbtn { width: 2.6rem; } }\r\n\r\n\r\n \/* ---------- Carrousel des lieux : 3 cartes \u00e0 l'\u00e9cran, 50 % de hauteur, d\u00e9filement en arc ---------- *\/\r\n .tko-cr { position: relative; --cw: calc((min(100vw - (var(--g) * 2), 1440px) - 2 * clamp(1rem, 2vw, 1.75rem)) \/ 3 * .9); }\r\n .tko-cr__track {\r\n display: flex; align-items: flex-start; gap: clamp(1rem, 2vw, 1.75rem);\r\n overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; cursor: grab;\r\n padding: clamp(1rem, 2vw, 1.5rem) calc(50% - var(--cw) \/ 2) clamp(4.5rem, 7vw, 6rem);\r\n }\r\n .tko-cr__track::-webkit-scrollbar { display: none; }\r\n .tko-cr__track.is-dragging { cursor: grabbing; }\r\n .tko-cr__track.is-dragging a { pointer-events: none; }\r\n .tko-card {\r\n display: flex; flex-direction: column; gap: .9rem; padding: .9rem .9rem 1.3rem;\r\n border-radius: 1.2rem; background: var(--p-blue); text-decoration: none;\r\n box-shadow: 0 1.2rem 2.4rem -1.8rem rgba(0, 0, 0, .35);\r\n }\r\n .tko-cr .tko-card {\r\n flex: 0 0 var(--cw); height: 50vh; height: 50svh; min-height: 22rem; max-height: 34rem;\r\n transform-origin: 50% 130%; will-change: transform;\r\n transform: translateY(var(--ay, 0px)) rotate(var(--ar, 0deg)) scale(var(--as, 1));\r\n opacity: var(--ao, 1); transition: opacity .35s ease, box-shadow .4s ease;\r\n }\r\n .tko-cr .tko-card .tko-card__ph { flex: 1 1 auto; aspect-ratio: auto; min-height: 0; }\r\n .tko-card--yellow { background: var(--p-yellow); }\r\n .tko-card--lav { background: var(--p-lav); }\r\n .tko-card--mint { background: var(--p-mint); }\r\n .tko-card--white { background: var(--white); }\r\n .tko-card--dark { background: var(--ink); }\r\n #tero-kickoff a.tko-card, #tero-kickoff a.tko-card:visited, #tero-kickoff a.tko-card:hover { color: var(--ink); }\r\n #tero-kickoff a.tko-card--dark, #tero-kickoff a.tko-card--dark:visited, #tero-kickoff a.tko-card--dark:hover { color: var(--white); }\r\n .tko-card__ph { position: relative; display: block; aspect-ratio: 1 \/ 1.02; border-radius: .7rem; overflow: hidden; }\r\n #tero-kickoff .tko-card__ph img { width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; margin: 0 !important; user-select: none; -webkit-user-drag: none; transition: transform 1s var(--e); }\r\n .tko-card:hover .tko-card__ph img { transform: scale(1.04); }\r\n .tko-card__badge { position: absolute; top: .8rem; left: .8rem; padding: .4rem .85rem; border-radius: 999px; color: var(--ink); background: var(--white); font-size: .75rem; font-weight: 600; }\r\n .tko-card__txt { display: grid; gap: .3rem; text-align: center; padding: 0 .4rem; }\r\n .tko-card__txt small { font-size: .68rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; opacity: .62; }\r\n .tko-card__txt b { font-size: clamp(1.1rem, .95rem + .45vw, 1.4rem); font-weight: 500; line-height: 1.2; letter-spacing: -.01em; }\r\n .tko-cr__btn {\r\n position: absolute; z-index: 3; top: 45%; display: grid; place-items: center; width: 3rem; aspect-ratio: 1;\r\n color: var(--ink); background: var(--white); border: 0; border-radius: 50%; font: inherit; font-size: 1.1rem; cursor: pointer;\r\n box-shadow: 0 .6rem 1.6rem -.6rem rgba(0, 0, 0, .45); transform: translateY(-50%); transition: opacity .25s ease, background .25s ease, color .25s ease;\r\n }\r\n .tko-cr__btn:hover, .tko-cr__btn:focus-visible { color: var(--white); background: var(--b); }\r\n .tko-cr__btn--prev { left: max(var(--g), calc((100vw - 1440px) \/ 2)); }\r\n .tko-cr__btn--next { right: max(var(--g), calc((100vw - 1440px) \/ 2)); }\r\n .tko-cr__btn:disabled { opacity: 0; pointer-events: none; }\r\n\r\n \/* Mobile : paquet de cartes, on passe de l'une \u00e0 l'autre en swipant *\/\r\n .tko-cr__count { display: none; }\r\n @media (max-width: 760px) {\r\n .tko-cr { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: .6rem 1rem; }\r\n .tko-cr__track {\r\n order: -1; flex: 0 0 var(--w); display: grid; overflow: visible; width: var(--w); margin: 0 auto;\r\n padding: .5rem 0 2.6rem; cursor: auto; scroll-snap-type: none; touch-action: pan-y; user-select: none;\r\n }\r\n .tko-cr .tko-card {\r\n grid-area: 1 \/ 1; width: 100%; height: auto; min-height: 0; max-height: none; margin: 0; transform-origin: 50% 100%; will-change: transform, opacity;\r\n transition: transform .5s cubic-bezier(.2, .8, .2, 1), opacity .35s ease, box-shadow .4s ease;\r\n }\r\n .tko-cr.is-swiping .tko-card.is-front { transition: none; }\r\n .tko-cr .tko-card .tko-card__ph { flex: none; aspect-ratio: 4 \/ 3; }\r\n .tko-cr__btn { display: grid; position: static; transform: none; width: 2.8rem; box-shadow: none; border: 1px solid var(--line); }\r\n .tko-cr__btn:disabled { opacity: 1; pointer-events: auto; }\r\n .tko-cr__count { display: block; min-width: 4.5rem; text-align: center; color: var(--mute); font-size: .9rem; font-weight: 600; font-variant-numeric: tabular-nums; }\r\n }\r\n\r\n \/* ---------- Activit\u00e9s : mosa\u00efque photo + texte (fa\u00e7on avis terblock.be) ---------- *\/\r\n .tko-acts { padding-top: clamp(1rem, 2vw, 1.5rem); }\r\n .tko-acts__panel { padding: clamp(1.5rem, 4vw, 3.5rem); border-radius: var(--r); color: var(--ink); background: var(--p-yellow); }\r\n .tko-acts__head { margin-bottom: clamp(1.5rem, 3vw, 2.25rem); }\r\n .tko-acts__head h2 { max-width: 20ch; color: var(--ink); font-size: clamp(2.07rem, 1.4rem + 2.2vw, 3rem); font-weight: 300; line-height: 1.05; letter-spacing: -.025em; }\r\n .tko-acts__head h2 strong { font-weight: 600; }\r\n .tko-acts__head p { max-width: 36rem; margin-top: 1rem; color: var(--mute); font-size: 1.02rem; line-height: 1.6; }\r\n .tko-bento-acts { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 1rem; }\r\n .tko-bt { position: relative; display: flex; border-radius: 1.4rem; overflow: hidden; min-height: clamp(17rem, 26vw, 22rem); }\r\n .tko-bento-acts > .tko-bt:nth-child(4n+1), .tko-bento-acts > .tko-bt:nth-child(4n) { grid-column: span 7; }\r\n .tko-bento-acts > .tko-bt:nth-child(4n+2), .tko-bento-acts > .tko-bt:nth-child(4n+3) { grid-column: span 5; }\r\n #tero-kickoff .tko-bt--photo img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; margin: 0 !important; transition: transform 1.1s var(--e); }\r\n .tko-bt--photo:hover img { transform: scale(1.04); }\r\n .tko-bt__tag { position: absolute; left: 1rem; bottom: 1rem; padding: .5rem 1rem; border-radius: 999px; color: var(--ink); background: var(--white); font-size: .88rem; font-weight: 500; }\r\n .tko-bt--text { flex-direction: column; justify-content: center; gap: .7rem; padding: clamp(1.4rem, 3vw, 2.4rem); }\r\n #tero-kickoff a.tko-bt, #tero-kickoff a.tko-bt:visited, #tero-kickoff a.tko-bt:hover { color: var(--ink); }\r\n .tko-bt--yellow { background: var(--p-yellow); }\r\n .tko-bt--white { background: var(--white); }\r\n .tko-bt--mint { background: var(--p-mint); }\r\n .tko-bt--lav { background: var(--p-lav); }\r\n .tko-bt--blue { background: var(--p-blue); }\r\n .tko-bt--text small { font-size: .7rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--mute); }\r\n .tko-bt--text h3 { font-size: clamp(1.5rem, 1.15rem + .82vw, 1.89rem); font-weight: 600; line-height: 1.05; letter-spacing: -.03em; }\r\n .tko-bt--text p { font-size: clamp(1.02rem, .95rem + .3vw, 1.2rem); font-weight: 300; line-height: 1.45; }\r\n .tko-bt__go { margin-top: .4rem; font-size: .92rem; font-weight: 600; }\r\n .tko-bt--text:hover .tko-bt__go { text-decoration: underline; text-underline-offset: .2em; }\r\n #tero-kickoff .tko-acts__all { margin-top: clamp(1.5rem, 3vw, 2.25rem); }\r\n @media (max-width: 860px) {\r\n .tko-bento-acts > .tko-bt:nth-child(n) { grid-column: 1 \/ -1; }\r\n .tko-bento-acts > .tko-bt--photo { min-height: 14rem; }\r\n .tko-bento-acts > .tko-bt--text { min-height: 0; }\r\n \/* sur mobile : toujours la photo puis son texte *\/\r\n .tko-bento-acts > .tko-bt { order: var(--o, 0); }\r\n }\r\n\r\n \/* ---------- Formules traiteur : cartes comme les lieux, en plus petit ---------- *\/\r\n .tko-card--mini { padding: .65rem .65rem 1rem; gap: .7rem; border-radius: 1rem; transition: transform .4s var(--e), box-shadow .4s var(--e); }\r\n .tko-card--mini:hover { transform: translateY(-4px); box-shadow: 0 1.4rem 2.6rem -1.6rem rgba(0, 0, 0, .4); }\r\n .tko-card--mini .tko-card__ph { aspect-ratio: 4 \/ 3.4; border-radius: .6rem; }\r\n .tko-card--mini .tko-card__txt b { font-size: 1.08rem; }\r\n .tko-card--mini .tko-card__txt small { font-size: .62rem; }\r\n\r\n \/* ---------- Teroir : formules ---------- *\/\r\n .tko-formules { grid-column: 1 \/ -1; padding-top: clamp(1.25rem, 3vw, 2rem); border-top: 1px solid var(--line); }\r\n .tko-formules__title { margin-bottom: 1.6rem; font-size: clamp(1.5rem, 1.15rem + .82vw, 1.89rem); font-weight: 300; line-height: 1.1; letter-spacing: -.025em; }\r\n .tko-formules__title strong { font-weight: 600; }\r\n .tko-formules__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: .8rem; }\r\n #tero-kickoff .tko-formule { position: relative; display: grid; align-content: start; gap: .45rem; padding: 1.15rem 1.25rem 2.6rem; background: var(--white); border-radius: 1.25rem; color: var(--ink); transition: transform .35s var(--e), box-shadow .35s var(--e); }\r\n #tero-kickoff .tko-formule:hover { transform: translateY(-3px); box-shadow: 0 1rem 2rem -1.2rem rgba(0, 0, 0, .3); }\r\n .tko-formule b { font-size: 1.12rem; font-weight: 600; letter-spacing: -.01em; }\r\n .tko-formule span { color: var(--mute); font-size: .92rem; line-height: 1.45; }\r\n .tko-formule i { position: absolute; left: 1.25rem; bottom: 1rem; color: var(--b); font-style: normal; font-weight: 600; }\r\n #tero-kickoff .tko-formules__all { display: inline-flex; gap: .5rem; margin-top: 1.1rem; color: var(--ink); font-weight: 600; text-decoration: underline; text-underline-offset: .25em; }\r\n @media (max-width: 980px) { .tko-formules__grid { grid-template-columns: 1fr 1fr; } }\r\n @media (max-width: 520px) { .tko-formules__grid { gap: .6rem; } .tko-card--mini .tko-card__txt small { display: none; } .tko-card--mini .tko-card__txt b { font-size: .98rem; } }\r\n\r\n \/* ---------- Pourquoi Tero ---------- *\/\r\n .tko-why { padding-block: clamp(2.5rem, 5vw, 4rem) clamp(2rem, 4vw, 3rem); }\r\n .tko-why__head p { justify-self: start; max-width: 40rem; margin-top: 0; color: var(--mute); font-size: 1.02rem; line-height: 1.6; }\r\n .tko-why { margin-bottom: clamp(1.5rem, 3vw, 2.5rem); }\r\n .tko-why__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }\r\n .tko-pilier { position: relative; display: block; height: clamp(22rem, 28vw, 26rem); border-radius: 1.4rem; overflow: hidden; isolation: isolate; }\r\n #tero-kickoff a.tko-pilier, #tero-kickoff a.tko-pilier:visited, #tero-kickoff a.tko-pilier:hover { color: var(--white); }\r\n .tko-pilier__ph { position: absolute; z-index: -2; inset: 0; }\r\n .tko-pilier__ph img { transition: transform 1.1s var(--e); }\r\n .tko-pilier:hover .tko-pilier__ph img { transform: scale(1.05); }\r\n .tko-pilier::after { content: \"\"; position: absolute; z-index: -1; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, .82)); transition: background .4s ease; }\r\n .tko-pilier:hover::after { background: linear-gradient(180deg, rgba(0, 0, 0, .25) 0%, rgba(0, 0, 0, .86)); }\r\n .tko-pilier__sur { position: absolute; inset: auto 0 0 0; padding: 1.4rem; }\r\n .tko-pilier h3 { font-size: clamp(1.5rem, 1.15rem + .82vw, 1.89rem); font-weight: 500; line-height: 1.05; letter-spacing: -.03em; }\r\n .tko-pilier__rev { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .45s var(--e); }\r\n .tko-pilier__rev > div { overflow: hidden; }\r\n .tko-pilier:hover .tko-pilier__rev, .tko-pilier:focus-visible .tko-pilier__rev, .tko-pilier--fixe .tko-pilier__rev { grid-template-rows: 1fr; }\r\n .tko-pilier p { margin-top: .7rem; font-size: .92rem; line-height: 1.5; opacity: .9; }\r\n .tko-pilier__go { display: inline-block; margin-top: .8rem; font-size: .88rem; font-weight: 600; }\r\n .tko-pilier--fixe { color: var(--ink); background: var(--p-blue); }\r\n .tko-pilier--fixe::after { display: none; }\r\n .tko-pilier--fixe .tko-pilier__sur { inset: auto 0 0 0; }\r\n .tko-pilier--fixe p { opacity: 1; color: var(--mute); }\r\n .tko-pilier__go--muet { color: var(--mute); }\r\n @media (hover: none) { .tko-pilier__rev { grid-template-rows: 1fr; } }\r\n @media (max-width: 980px) { .tko-why__grid { grid-template-columns: 1fr 1fr; } }\r\n @media (max-width: 520px) { .tko-why__grid { grid-template-columns: 1fr; } .tko-pilier { height: 19rem; } }\r\n\r\n \/* ---------- Blog ---------- *\/\r\n .tko-blog { padding-bottom: clamp(3rem, 6vw, 5rem); }\r\n .tko-blog__head { display: flex; justify-content: space-between; align-items: end; gap: 1.5rem; flex-wrap: wrap; margin-bottom: clamp(1.25rem, 3vw, 2rem); }\r\n .tko-blog__head h2 { font-size: clamp(1.7rem, 1rem + 2.6vw, 2.9rem); font-weight: 300; line-height: 1.05; letter-spacing: -.025em; }\r\n .tko-blog__head h2 strong { font-weight: 600; }\r\n .tko-blog__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }\r\n #tero-kickoff .tko-article { display: flex; flex-direction: column; justify-content: space-between; gap: 1.5rem; min-height: 11rem; padding: 1.4rem; background: var(--p-ice); border-radius: 1.4rem; color: var(--ink); transition: background .3s ease, transform .35s var(--e); }\r\n #tero-kickoff .tko-article:hover { background: var(--p-blue); transform: translateY(-3px); }\r\n .tko-article h3 { font-size: clamp(1.05rem, .95rem + .35vw, 1.25rem); font-weight: 500; line-height: 1.3; letter-spacing: -.01em; }\r\n .tko-article > span { color: var(--b); font-size: .9rem; font-weight: 600; }\r\n @media (max-width: 860px) { .tko-blog__grid { grid-template-columns: 1fr; } .tko-article { min-height: 0; } }\r\n\r\n \/* ---------- Responsive ---------- *\/\r\n @media (max-width: 980px) {\r\n .tko-section-head, .tko-teroir, .tko-brief__card, .tko-faq { grid-template-columns: 1fr; }\r\n .tko-section-head p { justify-self: start; }\r\n .tko-proof { grid-template-columns: 1fr 1fr; }\r\n }\r\n @media (max-width: 640px) {\r\n .tko { --r: 1.5rem; }\r\n .tko-closing__actions .tko-btn { width: 100%; }\r\n .tko-fields { grid-template-columns: 1fr; }\r\n .tko-closing__actions { display: grid; }\r\n .tko-faq details p { padding-right: 0; }\r\n .tko-teroir__media { height: 28rem; }\r\n }\r\n @media (prefers-reduced-motion: reduce) {\r\n .tko *, .tko *::before, .tko *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }\r\n .tko-reveal, .tko-fade, .tko-line > span { opacity: 1; transform: none; }\r\n .tko-hook__text .w { color: var(--ink); }\r\n .tko-marquee__track { animation: none; }\r\n }\r\n\r\n\r\n \/* ---------- Compte \u00e0 rebours \u00e0 c\u00f4t\u00e9 du CTA principal ---------- *\/\r\n .tko-hero__actions { align-items: center; }\r\n .tko-countdown--hero { padding: .85rem 1.3rem; border: 0; background: var(--white); color: var(--ink); font-size: .95rem; font-weight: 500; box-shadow: 0 .6rem 1.4rem -1rem rgba(16, 150, 140, .6); }\r\n .tko-countdown--hero b { font-size: 1.3rem; color: var(--b); }\r\n @media (max-width: 760px) {\r\n .tko .tko-hero__actions { display: flex; flex-wrap: nowrap; gap: .5rem; }\r\n .tko .tko-hero__actions .tko-btn { width: auto; flex: 1 1 auto; }\r\n .tko .tko-hero__actions .tko-btn { white-space: nowrap; padding-inline: 1.15rem; gap: .6rem; }\r\n .tko .tko-countdown--hero { display: inline-flex; flex: 0 0 auto; gap: .35rem; padding: .8rem .95rem; font-size: .8rem; }\r\n .tko-countdown--hero b { font-size: 1.1rem; }\r\n }\r\n\r\n \/* ---------- Rythme vertical : m\u00eame respiration entre toutes les sections ---------- *\/\r\n .tko { --sp: clamp(3.5rem, 7vw, 6rem); }\r\n .tko-intents, .tko-venues, .tko-acts, .tko-why, .tko-faq, .tko-blog { padding-top: 0; margin-top: var(--sp); }\r\n .tko-teroir { margin-block: var(--sp) 0; }\r\n .tko-why { padding-block: 0; margin-bottom: 0; }\r\n .tko-faq { padding-bottom: 0; }\r\n .tko-blog { padding-bottom: var(--sp); }\r\n .tko-hook { padding-block: var(--sp) 0; }\r\n .tko-cr__track { padding-bottom: clamp(2rem, 3vw, 2.5rem); }\r\n .tko-intents__repli { margin-top: clamp(2rem, 3.5vw, 2.75rem); }\r\n .tko-intents__head p, .tko-acts__head p { margin-top: 1.1rem; }\r\n .tko-formules { margin-top: clamp(1rem, 2vw, 1.5rem); padding-top: clamp(2rem, 4vw, 3rem); }\r\n .tko-formules__title { margin-bottom: 1.75rem; }\r\n .tko-section-head { gap: 1.1rem; }\r\n\r\n\r\n \/* ---------- Devis dans le cadre : fond turquoise pastel, plus de voile sombre ---------- *\/\r\n .tko-hero__quote { color: var(--ink); }\r\n .tko-hero__quote .tko-brief__intro p { color: var(--mute); }\r\n .tko-hero__quote .tko-brief__reassure { color: var(--ink); }\r\n .tko-hero__quote .tko-brief__reassure li::before { color: var(--b); }\r\n .tko-hero__quote .tko-form { box-shadow: 0 1.5rem 3.5rem -1.8rem rgba(16, 150, 140, .45); }\r\n\r\n\r\n \/* ---------- Hero ouvert : fond turquoise pastel en permanence ----------\r\n Les quatre temps s'affichent dans un cadre photo aux bords arrondis, exactement \u00e0 la taille\r\n et \u00e0 la place du cadre de d\u00e9part (--qx\/--qy\/--qw\/--qh calcul\u00e9s en JS), textes sur la photo. *\/\r\n .tko-quad {\r\n left: var(--rx, 0px); top: var(--ry, 0px); right: auto; bottom: auto;\r\n width: var(--rw, 100%); height: var(--rh, 100%);\r\n display: flex; flex-direction: column; justify-content: space-between;\r\n padding: clamp(1.5rem, 4vw, 3.5rem); color: var(--white);\r\n border-radius: var(--rr, 2.5rem); overflow: hidden; isolation: isolate;\r\n box-shadow: 0 1.6rem 3.5rem -2.2rem rgba(16, 150, 140, .55);\r\n }\r\n .tko-quad__ph { position: absolute; z-index: -2; inset: 0; background: rgba(16, 150, 140, .1); }\r\n .tko-quad::before {\r\n content: \"\"; position: absolute; z-index: -1; inset: 0; pointer-events: none;\r\n background:\r\n linear-gradient(180deg, rgba(15, 15, 20, .5) 0%, rgba(15, 15, 20, 0) 30%),\r\n linear-gradient(0deg, rgba(15, 15, 20, .78) 0%, rgba(15, 15, 20, .35) 42%, rgba(15, 15, 20, 0) 65%);\r\n }\r\n .tko-quad__title { margin-bottom: 0; color: var(--white); }\r\n .tko-quad__item h2 { color: var(--white); }\r\n @media (max-width: 760px) {\r\n .tko-quad { padding: 1.25rem; }\r\n .tko-quad::before { background: linear-gradient(180deg, rgba(15, 15, 20, .5) 0%, rgba(15, 15, 20, 0) 28%), linear-gradient(0deg, rgba(15, 15, 20, .82) 0%, rgba(15, 15, 20, .3) 45%, rgba(15, 15, 20, 0) 62%); }\r\n }\r\n @media (prefers-reduced-motion: reduce) { .tko-quad { position: relative; width: auto; height: 80vh; margin: 0 clamp(1rem, 3vw, 2.5rem) 2rem; } .tko-quad__ph .tko-layer:first-child { display: block; opacity: 1 !important; } }\r\n\r\n\r\n \/* ---------- Anti-tremblement du hero : taille fixe + masque ---------- *\/\r\n @media (prefers-reduced-motion: no-preference) {\r\n .tko .tko-hero { left: 0; top: 0; width: 100%; height: 100%; transform: none; border-radius: 0; will-change: clip-path; }\r\n .tko-hero__media { inset: auto; left: var(--rx, 0px); top: var(--ry, 0px); width: var(--rw, 100%); height: var(--rh, 100%); overflow: visible; }\r\n .tko-hero__num { font-size: min(calc(var(--rh, 600px) * .62), 27vw); transform: translateY(-50%) scale(calc(1 + var(--f, 0) * .1)); transform-origin: 100% 50%; will-change: transform; }\r\n .tko-hero__intro { inset: auto; left: var(--rx, 0px); top: var(--ry, 0px); width: var(--rw, 100%); height: var(--rh, 100%); will-change: opacity, transform; }\r\n .tko-hero__quote { inset: auto; left: var(--rx, 0px); top: var(--ry, 0px); width: var(--rw, 100%); height: var(--rh, 100%); will-change: opacity, transform; }\r\n .tko-quad, .tko-hero__story { will-change: opacity, transform; }\r\n .tko-layer img { will-change: transform; backface-visibility: hidden; }\r\n }\r\n \/* Sur mobile, le devis reste en plein \u00e9cran *\/\r\n @media (prefers-reduced-motion: no-preference) and (max-width: 759px) {\r\n .tko-hero__quote { left: 0; top: 0; width: 100%; height: 100%; grid-template-rows: auto auto; }\r\n }\r\n @media (prefers-reduced-motion: no-preference) and (max-width: 760px) {\r\n .tko-hero__num { top: 2.5rem; font-size: 34vw; transform: scale(calc(1 + var(--f, 0) * .1)); transform-origin: 100% 0; }\r\n }\r\n\r\n\r\n \/* ---------- Identit\u00e9 Teroir : radis grav\u00e9 + italique \u00e0 empattements ---------- *\/\r\n .tko-teroir { position: relative; }\r\n .tko-serif { font-family: \"Times New Roman\", Times, serif; font-style: italic; font-weight: 400; letter-spacing: -.01em; font-size: 1.17em; line-height: 0; }\r\n \/* Radis en filigrane : grand, transparent, derri\u00e8re le texte, coup\u00e9 par le bord du bloc *\/\r\n .tko-teroir { overflow: hidden; isolation: isolate; }\r\n .tko-teroir > * { position: relative; z-index: 1; }\r\n #tero-kickoff .tko-teroir > .tko-teroir__radis {\r\n position: absolute; z-index: 0; right: -5rem; top: -4rem;\r\n width: clamp(18rem, 36vw, 34rem) !important; height: auto !important; max-width: none !important;\r\n opacity: .1; transform: rotate(-14deg); pointer-events: none;\r\n }\r\n @media (max-width: 980px) { #tero-kickoff .tko-teroir > .tko-teroir__radis { right: -22%; top: 26%; width: 90vw !important; opacity: .09; } }\r\n\r\n \/* ---------- \u00ab 2027 \u00bb : la zone de remplissage couvre aussi le dernier chiffre ---------- *\/\r\n .tko-hero__num { padding-right: .22em; right: -.27em; }\r\n\r\n\r\n \/* ---------- Bandeau de valeurs Teroir qui d\u00e9file (repris de terblock.be\/traiteur) ---------- *\/\r\n .tko-teroir > div { min-width: 0; }\r\n .tko-tick {\r\n max-width: 100%;\r\n overflow: hidden; margin-top: clamp(1.25rem, 2.5vw, 1.75rem);\r\n -webkit-mask-image: linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent);\r\n mask-image: linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent);\r\n }\r\n .tko-tick__track { display: flex; width: max-content; animation: tko-tick 38s linear infinite; }\r\n .tko-tick:hover .tko-tick__track { animation-play-state: paused; }\r\n .tko .tko-tick ul { display: flex; margin: 0; padding: 0; list-style: none; }\r\n .tko .tko-tick li {\r\n display: flex; align-items: center; margin: 0; padding: 0;\r\n font-size: clamp(.8rem, .7rem + .3vw, .95rem); font-weight: 300; letter-spacing: .24em; text-transform: uppercase;\r\n color: #5f6070; white-space: nowrap;\r\n }\r\n .tko .tko-tick li::after { content: \"\"; width: 5px; height: 5px; margin: 0 clamp(1.25rem, 2.4vw, 2.25rem); border-radius: 50%; background: #b9bac4; }\r\n @keyframes tko-tick { to { transform: translateX(-50%); } }\r\n @media (prefers-reduced-motion: reduce) { .tko-tick__track { animation: none; } }\r\n\r\n\r\n \/* ---------- Formulaire : date pr\u00e9cise ---------- *\/\r\n .tko-field--date { margin-top: .9rem; max-width: 16rem; }\r\n .tko-field--date label span { font-weight: 400; color: var(--mute); }\r\n .tko-field--date input { font-family: inherit; color: var(--ink); }\r\n\r\n\r\n .tko-form .is-missing > p { color: #c2410c; }\r\n .tko-form .is-missing .tko-chip span, .tko-form .tko-chips.is-missing .tko-chip span { box-shadow: 0 0 0 1.5px #f4a37c inset; }\r\n .tko-form__error:not(:empty) { margin-top: .9rem; color: #c2410c; font-weight: 500; }\r\n\r\n\r\n \/* ---------- Formulaire du hero : plus compact, bouton \u00ab Continuer \u00bb toujours visible ---------- *\/\r\n .tko-hero__quote .tko-chips { gap: .45rem; }\r\n .tko-hero__quote .tko-chip span { min-height: 2.45rem; padding: .5rem 1rem; font-size: .9rem; }\r\n .tko-hero__quote .tko-form__group + .tko-form__group { margin-top: 1.1rem; }\r\n .tko-hero__quote .tko-form__group > p { margin-bottom: .5rem; }\r\n .tko-hero__quote .tko-field--date { margin-top: .6rem; }\r\n .tko-hero__quote .tko-field--date input { padding: .5rem 1rem; }\r\n .tko-hero__quote .tko-form__nav {\r\n position: sticky; bottom: calc(-1 * clamp(1rem, 2.6vh, 1.75rem)); z-index: 2;\r\n margin-inline: calc(-1 * clamp(1.25rem, 2.4vw, 2rem)); padding: .75rem clamp(1.25rem, 2.4vw, 2rem) clamp(1rem, 2.6vh, 1.75rem);\r\n margin-bottom: calc(-1 * clamp(1rem, 2.6vh, 1.75rem)); background: var(--white); border-radius: 0 0 1.6rem 1.6rem;\r\n }\r\n\r\n\r\n \/* Formulaire JetFormBuilder qui transporte la demande vers Efficy : pr\u00e9sent sur la page mais invisible *\/\r\n #tko-jfb { position: absolute !important; left: -9999px !important; top: auto !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }\r\n\r\n\r\n .tko-hero__quote .tko-consent--2 { margin-top: .45rem; }\r\n #tero-kickoff .tko-consent a { color: var(--ink); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }\r\n\r\n\r\n \/* Mobile : pr\u00e9nom et nom c\u00f4te \u00e0 c\u00f4te pour raccourcir l'\u00e9tape 5 *\/\r\n @media (max-width: 760px) {\r\n .tko-hero__quote .tko-fields { grid-template-columns: 1fr 1fr; }\r\n .tko-hero__quote .tko-fields .tko-field:nth-child(n+3) { grid-column: 1 \/ -1; }\r\n }\r\n\r\n\r\n \/* Deux dates (du \/ au) c\u00f4te \u00e0 c\u00f4te *\/\r\n .tko-dates { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; max-width: 24rem; margin-top: .6rem; }\r\n .tko-dates .tko-field--date { margin-top: 0; max-width: none; }\r\n .tko-hero__quote .tko-dates .tko-field--date { margin-top: 0; }\r\n\r\n \/* Le th\u00e8me colore les boutons au survol \/ clic (rose) : on neutralise sur nos boutons *\/\r\n #tero-kickoff .tko-form__back, #tero-kickoff .tko-form__back:hover, #tero-kickoff .tko-form__back:focus, #tero-kickoff .tko-form__back:active,\r\n #tero-kickoff .tko-int__back, #tero-kickoff .tko-int__back:hover, #tero-kickoff .tko-int__back:focus, #tero-kickoff .tko-int__back:active {\r\n background: none !important; border: 0 !important; box-shadow: none !important; color: var(--mute) !important; border-radius: 0 !important; padding-inline: 0 !important;\r\n }\r\n #tero-kickoff .tko-form__back:hover, #tero-kickoff .tko-int__back:hover { color: var(--ink) !important; }\r\n #tero-kickoff .tko-form__back:focus-visible, #tero-kickoff .tko-int__back:focus-visible { outline: 2px solid var(--b); outline-offset: 3px; }\r\n #tero-kickoff .tko-cr__btn:focus, #tero-kickoff .tko-railbtn:focus { background: var(--white); color: var(--ink); border: 0; }\r\n #tero-kickoff .tko-cr__btn:hover, #tero-kickoff .tko-railbtn:hover, #tero-kickoff .tko-cr__btn:focus-visible, #tero-kickoff .tko-railbtn:focus-visible { background: var(--b); color: var(--white); }\r\n #tero-kickoff button.tko-btn--bx, #tero-kickoff button.tko-btn--bx:hover, #tero-kickoff button.tko-btn--bx:focus, #tero-kickoff button.tko-btn--bx:active { background-color: var(--b); color: var(--white); border-color: var(--b); }\r\n #tero-kickoff button.tko-btn--bx:hover { border-color: var(--b-2); }\r\n\r\n\r\n .tko-form__soft { font-weight: 400; color: var(--mute); }\r\n .tko-hero__quote [data-step=\"3\"] .tko-form__group + .tko-form__group { margin-top: .9rem; }\r\n\r\n\r\n \/* ---------- Intentions : au verso, photo + nuage de tags ---------- *\/\r\n .tko-int__face { display: flex; flex-direction: column; }\r\n .tko-int__face p { margin-top: .7rem !important; }\r\n .tko-int__face .tko-int__go { margin-top: auto; padding-top: 1.1rem; }\r\n .tko-int__verso { display: grid; gap: .9rem; margin-top: .3rem; }\r\n .tko-int__verso .tko-int__ph { height: clamp(8rem, 11vw, 10rem); margin: 0; }\r\n .tko-int__vtxt { display: flex; flex-direction: column; gap: .8rem; }\r\n .tko .tko-int__tags { display: flex; flex-wrap: wrap; gap: .4rem; margin: 0; padding: 0; list-style: none; }\r\n .tko .tko-tag { margin: 0; padding: .32rem .75rem; border-radius: 999px; font-size: .8rem; font-weight: 500; line-height: 1.2; color: var(--ink); }\r\n .tko-tag--blue { background: var(--p-blue); }\r\n .tko-tag--mint { background: var(--p-mint); }\r\n .tko-tag--yellow { background: var(--p-yellow); }\r\n #tero-kickoff .tko-int__cta { color: var(--b); font-size: .88rem; font-weight: 600; }\r\n .tko-int.is-open .tko-int__sol { display: block; }\r\n .tko-int__sol .tko-int__head > span { letter-spacing: .08em; }\r\n \/* grandes cartes : photo \u00e0 gauche, nuage de tags \u00e0 droite *\/\r\n @media (min-width: 641px) {\r\n .tko-int--grande .tko-int__verso { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); align-items: stretch; }\r\n .tko-int--grande .tko-int__verso .tko-int__ph { height: 100%; min-height: 9.5rem; }\r\n .tko-int--grande .tko-int__vtxt { justify-content: center; }\r\n .tko-int--grande .tko-tag { font-size: .86rem; padding: .42rem .95rem; }\r\n }\r\n\r\n\r\n \/* ---------- Devis en bas de page ---------- *\/\r\n .tko-devis { margin-top: var(--sp); }\r\n .tko-devis__panel { background: var(--p-mint); border-radius: var(--r); }\r\n .tko .tko-hero__quote.tko-quote--bas {\r\n position: relative; inset: auto; left: auto; top: auto; width: auto; height: auto; min-height: 0;\r\n opacity: 1; transform: none; pointer-events: auto; overflow: visible; align-items: center;\r\n padding: clamp(1.5rem, 4vw, 3.5rem);\r\n }\r\n .tko .tko-quote--bas .tko-form { max-height: none; overflow: visible; }\r\n .tko-devis__dock { min-width: 0; }\r\n .tko-devis__dock:empty { min-height: 30rem; border-radius: 1.6rem; background: rgba(255, 255, 255, .55); }\r\n @media (max-width: 760px) {\r\n .tko .tko-hero__quote.tko-quote--bas { grid-template-columns: 1fr; padding: 1.5rem 1rem; }\r\n }\r\n\r\n\r\n \/* ---------- Titre de section + \u00ab Organiser mon kick-off \u00bb et compte \u00e0 rebours \u00e0 droite ---------- *\/\r\n .tko-titlerow { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem 2rem; flex-wrap: wrap; width: 100%; }\r\n .tko-titlerow > h2 { flex: 1 1 22rem; }\r\n .tko-secta { display: flex; align-items: center; gap: .6rem; flex: 0 0 auto; }\r\n .tko .tko-countdown--sec { display: inline-flex; padding: .7rem 1.05rem; border: 0; background: var(--white); color: var(--ink); font-size: .85rem; }\r\n .tko-countdown--sec b { font-size: 1.05rem; }\r\n .tko-intents__panel .tko-countdown--sec, .tko-acts__panel .tko-countdown--sec, .tko-teroir .tko-countdown--sec { background: var(--white); }\r\n .tko-venues .tko-countdown--sec, .tko-why .tko-countdown--sec, .tko-faq .tko-countdown--sec { background: var(--p-mint); }\r\n #tero-kickoff .tko-secta__btn { display: inline-flex; align-items: center; gap: .55rem; padding: .78rem 1.35rem; border-radius: 999px; background: var(--b); color: var(--white); font-size: .92rem; font-weight: 600; white-space: nowrap; transition: background .25s ease; }\r\n #tero-kickoff .tko-secta__btn:hover, #tero-kickoff .tko-secta__btn:focus-visible { background: var(--b-2); color: var(--white); }\r\n .tko-faq .tko-titlerow { flex-direction: column; align-items: flex-start; }\r\n .tko-teroir .tko-titlerow { align-items: flex-end; }\r\n @media (max-width: 640px) {\r\n .tko-titlerow { align-items: flex-start; }\r\n .tko-titlerow > h2 { flex-basis: 100%; }\r\n #tero-kickoff .tko-secta__btn { padding: .7rem 1.1rem; font-size: .88rem; }\r\n .tko .tko-countdown--sec { padding: .62rem .9rem; font-size: .8rem; }\r\n .tko-countdown--sec .tko-cd__s { display: none; }\r\n .tko-secta { flex-wrap: wrap; }\r\n }\r\n\r\n \/* ---------- Verso des intentions : la photo est le choix principal, les tags des compl\u00e9ments ---------- *\/\r\n #tero-kickoff .tko-int__ph--go { position: relative; display: block; color: var(--white); }\r\n .tko-int__ph--go img { transition: transform .6s var(--e); }\r\n .tko-int__ph--go:hover img { transform: scale(1.05); }\r\n .tko-int__ph--go::after { content: \"\"; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(15, 15, 20, .72) 0%, rgba(15, 15, 20, .1) 55%, transparent 75%); pointer-events: none; }\r\n .tko-int__cap { position: absolute; z-index: 1; left: .9rem; right: .9rem; bottom: .8rem; display: grid; grid-template-columns: 1fr auto; align-items: end; column-gap: .5rem; }\r\n .tko-int__cap small { grid-column: 1; font-size: .68rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; opacity: .85; }\r\n .tko-int__cap b { grid-column: 1; font-size: 1.05rem; font-weight: 600; line-height: 1.2; }\r\n .tko-int__cap i { grid-column: 2; grid-row: 1 \/ 3; display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 50%; background: rgba(255, 255, 255, .92); color: var(--ink); font-style: normal; font-size: .95rem; }\r\n .tko .tko-int__plus { margin: 0 0 -.3rem; color: var(--mute); font-size: .72rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }\r\n .tko .tko-int__tags .tko-tag::before { content: \"+ \"; color: var(--b); font-weight: 600; }\r\n \/* m\u00eame hauteur de photo pour toutes les cartes d'une rang\u00e9e *\/\r\n .tko-int__verso .tko-int__ph, .tko-int--grande .tko-int__verso .tko-int__ph { height: 11rem; min-height: 0; }\r\n @media (min-width: 641px) { .tko-int--grande .tko-int__verso .tko-int__ph { height: 12.5rem; } }\r\n \/* arriv\u00e9e sur une activit\u00e9 : l\u00e9ger halo *\/\r\n .tko-bt.is-flash { box-shadow: 0 0 0 4px var(--b); transition: box-shadow .3s ease; }\r\n\r\n\r\n .tko-teroir__ctas { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin-top: 2rem; }\r\n .tko-teroir > div > .tko-teroir__ctas .tko-btn { margin-top: 0; }\r\n .tko-teroir__ctas { align-items: stretch; }\r\n #tero-kickoff .tko-teroir__ctas .tko-secta__btn { padding-inline: 1.6rem; font-size: .95rem; }\r\n\r\n \/* ---------- Version Luxembourg : deux lieux, c\u00f4te \u00e0 c\u00f4te, sans carrousel ---------- *\/\n @media (min-width: 761px) {\n .tko-cr--duo .tko-cr__btn { display: none !important; }\n .tko-cr--duo .tko-cr__track { justify-content: center; overflow: visible; cursor: default; padding: clamp(1rem, 2vw, 1.5rem) 0 clamp(2rem, 3vw, 2.5rem); }\n .tko-cr--duo .tko-card { transform: none !important; opacity: 1 !important; }\n }\n\n \/* ---------- \u00c9chelle typographique align\u00e9e sur tero.be\/fr\/evenement-de-fin-dannee\/teroir-traiteur\/ ----------\r\n Bureau \u2192 mobile, m\u00eames tailles que la page de r\u00e9f\u00e9rence. Plac\u00e9e en dernier pour primer sur les r\u00e9glages pr\u00e9c\u00e9dents. *\/\r\n \/* Titre principal (H1 \u00ab Votre \u00e9v\u00e9nement, le go\u00fbt en plus. \u00bb : 57,6 px \u2192 46,8 px) *\/\r\n .tko-hero h1 { font-size: calc(clamp(2.925rem, 1.9rem + 2.4vw, 3.6rem)); line-height: 1.04; letter-spacing: -.03em; }\r\n .tko-proof__item strong { font-size: clamp(2.925rem, 1.9rem + 2.4vw, 3.6rem); line-height: 1; letter-spacing: -.03em; }\r\n \/* Grand H2 (\u00ab Trois m\u00e9tiers, une seule \u00e9quipe. \u00bb : 68,8 px \u2192 38,4 px) *\/\r\n .tko-hook__text, .tko-section-head h2, .tko-closing h2 { font-size: clamp(2.4rem, 1.5rem + 3.6vw, 4.3rem); line-height: 1; letter-spacing: -.04em; }\r\n \/* H2 de section (\u00ab Et si votre fin d'ann\u00e9e\u2026 \u00bb : 46,4 px \u2192 27,2 px) *\/\r\n .tko-teroir h2, .tko-faq h2, .tko-quad__title { font-size: clamp(1.7rem, 1rem + 2.6vw, 2.9rem); line-height: 1.05; letter-spacing: -.025em; }\r\n \/* H2 du formulaire (\u00ab Prenez 3 minutes\u2026 \u00bb : 48 px \u2192 33 px) *\/\r\n .tko-brief__intro h2, .tko-hero__quote .tko-brief__intro h2 { font-size: clamp(2.07rem, 1.4rem + 2.2vw, 3rem); line-height: 1.08; letter-spacing: -.025em; }\r\n \/* H3 mis en avant (\u00ab F\u00eate d'entreprise \u00bb : 43,2 px \u2192 22,4 px) *\/\r\n .tko-venue.tko-venue--hero h3 { font-size: clamp(1.4rem, .55rem + 3.3vw, 2.7rem); font-weight: 600; letter-spacing: -.025em; }\r\n \/* H3 courant (\u00ab Le lieu \u00bb : 30,2 px \u2192 24 px) *\/\r\n .tko-quad__item h2, .tko-venue h3, .tko-form legend, .tko-form__done h3 { font-size: clamp(1.5rem, 1.15rem + .82vw, 1.89rem); line-height: 1.06; letter-spacing: -.03em; }\r\n .tko-bento__title { font-size: clamp(1.3rem, 1rem + 1vw, 1.75rem); font-weight: 400; line-height: 1.15; letter-spacing: -.01em; }\r\n .tko-faq summary { font-size: clamp(1.05rem, .95rem + .35vw, 1.2rem); font-weight: 500; letter-spacing: -.015em; }\r\n \/* Textes courants (16 \u2192 17,9 px) *\/\r\n .tko-hero__lead { font-size: clamp(.95rem, .85rem + .4vw, 1.12rem); line-height: 1.5; }\r\n .tko-section-head p, .tko-teroir__lead, .tko-closing p, .tko-brief__intro p { font-size: 1.02rem; line-height: 1.6; }\r\n .tko-faq details p, .tko-venue p, .tko-teroir__steps li span:not(.tko-teroir__n) { font-size: 1rem; line-height: 1.6; }\r\n .tko-quad__item p { font-size: clamp(.86rem, .8rem + .25vw, .98rem); line-height: 1.5; }\r\n .tko-proof__item span, .tko-form__hint, .tko-consent { font-size: .86rem; }\r\n .tko-teroir__steps b { font-size: 1rem; }\r\n \/* Boutons (15,4 px graisse 500 \u2192 12 px) *\/\r\n .tko-btn { font-size: clamp(.75rem, .62rem + .55vw, .96rem); font-weight: 500; }\r\n .tko-quad__item a { font-size: clamp(.75rem, .7rem + .25vw, .92rem); font-weight: 500; }\r\n \/* Petites capitales (\u00ab NOS LIEUX \u00bb : 11,5 px, espacement 0,2 em) *\/\r\n .tko-venue small, .tko-quad__time, .tko-marquee__label, .tko-form__step { font-size: .72rem; font-weight: 600; letter-spacing: .2em; }\r\n\r\n \/* ---------- Taille maximale des textes = taille de \u00ab Dites-nous l'essentiel \u00bb (48 px \u2192 33 px) ---------- *\/\r\n .tko-hero h1 { font-size: calc(clamp(1.7rem, 1.15rem + 1.8vw, 2.46rem)); }\r\n .tko-hook__text, .tko-section-head h2, .tko-closing h2, .tko-intents__head h2,\r\n .tko-teroir h2, .tko-faq h2, .tko-quad__title, .tko-blog__head h2, .tko-hero__outro p,\r\n .tko-closing__card h2 { font-size: clamp(2.07rem, 1.4rem + 2.2vw, 3rem); }\r\n .tko-venue.tko-venue--hero h3 { font-size: clamp(1.4rem, .55rem + 3.3vw, 2.7rem); }\r\n<\/style>\r\n\r\n<div class=\"tko\" id=\"tero-kickoff\">\r\n\r\n \r\n <section class=\"tko-seq\" id=\"tko-seq\" aria-labelledby=\"tko-h1\">\r\n <div class=\"tko-seq__stick\" id=\"tko-seq-stick\">\r\n\r\n <div class=\"tko-hero\" id=\"tko-hero\">\r\n <div class=\"tko-hero__media\" aria-hidden=\"true\">\r\n \r\n <span class=\"tko-hero__num\" aria-hidden=\"true\">2027<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"tko-hero__intro\" id=\"tko-intro\">\r\n <div>\r\n <h1 id=\"tko-h1\"><span class=\"tko-line\"><span>Launch 2027<\/span><\/span><span class=\"tko-line\"><span><strong>together.<\/strong><\/span><\/span><\/h1>\r\n <div class=\"tko-hero__bottom\">\r\n <p class=\"tko-hero__lead tko-fade\">2027 starts the day you decide. Pick the date of your kick-off: we take care of the venue, the activity and the food, in Belgium and in Luxembourg.<\/p>\r\n <div class=\"tko-hero__actions tko-fade\">\r\n <a class=\"tko-btn tko-btn--hero\" href=\"#tko-brief\" data-cta=\"kickoff-hero-brief\">Book a date <span class=\"tko-btn__arrow\" aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <span class=\"tko-countdown tko-countdown--hero\" id=\"tko-countdown\"><b>57 days<\/b> to 2027<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"tko-hero__story\" id=\"tko-story\">\r\n <p>Launching the year or bringing a team together after the holidays shouldn't mean stress. At Tero, we're with you from the first idea to the big day: one single contact guides you in choosing the venue, the activity and the food, and handles the whole organisation.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"tko-quad\" id=\"tko-quad\">\r\n <p class=\"tko-quad__title\">Your kick-off,<br> <strong>in four moments.<\/strong><\/p>\r\n \r\n <div class=\"tko-quad__ph\" aria-hidden=\"true\">\r\n <div class=\"tko-layer\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/kickoff-lux-accueillir-house17.webp\" alt=\"\"><\/div>\r\n <div class=\"tko-layer\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/kickoff-lux-aligner-pleniere.webp\" alt=\"\"><\/div>\r\n <div class=\"tko-layer\" style=\"--op:50% 50%\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/kickoff-lux-activer-team-building.webp\" alt=\"\"><\/div>\r\n <div class=\"tko-layer tko-layer--still\" style=\"--op:50% 40%\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/kickoff-lux-rassembler-drink.webp\" alt=\"\"><\/div>\r\n <\/div>\r\n <div class=\"tko-quad__grid\">\r\n <article class=\"tko-quad__item\">\r\n <span class=\"tko-quad__bar\" aria-hidden=\"true\"><i><\/i><\/span>\r\n <span class=\"tko-quad__time\">01<\/span>\r\n <h2>Welcome<\/h2>\r\n <p>A hot coffee, a place that feels nothing like the office, and the feeling of being expected.<\/p>\r\n <a href=\"https:\/\/tero.be\/en\/venues\/\" data-cta=\"kickoff-temps-accueillir\" target=\"_blank\" rel=\"noopener\">See our venues <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <\/article>\r\n <article class=\"tko-quad__item\">\r\n <span class=\"tko-quad__bar\" aria-hidden=\"true\"><i><\/i><\/span>\r\n <span class=\"tko-quad__time\">02<\/span>\r\n <h2>Align<\/h2>\r\n <p>The plenary where management shares the 2027 course. Clear, short, easy to remember.<\/p>\r\n <\/article>\r\n <article class=\"tko-quad__item\">\r\n <span class=\"tko-quad__bar\" aria-hidden=\"true\"><i><\/i><\/span>\r\n <span class=\"tko-quad__time\">03<\/span>\r\n <h2>Activate<\/h2>\r\n <p>A team building so the message moves from slides to reflexes.<\/p>\r\n <a href=\"https:\/\/tero.be\/en\/events\/team-building-activities\/\" data-cta=\"kickoff-temps-activer\" target=\"_blank\" rel=\"noopener\">See the activities <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <\/article>\r\n <article class=\"tko-quad__item\">\r\n <span class=\"tko-quad__bar\" aria-hidden=\"true\"><i><\/i><\/span>\r\n <span class=\"tko-quad__time\">04<\/span>\r\n <h2>Gather<\/h2>\r\n <p>From a working lunch to dinner, seasonal food by Teroir Catering, served wherever you are.<\/p>\r\n <a href=\"https:\/\/tero.be\/en\/catering\/catering-services\/\" data-cta=\"kickoff-temps-rassembler\" target=\"_blank\" rel=\"noopener\">Discover Teroir Catering <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"tko-hero__quote\" id=\"tko-outro\">\r\n <span class=\"tko-anchor\" id=\"tko-brief\" aria-hidden=\"true\"><\/span>\r\n <div class=\"tko-brief__intro\">\r\n <h2 id=\"tko-brief-title\">Tell us <strong>the essentials.<\/strong><\/h2>\r\n <p>Four quick questions, and we'll come back to you with a proposal made for your team.<\/p>\r\n <ul class=\"tko-brief__reassure\">\r\n <li>One single contact for the whole project<\/li>\r\n <li>A proposal built for your group<\/li>\r\n <li>No commitment<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"tko-form\" id=\"tko-form\">\r\n \r\n <div class=\"tko-form__progress\" aria-hidden=\"true\"><span class=\"on\"><\/span><span><\/span><span><\/span><span><\/span><\/div>\r\n <form novalidate>\r\n <input type=\"hidden\" name=\"campagne\" value=\"kickoff-2027\">\r\n\r\n <fieldset data-step=\"1\">\r\n <legend><span class=\"tko-form__step\">Step 1 of 4<\/span>What are you looking for?<\/legend>\r\n <p class=\"tko-form__hint\">One answer, we'll fine-tune later.<\/p>\r\n <div class=\"tko-chips\">\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"besoin\" value=\"A venue\" required><span>A venue<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"besoin\" value=\"Catering\"><span>Catering<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"besoin\" value=\"A team building\"><span>A team building<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"besoin\" value=\"Everything (venue, activity and catering)\"><span>Everything: venue, activity and catering<\/span><\/label>\r\n <\/div>\r\n <\/fieldset>\r\n\r\n <fieldset data-step=\"2\" hidden>\r\n <legend><span class=\"tko-form__step\">Step 2 of 4<\/span>When, and with what budget?<\/legend>\r\n <div class=\"tko-form__group\" style=\"margin-top:1.25rem\">\r\n <p>Event dates<\/p>\r\n <div class=\"tko-dates\">\r\n <div class=\"tko-field tko-field--date\"><label for=\"tko-date\">From<\/label><input id=\"tko-date\" type=\"date\" name=\"date\" required><\/div>\r\n <div class=\"tko-field tko-field--date\"><label for=\"tko-date-fin\">To<\/label><input id=\"tko-date-fin\" type=\"date\" name=\"date_fin\" required><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tko-form__group\">\r\n <p>Budget per person<\/p>\r\n <div class=\"tko-chips\">\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"budget\" value=\"\u20ac100 to \u20ac150\" required><span>\u20ac100 to \u20ac150<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"budget\" value=\"\u20ac150 to \u20ac200\"><span>\u20ac150 to \u20ac200<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"budget\" value=\"Over \u20ac200\"><span>Over \u20ac200<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"budget\" value=\"To be defined together\"><span>To be defined together<\/span><\/label>\r\n <\/div>\r\n <\/div>\r\n <\/fieldset>\r\n\r\n <fieldset data-step=\"3\" hidden>\r\n <legend><span class=\"tko-form__step\">Step 3 of 4<\/span>How many, what format and where?<\/legend>\r\n <div class=\"tko-form__group\" style=\"margin-top:1.1rem\">\r\n <p>Number of people <span class=\"tko-form__soft\">(an estimate is fine)<\/span><\/p>\r\n <div class=\"tko-chips\">\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"participants\" value=\"Under 30\" required><span>Under 30<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"participants\" value=\"30 to 80\"><span>30 to 80<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"participants\" value=\"80 to 150\"><span>80 to 150<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"participants\" value=\"150 to 300\"><span>150 to 300<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"participants\" value=\"Over 300\"><span>Over 300<\/span><\/label>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tko-form__group\">\r\n <p>Format<\/p>\r\n <div class=\"tko-chips\">\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"format\" value=\"Half day\" required><span>Half day<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"format\" value=\"Full day\"><span>Full day<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"format\" value=\"With overnight stay\"><span>With overnight stay<\/span><\/label>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tko-form__group\">\r\n <p>Region<\/p>\r\n <div class=\"tko-chips\">\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"region\" value=\"Brussels and Brabant\" required><span>Brussels & Brabant<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"region\" value=\"Flanders\"><span>Flanders<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"region\" value=\"Wallonia and Ardennes\"><span>Wallonia & Ardennes<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"region\" value=\"Coast\"><span>Coast<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"region\" value=\"Luxembourg\"><span>Luxembourg<\/span><\/label>\r\n <label class=\"tko-chip\"><input type=\"radio\" name=\"region\" value=\"No preference\"><span>No preference<\/span><\/label>\r\n <\/div>\r\n <\/div>\r\n <\/fieldset>\r\n\r\n <fieldset data-step=\"4\" hidden>\r\n <legend><span class=\"tko-form__step\">Step 4 of 4<\/span>Where should we send the proposal?<\/legend>\r\n <div class=\"tko-fields\">\r\n <div class=\"tko-field\"><label for=\"tko-prenom\">First name<\/label><input id=\"tko-prenom\" name=\"prenom\" autocomplete=\"given-name\" required><\/div>\r\n <div class=\"tko-field\"><label for=\"tko-nom\">Last name<\/label><input id=\"tko-nom\" name=\"nom\" autocomplete=\"family-name\" required><\/div>\r\n <div class=\"tko-field\"><label for=\"tko-email\">Work email<\/label><input id=\"tko-email\" type=\"email\" name=\"email\" autocomplete=\"email\" required><\/div>\r\n <div class=\"tko-field\"><label for=\"tko-societe\">Company<\/label><input id=\"tko-societe\" name=\"societe\" autocomplete=\"organization\" required><\/div>\r\n <div class=\"tko-field tko-field--full\"><label for=\"tko-tel\">Phone<\/label><input id=\"tko-tel\" type=\"tel\" name=\"telephone\" autocomplete=\"tel\" placeholder=\"+32 470 12 34 56\" required><\/div>\r\n <div class=\"tko-field tko-field--full\"><label for=\"tko-msg\">Your message (optional)<\/label><textarea id=\"tko-msg\" name=\"message\" placeholder=\"This year's theme, a constraint, an idea\u2026\"><\/textarea><\/div>\r\n <\/div>\r\n <label class=\"tko-consent\"><input type=\"checkbox\" name=\"consentement\" required><span>I consent to the processing of my data in order to receive a quote, as described in the <a href=\"https:\/\/tero.be\/en\/privacy-policy\/\" target=\"_blank\" rel=\"noopener\">privacy policy<\/a>. *<\/span><\/label>\r\n <label class=\"tko-consent tko-consent--2\"><input type=\"checkbox\" name=\"consent_email\"><span>I agree to receive promotional and marketing emails from Tero.<\/span><\/label>\r\n <\/fieldset>\r\n\r\n <p class=\"tko-form__error\" role=\"alert\" aria-live=\"polite\"><\/p>\r\n <div class=\"tko-form__nav\">\r\n <button class=\"tko-form__back\" type=\"button\" hidden>\u2190 Back<\/button>\r\n <button class=\"tko-btn tko-btn--bx\" type=\"submit\" data-cta=\"kickoff-brief-next\"><span class=\"tko-next-label\">Continue<\/span> <span class=\"tko-btn__arrow\" aria-hidden=\"true\">\u2192<\/span><\/button>\r\n <\/div>\r\n <\/form>\r\n\r\n <div class=\"tko-form__done\" tabindex=\"-1\">\r\n <span class=\"tko-form__step\">Got it<\/span>\r\n <h3>Thank you, your kick-off is in good hands.<\/h3>\r\n <p>Our team will come back to you with a first proposal. In the meantime, have a look at our team building activities.<\/p>\r\n <a class=\"tko-btn tko-btn--line\" style=\"margin-top:1.5rem\" href=\"https:\/\/tero.be\/en\/events\/team-building-activities\/\" data-cta=\"kickoff-merci-activites\" target=\"_blank\" rel=\"noopener\">See the activities <span class=\"tko-btn__arrow\" aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"tko-seq__band\" id=\"tko-band\">\r\n <span class=\"tko-marquee__label\">They trust us<\/span>\r\n <div class=\"tko-marquee\" role=\"img\" aria-label=\"They trust us: Deloitte, Clifford Chance, Arval BNP Paribas Group, PwC, Coyote, RTBF, Belfius, Delen Private Bank, Decathlon. Tero is a certified B Corp.\">\r\n <div class=\"tko-marquee__track\" aria-hidden=\"true\">\r\n <div class=\"tko-marquee__group\">\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:8.73em;height:1.63em\"><img fetchpriority=\"high\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/5-1.webp\" alt=\"Deloitte\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:12.96em;height:12.96em;left:-2.11em;top:-5.65em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:7.99em;height:1.78em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/4-3.webp\" alt=\"Clifford Chance\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:10.48em;height:10.48em;left:-1.34em;top:-4.34em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:7.87em;height:1.81em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/3-3.webp\" alt=\"Arval BNP Paribas Group\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:9.09em;height:9.09em;left:-0.52em;top:-3.64em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:5.40em;height:2.64em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/2-3.webp\" alt=\"PwC\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:9.65em;height:9.65em;left:-2.14em;top:-3.53em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:5.09em;height:2.80em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/1-4-1.webp\" alt=\"Coyote\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:9.24em;height:9.24em;left:-2.05em;top:-2.70em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:7.22em;height:1.98em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/6-3.webp\" alt=\"RTBF\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:10.09em;height:10.09em;left:-1.60em;top:-4.06em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:8.14em;height:1.75em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/7-3.webp\" alt=\"Belfius\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:12.85em;height:12.85em;left:-2.35em;top:-5.55em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:6.89em;height:2.07em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/8-2.webp\" alt=\"Delen Private Bank\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:10.03em;height:10.03em;left:-1.63em;top:-3.98em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:9.00em;height:1.40em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/9-1.webp\" alt=\"Decathlon\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:12.36em;height:12.36em;left:-1.68em;top:-5.48em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:2.08em;height:3.50em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/bcorp-logo-no-border-gray.webp\" alt=\"Certified B Corporation\" width=\"256\" height=\"431\" loading=\"eager\" decoding=\"async\" style=\"width:2.08em;height:3.50em;left:0em;top:0em\"><\/span><\/span>\r\n <\/div>\r\n <div class=\"tko-marquee__group\">\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:8.73em;height:1.63em\"><img fetchpriority=\"high\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/5-1.webp\" alt=\"Deloitte\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:12.96em;height:12.96em;left:-2.11em;top:-5.65em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:7.99em;height:1.78em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/4-3.webp\" alt=\"Clifford Chance\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:10.48em;height:10.48em;left:-1.34em;top:-4.34em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:7.87em;height:1.81em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/3-3.webp\" alt=\"Arval BNP Paribas Group\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:9.09em;height:9.09em;left:-0.52em;top:-3.64em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:5.40em;height:2.64em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/2-3.webp\" alt=\"PwC\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:9.65em;height:9.65em;left:-2.14em;top:-3.53em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:5.09em;height:2.80em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/1-4-1.webp\" alt=\"Coyote\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:9.24em;height:9.24em;left:-2.05em;top:-2.70em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:7.22em;height:1.98em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/6-3.webp\" alt=\"RTBF\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:10.09em;height:10.09em;left:-1.60em;top:-4.06em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:8.14em;height:1.75em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/7-3.webp\" alt=\"Belfius\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:12.85em;height:12.85em;left:-2.35em;top:-5.55em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:6.89em;height:2.07em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/8-2.webp\" alt=\"Delen Private Bank\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:10.03em;height:10.03em;left:-1.63em;top:-3.98em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:9.00em;height:1.40em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/9-1.webp\" alt=\"Decathlon\" width=\"1920\" height=\"1920\" loading=\"eager\" decoding=\"async\" style=\"width:12.36em;height:12.36em;left:-1.68em;top:-5.48em\"><\/span><\/span>\r\n <span class=\"tko-marquee__item\"><span class=\"tko-logo\" style=\"width:2.08em;height:3.50em\"><img src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/bcorp-logo-no-border-gray.webp\" alt=\"Certified B Corporation\" width=\"256\" height=\"431\" loading=\"eager\" decoding=\"async\" style=\"width:2.08em;height:3.50em;left:0em;top:0em\"><\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"tko-wrap tko-proof\" aria-label=\"Tero in figures\">\r\n <div class=\"tko-proof__item tko-reveal\"><strong data-count=\"25\">25<\/strong><span>years of experience in corporate events<\/span><\/div>\r\n <div class=\"tko-proof__item tko-reveal\" data-delay=\"1\"><strong data-count=\"17\">17<\/strong><span>venues in Belgium and Luxembourg<\/span><\/div>\r\n <div class=\"tko-proof__item tko-reveal\" data-delay=\"2\"><strong data-count=\"1\">1<\/strong><span>contact, from the first brief to the last course<\/span><\/div>\r\n <div class=\"tko-proof__item tko-proof__item--bcorp tko-reveal\" data-delay=\"2\"><img loading=\"lazy\" class=\"tko-proof__bcorp\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/bcorp-logo-no-border-gray.webp\" alt=\"Certified B Corporation\" width=\"256\" height=\"431\" loading=\"lazy\" decoding=\"async\"><span>A company certified for its social and environmental impact<\/span><\/div>\r\n <\/section>\r\n\r\n \r\n <div class=\"tko-quicknav-mark\" id=\"tko-quicknav-mark\" aria-hidden=\"true\"><\/div>\r\n <nav class=\"tko-quicknav\" id=\"tko-quicknav\" aria-label=\"Kick-off quick links\">\r\n <div class=\"tko-quicknav__in\">\r\n <a href=\"#tko-lieux\" data-cta=\"kickoff-nav-lieux\"><span class=\"l\">Discover our venues<\/span><span class=\"s\">Venues<\/span><\/a>\r\n <a href=\"#tko-activites\" data-cta=\"kickoff-nav-activites\"><span class=\"l\">Discover our activities<\/span><span class=\"s\">Activities<\/span><\/a>\r\n <a href=\"#tko-teroir\" data-cta=\"kickoff-nav-traiteur\"><span class=\"l\">Discover our catering packages<\/span><span class=\"s\">Catering<\/span><\/a>\r\n <a href=\"#tko-brief\" class=\"is-cta\" data-cta=\"kickoff-nav-devis\"><span class=\"l\">Request my quote<\/span><span class=\"s\">Quote<\/span><\/a>\r\n <\/div>\r\n <\/nav>\r\n\r\n \r\n <section class=\"tko-hook tko-wrap\" aria-label=\"Why a kick-off\">\r\n <p class=\"tko-hook__text\" data-fill data-accent=\"d\u00e9cide,ensemble\">On 2 January, everyone has 47 unread emails and resolutions that are already wobbling. The kick-off is the day you decide together which ones matter.<\/p>\r\n <\/section>\r\n\r\n \r\n <section class=\"tko-intents\" id=\"tko-intentions\" aria-labelledby=\"tko-intents-title\">\r\n <div class=\"tko-wrap tko-intents__panel\">\r\n <div class=\"tko-intents__head\">\r\n <div class=\"tko-titlerow\"><h2 class=\"tko-reveal\" id=\"tko-intents-title\">What matters most <strong>for your kick-off?<\/strong><\/h2><div class=\"tko-secta tko-reveal\"><span class=\"tko-countdown tko-countdown--sec\" data-countdown><b>53 days<\/b> to 2027<\/span><a class=\"tko-secta__btn\" href=\"#tko-brief\" data-cta=\"kickoff-section-intentions\">Plan my kick-off <span aria-hidden=\"true\">\u2192<\/span><\/a><\/div><\/div>\r\n <p class=\"tko-reveal\">Choose your intention: we show you the venue or activity that fits it best, and what you can add to make it a complete kick-off.<\/p>\r\n <\/div>\r\n <div class=\"tko-intents__grid tko-reveal\">\r\n <div class=\"tko-int tko-int--grande\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\r\n <div class=\"tko-int__face\">\r\n <h3>Launch 2027 and align<\/h3>\r\n <p>Strategic kick-off, annual objectives, planning seminar, leadership offsite, new organisation, merger or new management.<\/p>\r\n <span class=\"tko-int__go\">Prepare what's next <span aria-hidden=\"true\">\u2192<\/span><\/span>\r\n <\/div>\r\n <div class=\"tko-int__sol\">\r\n <div class=\"tko-int__head\"><span>Launch 2027 and align<\/span><button type=\"button\" class=\"tko-int__back\">\u2190 Back<\/button><\/div>\r\n <div class=\"tko-int__verso\">\r\n <a class=\"tko-int__ph tko-int__ph--go\" href=\"https:\/\/tero.be\/en\/venues\/lodges\/herbeumont\/\" target=\"_blank\" rel=\"noopener\" data-cta=\"kickoff-intention-photo\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2023\/12\/GIF-MANOIR-HERBEUMONT-3.webp\" alt=\"The manor of Tero Lodge Herbeumont\" loading=\"lazy\"><span class=\"tko-int__cap\"><small>The venue<\/small><b>Tero Lodge Herbeumont<\/b><i aria-hidden=\"true\">\u2193<\/i><\/span><\/a>\r\n <div class=\"tko-int__vtxt\">\r\n <p class=\"tko-int__plus\">Complete with<\/p>\r\n <ul class=\"tko-int__tags\" aria-label=\"Examples\"><li class=\"tko-tag tko-tag--blue\">Seminar<\/li><li class=\"tko-tag tko-tag--mint\">CrIAtivity<\/li><li class=\"tko-tag tko-tag--yellow\">Lunch<\/li><\/ul>\r\n <a class=\"tko-int__cta\" href=\"#tko-brief\" data-cta=\"kickoff-intention-devis\">Request a quote <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tko-int tko-int--grande\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\r\n <div class=\"tko-int__face\">\r\n <h3>Warm up January<\/h3>\r\n <p>The fun or wellbeing event that breaks the winter slump. The perfect antidote to Blue Monday.<\/p>\r\n <span class=\"tko-int__go\">Beat the winter slump <span aria-hidden=\"true\">\u2192<\/span><\/span>\r\n <\/div>\r\n <div class=\"tko-int__sol\">\r\n <div class=\"tko-int__head\"><span>Warm up January<\/span><button type=\"button\" class=\"tko-int__back\">\u2190 Back<\/button><\/div>\r\n <div class=\"tko-int__verso\">\r\n <a class=\"tko-int__ph tko-int__ph--go\" href=\"#tko-act-final-mystery\" data-goto data-cta=\"kickoff-intention-photo\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/The-Final-Mystery-ALL-FR.webp\" alt=\"Teams investigating during The Final Mystery\" loading=\"lazy\"><span class=\"tko-int__cap\"><small>The activity<\/small><b>The Final Mystery<\/b><i aria-hidden=\"true\">\u2193<\/i><\/span><\/a>\r\n <div class=\"tko-int__vtxt\">\r\n <p class=\"tko-int__plus\">Complete with<\/p>\r\n <ul class=\"tko-int__tags\" aria-label=\"Examples\"><li class=\"tko-tag tko-tag--blue\">Lunch<\/li><li class=\"tko-tag tko-tag--mint\">Walking dinner<\/li><li class=\"tko-tag tko-tag--yellow\">At your office or a Tero venue<\/li><\/ul>\r\n <a class=\"tko-int__cta\" href=\"#tko-brief\" data-cta=\"kickoff-intention-devis\">Request a quote <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tko-int\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\r\n <div class=\"tko-int__face\">\r\n <h3>Close 2026<\/h3>\r\n <p>The party you couldn't throw in December, for lack of a date, budget or energy. In January it costs less and dates are available.<\/p>\r\n <span class=\"tko-int__go\">Plan my party <span aria-hidden=\"true\">\u2192<\/span><\/span>\r\n <\/div>\r\n <div class=\"tko-int__sol\">\r\n <div class=\"tko-int__head\"><span>Close 2026<\/span><button type=\"button\" class=\"tko-int__back\">\u2190 Back<\/button><\/div>\r\n <div class=\"tko-int__verso\">\r\n <a class=\"tko-int__ph tko-int__ph--go\" href=\"https:\/\/tero.be\/en\/venues\/event-spaces\/river-house-luxembourg\/\" target=\"_blank\" rel=\"noopener\" data-cta=\"kickoff-intention-photo\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2024\/11\/Design-sans-titre-1.webp\" alt=\"Tero River House in Luxembourg in the evening\" loading=\"lazy\"><span class=\"tko-int__cap\"><small>The venue<\/small><b>Tero River House<\/b><i aria-hidden=\"true\">\u2193<\/i><\/span><\/a>\r\n <div class=\"tko-int__vtxt\">\r\n <p class=\"tko-int__plus\">Complete with<\/p>\r\n <ul class=\"tko-int__tags\" aria-label=\"Examples\"><li class=\"tko-tag tko-tag--blue\">Raclette<\/li><li class=\"tko-tag tko-tag--mint\">Quiz Play<\/li><li class=\"tko-tag tko-tag--yellow\">Luxembourg City<\/li><\/ul>\r\n <a class=\"tko-int__cta\" href=\"#tko-brief\" data-cta=\"kickoff-intention-devis\">Request a quote <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tko-int\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\r\n <div class=\"tko-int__face\">\r\n <h3>Cheers to 2027<\/h3>\r\n <p>A New Year drink or dinner with your teams, clients or partners.<\/p>\r\n <span class=\"tko-int__go\">Plan my New Year event <span aria-hidden=\"true\">\u2192<\/span><\/span>\r\n <\/div>\r\n <div class=\"tko-int__sol\">\r\n <div class=\"tko-int__head\"><span>Cheers to 2027<\/span><button type=\"button\" class=\"tko-int__back\">\u2190 Back<\/button><\/div>\r\n <div class=\"tko-int__verso\">\r\n <a class=\"tko-int__ph tko-int__ph--go\" href=\"https:\/\/tero.be\/en\/venues\/event-spaces\/house17\/\" target=\"_blank\" rel=\"noopener\" data-cta=\"kickoff-intention-photo\"><picture><source srcset=\"https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2025\/01\/1A1A9216-1536x1025.jpg.webp\" type=\"image\/webp\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2025\/01\/1A1A9216-1536x1025.jpg\" alt=\"Meeting room at Tero House17 in Luxembourg\" loading=\"lazy\" class=\"webpexpress-processed\"><\/picture><span class=\"tko-int__cap\"><small>The venue<\/small><b>Tero House17<\/b><i aria-hidden=\"true\">\u2193<\/i><\/span><\/a>\r\n <div class=\"tko-int__vtxt\">\r\n <p class=\"tko-int__plus\">Complete with<\/p>\r\n <ul class=\"tko-int__tags\" aria-label=\"Examples\"><li class=\"tko-tag tko-tag--blue\">Plenary<\/li><li class=\"tko-tag tko-tag--mint\">Keynote<\/li><li class=\"tko-tag tko-tag--yellow\">3-course menu<\/li><\/ul>\r\n <a class=\"tko-int__cta\" href=\"#tko-brief\" data-cta=\"kickoff-intention-devis\">Request a quote <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tko-int\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">\r\n <div class=\"tko-int__face\">\r\n <h3>Onboard<\/h3>\r\n <p>Onboarding the people who joined at the end of the year or in January.<\/p>\r\n <span class=\"tko-int__go\">Welcome my new hires <span aria-hidden=\"true\">\u2192<\/span><\/span>\r\n <\/div>\r\n <div class=\"tko-int__sol\">\r\n <div class=\"tko-int__head\"><span>Onboard<\/span><button type=\"button\" class=\"tko-int__back\">\u2190 Back<\/button><\/div>\r\n <div class=\"tko-int__verso\">\r\n <a class=\"tko-int__ph tko-int__ph--go\" href=\"#tko-act-venue-play\" data-goto data-cta=\"kickoff-intention-photo\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2024\/03\/StudioTom-TERO2026052135-scaled-e1792486396809.webp\" alt=\"A team during Venue Play\" loading=\"lazy\"><span class=\"tko-int__cap\"><small>The activity<\/small><b>Venue Play<\/b><i aria-hidden=\"true\">\u2193<\/i><\/span><\/a>\r\n <div class=\"tko-int__vtxt\">\r\n <p class=\"tko-int__plus\">Complete with<\/p>\r\n <ul class=\"tko-int__tags\" aria-label=\"Examples\"><li class=\"tko-tag tko-tag--blue\">Your office<\/li><li class=\"tko-tag tko-tag--mint\">Lunch<\/li><li class=\"tko-tag tko-tag--yellow\">Chefs' buffet<\/li><\/ul>\r\n <a class=\"tko-int__cta\" href=\"#tko-brief\" data-cta=\"kickoff-intention-devis\">Request a quote <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tko-int tko-int--side\">\r\n <div class=\"tko-int__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/photo98.webp\" alt=\"Plenary session of a kick-off organised by Tero\" loading=\"lazy\"><\/div>\r\n <h3>Effortless planning<\/h3>\r\n <p>A complete experience, one single contact.<\/p>\r\n <span class=\"tko-int__muet\">Included in every package<\/span>\r\n <\/div>\r\n <\/div>\r\n <p class=\"tko-intents__repli\">Still not sure? <a href=\"#tko-brief\" data-cta=\"kickoff-intention-hesite\">Tell us about your team<\/a> and we'll suggest three formats.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"tko-venues\" id=\"tko-lieux\" aria-labelledby=\"tko-venues-title\">\r\n <div class=\"tko-wrap tko-section-head\">\r\n <div class=\"tko-titlerow\"><h2 class=\"tko-reveal\" id=\"tko-venues-title\">A change of scenery<br> <strong>changes the conversation.<\/strong><\/h2><div class=\"tko-secta tko-reveal\"><span class=\"tko-countdown tko-countdown--sec\" data-countdown><b>53 days<\/b> to 2027<\/span><a class=\"tko-secta__btn\" href=\"#tko-brief\" data-cta=\"kickoff-section-lieux\">Plan my kick-off <span aria-hidden=\"true\">\u2192<\/span><\/a><\/div><\/div>\r\n <\/div>\r\n <div class=\"tko-cr\" data-cr>\r\n <button class=\"tko-cr__btn tko-cr__btn--prev\" type=\"button\" data-cr-dir=\"-1\" aria-label=\"Previous venues\">\u2190<\/button>\r\n <div class=\"tko-cr__track\" id=\"tko-rail\" tabindex=\"0\" aria-label=\"Venues, scroll horizontally\">\n <a class=\"tko-card tko-card--yellow\" href=\"https:\/\/tero.be\/en\/venues\/event-spaces\/river-house-luxembourg\/\" data-cta=\"kickoff-lieu-river-house-luxembourg\" target=\"_blank\" rel=\"noopener\" style=\"--i:0\">\r\n <span class=\"tko-card__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2024\/11\/Design-sans-titre-1.webp\" alt=\"Tero River House in Luxembourg in the evening\" loading=\"lazy\"><span class=\"tko-card__badge\">Day event<\/span><\/span>\r\n <span class=\"tko-card__txt\"><small>Luxembourg<\/small><b>Tero River House<\/b><\/span>\r\n <\/a>\n <a class=\"tko-card tko-card--lav\" href=\"https:\/\/tero.be\/en\/venues\/event-spaces\/house17\/\" data-cta=\"kickoff-lieu-house17\" target=\"_blank\" rel=\"noopener\" style=\"--i:1\">\r\n <span class=\"tko-card__ph\"><picture><source srcset=\"https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2025\/01\/1A1A9216-1536x1025.jpg.webp\" type=\"image\/webp\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2025\/01\/1A1A9216-1536x1025.jpg\" alt=\"Meeting room at Tero House17 in Luxembourg\" loading=\"lazy\" class=\"webpexpress-processed\"><\/picture><span class=\"tko-card__badge\">Day event<\/span><\/span>\r\n <span class=\"tko-card__txt\"><small>Luxembourg<\/small><b>Tero House17<\/b><\/span>\r\n <\/a>\r\n <a class=\"tko-card tko-card--mint\" href=\"https:\/\/tero.be\/en\/venues\/event-spaces\/garisart-sports-club\/\" data-cta=\"kickoff-lieu-padel-arlon\" target=\"_blank\" rel=\"noopener\" style=\"--i:2\" id=\"tko-lieu-padel-arlon\">\r\n <span class=\"tko-card__ph\"><picture><source srcset=\"https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2025\/06\/CrolleAgency_Garisart_Padel-17-sur-36-1536x1024.jpg.webp\" type=\"image\/webp\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2025\/06\/CrolleAgency_Garisart_Padel-17-sur-36-1536x1024.jpg\" alt=\"Padel courts at Tero Padel Arlon\" loading=\"lazy\" class=\"webpexpress-processed\"><\/picture><span class=\"tko-card__badge\">Padel & sport<\/span><\/span>\r\n <span class=\"tko-card__txt\"><small>Arlon \u00b7 Belgium<\/small><b>Tero Padel Arlon<\/b><\/span>\r\n <\/a>\r\n <a class=\"tko-card tko-card--blue\" href=\"https:\/\/tero.be\/en\/venues\/lodges\/herbeumont\/\" data-cta=\"kickoff-lieu-herbeumont\" target=\"_blank\" rel=\"noopener\" style=\"--i:3\" id=\"tko-lieu-herbeumont\">\r\n <span class=\"tko-card__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2023\/12\/GIF-MANOIR-HERBEUMONT-3.webp\" alt=\"The manor of Tero Lodge Herbeumont\" loading=\"lazy\"><span class=\"tko-card__badge\">With overnight stay<\/span><\/span>\r\n <span class=\"tko-card__txt\"><small>Herbeumont \u00b7 Belgium<\/small><b>Tero Lodge Herbeumont<\/b><\/span>\r\n <\/a>\r\n <\/div>\r\n <button class=\"tko-cr__btn tko-cr__btn--next\" type=\"button\" data-cr-dir=\"1\" aria-label=\"Next venues\">\u2192<\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"tko-acts tko-wrap\" id=\"tko-activites\" aria-labelledby=\"tko-acts-title\">\r\n <div class=\"tko-acts__panel\">\r\n <div class=\"tko-acts__head\">\r\n <div class=\"tko-titlerow\"><h2 class=\"tko-reveal\" id=\"tko-acts-title\">In the afternoon, <strong>it's time for action.<\/strong><\/h2><div class=\"tko-secta tko-reveal\"><span class=\"tko-countdown tko-countdown--sec\" data-countdown><b>53 days<\/b> to 2027<\/span><a class=\"tko-secta__btn\" href=\"#tko-brief\" data-cta=\"kickoff-section-activites\">Plan my kick-off <span aria-hidden=\"true\">\u2192<\/span><\/a><\/div><\/div>\r\n <p class=\"tko-reveal\">Four activities designed for a new-year launch, and what they bring to your team.<\/p>\r\n <\/div>\r\n <div class=\"tko-bento-acts tko-reveal\">\r\n <a class=\"tko-bt tko-bt--photo\" href=\"https:\/\/tero.be\/en\/events\/team-building-activities\/criativity\/\" data-cta=\"kickoff-activite-criativity\" target=\"_blank\" rel=\"noopener\" style=\"--o:0\">\r\n <img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-17-juil.-2026-a-09_16_33.webp\" alt=\"CrIAtivity recording studio\" loading=\"lazy\">\r\n <span class=\"tko-bt__tag\">Getting hands-on with AI<\/span>\r\n <\/a>\r\n <a class=\"tko-bt tko-bt--text tko-bt--white\" href=\"https:\/\/tero.be\/en\/events\/team-building-activities\/criativity\/\" data-cta=\"kickoff-activite-criativity-texte\" target=\"_blank\" rel=\"noopener\" style=\"--o:1\">\r\n <small>Under 60 people \u00b7 3 h<\/small>\r\n <h3>CrIAtivity<\/h3>\r\n <p>Get to grips with AI together and produce the company hit. Who knows, it might become the anthem of your 2027.<\/p>\r\n <span class=\"tko-bt__go\">Discover CrIAtivity <span aria-hidden=\"true\">\u2192<\/span><\/span>\r\n <\/a>\r\n <a class=\"tko-bt tko-bt--text tko-bt--mint\" href=\"https:\/\/tero.be\/en\/events\/team-building-activities\/venue-play\/\" data-cta=\"kickoff-activite-venue-play-texte\" target=\"_blank\" rel=\"noopener\" style=\"--o:3\">\r\n <small>200+ people \u00b7 1 h 30<\/small>\r\n <h3>Venue Play<\/h3>\r\n <p>The venue becomes your playground, with a ready-made game or a quiz built together around your 2027 messages. Your teams remember what matters by playing.<\/p>\r\n <span class=\"tko-bt__go\">Discover Venue Play <span aria-hidden=\"true\">\u2192<\/span><\/span>\r\n <\/a>\r\n <a class=\"tko-bt tko-bt--photo\" id=\"tko-act-venue-play\" href=\"https:\/\/tero.be\/en\/events\/team-building-activities\/venue-play\/\" data-cta=\"kickoff-activite-venue-play\" target=\"_blank\" rel=\"noopener\" style=\"--o:2\">\r\n <img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2024\/03\/StudioTom-TERO2026052135-scaled-e1792486396809.webp\" alt=\"Team during Venue Play\" loading=\"lazy\">\r\n <span class=\"tko-bt__tag\">Your messages, in play<\/span>\r\n <\/a>\r\n <a class=\"tko-bt tko-bt--photo\" href=\"https:\/\/tero.be\/en\/events\/team-building-activities\/step-story\/\" data-cta=\"kickoff-activite-step-story\" target=\"_blank\" rel=\"noopener\" style=\"--o:4\">\r\n <img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2024\/02\/DSC_0219-1-scaled.webp\" alt=\"Teams building a chain reaction during Step Story\" loading=\"lazy\">\r\n <span class=\"tko-bt__tag\">Every link counts<\/span>\r\n <\/a>\r\n <a class=\"tko-bt tko-bt--text tko-bt--lav\" href=\"https:\/\/tero.be\/en\/events\/team-building-activities\/step-story\/\" data-cta=\"kickoff-activite-step-story-texte\" target=\"_blank\" rel=\"noopener\" style=\"--o:5\">\r\n <small>50 to 100 people \u00b7 2 h<\/small>\r\n <h3>Step Story<\/h3>\r\n <p>Each team builds its own link, and everything has to connect. A chain reaction that shows the result depends on everyone.<\/p>\r\n <span class=\"tko-bt__go\">Discover Step Story <span aria-hidden=\"true\">\u2192<\/span><\/span>\r\n <\/a>\r\n <a class=\"tko-bt tko-bt--text tko-bt--blue\" href=\"https:\/\/tero.be\/en\/events\/team-building-activities\/the-final-mystery\/\" data-cta=\"kickoff-activite-the-final-mystery-texte\" target=\"_blank\" rel=\"noopener\" style=\"--o:7\">\r\n <small>200+ people \u00b7 1 h 30<\/small>\r\n <h3>The Final Mystery<\/h3>\r\n <p>The whole company investigates at the same time. To find the culprit, teams have to share their clues.<\/p>\r\n <span class=\"tko-bt__go\">Discover The Final Mystery <span aria-hidden=\"true\">\u2192<\/span><\/span>\r\n <\/a>\r\n <a class=\"tko-bt tko-bt--photo\" id=\"tko-act-final-mystery\" href=\"https:\/\/tero.be\/en\/events\/team-building-activities\/the-final-mystery\/\" data-cta=\"kickoff-activite-the-final-mystery\" target=\"_blank\" rel=\"noopener\" style=\"--o:6\">\r\n <img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/05\/The-Final-Mystery-ALL-FR.webp\" alt=\"Teams investigating during The Final Mystery\" loading=\"lazy\">\r\n <span class=\"tko-bt__tag\">The whole company investigates<\/span>\r\n <\/a>\r\n <\/div>\r\n <a class=\"tko-btn tko-btn--line tko-acts__all\" href=\"https:\/\/tero.be\/en\/events\/team-building-activities\/\" data-cta=\"kickoff-toutes-les-activites\" target=\"_blank\" rel=\"noopener\">See all activities <span class=\"tko-btn__arrow\" aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"tko-teroir tko-wrap\" id=\"tko-teroir\" aria-labelledby=\"tko-teroir-title\">\r\n <img decoding=\"async\" class=\"tko-teroir__radis\" src=\"https:\/\/www.terblock.be\/wp-content\/uploads\/2026\/10\/radis.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\">\r\n <div class=\"tko-teroir__media\">\r\n <div class=\"tko-teroir__main\"><picture><source srcset=\"https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2026\/11\/DSCF0157_HD-683x1024.jpg.webp 683w, https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2026\/11\/DSCF0157_HD-1024x1536.jpg.webp 1024w, https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2026\/11\/DSCF0157_HD-scaled.jpg.webp 1707w\" sizes=\"(max-width: 980px) 90vw, 40vw\" type=\"image\/webp\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/DSCF0157_HD-1024x1536.jpg\" srcset=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/DSCF0157_HD-683x1024.jpg 683w, https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/DSCF0157_HD-1024x1536.jpg 1024w, https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/DSCF0157_HD-scaled.jpg 1707w\" sizes=\"(max-width: 980px) 90vw, 40vw\" alt=\"Fish and seasonal vegetables served by Teroir Catering\" loading=\"lazy\" class=\"webpexpress-processed\"><\/picture><\/div>\r\n <div class=\"tko-teroir__side\" data-parallax><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/08\/CrolleAgency_Tero_Rabanisse-48-sur-243.webp\" alt=\"Vegetable growing for the Teroir supply chain\" loading=\"lazy\"><\/div>\r\n <\/div>\r\n <div>\r\n <h2 class=\"tko-reveal\" id=\"tko-teroir-title\">From farm<br> <em class=\"tko-serif\">to fork.<\/em><\/h2>\r\n <div class=\"tko-tick tko-reveal\" aria-label=\"Local, Seasonality, Craftsmanship, Know-how, Authentic, Gastronomy, Conviviality, Sharing, Generosity, Heritage, Passing it on, Respect\">\r\n <div class=\"tko-tick__track\" aria-hidden=\"true\"><ul><li>Local<\/li><li>Seasonality<\/li><li>Craftsmanship<\/li><li>Know-how<\/li><li>Authentic<\/li><li>Gastronomy<\/li><li>Conviviality<\/li><li>Sharing<\/li><li>Generosity<\/li><li>Heritage<\/li><li>Passing it on<\/li><li>Respect<\/li><\/ul><ul><li>Local<\/li><li>Seasonality<\/li><li>Craftsmanship<\/li><li>Know-how<\/li><li>Authentic<\/li><li>Gastronomy<\/li><li>Conviviality<\/li><li>Sharing<\/li><li>Generosity<\/li><li>Heritage<\/li><li>Passing it on<\/li><li>Respect<\/li><\/ul><\/div>\r\n <\/div>\r\n <p class=\"tko-teroir__lead tko-reveal\">The caterer of the Tero group, Teroir is an event caterer with character, where gastronomy meets craftsmanship.<\/p>\r\n <p class=\"tko-teroir__lead tko-teroir__lead--2 tko-reveal\">The origin of our products, seasonality and respect for the natural cycle are our everyday fight; never a promise taken for granted, but a standard we set ourselves at every event.<\/p>\r\n <div class=\"tko-teroir__ctas tko-reveal\">\r\n <a class=\"tko-btn tko-btn--line\" href=\"https:\/\/tero.be\/en\/catering\/catering-services\/\" data-cta=\"kickoff-teroir\" target=\"_blank\" rel=\"noopener\">Discover Teroir Catering <span class=\"tko-btn__arrow\" aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <a class=\"tko-secta__btn\" href=\"#tko-brief\" data-cta=\"kickoff-teroir-reserver\">Book my kick-off <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tko-formules tko-reveal\">\r\n <h3 class=\"tko-formules__title\">Our packages <strong>for your kick-off.<\/strong><\/h3>\r\n <div class=\"tko-formules__grid\">\r\n <a class=\"tko-card tko-card--blue tko-card--mini\" href=\"https:\/\/tero.be\/en\/catering\/catering-services\/lunch\/\" data-cta=\"kickoff-formule-lunch\" target=\"_blank\" rel=\"noopener\">\r\n <span class=\"tko-card__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2025\/07\/30052024-krissaintpatrick-TERO-4-scaled.webp\" alt=\"Seasonal Teroir lunch\" loading=\"lazy\"><\/span>\r\n <span class=\"tko-card__txt\"><small>Between two sessions<\/small><b>Lunch<\/b><\/span>\r\n <\/a>\r\n <a class=\"tko-card tko-card--yellow tko-card--mini\" href=\"https:\/\/tero.be\/en\/catering\/catering-services\/cocktails\/\" data-cta=\"kickoff-formule-cocktails-dinatoires\" target=\"_blank\" rel=\"noopener\">\r\n <span class=\"tko-card__ph\"><picture><source srcset=\"https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2025\/07\/200625Tero-TeroirWaterlooAdecco-4-1-731x1024.jpg.webp\" type=\"image\/webp\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2025\/07\/200625Tero-TeroirWaterlooAdecco-4-1-731x1024.jpg\" alt=\"Teroir cocktail boards\" loading=\"lazy\" class=\"webpexpress-processed\"><\/picture><\/span>\r\n <span class=\"tko-card__txt\"><small>For a New Year toast or a drink<\/small><b>Cocktails<\/b><\/span>\r\n <\/a>\r\n <a class=\"tko-card tko-card--lav tko-card--mini\" href=\"https:\/\/tero.be\/en\/catering\/catering-services\/walking-dinner\/\" data-cta=\"kickoff-formule-walking-dinner\" target=\"_blank\" rel=\"noopener\">\r\n <span class=\"tko-card__ph\"><picture><source srcset=\"https:\/\/tero.be\/wp-content\/webp-express\/webp-images\/uploads\/2026\/11\/311.png.webp\" type=\"image\/webp\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/311.png\" alt=\"Teroir walking dinner\" loading=\"lazy\" class=\"webpexpress-processed\"><\/picture><\/span>\r\n <span class=\"tko-card__txt\"><small>To mingle and talk<\/small><b>Walking dinner<\/b><\/span>\r\n <\/a>\r\n <a class=\"tko-card tko-card--white tko-card--mini\" href=\"https:\/\/tero.be\/en\/catering\/catering-services\/seated-dinners\/\" data-cta=\"kickoff-formule-diners-assis\" target=\"_blank\" rel=\"noopener\">\r\n <span class=\"tko-card__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2025\/06\/SIDE-SHUTTER-7-seated-dinner-scaled.webp\" alt=\"Seated dinner in a marquee\" loading=\"lazy\"><\/span>\r\n <span class=\"tko-card__txt\"><small>Three courses, seated<\/small><b>Seated dinner<\/b><\/span>\r\n <\/a>\r\n <\/div>\r\n <a class=\"tko-formules__all\" href=\"https:\/\/tero.be\/en\/catering\/catering-services\/\" data-cta=\"kickoff-toutes-les-formules\" target=\"_blank\" rel=\"noopener\">See all our packages <span aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"tko-why tko-wrap\" id=\"tko-pourquoi\" aria-labelledby=\"tko-why-title\">\r\n <div class=\"tko-section-head tko-why__head\">\r\n <div class=\"tko-titlerow\"><h2 class=\"tko-reveal\" id=\"tko-why-title\">Three crafts, <strong>one single team.<\/strong><\/h2><div class=\"tko-secta tko-reveal\"><span class=\"tko-countdown tko-countdown--sec\" data-countdown><b>53 days<\/b> to 2027<\/span><a class=\"tko-secta__btn\" href=\"#tko-brief\" data-cta=\"kickoff-section-pourquoi\">Plan my kick-off <span aria-hidden=\"true\">\u2192<\/span><\/a><\/div><\/div>\r\n <p class=\"tko-reveal\">Venues, food and activities are all managed in-house, in Belgium and Luxembourg. That's what lets us coordinate everything without ever sending you to a subcontractor.<\/p>\r\n <\/div>\r\n <div class=\"tko-why__grid tko-reveal\">\r\n <a class=\"tko-pilier\" href=\"#tko-lieux\" data-cta=\"kickoff-pourquoi-le-lieu\">\r\n <div class=\"tko-pilier__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/kickoff-lux-lieu-house17.webp\" alt=\"Tero House17 in Luxembourg in the evening\" loading=\"lazy\"><\/div>\r\n <div class=\"tko-pilier__sur\">\r\n <h3>The venue<\/h3>\r\n <div class=\"tko-pilier__rev\"><div><p>Inspiring places that instantly give your kick-off another dimension. From 14 to 400 people, from the coast to the Ardennes.<\/p><span class=\"tko-pilier__go\">See the venues <span aria-hidden=\"true\">\u2192<\/span><\/span><\/div><\/div>\r\n <\/div>\r\n <\/a>\r\n <a class=\"tko-pilier\" href=\"#tko-teroir\" data-cta=\"kickoff-pourquoi-la-table\">\r\n <div class=\"tko-pilier__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/kickoff-lux-table.webp\" alt=\"Table set by Teroir Catering\" loading=\"lazy\"><\/div>\r\n <div class=\"tko-pilier__sur\">\r\n <h3>The food<\/h3>\r\n <div class=\"tko-pilier__rev\"><div><p>Farm-to-fork food from our Teroir know-how, prepared in our kitchens and served wherever you are.<\/p><span class=\"tko-pilier__go\">See the packages <span aria-hidden=\"true\">\u2192<\/span><\/span><\/div><\/div>\r\n <\/div>\r\n <\/a>\r\n <a class=\"tko-pilier\" href=\"#tko-activites\" data-cta=\"kickoff-pourquoi-lactivit\u00e9\">\r\n <div class=\"tko-pilier__ph\"><img decoding=\"async\" src=\"https:\/\/tero.be\/wp-content\/uploads\/2026\/11\/kickoff-lux-activite.webp\" alt=\"Cardboard car race during a Tero team building\" loading=\"lazy\"><\/div>\r\n <div class=\"tko-pilier__sur\">\r\n <h3>The activity<\/h3>\r\n <div class=\"tko-pilier__rev\"><div><p>Because the best moments aren't only built around a table. Indoor and outdoor, run by our hosts.<\/p><span class=\"tko-pilier__go\">See the activities <span aria-hidden=\"true\">\u2192<\/span><\/span><\/div><\/div>\r\n <\/div>\r\n <\/a>\r\n <div class=\"tko-pilier tko-pilier--fixe\">\r\n <div class=\"tko-pilier__sur\">\r\n <h3>The organisation<\/h3>\r\n <div class=\"tko-pilier__rev\"><div><p>One single contact to design and orchestrate your kick-off, from the first email to the last plate.<\/p><span class=\"tko-pilier__go tko-pilier__go--muet\">Included in every package<\/span><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"tko-faq tko-wrap\" aria-labelledby=\"tko-faq-title\">\r\n <div>\r\n <h2 class=\"tko-reveal\" id=\"tko-faq-title\">Before you <strong>get started.<\/strong><\/h2>\r\n <\/div>\r\n <div class=\"tko-faq__list tko-reveal\">\r\n <details>\r\n <summary>When should I book a January kick-off?<\/summary>\r\n <p>As early as possible: most companies hold their kick-off in the same weeks of January and February. Booking in November or December leaves you the choice of venue and date.<\/p>\r\n <\/details>\r\n <details>\r\n <summary>Can everything be organised with one single contact?<\/summary>\r\n <p>Yes. The venue, the team building activity and Teroir catering are all managed by Tero. You have one contact person from the brief to the big day.<\/p>\r\n <\/details>\r\n <details>\r\n <summary>What budget should I plan for catering?<\/summary>\r\n <p>Count from \u20ac50 per person for a buffet and \u20ac80 for a walking dinner or seated dinner, from 50 people, excluding room hire and drinks.<\/p>\r\n <\/details>\r\n <details>\r\n <summary>Is it possible to stay overnight?<\/summary>\r\n <p>Yes. Our lodges in Francorchamps and Herbeumont, in the Ardennes, are designed for a retreat with an overnight stay. Choose the \u201cWith overnight stay\u201d format in the brief and we'll suggest the right venue for your group.<\/p>\r\n <\/details>\r\n <details>\r\n <summary>What about the technical setup for the plenary?<\/summary>\r\n <p>List your needs in the brief (screen, sound, microphones, recording). We include them in the proposal based on the chosen venue.<\/p>\r\n <\/details>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"tko-devis tko-wrap\" id=\"tko-devis\" aria-labelledby=\"tko-devis-title\">\r\n <div class=\"tko-devis__panel\">\r\n <div class=\"tko-hero__quote tko-quote--bas\">\r\n <div class=\"tko-brief__intro\">\r\n <h2 id=\"tko-devis-title\">Tell us <strong>the essentials.<\/strong><\/h2>\r\n <p>Four quick questions, and we'll come back to you with a proposal made for your team.<\/p>\r\n <ul class=\"tko-brief__reassure\">\r\n <li>One single contact for the whole project<\/li>\r\n <li>A proposal built for your group<\/li>\r\n <li>No commitment<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"tko-devis__dock\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"tko-blog tko-wrap\" aria-labelledby=\"tko-blog-title\">\r\n <div class=\"tko-blog__head\">\r\n <h2 class=\"tko-reveal\" id=\"tko-blog-title\">Read more <strong>on the blog.<\/strong><\/h2>\r\n <a class=\"tko-btn tko-btn--line\" href=\"https:\/\/tero.be\/en\/news\/\" data-cta=\"kickoff-blog-tous\" target=\"_blank\" rel=\"noopener\">All articles <span class=\"tko-btn__arrow\" aria-hidden=\"true\">\u2192<\/span><\/a>\r\n <\/div>\r\n <div class=\"tko-blog__grid tko-reveal\" id=\"tko-blog-list\">\r\n <a class=\"tko-article\" href=\"https:\/\/tero.be\/en\/news\/turn-your-new-year-launch-into-a-driver-of-team-performance\/\" data-cta=\"kickoff-blog\" target=\"_blank\" rel=\"noopener\"><h3>Kick-off 2027: turn your new-year launch into a driver of culture and performance<\/h3><span>Read the article <span aria-hidden=\"true\">\u2192<\/span><\/span><\/a>\r\n <a class=\"tko-article\" href=\"https:\/\/tero.be\/en\/news\/team-building-is-reinventing-itself-creativity-artificial-intelligence-and-new-group-experiences\/\" data-cta=\"kickoff-blog\" target=\"_blank\" rel=\"noopener\"><h3>Team building in the age of AI: Tero puts people first<\/h3><span>Read the article <span aria-hidden=\"true\">\u2192<\/span><\/span><\/a>\r\n <a class=\"tko-article\" href=\"https:\/\/tero.be\/en\/news\/team-offsite-thinking-outside-the-box-to-move-forward-together\/\" data-cta=\"kickoff-blog\" target=\"_blank\" rel=\"noopener\"><h3>Team offsite: step outside the usual to move forward together<\/h3><span>Read the article <span aria-hidden=\"true\">\u2192<\/span><\/span><\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n<script>\r\n(() => {\r\n \/* ===== R\u00e9glages ===== *\/\r\n \/* Provenance de la visite (UTM, gclid), gard\u00e9e le temps de la session *\/\r\n const utm = (() => {\r\n const keys = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content', 'gclid'];\r\n const q = new URLSearchParams(location.search); let st = {};\r\n try { st = JSON.parse(sessionStorage.getItem('tko_utm') || '{}'); } catch (x) { st = {}; }\r\n keys.forEach((k) => { if (q.get(k)) st[k] = q.get(k); });\r\n try { sessionStorage.setItem('tko_utm', JSON.stringify(st)); } catch (x) { \/* navigation priv\u00e9e *\/ }\r\n const o = {}; keys.forEach((k) => { o[k === 'gclid' ? 'gclid_field' : k] = st[k] || ''; });\r\n if (!o.utm_campaign) o.utm_campaign = 'kickoff-2027';\r\n return o;\r\n })();\r\n const FORM_ENDPOINT = ''; \/\/ \u2190 URL du webhook (Efficy \/ Odoo). Vide = avertissement, rien n'est envoy\u00e9.\r\n\r\n const root = document.getElementById('tero-kickoff');\r\n if (!root) return;\r\n const $ = (s, c = root) => c.querySelector(s);\r\n const $$ = (s, c = root) => Array.from(c.querySelectorAll(s));\r\n const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n const dl = (o) => { window.dataLayer = window.dataLayer || []; window.dataLayer.push(o); };\r\n const clamp = (v, a = 0, b = 1) => Math.min(b, Math.max(a, v));\r\n\r\n\r\n \/* ===== Hero ===== *\/\r\n const hero = $('#tko-hero');\r\n const heroNum = $('.tko-hero__num', hero);\r\n requestAnimationFrame(() => hero.classList.add('is-in'));\r\n\r\n \/* Compte \u00e0 rebours jusqu'au 1er janvier 2027 (bascule automatiquement ensuite) *\/\r\n const cd = $('#tko-countdown');\r\n const days = Math.ceil((new Date(2027, 0, 1) - new Date()) \/ 86400000);\r\n const cdTxt = days > 0 ? `<b>${days} days<\/b><span class=\"tko-cd__s\"> to 2027<\/span>` : '<b>2027<\/b><span class=\"tko-cd__s\"> has started: dates still available<\/span>';\r\n [cd, ...$$('[data-countdown]')].forEach((el) => { if (el) el.innerHTML = cdTxt; });\r\n\r\n \/* ===== Apparitions + compteurs ===== *\/\r\n const countUp = (el) => {\r\n const target = +el.dataset.count;\r\n if (reduce || target < 2) return;\r\n const t0 = performance.now(), dur = 1400;\r\n const tick = (t) => {\r\n const p = clamp((t - t0) \/ dur);\r\n el.textContent = Math.round(target * (1 - Math.pow(1 - p, 3)));\r\n if (p < 1) requestAnimationFrame(tick);\r\n };\r\n requestAnimationFrame(tick);\r\n };\r\n const toReveal = $$('.tko-reveal, #tko-teroir');\r\n if ('IntersectionObserver' in window && !reduce) {\r\n const io = new IntersectionObserver((entries) => entries.forEach((en) => {\r\n if (!en.isIntersecting) return;\r\n en.target.classList.add('is-visible');\r\n $$('[data-count]', en.target).forEach(countUp);\r\n io.unobserve(en.target);\r\n }), { threshold: .15, rootMargin: '0px 0px -6% 0px' });\r\n toReveal.forEach((el) => io.observe(el));\r\n } else {\r\n toReveal.forEach((el) => el.classList.add('is-visible'));\r\n }\r\n\r\n \/* ===== Accroche : mots qui se remplissent au scroll ===== *\/\r\n const fill = $('[data-fill]');\r\n const accents = (fill.dataset.accent || '').split(',');\r\n fill.innerHTML = fill.textContent.trim().split(\/\\s+\/).map((w) => {\r\n const clean = w.replace(\/[.,]\/g, '').toLowerCase();\r\n return `<span class=\"w${accents.includes(clean) ? ' accent' : ''}\">${w}<\/span>`;\r\n }).join(' ');\r\n const words = $$('.w', fill);\r\n\r\n \/* ===== Phrase du hero : les mots apparaissent petit \u00e0 petit au scroll ===== *\/\r\n const storyP = $('#tko-story p');\r\n if (storyP) storyP.innerHTML = storyP.textContent.trim().split(\/[ \\t\\n]+\/).map((w) => `<span class=\"w\">${w}<\/span>`).join(' ');\r\n const storyWords = storyP ? $$('.w', storyP) : [];\r\n\r\n \/* ===== Hero en s\u00e9quence ===== *\/\r\n const seq = $('#tko-seq');\r\n const stick = $('#tko-seq-stick');\r\n const intro = $('#tko-intro');\r\n const quad = $('#tko-quad');\r\n const story = $('#tko-story');\r\n const outro = $('#tko-outro');\r\n const band = $('#tko-band');\r\n const layers = $$('.tko-layer', hero);\r\n const quadItems = $$('.tko-quad__item', quad);\r\n const ease = (t) => (t < .5 ? 2 * t * t : 1 - Math.pow(-2 * t + 2, 2) \/ 2);\r\n const seg = (p, a, b) => clamp((p - a) \/ (b - a));\r\n \/* Hauteurs fig\u00e9es en pixels : \u00e9vite les tremblements dus \u00e0 la barre d'adresse Safari sur mobile *\/\r\n \/* Sur \u00e9cran tactile, on ignore les petites variations de hauteur (barre d'adresse qui appara\u00eet\r\n et dispara\u00eet) ; sur ordinateur, on suit toujours la vraie hauteur de la fen\u00eatre. *\/\r\n const touch = window.matchMedia('(pointer: coarse)').matches;\r\n\r\n \/* Menu fixe du site : sur tero.be, Elementor ne fixe le menu (85 px) qu'une fois qu'on commence \u00e0 d\u00e9filer.\r\n \u00c0 chaque mise \u00e0 jour, on regarde donc ce qui se trouve tout en haut de l'\u00e9cran, et si c'est un \u00e9l\u00e9ment\r\n fix\u00e9 (fixed ou sticky) qui n'appartient pas \u00e0 la page kick-off, le hero se cale juste en dessous. *\/\r\n const fixedAncestor = (el) => {\r\n for (let n = el; n && n !== document.body && n !== document.documentElement; n = n.parentElement) {\r\n if (root.contains(n)) return null;\r\n const pos = getComputedStyle(n).position;\r\n if (pos === 'fixed' || pos === 'sticky') return n;\r\n }\r\n return null;\r\n };\r\n const headerOffset = () => {\r\n const maxH = window.innerHeight * .35;\r\n const found = new Set(document.querySelectorAll('.elementor-sticky--active, #wpadminbar'));\r\n const vw = document.documentElement.clientWidth;\r\n [vw * .5, vw * .15, vw * .85].forEach((x) => {\r\n (document.elementsFromPoint(x, 2) || []).forEach((el) => { const f = fixedAncestor(el); if (f) found.add(f); });\r\n });\r\n let bottom = 0;\r\n found.forEach((el) => {\r\n if (root.contains(el)) return;\r\n const r = el.getBoundingClientRect();\r\n if (r.height > 0 && r.top <= 2 && r.bottom > 0 && r.bottom < maxH && getComputedStyle(el).visibility !== 'hidden') bottom = Math.max(bottom, r.bottom);\r\n });\r\n return Math.round(bottom);\r\n };\r\n\r\n let seqW = 0, winH = 0, hdr = 0, stickH = 0;\r\n const sizeSeq = (force) => {\r\n if (reduce) return;\r\n const w = window.innerWidth, h = window.innerHeight, o = headerOffset();\r\n if (!force && w === seqW && h === winH && Math.abs(o - hdr) < 3) return;\r\n if (!force && touch && w === seqW && Math.abs(h - winH) < 120 && Math.abs(o - hdr) < 3) return;\r\n seqW = w; winH = h; hdr = o;\r\n stickH = h - hdr;\r\n stick.style.top = `${hdr}px`;\r\n stick.style.height = `${stickH}px`;\r\n seq.style.height = `${Math.round(h * 7.6)}px`;\r\n };\r\n const LAYER_START = [.36, .49, .62, .745];\r\n const LAYER_LEN = .125;\r\n const drawSeq = () => {\r\n if (reduce) return;\r\n const r = seq.getBoundingClientRect();\r\n if (r.bottom < 0 || r.top > winH) return;\r\n const p = clamp((hdr - r.top) \/ (seq.offsetHeight - stickH));\r\n const vw = document.documentElement.clientWidth;\r\n const mobile = vw < 760;\r\n\r\n \/* ouverture puis fermeture du cadre *\/\r\n const open = ease(seg(p, 0, .1));\r\n const close = mobile ? 0 : ease(seg(p, .86, .96)); \/* sur mobile, le devis reste en plein \u00e9cran *\/\r\n const f = open * (1 - close);\r\n const g = Math.min(40, Math.max(16, vw * .031));\r\n const restW = Math.min(1440, vw - 2 * g);\r\n const restTop = mobile ? 12 : 16;\r\n \/* Position \u00ab au repos \u00bb du cadre = celle qu'il a au chargement de la page, sous le menu.\r\n Elle est identique au d\u00e9but et \u00e0 la fin de la s\u00e9quence : le cadre retrouve exactement\r\n sa place et sa taille d'avant l'agrandissement. *\/\r\n const bandGap = mobile ? 10 : 14; \/* espace entre le cadre et les logos *\/\r\n const bandBox = mobile ? 60 : 72; \/* hauteur de la bande des logos *\/\r\n const bottomGap = mobile ? 14 : 28; \/* air sous les logos, en bas de l'\u00e9cran *\/\r\n const bandH = bandGap + bandBox + bottomGap;\r\n const loadTop = Math.min((r.top + window.scrollY) + restTop, winH * .3); \/* haut du cadre quand la page est en haut *\/\r\n const stickTop = stick.getBoundingClientRect().top;\r\n const restOffset = Math.max(restTop, loadTop - stickTop);\r\n const restH = Math.max(260, winH - loadTop - bandH);\r\n const radius = Math.min(40, Math.max(24, vw * .03));\r\n \/* Anti-tremblement : le hero garde toujours la taille de l'\u00e9cran (aucun recalcul de mise en page\r\n pendant le scroll). Le cadre qui s'ouvre et se referme est un simple masque (clip-path),\r\n et les contenus du cadre de d\u00e9part restent pos\u00e9s sur ce rectangle fixe. *\/\r\n const rx = Math.round((vw - restW) \/ 2), ry = Math.round(restOffset), rh = Math.round(restH);\r\n const restKey = `${rx}|${ry}|${restW}|${rh}|${radius}`;\r\n if (restKey !== hero._rk) {\r\n hero._rk = restKey;\r\n hero.style.setProperty('--rx', `${rx}px`);\r\n hero.style.setProperty('--ry', `${ry}px`);\r\n hero.style.setProperty('--rw', `${restW}px`);\r\n hero.style.setProperty('--rh', `${rh}px`);\r\n hero.style.setProperty('--rr', `${radius}px`);\r\n }\r\n const k = 1 - f;\r\n hero.style.clipPath = `inset(${(ry * k).toFixed(2)}px ${(rx * k).toFixed(2)}px ${(Math.max(0, stickH - ry - rh) * k).toFixed(2)}px ${(rx * k).toFixed(2)}px round ${(radius * k).toFixed(2)}px)`;\r\n hero.style.setProperty('--f', f.toFixed(4));\r\n stick.style.setProperty('--bt', `${restOffset + restH + bandGap}px`);\r\n band.style.setProperty('--bo', (1 - clamp(f * 3)).toFixed(3));\r\n\r\n \/* actes *\/\r\n const io = 1 - seg(p, .08, .12);\r\n const so = seg(p, .19, .215) * (1 - seg(p, .315, .35)); \/* entre .12 et .18 : le 2027 rempli reste seul \u00e0 l'\u00e9cran *\/\r\n const qo = seg(p, .36, .41) * (1 - seg(p, .86, .9));\r\n const oo = seg(p, .9, .96);\r\n hero.style.setProperty('--io', io.toFixed(3));\r\n hero.style.setProperty('--so', so.toFixed(3));\r\n \/* \u00ab 27 \u00bb : se remplit pendant que le cadre s'ouvre, puis s'efface quand les photos arrivent *\/\r\n hero.style.setProperty('--fill27', `${(seg(p, 0, .12) * 100).toFixed(1)}%`); \/* enti\u00e8rement rempli, puis affich\u00e9 seul *\/\r\n const ph = seg(p, LAYER_START[0], LAYER_START[0] + .05);\r\n hero.style.setProperty('--ov', '0'); \/* voile sombre seulement quand les photos sont l\u00e0 *\/\r\n hero.style.setProperty('--n27', ((1 - ph) * (1 - ease(seg(p, .17, .24)) * .85)).toFixed(3)); \/* fondu doux avant l'arriv\u00e9e de la phrase *\/\r\n hero.style.setProperty('--qo', qo.toFixed(3));\r\n hero.style.setProperty('--oo', oo.toFixed(3));\r\n intro.classList.toggle('is-live', io > .5);\r\n quad.classList.toggle('is-live', qo > .5);\r\n story.classList.toggle('is-live', so > .5);\r\n const sn = Math.round(seg(p, .2, .3) * storyWords.length);\r\n storyWords.forEach((w, i) => w.classList.toggle('on', i < sn));\r\n outro.classList.toggle('is-live', oo > .5);\r\n\r\n \/* couches photo et colonne active *\/\r\n let active = 0;\r\n layers.forEach((l, k) => {\r\n const lo = seg(p, LAYER_START[k], LAYER_START[k] + .05);\r\n l.style.opacity = (lo * (1 - oo)).toFixed(3); \/* au devis, les photos s'effacent : retour au fond pastel *\/\r\n l.style.setProperty('--lo', seg(p, LAYER_START[k], LAYER_START[k] + LAYER_LEN).toFixed(3));\r\n if (p >= LAYER_START[k]) active = k;\r\n });\r\n quadItems.forEach((it, k) => {\r\n it.classList.toggle('is-active', k === active);\r\n it.style.setProperty('--ip', seg(p, LAYER_START[k], LAYER_START[k] + LAYER_LEN).toFixed(3));\r\n });\r\n };\r\n\r\n \/* Les boutons \u00ab Bloquer une date \u00bb m\u00e8nent au dernier \u00e9cran de la s\u00e9quence (le devis) *\/\r\n $$('a[href=\"#tko-brief\"]').forEach((a) => a.addEventListener('click', (e) => {\r\n if (reduce) return;\r\n e.preventDefault();\r\n sizeSeq();\r\n const bas = $('#tko-devis');\r\n if (bas && seq.getBoundingClientRect().bottom < 0) { \/* d\u00e9j\u00e0 plus bas que le hero : formulaire du bas *\/\r\n window.scrollTo({ top: bas.getBoundingClientRect().top + window.scrollY - 90, behavior: 'smooth' });\r\n return;\r\n }\r\n const top = seq.getBoundingClientRect().top + window.scrollY + seq.offsetHeight - window.innerHeight;\r\n window.scrollTo({ top, behavior: 'auto' });\r\n }));\r\n\r\n \/* ===== Boucle scroll unique ===== *\/\r\n const quick = $('#tko-quicknav');\r\n const quickMark = $('#tko-quicknav-mark');\r\n const hookEl = $('.tko-hook');\r\n const side = $('[data-parallax]');\r\n let ticking = false;\r\n const onScroll = () => {\r\n const vh = window.innerHeight;\r\n sizeSeq();\r\n\r\n if (!reduce) {\r\n const r = fill.getBoundingClientRect();\r\n const p = clamp((vh * .85 - r.top) \/ (r.height + vh * .35));\r\n const n = Math.round(p * words.length);\r\n words.forEach((w, i) => w.classList.toggle('on', i < n));\r\n }\r\n\r\n\r\n drawSeq();\r\n\r\n if (!reduce && side) {\r\n const r = side.getBoundingClientRect();\r\n side.style.setProperty('--py', `${Math.max(-30, Math.min(30, ((r.top + r.height \/ 2) \/ vh - .5) * -60))}px`);\r\n }\r\n\r\n\r\n \/* Apr\u00e8s l'accroche : le menu du site se cache et la barre d'acc\u00e8s rapide prend sa place *\/\r\n const navOn = quickMark.getBoundingClientRect().top < 86; \/* la barre arrive au niveau du menu : elle prend sa place *\/\r\n if (navOn !== quick.classList.contains('is-on')) {\r\n quick.classList.toggle('is-on', navOn);\r\n document.body.classList.toggle('tko-menu-hidden', navOn);\r\n }\r\n\r\n ticking = false;\r\n };\r\n const requestTick = () => { if (!ticking) { ticking = true; requestAnimationFrame(onScroll); } };\r\n window.addEventListener('scroll', requestTick, { passive: true });\r\n window.addEventListener('resize', () => { sizeSeq(); requestTick(); });\r\n window.addEventListener('load', () => { sizeSeq(true); requestTick(); });\r\n window.addEventListener('load', requestTick);\r\n sizeSeq(true); onScroll();\r\n\r\n \/* ===== Effets souris : spotlight cartes + boutons magn\u00e9tiques ===== *\/\r\n if (!reduce && window.matchMedia('(hover: hover)').matches) {\r\n $$('[data-spot]').forEach((card) => card.addEventListener('pointermove', (e) => {\r\n const r = card.getBoundingClientRect();\r\n card.style.setProperty('--mx', `${e.clientX - r.left}px`);\r\n card.style.setProperty('--my', `${e.clientY - r.top}px`);\r\n }));\r\n $$('.tko-btn').forEach((btn) => {\r\n btn.addEventListener('pointermove', (e) => {\r\n const r = btn.getBoundingClientRect();\r\n btn.style.setProperty('--tx', `${(e.clientX - r.left - r.width \/ 2) * .18}px`);\r\n btn.style.setProperty('--ty', `${(e.clientY - r.top - r.height \/ 2) * .3}px`);\r\n });\r\n btn.addEventListener('pointerleave', () => { btn.style.setProperty('--tx', '0px'); btn.style.setProperty('--ty', '0px'); });\r\n });\r\n }\r\n\r\n \/* ===== Carrousels lieux et activit\u00e9s (fa\u00e7on WePresent) =====\r\n Ordinateur : d\u00e9filement horizontal, la carte au centre est mise en avant.\r\n Mobile : les cartes s'empilent les unes sur les autres au scroll. *\/\r\n const mqStack = window.matchMedia('(max-width: 760px)');\r\n const crs = $$('[data-cr]').map((box) => {\r\n const track = $('.tko-cr__track', box);\r\n const cards = $$('.tko-card', track);\r\n const prev = $('.tko-cr__btn--prev', box), next = $('.tko-cr__btn--next', box);\r\n const update = () => {\r\n if (mqStack.matches) { prev.disabled = false; next.disabled = false; return; }\r\n const mid = track.getBoundingClientRect().left + track.clientWidth \/ 2;\r\n let best = null, bd = 1e9;\r\n cards.forEach((c) => { const r = c.getBoundingClientRect(); const d = Math.abs(r.left + r.width \/ 2 - mid); if (d < bd) { bd = d; best = c; } });\r\n cards.forEach((c) => c.classList.toggle('is-active', c === best));\r\n \/* Arc tr\u00e8s l\u00e9ger : la carte du centre est mise en avant, les autres sont un peu plus basses, plus petites et estomp\u00e9es *\/\r\n if (!reduce) cards.forEach((c) => {\r\n const r = c.getBoundingClientRect();\r\n const d = Math.min(2, Math.abs((r.left + r.width \/ 2 - mid) \/ (r.width + 24)));\r\n const sd = Math.sign(r.left + r.width \/ 2 - mid);\r\n c.style.setProperty('--ay', `${(d * d * 9).toFixed(1)}px`);\r\n c.style.setProperty('--ar', `${(sd * d * 1.2).toFixed(2)}deg`);\r\n c.style.setProperty('--as', `${(1 - d * .06).toFixed(3)}`);\r\n c.style.setProperty('--ao', `${(1 - Math.min(1, d) * .28).toFixed(3)}`);\r\n });\r\n const max = track.scrollWidth - track.clientWidth;\r\n prev.disabled = track.scrollLeft <= 4; next.disabled = track.scrollLeft >= max - 4;\r\n };\r\n let t = false, idle = null, settling = false, down = false;\r\n \/* Recentrage doux sur la carte la plus proche, une fois le d\u00e9filement termin\u00e9\r\n (remplace l'aimantation CSS qui ramenait les cartes en arri\u00e8re au trackpad) *\/\r\n const settle = () => {\r\n if (mqStack.matches || down) return;\r\n const mid = track.scrollLeft + track.clientWidth \/ 2;\r\n let best = cards[0], bd = 1e9;\r\n cards.forEach((c) => { const d = Math.abs(c.offsetLeft + c.offsetWidth \/ 2 - mid); if (d < bd) { bd = d; best = c; } });\r\n if (bd < 3) return;\r\n settling = true;\r\n track.scrollTo({ left: best.offsetLeft + best.offsetWidth \/ 2 - track.clientWidth \/ 2, behavior: reduce ? 'auto' : 'smooth' });\r\n setTimeout(() => { settling = false; }, 500);\r\n };\r\n track.addEventListener('scroll', () => {\r\n if (!t) { t = true; requestAnimationFrame(() => { t = false; update(); }); }\r\n if (!settling) { clearTimeout(idle); idle = setTimeout(settle, 180); }\r\n }, { passive: true });\r\n const step = (dir) => {\r\n const act = $('.tko-card.is-active', track) || cards[0];\r\n const k = Math.min(cards.length - 1, Math.max(0, cards.indexOf(act) + dir));\r\n const c = cards[k];\r\n track.scrollTo({ left: c.offsetLeft + c.offsetWidth \/ 2 - track.clientWidth \/ 2, behavior: reduce ? 'auto' : 'smooth' });\r\n };\r\n prev.addEventListener('click', () => (mqStack.matches ? go(-1) : step(-1)));\r\n next.addEventListener('click', () => (mqStack.matches ? go(1) : step(1)));\r\n \/* Glisser \u00e0 la souris *\/\r\n let sx = 0, sl = 0, moved = false;\r\n track.addEventListener('pointerdown', (e) => { if (e.pointerType !== 'mouse' || mqStack.matches) return; down = true; moved = false; sx = e.clientX; sl = track.scrollLeft; });\r\n window.addEventListener('pointermove', (e) => { if (!down) return; const dx = e.clientX - sx; if (Math.abs(dx) > 5) { moved = true; track.classList.add('is-dragging'); } track.scrollLeft = sl - dx; });\r\n window.addEventListener('pointerup', () => { if (!down) return; down = false; setTimeout(() => track.classList.remove('is-dragging'), 0); settle(); });\r\n track.addEventListener('click', (e) => { if (moved) { e.preventDefault(); moved = false; } }, true);\r\n \/* Mobile : paquet de cartes \u00e0 swiper *\/\r\n const n = cards.length;\r\n let cur = 0, busy = false;\r\n const count = document.createElement('span'); count.className = 'tko-cr__count'; count.setAttribute('aria-live', 'polite');\r\n next.before(count);\r\n cards.forEach((c, k) => { c.style.setProperty('--i', k); });\r\n const render = (dx = 0) => {\r\n if (!mqStack.matches) { cards.forEach((c) => { c.style.transform = ''; c.style.opacity = ''; c.style.zIndex = ''; c.style.pointerEvents = ''; c.classList.remove('is-front'); }); return; }\r\n cards.forEach((c, i) => {\r\n const k = (i - cur + n) % n;\r\n c.classList.toggle('is-front', k === 0);\r\n c.style.zIndex = String(n - k);\r\n c.style.pointerEvents = k === 0 ? 'auto' : 'none';\r\n c.tabIndex = k === 0 ? 0 : -1;\r\n if (k === 0) { c.style.transform = `translateX(${dx}px) rotate(${dx \/ 22}deg)`; c.style.opacity = '1'; }\r\n else if (k <= 2) {\r\n const pull = Math.min(1, Math.abs(dx) \/ 140); \/* la carte suivante avance pendant le swipe *\/\r\n const kk = k - (k === 1 ? pull : pull * .5);\r\n c.style.transform = `translateY(${kk * 18}px) scale(${1 - kk * .05})`; c.style.opacity = '1';\r\n } else { c.style.transform = 'translateY(36px) scale(.9)'; c.style.opacity = '0'; }\r\n });\r\n count.textContent = `${cur + 1} \/ ${n}`;\r\n };\r\n const go = (dir) => {\r\n if (busy) return; busy = true;\r\n const front = cards[cur];\r\n box.classList.remove('is-swiping');\r\n front.style.transform = `translateX(${dir > 0 ? -120 : 120}%) rotate(${dir > 0 ? -14 : 14}deg)`;\r\n front.style.opacity = '0';\r\n setTimeout(() => { cur = (cur + dir + n) % n; render(0); busy = false; }, reduce ? 0 : 260);\r\n };\r\n let tx = 0, ty = 0, dx = 0, drag = false, lock = null, swiped = false;\r\n track.addEventListener('pointerdown', (e) => {\r\n if (!mqStack.matches || busy || !e.target.closest('.tko-card.is-front')) return;\r\n drag = true; lock = null; swiped = false; tx = e.clientX; ty = e.clientY; dx = 0;\r\n });\r\n window.addEventListener('pointermove', (e) => {\r\n if (!drag) return;\r\n const mx = e.clientX - tx, my = e.clientY - ty;\r\n if (lock === null && (Math.abs(mx) > 6 || Math.abs(my) > 6)) lock = Math.abs(mx) > Math.abs(my) ? 'x' : 'y';\r\n if (lock !== 'x') return;\r\n dx = mx; swiped = true; box.classList.add('is-swiping'); render(dx);\r\n }, { passive: true });\r\n const end = () => {\r\n if (!drag) return; drag = false;\r\n if (lock === 'x' && Math.abs(dx) > 70) go(dx < 0 ? 1 : -1);\r\n else { box.classList.remove('is-swiping'); render(0); }\r\n };\r\n window.addEventListener('pointerup', end);\r\n window.addEventListener('pointercancel', end);\r\n track.addEventListener('click', (e) => { if (swiped) { e.preventDefault(); swiped = false; } }, true);\r\n track.addEventListener('dragstart', (e) => e.preventDefault()); \/* \u00e9vite le glisser natif des liens et images *\/\r\n const stack = () => render(0);\r\n \/* Au d\u00e9part, la 2e carte est au centre : les 3 premi\u00e8res sont visibles *\/\r\n const start = () => {\r\n if (mqStack.matches || cards.length < 2) return;\r\n const c = cards[1];\r\n track.scrollLeft = c.offsetLeft + c.offsetWidth \/ 2 - track.clientWidth \/ 2;\r\n };\r\n \/* Am\u00e8ne une carte pr\u00e9cise au centre (depuis les intentions) *\/\r\n const focus = (card) => {\r\n const k = cards.indexOf(card);\r\n if (k < 0) return;\r\n if (mqStack.matches) { cur = k; render(0); return; }\r\n track.scrollTo({ left: card.offsetLeft + card.offsetWidth \/ 2 - track.clientWidth \/ 2, behavior: reduce ? 'auto' : 'smooth' });\r\n };\r\n return { update, stack, start, focus, track };\r\n });\r\n crs.forEach((c) => c.start());\r\n const crAll = () => crs.forEach((c) => { c.update(); c.stack(); });\r\n window.addEventListener('resize', crAll);\r\n window.addEventListener('load', () => { crs.forEach((c) => c.start()); crAll(); });\r\n crAll();\r\n\r\n \/* ===== Intentions : la carte se retourne et montre les coups de c\u0153ur ===== *\/\r\n const ints = $$('.tko-int:not(.tko-int--side)');\r\n const setInt = (card, open) => {\r\n ints.forEach((c) => { if (c !== card) { c.classList.remove('is-open'); c.setAttribute('aria-expanded', 'false'); } });\r\n card.classList.toggle('is-open', open);\r\n card.setAttribute('aria-expanded', String(open));\r\n };\r\n ints.forEach((card) => {\r\n card.addEventListener('click', (e) => {\r\n const go = e.target.closest('[data-goto]');\r\n if (go) { \/* photo du verso : on descend vers le lieu ou l'activit\u00e9 *\/\r\n e.preventDefault(); e.stopPropagation();\r\n const target = document.querySelector(go.getAttribute('href'));\r\n if (!target) return;\r\n const cr = crs.find((c) => c.track.contains(target));\r\n const box = cr ? target.closest('section') : target;\r\n window.scrollTo({ top: box.getBoundingClientRect().top + window.scrollY - (cr ? 90 : window.innerHeight * .2), behavior: reduce ? 'auto' : 'smooth' });\r\n if (cr) setTimeout(() => cr.focus(target), reduce ? 0 : 450);\r\n else { target.classList.add('is-flash'); setTimeout(() => target.classList.remove('is-flash'), 1800); }\r\n return;\r\n }\r\n if (e.target.closest('.tko-sol, .tko-int__cta')) return; \/* les liens restent des liens *\/\r\n if (e.target.closest('.tko-int__back')) { e.stopPropagation(); setInt(card, false); return; }\r\n if (!card.classList.contains('is-open')) setInt(card, true);\r\n });\r\n card.addEventListener('keydown', (e) => {\r\n if (e.target !== card) return;\r\n if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); setInt(card, !card.classList.contains('is-open')); }\r\n if (e.key === 'Escape') setInt(card, false);\r\n });\r\n });\r\n\r\n \/* ===== Blog : met \u00e0 jour les 3 derniers articles depuis tero.be\/fr\/news\/ (sinon la liste \u00e9crite reste) ===== *\/\r\n const blogList = $('#tko-blog-list');\r\n if (blogList && \/(^|\\.)tero\\.be$\/.test(location.hostname) && window.fetch && window.DOMParser) {\r\n fetch('\/en\/news\/', { credentials: 'same-origin' }).then((r) => (r.ok ? r.text() : Promise.reject(r.status))).then((html) => {\r\n const doc = new DOMParser().parseFromString(html, 'text\/html');\r\n const seen = new Set(); const items = [];\r\n doc.querySelectorAll('.jet-listing-grid__item').forEach((it) => {\r\n const a = it.querySelector('a[href*=\"\/en\/news\/\"]');\r\n const h = it.querySelector('.elementor-heading-title');\r\n if (!a || !h || \/\\\/news\\\/(tags|feed)|\\?\/.test(a.href) || seen.has(a.href)) return;\r\n const t = h.textContent.trim(); if (t.length < 12) return;\r\n seen.add(a.href); items.push([a.href, t]);\r\n });\r\n if (items.length < 3) return;\r\n const esc = (x) => x.replace(\/[&<>\"]\/g, (c) => ({ '&': '&', '<': '<', '>': '>', '\"': '"' }[c]));\r\n blogList.innerHTML = items.slice(0, 3).map(([h, t]) => `<a class=\"tko-article\" href=\"${esc(h)}\" data-cta=\"kickoff-blog\" target=\"_blank\" rel=\"noopener\"><h3>${esc(t)}<\/h3><span>Read the article <span aria-hidden=\"true\">\u2192<\/span><\/span><\/a>`).join('');\r\n }).catch(() => {});\r\n }\r\n\r\n \/* ===== Formulaire en \u00e9tapes ===== *\/\r\n const wrap = $('#tko-form');\r\n \/* Un seul formulaire, deux emplacements : dans le hero, ou en bas de page quand on y arrive *\/\r\n const dockBas = $('.tko-devis__dock');\r\n const dockHero = wrap.parentElement;\r\n const heroSlot = document.createComment('tko-form');\r\n dockHero.insertBefore(heroSlot, wrap);\r\n const placeForm = () => {\r\n const ae = document.activeElement;\r\n if (!dockBas || (wrap.contains(ae) && \/^(INPUT|TEXTAREA|SELECT)$\/.test(ae.tagName))) return; \/* pas pendant la saisie *\/\r\n const seqR = seq.getBoundingClientRect();\r\n const basR = dockBas.getBoundingClientRect();\r\n const wantBas = seqR.bottom < 0 && basR.top < window.innerHeight * 1.6;\r\n const wantHero = seqR.bottom > -window.innerHeight * .5;\r\n if (wantBas && wrap.parentElement !== dockBas) dockBas.appendChild(wrap);\r\n else if (wantHero && wrap.parentElement === dockBas) dockHero.insertBefore(wrap, heroSlot.nextSibling);\r\n };\r\n window.addEventListener('scroll', () => requestAnimationFrame(placeForm), { passive: true });\r\n placeForm();\r\n const form = $('form', wrap);\r\n const steps = $$('fieldset', form);\r\n const dots = $$('.tko-form__progress span', wrap);\r\n const back = $('.tko-form__back', form);\r\n const nextLabel = $('.tko-next-label', form);\r\n const err = $('.tko-form__error', form);\r\n let cur = 0;\r\n\r\n const show = (i) => {\r\n cur = i;\r\n steps.forEach((s, k) => { s.hidden = k !== i; });\r\n dots.forEach((d, k) => d.classList.toggle('on', k <= i));\r\n back.hidden = i === 0;\r\n nextLabel.textContent = i === steps.length - 1 ? 'Send my brief' : 'Continue';\r\n err.textContent = '';\r\n };\r\n const LABELS = { besoin: 'what you are looking for', periode: 'a month', budget: 'a budget per person', participants: 'the number of people', format: 'a format', region: 'a region' };\r\n const valid = (fs) => {\r\n $$('.is-missing', fs).forEach((g) => g.classList.remove('is-missing'));\r\n const radios = [...new Set($$('input[type=radio]', fs).map((r) => r.name))];\r\n for (const name of radios) if (!$(`input[name=\"${name}\"]:checked`, fs)) {\r\n if (name === 'periode' && (($('#tko-date', fs) || {}).value || ($('#tko-date-fin', fs) || {}).value)) continue; \/* une date pr\u00e9cise suffit *\/\r\n const grp = $(`input[name=\"${name}\"]`, fs).closest('.tko-form__group') || $(`input[name=\"${name}\"]`, fs).closest('.tko-chips');\r\n if (grp) grp.classList.add('is-missing');\r\n return `Please choose ${LABELS[name] || 'an option'} to continue.`;\r\n }\r\n \/* Seuls les champs obligatoires bloquent : une date facultative mal saisie est simplement ignor\u00e9e *\/\r\n for (const f of $$('input:not([type=radio]), textarea', fs)) {\r\n if (!f.required) { if (!f.checkValidity()) f.value = ''; continue; }\r\n if (!f.checkValidity()) { f.focus();\r\n if (f.type === 'date') { f.closest('.tko-form__group')?.classList.add('is-missing'); return f.validity.rangeUnderflow ? 'The end date must be after the start date.' : 'Please enter a start date and an end date.'; }\r\n return f.type === 'checkbox' ? 'Please agree to the processing of your information.' : 'Please fill in the required fields.'; }\r\n }\r\n return '';\r\n };\r\n \/* Une date pr\u00e9cise coche automatiquement le bon mois *\/\r\n const dateIn = $('#tko-date', form);\r\n const dateEnd = $('#tko-date-fin', form);\r\n if (dateIn) { const t = new Date(); dateIn.min = new Date(t.getTime() - t.getTimezoneOffset() * 6e4).toISOString().slice(0, 10); if (dateEnd) dateEnd.min = dateIn.min; }\r\n if (dateIn && dateEnd) dateIn.addEventListener('change', () => {\r\n dateEnd.min = dateIn.value || '';\r\n if (dateIn.value && (!dateEnd.value || dateEnd.value < dateIn.value)) dateEnd.value = dateIn.value;\r\n });\r\n if (dateIn) dateIn.addEventListener('change', () => {\r\n const m = \/^2027-0([123])-\/.exec(dateIn.value || '');\r\n const v = m ? ['Janvier 2027', 'F\u00e9vrier 2027', 'Mars 2027'][m[1] - 1] : '';\r\n const r = v && $(`input[name=\"periode\"][value=\"${v}\"]`, form);\r\n if (r) { r.checked = true; r.closest('.tko-form__group').classList.remove('is-missing'); }\r\n });\r\n form.addEventListener('change', (e) => { const g = e.target.closest('.is-missing') || (e.target === dateIn && dateIn.value && dateIn.closest('.is-missing')); if (g) { g.classList.remove('is-missing'); err.textContent = ''; } });\r\n\r\n \/* Avance automatique quand l'\u00e9tape n'a qu'une question *\/\r\n steps.forEach((fs, i) => $$('input[type=radio]', fs).forEach((r) => r.addEventListener('change', () => {\r\n const groups = new Set($$('input[type=radio]', fs).map((x) => x.name)).size;\r\n const others = $$('input:not([type=radio]), textarea, select', fs).some((x) => x.required); \/* une date \u00e0 remplir : pas d'avance auto *\/\r\n if (groups === 1 && !others && i < steps.length - 1) setTimeout(() => { dl({ event: 'kickoff_brief_step', langue: 'en', page: 'luxembourg', step: i + 1 }); show(i + 1); }, 260);\r\n })));\r\n\r\n back.addEventListener('click', () => show(Math.max(0, cur - 1)));\r\n\r\n form.addEventListener('submit', async (e) => {\r\n e.preventDefault();\r\n const msg = valid(steps[cur]);\r\n if (msg) { err.textContent = msg; err.scrollIntoView({ block: 'nearest', behavior: 'smooth' }); return; }\r\n if (cur < steps.length - 1) { dl({ event: 'kickoff_brief_step', langue: 'en', page: 'luxembourg', step: cur + 1 }); show(cur + 1); return; }\r\n\r\n const data = Object.fromEntries(new FormData(form).entries());\r\n if (data.date) data.periode = new Date(data.date + 'T12:00:00').toLocaleDateString('en-GB', { month: 'long', year: 'numeric' });\r\n\r\n const done = () => {\r\n \/* Aucune donn\u00e9e personnelle dans le dataLayer : uniquement la qualification *\/\r\n dl({ event: 'kickoff_brief_submit', langue: 'en', page: 'luxembourg', besoin: data.besoin, periode: data.periode, budget: data.budget, participants: data.participants, format: data.format, region: data.region });\r\n wrap.classList.add('is-done');\r\n $('.tko-form__done', wrap).focus();\r\n };\r\n const fail = () => { submitBtn.disabled = false; err.textContent = 'Sending failed. Please try again or contact us via the quote page.'; };\r\n const submitBtn = $('button[type=submit]', form);\r\n\r\n \/* ---- 1. Pont vers le formulaire JetFormBuilder cach\u00e9 (widget avec l'ID CSS \u00ab tko-jfb \u00bb) ---- *\/\r\n const jf = document.querySelector('#tko-jfb form.jet-form-builder');\r\n if (jf) {\r\n const BESOIN = {\r\n \/* formulaire JetFormBuilder n\u00b0 55789 \u00ab Get a Quote Kick-off 2027 FR \u00bb (action Efficy getaquote) :\r\n interested_in = l'int\u00e9r\u00eat r\u00e9el (lieu, team building, traiteur ou sur mesure) *\/\r\n 'A venue': ['venue', 'venue-only'],\r\n 'Catering': ['food', 'catering-only'],\r\n 'A team building': ['teambuilding', 'teambuilding-only'],\r\n 'Everything (venue, activity and catering)': ['tailor-made-event', 'turnkey-solution'],\r\n };\r\n const [interest, type] = BESOIN[data.besoin] || ['tailor-made-event', 'turnkey-solution'];\r\n \/* Service Efficy qui re\u00e7oit la demande (profile_id), m\u00eames num\u00e9ros que le plugin LumiSys :\r\n lieu 32 (80 = Luxembourg, comme House17 et River House), traiteur 87, team building 52, sur mesure \/ tout 52 *\/\r\n const PROFIL = { 'A venue': data.region === 'Luxembourg' ? '80' : '32', 'Catering': '87', 'A team building': '52', 'Everything (venue, activity and catering)': '52' };\r\n const fmt = (d) => new Date(d + 'T12:00:00').toLocaleDateString('en-GB');\r\n const MOIS = { 'Janvier 2027': '2027-01-01', 'F\u00e9vrier 2027': '2027-02-01', 'Mars 2027': '2027-03-01' };\r\n \/* Les champs du formulaire Tero restent obligatoires : on envoie toujours une valeur.\r\n \u00ab Pas encore fix\u00e9 \u00bb sans date \u2192 1er janvier 2027 (le r\u00e9capitulatif pr\u00e9cise que rien n'est fix\u00e9).\r\n \u00ab \u00c0 d\u00e9finir ensemble \u00bb \u2192 budget 0 (idem). *\/\r\n if (!data.date && data.date_fin) data.date = data.date_fin;\r\n const day1 = data.date || MOIS[data.periode] || '2027-01-01';\r\n const dayEnd = (data.date_fin && data.date_fin >= day1) ? data.date_fin : day1;\r\n const low = (t) => { const m = \/\\d+\/.exec(t || ''); return m ? m[0] : '0'; };\r\n \/* T\u00e9l\u00e9phone : indicatif s\u00e9par\u00e9 comme dans le formulaire Tero (+32 par d\u00e9faut) *\/\r\n const tel = (data.telephone || '').replace(\/[^\\d+]\/g, '');\r\n const pm = \/^(?:\\+|00)(352|33|32)(\\d+)$\/.exec(tel);\r\n const prefix = pm ? pm[1] : '32';\r\n const phone = pm ? pm[2] : tel.replace(\/^0\/, '');\r\n const recap = [\r\n `Kick-off 2027`,\r\n `Need: ${data.besoin || ''}`,\r\n `Period: ${data.periode || ''}${data.date ? ` (from ${fmt(data.date)}${data.date_fin && data.date_fin !== data.date ? ` to ${fmt(data.date_fin)}` : ''})` : ''}`,\r\n `Budget per person: ${data.budget || ''}`,\r\n `Participants: ${data.participants || ''}`,\r\n `Format: ${data.format || ''}`,\r\n `Region: ${data.region || ''}`,\r\n `Phone: ${data.telephone || ''}`,\r\n data.message ? `Message: ${data.message}` : '',\r\n ].filter(Boolean).join('\\n');\r\n const values = {\r\n interested_in: interest, tailor_made_event_type: type, profile_id: PROFIL[data.besoin] || '52',\r\n event_month: data.periode || '', event_date: data.date || '', budget_pp: data.budget || '',\r\n people: data.participants || '', event_format: data.format || '', region: data.region || '',\r\n first_name: data.prenom || '', surname: data.nom || '', email: data.email || '', company: data.societe || '',\r\n prefix, telephone: phone,\r\n message: data.message || '', tailor_made_event_describe: recap,\r\n consent_privacy: data.consentement ? 'oui' : '', consent_email: data.consent_email ? 'oui' : '', Campaign: 'Kick-off 2027',\r\n \/* m\u00eames noms que le formulaire \u00ab Obtenir un devis \u00bb (n\u00b0 31426), pour un formulaire dupliqu\u00e9 *\/\r\n \/* m\u00eames infos pour chaque parcours : le plugin Efficy lit celles du parcours choisi *\/\r\n ...['tailor_made_event', 'venue', 'activity', 'food'].reduce((o, p) => Object.assign(o, {\r\n [`${p}_date_from`]: day1, [`${p}_date_to`]: dayEnd,\r\n [`${p}_people`]: low(data.participants), [`${p}_budget`]: low(data.budget), [`${p}_describe`]: recap,\r\n }), {}),\r\n ...utm,\r\n };\r\n for (const [k, v] of Object.entries(values)) {\r\n for (const el of jf.querySelectorAll(`[name=\"${k}\"], [name=\"${k}[]\"]`)) {\r\n if (el.type === 'checkbox' || el.type === 'radio') {\r\n el.checked = el.type === 'checkbox' ? !!v : el.value === v;\r\n } else if (el.tagName === 'SELECT') {\r\n if (v && ![...el.options].some((o) => o.value === v)) el.add(new Option(v, v));\r\n el.value = v;\r\n } else {\r\n el.value = v;\r\n }\r\n el.dispatchEvent(new Event('input', { bubbles: true }));\r\n el.dispatchEvent(new Event('change', { bubbles: true }));\r\n }\r\n }\r\n submitBtn.disabled = true;\r\n err.textContent = 'Sending\u2026';\r\n const box = jf.closest('#tko-jfb');\r\n let over = false;\r\n const finish = (ok) => { if (over) return; over = true; obs.disconnect(); clearTimeout(tm); err.textContent = ''; ok ? done() : fail(); };\r\n const check = () => {\r\n if (box.querySelector('.jet-form-builder-message--success, .jet-form-message--success, .jet-form-builder-messages-wrap .success')) finish(true);\r\n else if (box.querySelector('.jet-form-builder-message--error, .jet-form-message--error, .jet-form-builder-messages-wrap .error')) finish(false);\r\n };\r\n const obs = new MutationObserver(check);\r\n obs.observe(box, { childList: true, subtree: true, attributes: true, attributeFilter: ['class'] });\r\n const tm = setTimeout(() => finish(false), 25000);\r\n if (window.jQuery) window.jQuery(jf).one('jet-form-builder\/ajax\/on-success', () => finish(true));\r\n const jbtn = jf.querySelector('button[type=submit], .jet-form-builder__submit');\r\n if (jf.requestSubmit) jf.requestSubmit(jbtn && jbtn.type === 'submit' ? jbtn : undefined); else (jbtn ? jbtn.click() : jf.submit());\r\n return;\r\n }\r\n\r\n \/* ---- 2. Sinon, webhook direct si une URL est renseign\u00e9e ---- *\/\r\n if (!FORM_ENDPOINT) { err.textContent = 'Form not connected yet: add the JetFormBuilder form (CSS ID \u201ctko-jfb\u201d) to the page.'; return; }\r\n try {\r\n const res = await fetch(FORM_ENDPOINT, { method: 'POST', headers: { 'Content-Type': 'application\/json' }, body: JSON.stringify(data) });\r\n if (!res.ok) throw new Error(res.status);\r\n done();\r\n } catch (x) { fail(); }\r\n });\r\n})();\r\n<\/script>\r\n\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-43ba5a6 e-flex e-con-boxed e-con e-parent\" data-id=\"43ba5a6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"jet_parallax_layout_list":[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-15403d6 elementor-widget elementor-widget-jet-form-builder-form\" data-id=\"15403d6\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"tko-jfb\" data-widget_type=\"jet-form-builder-form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel='stylesheet' id='wp-block-library-css' href='https:\/\/tero.be\/wp-includes\/css\/dist\/block-library\/common.min.css?ver=7.1.4' media='all' \/>\n<style id=\"jet-form-builder-55847-inline-css\"><\/style><form class=\"jet-form-builder layout-column submit-type-ajax\" action=\"https:\/\/tero.be\/en\/wp-json\/wp\/v2\/pages\/55894\/?5f292E=41RneVSJn8&method=reload\" method=\"POST\" data-form-id=\"55847\" data-layout=\"column\" enctype=\"multipart\/form-data\" novalidate=\"null\" ssr_validation_method=\"rest\"><input type=\"hidden\" id=\"_wpnonce_55847\" name=\"_wpnonce\" value=\"730b4faaf8\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/55894\" \/>\r\n<input type=\"hidden\" name=\"_jfb_current_render_states[]\" value=\"DEFAULT.STATE\" data-jfb-sync \/><input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"_jet_engine_booking_form_id\" data-field-name=\"_jet_engine_booking_form_id\" value=\"55847\">\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"_jet_engine_refer\" data-field-name=\"_jet_engine_refer\" value=\"https:\/\/tero.be\/en\/wp-json\/wp\/v2\/pages\/55894\/\">\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"__queried_post_id\" data-field-name=\"__queried_post_id\" value=\"55894\">\n\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"post_id\" data-field-name=\"post_id\" data-jfb-sync=\"null\" value=\"55894\">\n\n\n\n\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"gclid_field\" data-field-name=\"gclid_field\" data-jfb-sync=\"null\">\n\n\n\n\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"profile_id\" data-field-name=\"profile_id\" data-jfb-sync=\"null\" value=\"32\">\n\n\n\n\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"utm_campaign\" data-field-name=\"utm_campaign\" data-jfb-sync=\"null\">\n\n\n\n\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"utm_medium\" data-field-name=\"utm_medium\" data-jfb-sync=\"null\">\n\n\n\n\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"utm_source\" data-field-name=\"utm_source\" data-jfb-sync=\"null\">\n\n\n\n\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"utm_term\" data-field-name=\"utm_term\" data-jfb-sync=\"null\">\n\n\n\n\n<input type=\"hidden\" class=\"jet-form-builder__field hidden-field\" name=\"utm_content\" data-field-name=\"utm_content\" data-jfb-sync=\"null\">\n\n\n\n<div class=\"jet-form-builder-row field-type-select-field wp-block-jet-forms-select-field cb-wezn4cvv\">\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">I am interested in <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t<select class=\"jet-form-builder__field select-field interested_in_class\" required=\"required\" name=\"interested_in\" data-field-name=\"interested_in\" id=\"interested_in\" data-jfb-sync=\"null\">\n\t\t<option value=\"\" selected>Select...<\/option><option value=\"venue\" >Renting a Tero place<\/option><option value=\"teambuilding\" >A teambuilding event<\/option><option value=\"food\" >Teroir catering<\/option><option value=\"tailor-made-event\" >A tailor-made event<\/option>\t<\/select>\n<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-text-field cb-lr3wh0bz\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Surname <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t\t\t<input required=\"required\" name=\"first_name\" id=\"first_name\" type=\"text\" data-field-name=\"first_name\" class=\"jet-form-builder__field text-field\" data-jfb-sync=\"null\" autocomplete=\"off_UH6hd80Z\">\n\t\t\t\t\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-text-field cb-5zcnv3ez\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Name <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t\t\t<input required=\"required\" name=\"surname\" id=\"surname\" type=\"text\" data-field-name=\"surname\" class=\"jet-form-builder__field text-field\" data-jfb-sync=\"null\" autocomplete=\"off_9On4gh1F\">\n\t\t\t\t\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-text-field cb-py5syvc8\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Email <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t\t\t<input required=\"required\" name=\"email\" id=\"email\" type=\"email\" data-field-name=\"email\" class=\"jet-form-builder__field text-field\" data-jfb-sync=\"null\" autocomplete=\"off_kynws7dX\">\n\t\t\t\t\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-select-field wp-block-jet-forms-select-field cb-3tujlfud\">\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Prefix<\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t<select class=\"jet-form-builder__field select-field\" name=\"prefix\" data-field-name=\"prefix\" id=\"prefix\" data-jfb-sync=\"null\">\n\t\t<option value=\"32\" >+32<\/option><option value=\"33\" >+33<\/option><option value=\"352\" >+352<\/option>\t<\/select>\n<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-text-field cb-nkcybl77\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Phone <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t\t\t<input required=\"required\" name=\"telephone\" id=\"telephone\" type=\"tel\" data-field-name=\"telephone\" class=\"jet-form-builder__field text-field\" data-jfb-sync=\"null\" autocomplete=\"off_a6YgM9Od\">\n\t\t\t\t\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-text-field cb-1eyot4hj\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Which company or organisation do you represent? <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t\t\t<input required=\"required\" name=\"company\" id=\"company\" type=\"text\" data-field-name=\"company\" class=\"jet-form-builder__field text-field\" data-jfb-sync=\"null\" autocomplete=\"off_UH8l6OqT\">\n\t\t\t\t\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-checkbox-field cb-mu1o64wg\" >\n<div class=\"jet-form-builder__fields-group checkradio-wrap\" data-jfb-sync><div class=\"jet-form-builder__field-wrap checkboxes-wrap checkradio-wrap\"><label class=\"jet-form-builder__field-label for-checkbox\">\n\t\t\t<input type=\"checkbox\" name=\"consent_privacy\" value=\"1\" data-field-name=\"consent_privacy\" class=\"jet-form-builder__field checkboxes-field checkradio-field\" required=\"required\" data-default-val=\"[""]\"><span><span><p>I consent to the processing of my data in order to receive a quote, as indicated in the <a href=\"\/en\/privacy-policy\/\">privacy policy<\/a>. *<\/p><\/span><\/span><\/label><\/div><\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-checkbox-field cb-0vqzxpjc\" >\n<div class=\"jet-form-builder__fields-group checkradio-wrap\" data-jfb-sync><div class=\"jet-form-builder__field-wrap checkboxes-wrap checkradio-wrap\"><label class=\"jet-form-builder__field-label for-checkbox\">\n\t\t\t<input type=\"checkbox\" name=\"consent_email\" value=\"1\" data-field-name=\"consent_email\" class=\"jet-form-builder__field checkboxes-field checkradio-field\" data-default-val=\"[""]\"><span>I consent to receive promotional and marketing emails from Tero.<\/span><\/label><\/div><\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-select-field wp-block-jet-forms-select-field cb-kppe2fiy\">\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">How can we help you? <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t<select class=\"jet-form-builder__field select-field\" required=\"required\" name=\"tailor_made_event_type\" data-field-name=\"tailor_made_event_type\" id=\"tailor_made_event_type\" data-jfb-sync=\"null\">\n\t\t<option value=\"\" selected>Select...<\/option><option value=\"turnkey-solution\" >A turnkey solution (venue, team building & catering) <\/option><option value=\"venue-with-catering\" >A venue with catering service<\/option><option value=\"venue-with-teambuilding\" >A venue with team building activities<\/option><option value=\"teambuilding-with-catering\" >A team building activity with catering service<\/option><option value=\"venue-only\" >A venue only<\/option><option value=\"catering-only\" >Catering service only<\/option><option value=\"teambuilding-only\" >A team building activity only<\/option>\t<\/select>\n<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-date-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">From <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><input data-value=\"%CT::CurrentDate%\" class=\"jet-form-builder__field date-field\" required=\"required\" name=\"tailor_made_event_date_from\" type=\"date\" data-field-name=\"tailor_made_event_date_from\" id=\"tailor_made_event_date_from\" data-jfb-sync=\"null\">\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-date-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\"> To <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><input data-value=\"%CT::CurrentDate%\" class=\"jet-form-builder__field date-field\" required=\"required\" name=\"tailor_made_event_date_to\" type=\"date\" data-field-name=\"tailor_made_event_date_to\" id=\"tailor_made_event_date_to\" data-jfb-sync=\"null\">\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-number-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Number of people <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<input type=\"number\" class=\"jet-form-builder__field text-field\" required=\"required\" min=\"1\" step=\"1\" name=\"tailor_made_event_people\" data-field-name=\"tailor_made_event_people\" id=\"tailor_made_event_people\" data-jfb-sync=\"null\">\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-number-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Your budget (\u20ac) <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<input type=\"number\" class=\"jet-form-builder__field text-field\" required=\"required\" min=\"1\" step=\"1\" name=\"tailor_made_event_budget\" data-field-name=\"tailor_made_event_budget\" id=\"tailor_made_event_budget\" data-jfb-sync=\"null\">\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-textarea-field cb-cp8ymwnb\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Describe your event <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<textarea class=\"jet-form-builder__field textarea-field\" required=\"required\" name=\"tailor_made_event_describe\" data-field-name=\"tailor_made_event_describe\" id=\"tailor_made_event_describe\" data-jfb-sync=\"null\"><\/textarea>\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-date-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">From <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><input data-value=\"%CT::CurrentDate%\" class=\"jet-form-builder__field date-field\" required=\"required\" name=\"venue_date_from\" type=\"date\" data-field-name=\"venue_date_from\" id=\"venue_date_from\" data-jfb-sync=\"null\">\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-date-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\"> To <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><input data-value=\"%CT::CurrentDate%\" class=\"jet-form-builder__field date-field\" required=\"required\" name=\"venue_date_to\" type=\"date\" data-field-name=\"venue_date_to\" id=\"venue_date_to\" data-jfb-sync=\"null\">\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-number-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Number of people <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<input type=\"number\" class=\"jet-form-builder__field text-field\" required=\"required\" min=\"1\" step=\"1\" name=\"venue_people\" data-field-name=\"venue_people\" id=\"venue_people\" data-jfb-sync=\"null\">\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-number-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Your budget (\u20ac) <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<input type=\"number\" class=\"jet-form-builder__field text-field\" required=\"required\" min=\"1\" step=\"1\" name=\"venue_budget\" data-field-name=\"venue_budget\" id=\"venue_budget\" data-jfb-sync=\"null\">\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-textarea-field cb-d3u6q2uz\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Describe your event <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<textarea class=\"jet-form-builder__field textarea-field\" required=\"required\" name=\"venue_describe\" data-field-name=\"venue_describe\" id=\"venue_describe\" data-jfb-sync=\"null\"><\/textarea>\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-date-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">From <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><input data-value=\"%CT::CurrentDate%\" class=\"jet-form-builder__field date-field\" required=\"required\" name=\"activity_date_from\" type=\"date\" data-field-name=\"activity_date_from\" id=\"activity_date_from\" data-jfb-sync=\"null\">\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-date-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\"> To <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><input data-value=\"%CT::CurrentDate%\" class=\"jet-form-builder__field date-field\" required=\"required\" name=\"activity_date_to\" type=\"date\" data-field-name=\"activity_date_to\" id=\"activity_date_to\" data-jfb-sync=\"null\">\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-number-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Number of people <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<input type=\"number\" class=\"jet-form-builder__field text-field\" required=\"required\" min=\"1\" step=\"1\" name=\"activity_people\" data-field-name=\"activity_people\" id=\"activity_people\" data-jfb-sync=\"null\">\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-number-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Your budget (\u20ac) <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<input type=\"number\" class=\"jet-form-builder__field text-field\" required=\"required\" min=\"1\" step=\"1\" name=\"activity_budget\" data-field-name=\"activity_budget\" id=\"activity_budget\" data-jfb-sync=\"null\">\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-textarea-field cb-phgji258\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Describe your event <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<textarea class=\"jet-form-builder__field textarea-field\" required=\"required\" name=\"activity_describe\" data-field-name=\"activity_describe\" id=\"activity_describe\" data-jfb-sync=\"null\"><\/textarea>\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-date-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">From <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><input data-value=\"%CT::CurrentDate%\" class=\"jet-form-builder__field date-field\" required=\"required\" name=\"food_date_from\" type=\"date\" data-field-name=\"food_date_from\" id=\"food_date_from\" data-jfb-sync=\"null\">\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-date-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\"> To <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><input data-value=\"%CT::CurrentDate%\" class=\"jet-form-builder__field date-field\" required=\"required\" name=\"food_date_to\" type=\"date\" data-field-name=\"food_date_to\" id=\"food_date_to\" data-jfb-sync=\"null\">\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-number-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Number of people <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<input type=\"number\" class=\"jet-form-builder__field text-field\" required=\"required\" min=\"1\" step=\"1\" name=\"food_people\" data-field-name=\"food_people\" id=\"food_people\" data-jfb-sync=\"null\">\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-number-field\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Your budget (\u20ac) <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<input type=\"number\" class=\"jet-form-builder__field text-field\" required=\"required\" min=\"1\" step=\"1\" name=\"food_budget\" data-field-name=\"food_budget\" id=\"food_budget\" data-jfb-sync=\"null\">\n\t<\/div>\n<\/div>\n\n<div class=\"jet-form-builder-row field-type-textarea-field cb-x1sjjk1f\" >\n<div class=\"jet-form-builder__label\">\r\n<div class=\"jet-form-builder__label-text\">Describe your event <span class=\"jet-form-builder__required\">*<\/span><\/div><\/div><div class=\"jet-form-builder__field-wrap\">\n\t\t<textarea class=\"jet-form-builder__field textarea-field\" required=\"required\" name=\"food_describe\" data-field-name=\"food_describe\" id=\"food_describe\" data-jfb-sync=\"null\"><\/textarea>\n\t<\/div>\n<\/div>\n\n<input type=\"hidden\" class=\"captcha-token cb-ld40e3qe\" name=\"_captcha_token\" value=\"\"\/><div class=\"jet-form-builder-row field-type-submit-field cb-ld40e3qe\" >\n\t<div data-type=\"submit\" class=\"jet-form-builder__action-button-wrapper jet-form-builder__submit-wrap\">\n\t<button class=\"jet-form-builder__action-button jet-form-builder__submit submit-type-ajax\" type=\"submit\">Receive my offer<\/button>\n\t<\/div>\n\t\n<\/div>\t<div class=\"jet-form-builder-messages-wrap\" data-form-id=\"55847\"><\/div>\n<\/form>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Kick-off d’entreprise 2027 en Belgique et au Luxembourg | Tero 2027 Launch 2027together. 2027 starts the day you decide. Pick the date of your kick-off: we take care of the venue, the activity and the food, in Belgium and in Luxembourg. Book a date \u2192 57 days to 2027 Launching the year or bringing a […]<\/p>\n","protected":false},"author":10,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_mo_disable_npp":"","inline_featured_image":false,"footnotes":""},"categories":[],"tags":[],"class_list":["post-55894","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tero.be\/en\/wp-json\/wp\/v2\/pages\/55894","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tero.be\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tero.be\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tero.be\/en\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/tero.be\/en\/wp-json\/wp\/v2\/comments?post=55894"}],"version-history":[{"count":16,"href":"https:\/\/tero.be\/en\/wp-json\/wp\/v2\/pages\/55894\/revisions"}],"predecessor-version":[{"id":55937,"href":"https:\/\/tero.be\/en\/wp-json\/wp\/v2\/pages\/55894\/revisions\/55937"}],"wp:attachment":[{"href":"https:\/\/tero.be\/en\/wp-json\/wp\/v2\/media?parent=55894"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tero.be\/en\/wp-json\/wp\/v2\/categories?post=55894"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tero.be\/en\/wp-json\/wp\/v2\/tags?post=55894"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}