/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./components/presentation/Lightbox.module.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
.Lightbox_backdrop__ctW29 {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(1rem, 4vw, 3.5rem);
  background: rgba(4, 14, 24, 0.86);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  animation: Lightbox_lbFade__GA5r8 0.18s ease both;
}

@keyframes Lightbox_lbFade__GA5r8 {
  from {
    opacity: 0;
  }
}

.Lightbox_stage__ORcat {
  position: relative;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
  max-width: min(1400px, 92vw);
  max-height: 88vh;
  animation: Lightbox_lbPop__W6oNr 0.22s cubic-bezier(0.2, 0.7, 0.3, 1) both;
}

@keyframes Lightbox_lbPop__W6oNr {
  from {
    opacity: 0;
    transform: scale(0.97);
  }
}

.Lightbox_media__RF3Ss {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 80vh;
  margin: 0 auto;
  object-fit: contain;
  border-radius: 10px;
  box-shadow: 0 40px 90px rgba(0, 0, 0, 0.55);
  background: #081f33;
}

.Lightbox_caption__NPEng {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.78);
}
.Lightbox_counter__fVXl7 {
  flex: none;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.06em;
  color: rgba(255, 255, 255, 0.6);
}

/* knoppen ------------------------------------------------------------------ */
.Lightbox_close__VvaD7,
.Lightbox_nav__nyYKP {
  position: absolute;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  transition: background 0.15s ease, transform 0.15s ease;
}
.Lightbox_close__VvaD7:hover,
.Lightbox_nav__nyYKP:hover {
  background: rgba(255, 255, 255, 0.22);
}
.Lightbox_close__VvaD7 svg,
.Lightbox_nav__nyYKP svg {
  width: 46%;
  height: 46%;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.Lightbox_close__VvaD7 {
  top: clamp(1rem, 3vw, 2rem);
  right: clamp(1rem, 3vw, 2rem);
  width: clamp(40px, 5vw, 52px);
  height: clamp(40px, 5vw, 52px);
}

.Lightbox_nav__nyYKP {
  top: 50%;
  width: clamp(44px, 5vw, 60px);
  height: clamp(44px, 5vw, 60px);
  transform: translateY(-50%);
}
.Lightbox_nav__nyYKP:hover {
  transform: translateY(-50%) scale(1.06);
}
.Lightbox_prev__RS2eh {
  left: clamp(0.75rem, 2.5vw, 2rem);
}
.Lightbox_next__hDj1o {
  right: clamp(0.75rem, 2.5vw, 2rem);
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./components/presentation/Slides.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
/* ==========================================================================
   DECK SLIDES, sluit aan op de "home-bold" look van de site
   (cinematisch donker, full-bleed beeld + veil/grain, condensed koppen,
    accent-woord + punt). Palette lokaal op .slide zodat /DEME losstaat.
   ========================================================================== */

.Slides_slide__6aGWJ {
  --deck-accent: #009fe1;
  --deck-dark: #21659f;
  --deck-night: #081f33;
  --deck-ink: #0a1422;
  --deck-paper: #ffffff;
  --deck-paper-soft: #eef4fa;
  --deck-pad: clamp(1.5rem, 5vw, 4.5rem);
  --deck-max: 1500px;
  /* ruimte die bovenaan/onderaan vrij blijft voor het vaste logo en de controls,
     zodat slide-content er nooit overheen schuift wanneer er gescrold wordt. */
  --deck-safe-top: 4.5rem;
  --deck-safe-bottom: 5rem;

  /* Semantische kleur-tokens — donker thema (default). Een lichte slide (.light)
     overschrijft alleen deze tokens, zodat alle tekst/randen meebewegen.
     Op donker is het accent-woord wit (i.p.v. blauw), op wit blijft het blauw. */
  --deck-bg: var(--deck-night);
  --deck-fg: #fff;
  --deck-fg-soft: rgba(255, 255, 255, 0.85);
  --deck-eyebrow: rgba(255, 255, 255, 0.82);
  --deck-accent-text: #fff;
  --deck-tag-border: rgba(255, 255, 255, 0.28);
  --deck-tag-fg: rgba(255, 255, 255, 0.92);
  --deck-card-bg: rgba(255, 255, 255, 0.05);
  --deck-card-border: rgba(255, 255, 255, 0.16);

  /* relatief + min-height: de slide vult het scherm, maar groeit mee met de
     inhoud wanneer die niet past. De .slideWrap eromheen scrollt dan. */
  position: relative;
  min-height: 100%;
  display: flex;
  overflow: hidden;
  background: var(--deck-bg);
  color: var(--deck-fg);
  font-family: var(--font-body);
}

/* Licht thema: witte achtergrond, donkere tekst, blauw accent. */
.Slides_light__7rDR9 {
  --deck-bg: var(--deck-paper);
  --deck-fg: var(--deck-ink);
  --deck-fg-soft: rgba(10, 20, 34, 0.78);
  --deck-eyebrow: rgba(10, 20, 34, 0.58);
  --deck-accent-text: var(--deck-accent);
  --deck-tag-border: rgba(10, 20, 34, 0.22);
  --deck-tag-fg: rgba(10, 20, 34, 0.82);
  --deck-card-bg: rgba(10, 20, 34, 0.03);
  --deck-card-border: rgba(10, 20, 34, 0.12);
}
/* Op lichte slides vervalt de cinematische foto-waas/grain achter de tekst. */
.Slides_light__7rDR9 .Slides_bg__YpAwG,
.Slides_light__7rDR9 .Slides_veil__90qBv,
.Slides_light__7rDR9 .Slides_grain__i3TUr {
  display: none;
}

.Slides_accent__W_pw2 {
  color: var(--deck-accent-text);
}

.Slides_eyebrow__0fGVU {
  display: inline-block;
  font-family: var(--font-body);
  font-size: clamp(0.7rem, 1vw, 0.82rem);
  font-weight: 600;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--deck-eyebrow);
  margin-bottom: clamp(1rem, 2vw, 1.6rem);
}

/* shared full-bleed background + veil ------------------------------------- */
.Slides_bg__YpAwG {
  position: absolute;
  inset: 0;
  background-position: center;
  background-size: cover;
  z-index: 0;
}
/* opgesplitste achtergrond: meerdere panelen naast elkaar met een smalle voeg */
.Slides_bgSplit__2kcoD {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  grid-gap: 4px;
  gap: 4px;
}
.Slides_bgSplit__2kcoD span {
  display: block;
  background-position: center;
  background-size: cover;
}
.Slides_veil__90qBv {
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(180deg, rgba(8, 31, 51, 0.5) 0%, rgba(8, 31, 51, 0.15) 38%, rgba(8, 31, 51, 0.86) 100%),
    linear-gradient(90deg, rgba(8, 31, 51, 0.7) 0%, transparent 60%);
}
.Slides_grain__i3TUr {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  opacity: 0.06;
  mix-blend-mode: overlay;
  background-image: radial-gradient(rgba(255, 255, 255, 0.4) 1px, transparent 1px);
  background-size: 3px 3px;
}

/* shared title sizing ----------------------------------------------------- */
.Slides_heroTitle___kfnJ,
.Slides_mediaTitle__b_4EI,
.Slides_statementTitle__Lk4ij,
.Slides_statTitle__2Z4Ze,
.Slides_cardsTitle__eHbfv {
  font-family: var(--font-heading);
  font-weight: 600;
  line-height: 1.02;
  letter-spacing: -0.02em;
  margin: 0;
  text-wrap: balance;
}

/* ---- HERO ---------------------------------------------------------------- */
.Slides_hero__UenFz {
  align-items: flex-end;
}
.Slides_heroInner__8Do4i {
  position: relative;
  z-index: 3;
  width: 100%;
  max-width: var(--deck-max);
  margin: 0 auto;
  padding: var(--deck-pad);
  padding-bottom: clamp(5rem, 12vh, 9rem);
}
.Slides_heroTitle___kfnJ {
  font-size: clamp(2.8rem, 7.5vw, 6.5rem);
  max-width: 16ch;
}
.Slides_heroLede__AVHG1 {
  margin: clamp(1rem, 2vw, 1.6rem) 0 0;
  max-width: 46ch;
  font-size: clamp(1.05rem, 1.7vw, 1.4rem);
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.86);
}
/* merk-variant: logo links, kop + lede rechts (openingsslide).
   Extra donkere waas zodat tekst en logo leesbaar blijven over de lichte lucht. */
