/* Tussenstand op tisser.ai zolang de nieuwe site nog niet af is.
   Alleen tokens; geen eigen kleuren of maten buiten de schaal.
   Let op: deze pagina laadt v2/site.css niet, dus --v2-ease bestaat hier niet
   vanzelf. Hij staat hieronder lokaal, anders vervalt elke regel die hem
   gebruikt in stilte — zoals de markeerstreek en de knopovergang. */
.v2-soon { --v2-ease: cubic-bezier(0.16, 1, 0.3, 1);
  min-height: 100dvh; margin: 0; display: flex; flex-direction: column;
  align-items: center; justify-content: center; text-align: center;
  background: var(--t-canvas); color: var(--t-ink);
  font-family: var(--t-sans); padding: var(--t-s6); }
.v2-soon__in { display: flex; flex-direction: column; align-items: center;
  gap: var(--t-s5); max-width: 55ch; }
.v2-soon__mark { width: clamp(144px, 17.5vw, 208px); height: auto; display: block; }
.v2-soon__eyebrow { margin: 0; font-family: var(--t-label);
  font-size: var(--t-caption); letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--t-ink2); }
.v2-soon__h { margin: 0; font-family: var(--t-display); font-weight: 400;
  font-size: clamp(32px, 4vw, 56px); line-height: 1.06; letter-spacing: -0.02em;
  text-wrap: balance; }
.v2-soon__p { margin: 0; font-size: clamp(16px, 1.45vw, 18px); line-height: 1.55;
  color: var(--t-ink2); }
/* De markeerstreek: dezelfde streek als op de teaser, maar hier zonder scroll
   om hem te sturen. Hij trekt zichzelf eenmalig door, net nadat de pagina
   staat. De gemarkeerde woorden gaan naar ink; op butter is ink2 te licht. */
.v2-soon__hl { display: inline-block; padding: 0 var(--t-s1);
  color: var(--t-on-butter);
  background-image: linear-gradient(transparent 6%, var(--t-butter-100) 6% 96%,
    transparent 96%);
  background-repeat: no-repeat; background-size: 0% 100%;
  animation: v2-soon-sweep 0.66s var(--v2-ease) 0.75s forwards; }
@keyframes v2-soon-sweep { to { background-size: 100% 100%; } }

.v2-soon__cta { display: inline-flex; align-items: center; justify-content: center;
  min-height: 52px; padding: 0 var(--t-s6); margin-top: var(--t-s3);
  border-radius: var(--t-r-pill); background: var(--t-cta); color: var(--t-on-cta);
  font-size: var(--t-body-lg); font-weight: 600; text-decoration: none;
  transition: transform 0.28s var(--v2-ease), box-shadow 0.28s var(--v2-ease); }
.v2-soon__cta:hover { transform: translateY(-2px);
  box-shadow: 0 10px 24px -8px color-mix(in srgb, var(--t-cta) 62%, transparent); }
.v2-soon__foot { position: absolute; bottom: var(--t-s6);
  display: flex; flex-direction: column; align-items: center; gap: var(--t-s3);
  font-size: var(--t-caption); color: var(--t-ink2); padding-inline: var(--t-s5); }
.v2-soon__logomark { width: 28px; height: auto; display: block; }
.v2-soon__adres { margin: 0; }
@media (prefers-reduced-motion: reduce) {
  .v2-soon__cta { transition: none; }
  .v2-soon__hl { animation: none; background-size: 100% 100%; }
}