/* ------------------------------
   Measures (apply to wrappers)
------------------------------ */
.ts3d-measure-body { max-width: var(--ts3d-measure-body); }
.ts3d-measure-body--wide { max-width: 72ch; } /* optional */
.ts3d-measure-heading { max-width: var(--ts3d-measure-heading); }


/* ------------------------------
   TS3D Container
------------------------------ */

.ts3d-container,
.ts3d-container > .vc_column-inner {
  max-width: var(--ts3d-container-max);
  margin-inline: auto;
  padding-inline: var(--ts3d-container-padding, 2rem);
  width: 100%;
}

/* ------------------------------
   TS3D Sections
   - Large narrative sections
   - Vertical breathing room
------------------------------ */

.ts3d-section {
  min-height: var(--ts3d-section-min-height);
  padding-block: var(--ts3d-section-padding);
  display: flex;
  align-items: center; /* content verticaal centreren (optioneel, zie hieronder) */
  justify-content: center;
  gap: var(--ts3d-section-gap);
}

/* Variant: top-aligned content (als je geen verticale centering wilt) */
.ts3d-section--top {
  align-items: flex-start;
}

/* Variant: bottom-aligned content */
.ts3d-section--bottom {
  align-items: flex-end;
}


/* breakout container row image */
/* Op de ROW zetten */
.ts3d-anchor-row {
  position: relative;
}
.ts3d-anchor-row > .container {
  position: static;  /* geeft positie-context terug aan de row */
}

/* Op het IMAGE element zetten */
.ts3d-pin-bottom-left {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
}