.Slides_heroBrand__DuU9R {
  align-items: center;
}
.Slides_heroBrand__DuU9R .Slides_veil__90qBv {
  background:
    linear-gradient(90deg, rgba(8, 31, 51, 0.9) 0%, rgba(8, 31, 51, 0.72) 50%, rgba(8, 31, 51, 0.62) 100%),
    linear-gradient(180deg, rgba(8, 31, 51, 0.35) 0%, rgba(8, 31, 51, 0.15) 40%, rgba(8, 31, 51, 0.55) 100%);
}
.Slides_heroBrand__DuU9R .Slides_heroInner__8Do4i {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: center;
  align-content: center;
  grid-gap: clamp(1.8rem, 4vw, 3.5rem);
  gap: clamp(1.8rem, 4vw, 3.5rem);
  align-items: center;
  /* symmetrische padding -> blok staat echt in het midden van de slide */
  padding-top: var(--deck-pad);
  padding-bottom: var(--deck-pad);
}
.Slides_heroBrand__DuU9R .Slides_heroText__z_29n {
  max-width: 38ch;
}
.Slides_heroLogo__TvXTl {
  display: block;
  width: clamp(150px, 18vw, 250px);
  height: auto;
}
.Slides_heroBrand__DuU9R .Slides_heroTitle___kfnJ {
  font-size: clamp(2.2rem, 4.6vw, 4rem);
}
.Slides_heroBrand__DuU9R .Slides_heroLede__AVHG1 {
  max-width: 38ch;
}

.Slides_heroFooter__UvPI_ {
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: clamp(1rem, 2vw, 1.6rem) var(--deck-pad);
  font-size: 0.74rem;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.7);
  background: linear-gradient(90deg, var(--deck-dark), var(--deck-accent));
}

/* ---- MEDIA --------------------------------------------------------------- */
.Slides_media__oTJox {
  align-items: flex-end;
}
.Slides_mediaInner__Z55X8 {
  position: relative;
  z-index: 3;
  width: 100%;
  max-width: var(--deck-max);
  margin: 0 auto;
  padding: var(--deck-pad);
  padding-bottom: clamp(3.5rem, 9vh, 7rem);
}

/* split-variant: tekstpaneel links, klikbare foto-galerij rechts */
.Slides_mediaSplit__TmTcY {
  align-items: center;
}
.Slides_mediaSplit__TmTcY .Slides_bg__YpAwG {
  filter: blur(10px) brightness(0.42) saturate(0.9);
  transform: scale(1.12);
}
.Slides_mediaSplit__TmTcY .Slides_veil__90qBv {
  background: linear-gradient(90deg, rgba(8, 31, 51, 0.9) 0%, rgba(8, 31, 51, 0.55) 100%);
}
.Slides_mediaSplit__TmTcY .Slides_mediaInner__Z55X8 {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
  grid-gap: clamp(1.5rem, 4vw, 3.5rem);
  gap: clamp(1.5rem, 4vw, 3.5rem);
  align-items: center;
  padding-bottom: var(--deck-pad);
}
.Slides_mediaSplit__TmTcY .Slides_mediaTitle__b_4EI {
  font-size: clamp(2rem, 4vw, 3.5rem);
}
.Slides_mediaTitle__b_4EI {
  font-size: clamp(2.2rem, 5.6vw, 4.6rem);
  max-width: 18ch;
}
.Slides_mediaSub__Z55cl {
  margin: 0.5rem 0 0;
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.7rem);
  font-weight: 500;
  letter-spacing: 0.01em;
  color: var(--deck-accent-text);
}
.Slides_mediaBody__kiD17 {
  margin: clamp(0.9rem, 1.8vw, 1.4rem) 0 0;
  max-width: 52ch;
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  line-height: 1.55;
  color: var(--deck-fg-soft);
}
.Slides_tags__PNsDe {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin: clamp(1.1rem, 2vw, 1.6rem) 0 0;
  padding: 0;
  list-style: none;
}
.Slides_tags__PNsDe li {
  padding: 0.4rem 0.9rem;
  border: 1px solid var(--deck-tag-border);
  border-radius: 999px;
  font-size: clamp(0.78rem, 1.2vw, 0.95rem);
  font-weight: 500;
  color: var(--deck-tag-fg);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}

/* ---- BENTO GALLERY (klikbaar -> lightbox) -------------------------------- */
.Slides_bento__m_Ukx {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-gap: clamp(0.4rem, 0.8vw, 0.7rem);
  gap: clamp(0.4rem, 0.8vw, 0.7rem);
  height: min(62vh, 560px);
}
.Slides_tile__fINx9 {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  border: none;
  cursor: pointer;
  border-radius: 12px;
  overflow: hidden;
  background-color: #0a1b2b;
  background-position: center;
  background-size: cover;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.32);
  transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease;
}
.Slides_tile__fINx9::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 55%, rgba(8, 31, 51, 0.45) 100%);
  opacity: 0.7;
  transition: opacity 0.25s ease;
}
.Slides_tile__fINx9:hover {
  transform: translateY(-3px);
  box-shadow: 0 22px 44px rgba(0, 0, 0, 0.45);
  filter: brightness(1.06);
}
.Slides_tile__fINx9:hover::after {
  opacity: 0.3;
}
.Slides_tile__fINx9:focus-visible {
  outline: 2px solid var(--deck-accent);
  outline-offset: 2px;
}
.Slides_tileFeatured__zrl35 {
  grid-column: span 2;
  grid-row: span 2;
}

.Slides_more__fN4mM,
.Slides_playBadge__aFmIc {
  position: absolute;
  z-index: 2;
}
.Slides_more__fN4mM {
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(8, 31, 51, 0.6);
  color: #fff;
  font-family: var(--font-heading);
  font-weight: 600;
  font-size: clamp(1.2rem, 2.4vw, 2rem);
  letter-spacing: 0.01em;
}
.Slides_playBadge__aFmIc {
  inset: 0;
  margin: auto;
  width: clamp(40px, 4vw, 58px);
  height: clamp(40px, 4vw, 58px);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(8, 31, 51, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.55);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);
}
.Slides_playBadge__aFmIc svg {
  width: 46%;
  height: 46%;
  fill: #fff;
}

/* lage-aantal varianten, zodat het raster altijd uitgevuld oogt */
.Slides_bento__m_Ukx[data-count='1'] {
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}
.Slides_bento__m_Ukx[data-count='2'] {
  grid-template-rows: 1fr;
  grid-template-columns: repeat(2, 1fr);
}
.Slides_bento__m_Ukx[data-count='2'] .Slides_tileFeatured__zrl35 {
  grid-column: span 1;
  grid-row: span 1;
}
.Slides_bento__m_Ukx[data-count='3'] {
  grid-template-columns: repeat(3, 1fr);
}
.Slides_bento__m_Ukx[data-count='4'] {
  grid-template-columns: repeat(2, 1fr);
}
.Slides_bento__m_Ukx[data-count='4'] .Slides_tileFeatured__zrl35 {
  grid-column: span 1;
  grid-row: span 1;
}

/* ---- STATEMENT ----------------------------------------------------------- */
.Slides_statement__owRV_ {
  align-items: center;
  background: radial-gradient(120% 120% at 80% 0%, var(--deck-dark) 0%, var(--deck-night) 60%);
}
.Slides_statementInner__NhLsO {
  position: relative;
  z-index: 3;
  width: 100%;
  max-width: var(--deck-max);
  margin: 0 auto;
  padding: var(--deck-pad);
}
.Slides_statementTitle__Lk4ij {
  font-size: clamp(2.4rem, 5.5vw, 5rem);
  max-width: 20ch;
}
.Slides_statementBody__24G_a {
  margin: clamp(1rem, 2vw, 1.5rem) 0 0;
  max-width: 50ch;
  font-size: clamp(1.05rem, 1.7vw, 1.35rem);
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.85);
}
.Slides_logoStrip__DABU6 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: clamp(1.5rem, 4vw, 3rem);
  margin-top: clamp(2rem, 5vw, 4rem);
  padding: clamp(1.2rem, 3vw, 2rem) clamp(1.5rem, 4vw, 2.5rem);
  background: #fff;
  border-radius: var(--radius-lg, 16px);
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
}
.Slides_logoStrip__DABU6 img {
  height: clamp(34px, 5vw, 54px);
  width: auto;
  object-fit: contain;
}

/* ---- STAT ---------------------------------------------------------------- */
.Slides_stat__n3wTb {
  background: radial-gradient(120% 120% at 100% 0%, var(--deck-dark) 0%, var(--deck-night) 55%);
}
.Slides_light__7rDR9.Slides_stat__n3wTb {
  background: var(--deck-bg);
}
.Slides_statGrid__RQFHj {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  grid-gap: clamp(2rem, 5vw, 4.5rem);
  gap: clamp(2rem, 5vw, 4.5rem);
  align-items: center;
  width: 100%;
  max-width: var(--deck-max);
  margin: 0 auto;
  padding: var(--deck-pad);
}
.Slides_statTitle__2Z4Ze {
  font-size: clamp(2rem, 4.5vw, 3.6rem);
}
.Slides_statNumber__mZP4t {
  display: flex;
  align-items: baseline;
  gap: 1rem;
  margin: clamp(0.5rem, 1.5vw, 1rem) 0 clamp(1.2rem, 2.5vw, 2rem);
}
.Slides_statNumber__mZP4t span {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: clamp(4rem, 12vw, 9rem);
  line-height: 0.9;
  color: var(--deck-accent-text);
}
.Slides_statNumber__mZP4t small {
  font-size: clamp(0.95rem, 1.6vw, 1.2rem);
  font-weight: 500;
  letter-spacing: 0.04em;
  color: var(--deck-fg-soft);
}
.Slides_statItems__iiN5Y {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.5rem 1.5rem;
  gap: 0.5rem 1.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.Slides_statItems__iiN5Y li {
  font-size: clamp(0.92rem, 1.4vw, 1.1rem);
  color: var(--deck-fg-soft);
}
.Slides_statItemLogo__ME4aI {
  display: block;
  width: clamp(8rem, 12vw, 11rem);
  margin-bottom: 0.7rem;
  border-radius: var(--radius-md, 12px);
  overflow: hidden;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.28);
}
.Slides_statItemLogo__ME4aI img {
  display: block;
  width: 100%;
  height: auto;
}
.Slides_statPhoto__TZYEG {
  align-self: center;
  width: 100%;
}

/* ---- CARDS --------------------------------------------------------------- */
.Slides_cards__oOi4t {
  background: radial-gradient(120% 120% at 0% 0%, var(--deck-dark) 0%, var(--deck-night) 55%);
}
.Slides_light__7rDR9.Slides_cards__oOi4t {
  background: var(--deck-bg);
}
.Slides_cardsInner__hzL4C {
  position: relative;
  z-index: 3;
  width: 100%;
  max-width: var(--deck-max);
  margin: 0 auto;
  padding: var(--deck-pad);
}
.Slides_cardsHead__ckqAg {
  margin-bottom: clamp(1.5rem, 3.5vw, 3rem);
}
.Slides_cardsTitle__eHbfv {
  font-size: clamp(2rem, 5vw, 4rem);
}
.Slides_cardsSub__REXy0 {
  margin: 0.6rem 0 0;
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 2vw, 1.5rem);
  color: var(--deck-accent-text);
}
.Slides_cardsGrid__NboYF {
  display: grid;
  grid-gap: clamp(0.9rem, 1.8vw, 1.4rem);
  gap: clamp(0.9rem, 1.8vw, 1.4rem);
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.Slides_cardsGrid__NboYF[data-count='4'] {
  grid-template-columns: repeat(4, 1fr);
}
.Slides_card__xI2iy {
  padding: clamp(1.2rem, 2vw, 1.8rem);
  border: 1px solid var(--deck-card-border);
  border-radius: var(--radius-lg, 16px);
  background: var(--deck-card-bg);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
}
.Slides_card__xI2iy h3 {
  margin: 0 0 1rem;
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 1.6vw, 1.35rem);
  font-weight: 600;
  color: var(--deck-fg);
  letter-spacing: -0.01em;
}
.Slides_card__xI2iy ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-gap: 0.55rem;
  gap: 0.55rem;
}
.Slides_card__xI2iy li {
  font-size: clamp(0.85rem, 1.2vw, 1rem);
  line-height: 1.35;
  color: var(--deck-fg-soft);
}

/* ---- LOGOS (klantenmuur) ------------------------------------------------- */
.Slides_logos__4GB_m {
  background: radial-gradient(120% 120% at 100% 0%, var(--deck-dark) 0%, var(--deck-night) 55%);
}
.Slides_light__7rDR9.Slides_logos__4GB_m {
  background: var(--deck-bg);
}
.Slides_logosInner__Atvy6 {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: var(--deck-max);
  margin: 0 auto;
  padding: var(--deck-pad);
}
.Slides_logosHead__3RKI1 {
  margin-bottom: clamp(1.5rem, 3.5vw, 2.8rem);
}
.Slides_logoGrid__YEOTO {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: clamp(0.6rem, 1.2vw, 1rem);
  gap: clamp(0.6rem, 1.2vw, 1rem);
}
.Slides_logoChip__X1fK6 {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 16 / 9;
  padding: clamp(0.5rem, 1.2vw, 1rem);
  background: #fff;
  border-radius: var(--radius-md, 12px);
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.28);
}
/* Op een witte slide vallen witte chips weg: geef ze een zachte tint + rand. */
.Slides_light__7rDR9 .Slides_logoChip__X1fK6 {
  background: var(--deck-paper-soft);
  box-shadow: 0 10px 22px rgba(10, 20, 34, 0.1);
}
.Slides_logoChip__X1fK6 img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* ---- NAV-VRIJWARING (logo boven, controls onder) ------------------------- */
/* Reserveer ten minste de safe-zones zodat content nooit achter het vaste logo
   of de controls valt. Op grote schermen is --deck-pad groter, dus daar verandert
   er niets; alleen bij krappe schermen schuift content netjes naar binnen. */
.Slides_heroInner__8Do4i,
.Slides_mediaInner__Z55X8 {
  padding-top: max(var(--deck-pad), var(--deck-safe-top));
}
.Slides_statementInner__NhLsO,
.Slides_statGrid__RQFHj,
.Slides_cardsInner__hzL4C,
.Slides_logosInner__Atvy6 {
  padding-top: max(var(--deck-pad), var(--deck-safe-top));
  padding-bottom: max(var(--deck-pad), var(--deck-safe-bottom));
}

@media (max-width: 860px) {
  .Slides_logoGrid__YEOTO {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* ---- PAGE (volledige slide-render: logo-wand / collage / figuur) ---------- */
.Slides_page__dSqT1 {
  /* een volledige slide-afbeelding: vul precies het scherm en laat 'contain'
     het beeld passend maken (geen scroll nodig voor deze layout). */
  position: absolute;
  inset: 0;
  min-height: 0;
  align-items: center;
  justify-content: center;
  background: #fff;
  padding: clamp(0.5rem, 2vw, 1.5rem);
}
.Slides_pageImg__O0DSb {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* ---- responsive ---------------------------------------------------------- */
@media (max-width: 860px) {
  .Slides_statGrid__RQFHj {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  .Slides_statItems__iiN5Y {
    grid-template-columns: 1fr;
  }
  .Slides_cardsGrid__NboYF[data-count='4'] {
    grid-template-columns: 1fr 1fr;
  }
  .Slides_mediaSplit__TmTcY .Slides_mediaInner__Z55X8 {
    grid-template-columns: 1fr;
    gap: clamp(1.2rem, 4vw, 2rem);
  }
  .Slides_heroBrand__DuU9R .Slides_heroInner__8Do4i {
    grid-template-columns: 1fr;
    gap: clamp(1.5rem, 6vw, 2.5rem);
  }
  .Slides_heroLogo__TvXTl {
    width: clamp(140px, 42vw, 220px);
  }
  .Slides_bento__m_Ukx {
    height: min(42vh, 380px);
  }
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./components/presentation/Deck.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.Deck_deck__HXQyZ {
  position: fixed;
  inset: 0;
  background: #081f33;
  overflow: hidden;
  isolation: isolate;
}

.Deck_stage__e0Akn {
  position: absolute;
  inset: 0;
}

.Deck_slideWrap__07DJa {
  position: absolute;
  inset: 0;
  /* scroll-container: vult het scherm, maar laat content scrollen wanneer die
     niet past (op elk formaat). Op grote schermen past alles, dus geen scrollbar. */
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  opacity: 0;
  visibility: hidden;
  transform: scale(1.02);
  transition: opacity 600ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 700ms cubic-bezier(0.22, 1, 0.36, 1),
    visibility 0s linear 600ms;
}
.Deck_slideWrap__07DJa[data-active='true'] {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  transition: opacity 700ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 900ms cubic-bezier(0.22, 1, 0.36, 1);
  z-index: 1;
}

/* enter-animatie van de slide-inhoud */
.Deck_slideWrap__07DJa[data-active='true'] h2,
.Deck_slideWrap__07DJa[data-active='true'] p,
.Deck_slideWrap__07DJa[data-active='true'] .accent {
  animation: Deck_rise__kM29u 700ms cubic-bezier(0.22, 1, 0.36, 1) both;
}
@keyframes Deck_rise__kM29u {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* progress-balk bovenaan */
.Deck_progress__crRST {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  z-index: 10;
  background: rgba(255, 255, 255, 0.14);
}
.Deck_progress__crRST span {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, #21659f, #009fe1);
  transition: width 500ms cubic-bezier(0.22, 1, 0.36, 1);
}

/* logo links-boven */
.Deck_wordmark__g7Qt1 {
  position: absolute;
  top: clamp(1rem, 2.5vw, 1.8rem);
  left: clamp(1.2rem, 4vw, 3rem);
  z-index: 10;
  pointer-events: none;
}
.Deck_wordmark__g7Qt1 img {
  display: block;
  height: clamp(1.5rem, 2.6vw, 2.2rem);
  width: auto;
}

/* slide-hint: grote chevron rechts in beeld op de openingsslide */
.Deck_swipeHint__Zk_tM {
  position: absolute;
  right: clamp(0.75rem, 3vw, 2.5rem);
  top: 50%;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.4rem;
  padding: 0;
  border: none;
  background: none;
  color: #fff;
  cursor: pointer;
  animation: Deck_swipeNudge__PvUGG 1.8s ease-in-out infinite;
}
.Deck_swipeHint__Zk_tM svg {
  width: clamp(56px, 9vw, 104px);
  height: clamp(56px, 9vw, 104px);
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 4px 16px rgba(0, 0, 0, 0.5));
}
.Deck_swipeHint__Zk_tM:hover {
  color: #00aeef;
}
@keyframes Deck_swipeNudge__PvUGG {
  0%,
  100% {
    transform: translateY(-50%) translateX(0);
    opacity: 0.6;
  }
  50% {
    transform: translateY(-50%) translateX(12px);
    opacity: 1;
  }
}

/* controls rechts-onder */
.Deck_controls__ApQGL {
  position: absolute;
  right: clamp(1rem, 4vw, 3rem);
  bottom: clamp(1rem, 3vw, 2rem);
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  transition: bottom 400ms cubic-bezier(0.22, 1, 0.36, 1);
}
/* Op slides met de full-width blauwe voettekst-balk (hero) schuiven de controls
   er net bovenuit. De balkhoogte = 2x verticale padding + tekstregel. */
.Deck_controls__ApQGL[data-raised] {
  bottom: calc(clamp(1rem, 2vw, 1.6rem) * 2 + 1.7rem);
}
.Deck_controls__ApQGL button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 999px;
  background: rgba(8, 31, 51, 0.35);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  color: #fff;
  cursor: pointer;
  transition: background 180ms ease, border-color 180ms ease, color 180ms ease, opacity 180ms ease;
}
.Deck_controls__ApQGL button:hover:not(:disabled) {
  background: rgba(0, 159, 225, 0.85);
  border-color: transparent;
  color: #fff;
}
/* Donkere controls op een lichte slide. */
.Deck_deck__HXQyZ[data-theme='light'] .Deck_controls__ApQGL button {
  border-color: rgba(10, 20, 34, 0.2);
  background: rgba(255, 255, 255, 0.5);
  color: #0a1422;
}
.Deck_deck__HXQyZ[data-theme='light'] .Deck_counter__v9Qri {
  color: #0a1422;
}
.Deck_controls__ApQGL button:disabled {
  opacity: 0.35;
  cursor: default;
}
.Deck_controls__ApQGL svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.Deck_counter__v9Qri {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: 0.05em;
  color: #fff;
  padding: 0 0.4rem;
  min-width: 4.5ch;
  text-align: center;
}
.Deck_counter__v9Qri i {
  font-style: normal;
  font-weight: 400;
  opacity: 0.6;
}
.Deck_fsBtn__vVu0S {
  margin-left: 0.4rem;
}

@media (prefers-reduced-motion: reduce) {
  .Deck_swipeHint__Zk_tM {
    animation: none;
    transform: translateY(-50%);
    opacity: 0.85;
  }
  .Deck_slideWrap__07DJa,
  .Deck_slideWrap__07DJa[data-active='true'],
  .Deck_slideWrap__07DJa[data-active='true'] h2,
  .Deck_slideWrap__07DJa[data-active='true'] p,
  .Deck_slideWrap__07DJa[data-active='true'] .accent {
    transition: opacity 200ms linear;
    animation: none;
    transform: none;
  }
}