.vb-header[data-astro-cid-6gilvktn] {
  position: fixed;
  inset: 0 0 auto;
  z-index: 50;
  transition: transform .32s var(--ease-out-soft), background-color .24s var(--ease-standard), box-shadow .24s var(--ease-standard);
}

.vb-header[data-astro-cid-6gilvktn].is-scrolled, .vb-header[data-astro-cid-6gilvktn].is-open {
  background: var(--color-paper);
  box-shadow: 0 1px 0 var(--color-line);
}

.vb-header[data-astro-cid-6gilvktn].is-hidden {
  transform: translateY(-100%);
}

.vb-header__bar[data-astro-cid-6gilvktn] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-6);
  height: var(--vb-header-h);
}

.vb-header__logo[data-astro-cid-6gilvktn] {
  display: inline-flex;
  align-items: center;
  min-height: var(--touch-min);
}

.vb-header__logo[data-astro-cid-6gilvktn] .logo {
  height: 26px;
}

.vb-header__nav[data-astro-cid-6gilvktn] ul[data-astro-cid-6gilvktn] {
  display: flex;
  gap: var(--space-1);
  list-style: none;
  padding: 0;
}

.vb-header__nav[data-astro-cid-6gilvktn] a[data-astro-cid-6gilvktn] {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: var(--touch-min);
  padding: 0 var(--space-3);
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--color-ink-soft);
  text-decoration: none;
  border-radius: var(--radius-pill);
  transition: color var(--duration-fast) var(--ease-standard);
}

.vb-header__nav[data-astro-cid-6gilvktn] a[data-astro-cid-6gilvktn]:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 8px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--color-coral-strong);
  transform: translateX(-50%) scale(0);
  transition: transform .24s var(--ease-spring);
}

.vb-header__nav[data-astro-cid-6gilvktn] a[data-astro-cid-6gilvktn]:hover {
  color: var(--color-ink);
}

.vb-header__nav[data-astro-cid-6gilvktn] a[data-astro-cid-6gilvktn]:hover:after {
  transform: translateX(-50%) scale(1);
}

.vb-header__actions[data-astro-cid-6gilvktn] {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

.vb-lock[data-astro-cid-6gilvktn] {
  display: inline-flex;
}

.vb-lock[data-astro-cid-6gilvktn] svg {
  transition: transform .28s var(--ease-spring);
}

.vb-header__portal[data-astro-cid-6gilvktn]:hover .vb-lock[data-astro-cid-6gilvktn] svg {
  transform: translateY(-2px) rotate(-8deg);
}

.vb-header__burger[data-astro-cid-6gilvktn] {
  display: none;
  place-items: center;
  width: 48px;
  height: 48px;
  border: 0;
  border-radius: 50%;
  background: var(--color-ink);
  color: var(--vb-white);
}

.vb-burger[data-astro-cid-6gilvktn] {
  position: relative;
  width: 18px;
  height: 10px;
}

.vb-burger[data-astro-cid-6gilvktn] span[data-astro-cid-6gilvktn] {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  border-radius: 2px;
  background: currentColor;
  transition: transform .28s var(--ease-out-soft), top .28s var(--ease-out-soft);
}

.vb-burger[data-astro-cid-6gilvktn] span[data-astro-cid-6gilvktn]:first-child {
  top: 0;
}

.vb-burger[data-astro-cid-6gilvktn] span[data-astro-cid-6gilvktn]:last-child {
  top: 8px;
}

[data-astro-cid-6gilvktn][aria-expanded="true"] .vb-burger[data-astro-cid-6gilvktn] span[data-astro-cid-6gilvktn]:first-child {
  top: 4px;
  transform: rotate(45deg);
}

[data-astro-cid-6gilvktn][aria-expanded="true"] .vb-burger[data-astro-cid-6gilvktn] span[data-astro-cid-6gilvktn]:last-child {
  top: 4px;
  transform: rotate(-45deg);
}

.vb-menu[data-astro-cid-6gilvktn] {
  position: fixed;
  inset: var(--vb-header-h) 0 0 0;
  background: var(--color-paper);
  overflow-y: auto;
  border-top: 1px solid var(--color-line);
}

.vb-menu__inner[data-astro-cid-6gilvktn] {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  padding-block: var(--space-8) var(--space-12);
  min-height: 100%;
}

.vb-menu__list[data-astro-cid-6gilvktn] {
  list-style: none;
  padding: 0;
}

.vb-menu__list[data-astro-cid-6gilvktn] a[data-astro-cid-6gilvktn] {
  display: flex;
  align-items: baseline;
  gap: var(--space-4);
  padding-block: var(--space-3);
  font-size: clamp(2.25rem, 10vw, 3.5rem);
  font-weight: 740;
  letter-spacing: var(--tracking-display);
  line-height: 1.05;
  color: var(--color-ink);
  text-decoration: none;
  border-bottom: 1px solid var(--color-line);
}

.vb-menu__num[data-astro-cid-6gilvktn] {
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--color-muted);
  letter-spacing: 0;
  font-variant-numeric: tabular-nums;
}

.vb-menu__actions[data-astro-cid-6gilvktn] {
  display: grid;
  gap: var(--space-3);
}

.vb-menu__contact[data-astro-cid-6gilvktn] {
  display: grid;
  gap: var(--space-2);
  margin-top: auto;
}

.vb-menu__contact[data-astro-cid-6gilvktn] a[data-astro-cid-6gilvktn] {
  display: inline-flex;
  align-items: center;
  min-height: var(--touch-min);
  color: var(--color-ink-soft);
  font-weight: 600;
  text-decoration: none;
}

html[data-motion="full"] .vb-menu[data-astro-cid-6gilvktn][data-open] .vb-menu__list[data-astro-cid-6gilvktn] li[data-astro-cid-6gilvktn] {
  animation: vb-menu-in .52s var(--ease-out-soft) both;
  animation-delay: calc(var(--mi) * 45ms + 60ms);
}

@keyframes vb-menu-in {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
}

@media (width <= 1023px) {
  .vb-header__nav[data-astro-cid-6gilvktn], .vb-header__portal[data-astro-cid-6gilvktn] {
    display: none;
  }

  .vb-header__burger[data-astro-cid-6gilvktn] {
    display: grid;
  }
}

@media (width >= 1024px) and (width <= 1199px) {
  .vb-header__bar[data-astro-cid-6gilvktn] {
    gap: var(--space-3);
  }

  .vb-header__nav[data-astro-cid-6gilvktn] a[data-astro-cid-6gilvktn] {
    padding: 0 var(--space-2);
  }

  .vb-header__actions[data-astro-cid-6gilvktn] .vb-btn--sm[data-astro-cid-6gilvktn] {
    padding: 0 var(--space-3);
  }

  .vb-header__portal[data-astro-cid-6gilvktn] {
    gap: 6px;
  }
}

@media (width <= 420px) {
  .vb-header__cta[data-astro-cid-6gilvktn] {
    display: none;
  }
}

@media (width >= 1024px) {
  .vb-menu[data-astro-cid-6gilvktn] {
    display: none !important;
  }
}
.vb-split__line[data-astro-cid-ryfpkekv] {
  display: inline;
}

@media (width >= 600px) {
  .vb-split--lines[data-astro-cid-ryfpkekv] .vb-split__line[data-astro-cid-ryfpkekv] {
    display: block;
  }
}
.vb-hero[data-astro-cid-7v6ptrq3] {
  position: relative;
  min-height: max(640px, 100svh);
  padding-top: calc(var(--vb-header-h) + clamp(32px, 7vh, 88px));
  padding-bottom: clamp(48px, 8vh, 96px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.vb-hero__inner[data-astro-cid-7v6ptrq3] {
  position: relative;
  z-index: 1;
  pointer-events: none;
}

.vb-hero__inner[data-astro-cid-7v6ptrq3] a, .vb-hero__inner[data-astro-cid-7v6ptrq3] p[data-astro-cid-7v6ptrq3], .vb-hero__inner[data-astro-cid-7v6ptrq3] h1 {
  pointer-events: auto;
}

.vb-hero__eyebrow[data-astro-cid-7v6ptrq3] {
  margin-bottom: clamp(20px, 3vw, 40px);
}

.vb-hero__title {
  max-width: none;
}

@media (width >= 600px) {
  .vb-hero__title .vb-split__line:nth-child(2) {
    padding-inline-start: .9em;
  }
}

.vb-hero__title .vb-serif {
  font-size: 1.12em;
  line-height: .8;
}

html[data-motion="full"] .vb-hero__title .w__i {
  animation: vb-hero-rise .76s var(--ease-out-soft) both;
  animation-delay: calc(var(--i) * 45ms + 60ms);
}

@keyframes vb-hero-rise {
  from {
    transform: translateY(108%) rotate(4deg);
  }
}

.vb-hero__foot[data-astro-cid-7v6ptrq3] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-8);
  max-width: 38rem;
  margin-top: clamp(32px, 4.5vw, 64px);
}

.vb-hero__lead[data-astro-cid-7v6ptrq3] {
  max-width: 46ch;
}

.vb-hero__ctas[data-astro-cid-7v6ptrq3] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  align-items: center;
}

@media (width >= 900px) {
  .vb-hero__foot[data-astro-cid-7v6ptrq3] {
    max-width: min(38rem, 52%);
  }
}

html[data-motion="full"] .vb-hero__foot[data-astro-cid-7v6ptrq3] {
  animation: vb-hero-glide .9s var(--ease-out-soft) .2s both;
}

@keyframes vb-hero-glide {
  from {
    transform: translateY(16px);
  }
}

.vb-hero__short[data-astro-cid-7v6ptrq3] {
  display: none;
}

.vb-mascots[data-astro-cid-7v6ptrq3] {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}

.vb-mascot[data-astro-cid-7v6ptrq3] {
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: var(--s);
  margin-left: calc(var(--s) / -2);
  margin-top: calc(var(--s) / -2);
  pointer-events: auto;
  user-select: none;
  -webkit-user-select: none;
  will-change: transform;
}

.vb-mascot__body[data-astro-cid-7v6ptrq3] {
  position: relative;
  transform-origin: 50% 80%;
}

.vb-mascot__shadow[data-astro-cid-7v6ptrq3] {
  position: absolute;
  left: 18%;
  right: 18%;
  bottom: -6%;
  height: 10%;
  border-radius: 50%;
  background: radial-gradient(closest-side, color-mix(in srgb, var(--color-ink) 14%, transparent), transparent);
  pointer-events: none;
}

html[data-motion="full"] .vb-mascot__body[data-astro-cid-7v6ptrq3] {
  animation: vb-mascot-in 1s var(--ease-spring) both;
  animation-delay: calc(.56s + var(--mi) * 80ms);
}

html[data-motion="full"] .vb-mascot__shadow[data-astro-cid-7v6ptrq3] {
  animation: vb-mascot-shadow-in .7s var(--ease-out-soft) both;
  animation-delay: calc(.64s + var(--mi) * 80ms);
}

@keyframes vb-mascot-in {
  from {
    scale: .6;
    translate: 0 24px;
  }
}

@keyframes vb-mascot-shadow-in {
  from {
    opacity: 0;
    scale: .4;
  }
}

.vb-mascot[data-astro-cid-7v6ptrq3] img {
  width: 100%;
  height: auto;
  -webkit-user-drag: none;
}

html.vb-physics .vb-mascot[data-astro-cid-7v6ptrq3] {
  cursor: grab;
  touch-action: none;
}

html.vb-physics.vb-touch .vb-mascot[data-astro-cid-7v6ptrq3] {
  touch-action: manipulation;
  cursor: pointer;
}

html.vb-physics .vb-mascot[data-astro-cid-7v6ptrq3].is-grabbed {
  cursor: grabbing;
  z-index: 3;
}

.vb-mascot--rocket[data-astro-cid-7v6ptrq3] {
  --x: 87%;
  --y: 22%;
  --s: clamp(140px, 17vw, 290px);
}

.vb-mascot--flamingo[data-astro-cid-7v6ptrq3] {
  --x: 63%;
  --y: 18%;
  --s: clamp(92px, 8.7vw, 125px);
}

.vb-mascot--envelope[data-astro-cid-7v6ptrq3] {
  --x: 45%;
  --y: 15%;
  --s: clamp(72px, 6.6vw, 118px);
}

.vb-mascot--bomb[data-astro-cid-7v6ptrq3] {
  --x: 71%;
  --y: 79%;
  --s: clamp(130px, 15vw, 250px);
}

.vb-mascot--check[data-astro-cid-7v6ptrq3] {
  --x: 90%;
  --y: 71%;
  --s: clamp(86px, 9vw, 150px);
}

.vb-hero__pin[data-astro-cid-7v6ptrq3] {
  left: 91%;
  bottom: 8%;
}

.vb-hero__pin-m[data-astro-cid-7v6ptrq3] {
  left: calc(var(--gutter) / 2);
  bottom: 0;
}

@media (width >= 768px) {
  .vb-hero__pin-m[data-astro-cid-7v6ptrq3] {
    display: none;
  }
}

@media (width <= 899px) {
  .vb-hero[data-astro-cid-7v6ptrq3] {
    justify-content: flex-start;
    min-height: auto;
    padding-bottom: 150px;
  }

  .vb-mascot--envelope[data-astro-cid-7v6ptrq3], .vb-mascot--check[data-astro-cid-7v6ptrq3] {
    display: none;
  }

  .vb-mascot--rocket[data-astro-cid-7v6ptrq3] {
    --x: 88%;
    --y: calc(var(--vb-header-h) + 26vw);
    --s: 19vw;
  }

  .vb-mascot--flamingo[data-astro-cid-7v6ptrq3] {
    --x: 62%;
    --y: auto;
    top: auto;
    bottom: 18px;
    --s: 96px;
    margin-top: 0;
  }

  .vb-mascot--bomb[data-astro-cid-7v6ptrq3] {
    --x: 84%;
    --y: auto;
    top: auto;
    bottom: 10px;
    --s: 124px;
    margin-top: 0;
  }
}

@media (width <= 599px) {
  .vb-hero[data-astro-cid-7v6ptrq3] {
    padding-top: calc(var(--vb-header-h) + clamp(20px, 5vh, 40px));
    padding-bottom: 116px;
  }

  .vb-mascot--bomb[data-astro-cid-7v6ptrq3] {
    display: none;
  }

  .vb-mascot--rocket[data-astro-cid-7v6ptrq3] {
    --x: 84%;
    --y: calc(var(--vb-header-h) + 64px);
    --s: 96px;
  }

  .vb-mascot--flamingo[data-astro-cid-7v6ptrq3] {
    --x: 76%;
    bottom: 10px;
    --s: 92px;
  }

  .vb-hero__foot[data-astro-cid-7v6ptrq3] {
    gap: var(--space-6);
    margin-top: var(--space-6);
  }

  .vb-hero__ctas[data-astro-cid-7v6ptrq3] {
    flex-wrap: nowrap;
    width: 100%;
  }

  .vb-hero__ctas[data-astro-cid-7v6ptrq3] .vb-btn[data-astro-cid-7v6ptrq3] {
    flex: auto;
    padding: 0 var(--space-5);
  }

  .vb-hero__long[data-astro-cid-7v6ptrq3] {
    display: none;
  }

  .vb-hero__short[data-astro-cid-7v6ptrq3] {
    display: inline;
  }
}
.vb-reel[data-astro-cid-asyl6uya] {
  position: relative;
  padding-inline: var(--gutter);
}

.vb-reel__sticky[data-astro-cid-asyl6uya] {
  position: relative;
}

.vb-reel__card[data-astro-cid-asyl6uya] {
  position: relative;
  overflow: hidden;
  max-width: var(--container-wide);
  margin-inline: auto;
  aspect-ratio: 16 / 10;
  border-radius: var(--vb-radius-xl);
  background: var(--color-ink);
  transform-origin: 50%;
}

.vb-reel__video[data-astro-cid-asyl6uya] {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vb-reel__poster[data-astro-cid-asyl6uya] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity .4s var(--ease-standard);
}

.vb-reel__poster[data-astro-cid-asyl6uya].is-hidden {
  opacity: 0;
}

.vb-reel__meta[data-astro-cid-asyl6uya] {
  position: absolute;
  inset: auto 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  padding: clamp(16px, 2.4vw, 32px);
}

.vb-reel__label[data-astro-cid-asyl6uya] {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  padding: 8px 14px;
  border-radius: var(--radius-pill);
  background: var(--color-ink);
  color: var(--vb-white);
  font-size: var(--text-xs);
  font-weight: 600;
  letter-spacing: var(--tracking-eyebrow);
  text-transform: uppercase;
}

.vb-reel__dot[data-astro-cid-asyl6uya] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--color-coral);
}

.vb-reel__toggle[data-astro-cid-asyl6uya] {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border: 0;
  border-radius: 50%;
  background: var(--vb-white);
  color: var(--color-ink);
  transition: transform var(--duration-fast) var(--ease-standard);
}

.vb-reel__toggle[data-astro-cid-asyl6uya]:hover {
  transform: scale(1.06);
}

.vb-reel__icon[data-astro-cid-asyl6uya] {
  display: none;
}

.vb-reel__toggle[data-astro-cid-asyl6uya][data-state="paused"] .vb-reel__icon--play[data-astro-cid-asyl6uya], .vb-reel__toggle[data-astro-cid-asyl6uya][data-state="playing"] .vb-reel__icon--pause[data-astro-cid-asyl6uya] {
  display: inline-flex;
}

html:not([data-motion]) .vb-reel__toggle[data-astro-cid-asyl6uya] {
  display: none;
}

html[data-motion="full"] .vb-reel[data-astro-cid-asyl6uya].is-live {
  padding-inline: 0;
  height: 150vh;
  height: 150svh;
}

html[data-motion="full"] .vb-reel[data-astro-cid-asyl6uya].is-live .vb-reel__sticky[data-astro-cid-asyl6uya] {
  position: sticky;
  top: 0;
  height: 100vh;
  height: 100svh;
  overflow: hidden;
  display: grid;
  place-items: center;
}

html[data-motion="full"] .vb-reel[data-astro-cid-asyl6uya].is-live .vb-reel__card[data-astro-cid-asyl6uya] {
  width: 100vw;
  height: 100vh;
  height: 100svh;
  max-width: none;
  aspect-ratio: auto;
  will-change: transform;
}

@media (width <= 767px) {
  .vb-reel__card[data-astro-cid-asyl6uya] {
    aspect-ratio: 4 / 5;
  }
}
.vb-marquee[data-astro-cid-a2rupzgq] {
  position: relative;
  padding-block: clamp(72px, 10vw, 140px) clamp(32px, 5vw, 64px);
}

.vb-marquee__head[data-astro-cid-a2rupzgq] {
  position: relative;
  margin-bottom: var(--space-8);
}

.vb-marquee__pin[data-astro-cid-a2rupzgq] {
  right: var(--vb-gutter-mid);
  bottom: clamp(16px, 2.5vw, 32px);
}

@media (width <= 767px) {
  .vb-marquee__pin[data-astro-cid-a2rupzgq] {
    right: auto;
    left: calc(var(--gutter) / 2);
  }
}

.vb-marquee__viewport[data-astro-cid-a2rupzgq] {
  overflow: hidden;
  mask-image: linear-gradient(90deg,
      transparent calc(var(--vb-gutter-mid) + 12px), var(--color-ink) calc(var(--vb-gutter-mid) + 12% + 12px),
      var(--color-ink) calc(100% - var(--vb-gutter-mid) - 12% - 12px), transparent calc(100% - var(--vb-gutter-mid) - 12px));
}

.vb-marquee__track[data-astro-cid-a2rupzgq] {
  display: flex;
  width: max-content;
}

.vb-marquee__list[data-astro-cid-a2rupzgq] {
  display: flex;
  align-items: center;
  gap: clamp(48px, 7vw, 112px);
  padding: 0 calc(clamp(48px, 7vw, 112px) / 2);
  list-style: none;
  margin: 0;
}

.vb-marquee__logo[data-astro-cid-a2rupzgq] {
  height: calc(var(--h) * var(--logo-scale, 1));
  width: auto;
  opacity: .62;
  transition: opacity .24s var(--ease-standard);
}

.vb-marquee__logo[data-astro-cid-a2rupzgq]:hover {
  opacity: .9;
}

.vb-marquee[data-astro-cid-a2rupzgq] {
  --logo-scale: .78;
}

@media (width >= 768px) {
  .vb-marquee[data-astro-cid-a2rupzgq] {
    --logo-scale: .9;
  }
}

@media (width >= 1200px) {
  .vb-marquee[data-astro-cid-a2rupzgq] {
    --logo-scale: 1;
  }
}

html[data-motion="full"] .vb-marquee__track[data-astro-cid-a2rupzgq] {
  animation: 42s linear infinite vb-marquee;
}

html[data-motion="full"] .vb-marquee__viewport[data-astro-cid-a2rupzgq]:hover .vb-marquee__track[data-astro-cid-a2rupzgq], html[data-motion="full"] .vb-marquee__viewport[data-astro-cid-a2rupzgq]:focus-within .vb-marquee__track[data-astro-cid-a2rupzgq] {
  animation-play-state: paused;
}

html[data-motion="full"] .vb-marquee[data-astro-cid-a2rupzgq].is-offscreen .vb-marquee__track[data-astro-cid-a2rupzgq] {
  animation-play-state: paused;
}

@keyframes vb-marquee {
  to {
    transform: translateX(-50%);
  }
}

html[data-motion="reduced"] .vb-marquee__viewport[data-astro-cid-a2rupzgq], html:not([data-motion]) .vb-marquee__viewport[data-astro-cid-a2rupzgq] {
  mask-image: none;
}

html[data-motion="reduced"] .vb-marquee__track[data-astro-cid-a2rupzgq], html:not([data-motion]) .vb-marquee__track[data-astro-cid-a2rupzgq] {
  width: auto;
  justify-content: center;
}

html[data-motion="reduced"] .vb-marquee__list[data-astro-cid-a2rupzgq], html:not([data-motion]) .vb-marquee__list[data-astro-cid-a2rupzgq] {
  flex-wrap: wrap;
  justify-content: center;
  row-gap: var(--space-8);
}

html[data-motion="reduced"] .vb-marquee__list--clone[data-astro-cid-a2rupzgq], html:not([data-motion]) .vb-marquee__list--clone[data-astro-cid-a2rupzgq] {
  display: none;
}
.vb-services__head[data-astro-cid-24xrb6ez] {
  position: relative;
  display: grid;
  gap: var(--space-6);
  margin-bottom: clamp(48px, 7vw, 96px);
}

.vb-services__title {
  max-width: 12ch;
}

.vb-svc-list[data-astro-cid-24xrb6ez] {
  position: relative;
}

.vb-svc-list__pin[data-astro-cid-24xrb6ez] {
  top: 0;
}

.vb-services__pin-end[data-astro-cid-24xrb6ez] {
  left: calc(var(--gutter) / 2);
  bottom: 0;
}

@media (width >= 1024px) {
  .vb-services__head[data-astro-cid-24xrb6ez] {
    grid-template-columns: minmax(0, 7fr) minmax(0, 4fr);
    align-items: end;
    column-gap: var(--space-12);
  }

  .vb-services__head[data-astro-cid-24xrb6ez] > .eyebrow[data-astro-cid-24xrb6ez] {
    grid-column: 1 / -1;
  }

  .vb-services__intro[data-astro-cid-24xrb6ez] {
    justify-self: end;
  }
}

.vb-svc-list[data-astro-cid-24xrb6ez] {
  list-style: none;
  padding: 0;
  border-top: 1px solid var(--color-line);
}

.vb-svc[data-astro-cid-24xrb6ez] {
  border-bottom: 1px solid var(--color-line);
}

.vb-svc__row[data-astro-cid-24xrb6ez] {
  position: relative;
  display: grid;
  align-items: center;
  gap: var(--space-4);
  grid-template-columns: 2.5rem minmax(0, 1fr) auto;
  padding-block: clamp(18px, 2.4vw, 30px);
}

.vb-svc__num[data-astro-cid-24xrb6ez] {
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--color-muted);
  font-variant-numeric: tabular-nums;
  align-self: start;
  padding-top: .9em;
}

.vb-svc__title[data-astro-cid-24xrb6ez] {
  font-size: clamp(1.75rem, 4.6vw, 4.25rem);
  font-weight: 720;
  letter-spacing: var(--tracking-display);
  line-height: 1.02;
}

.vb-svc__link[data-astro-cid-24xrb6ez] {
  color: inherit;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  min-height: var(--touch-min);
}

.vb-svc__link[data-astro-cid-24xrb6ez]:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}

.vb-svc__name[data-astro-cid-24xrb6ez] {
  display: inline-block;
  transition: transform .52s var(--ease-out-soft), color .24s var(--ease-standard);
}

.vb-svc__tagline[data-astro-cid-24xrb6ez] {
  display: none;
  color: var(--color-muted);
  font-size: var(--text-sm);
  line-height: 1.5;
  max-width: 30ch;
}

.vb-svc__arrow[data-astro-cid-24xrb6ez] {
  display: none;
  place-items: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  box-shadow: 0 0 0 1px var(--color-line);
  color: var(--color-ink);
  transition: background-color .24s var(--ease-standard), color .24s var(--ease-standard), transform .42s var(--ease-spring);
}

.vb-svc__toggle[data-astro-cid-24xrb6ez] {
  position: relative;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border: 0;
  border-radius: 50%;
  background: var(--vb-white);
  color: var(--color-ink);
  box-shadow: 0 0 0 1px var(--color-line);
  transition: transform .32s var(--ease-out-soft), background-color .24s var(--ease-standard);
}

.vb-svc__toggle[data-astro-cid-24xrb6ez][aria-expanded="true"] {
  transform: rotate(45deg);
  background: var(--color-ink);
  color: var(--vb-white);
}

.vb-svc__link[data-astro-cid-24xrb6ez]:after {
  display: none;
}

.vb-svc__body[data-astro-cid-24xrb6ez] {
  display: grid;
  gap: var(--space-6);
  padding: 0 0 var(--space-8) calc(2.5rem + var(--space-4));
}

.vb-svc__body[data-astro-cid-24xrb6ez][hidden] {
  display: none;
}

.vb-svc__tagline-m[data-astro-cid-24xrb6ez] {
  font-weight: 700;
  font-size: var(--text-lg);
  line-height: 1.35;
  letter-spacing: var(--tracking-heading);
}

.vb-svc__intro[data-astro-cid-24xrb6ez] {
  color: var(--color-ink-soft);
  margin-top: var(--space-2);
  max-width: 60ch;
}

.vb-svc__body-inner[data-astro-cid-24xrb6ez] .vb-link[data-astro-cid-24xrb6ez] {
  margin-top: var(--space-2);
}

.vb-svc__img[data-astro-cid-24xrb6ez] img, .vb-svc__img[data-astro-cid-24xrb6ez] {
  width: 100%;
  max-width: 360px;
  height: auto;
  border-radius: var(--radius-card);
  background: var(--vb-white);
}

@media (width <= 599px) {
  .vb-svc__body[data-astro-cid-24xrb6ez] {
    padding-left: 0;
  }
}

@media (width >= 1024px) {
  .vb-svc__row[data-astro-cid-24xrb6ez] {
    grid-template-columns: 4rem minmax(0, 1fr) minmax(0, 17rem) 56px;
    gap: var(--space-8);
  }

  .vb-svc__tagline[data-astro-cid-24xrb6ez] {
    display: block;
  }

  .vb-svc__arrow[data-astro-cid-24xrb6ez] {
    display: grid;
  }

  .vb-svc__toggle[data-astro-cid-24xrb6ez], .vb-svc__body[data-astro-cid-24xrb6ez] {
    display: none !important;
  }

  .vb-svc__link[data-astro-cid-24xrb6ez]:after {
    display: block;
  }

  .vb-svc[data-astro-cid-24xrb6ez]:hover .vb-svc__name[data-astro-cid-24xrb6ez], .vb-svc[data-astro-cid-24xrb6ez]:focus-within .vb-svc__name[data-astro-cid-24xrb6ez] {
    transform: translateX(clamp(12px, 2vw, 32px));
  }

  .vb-svc[data-astro-cid-24xrb6ez]:hover .vb-svc__arrow[data-astro-cid-24xrb6ez], .vb-svc[data-astro-cid-24xrb6ez]:focus-within .vb-svc__arrow[data-astro-cid-24xrb6ez] {
    background: var(--color-ink);
    color: var(--vb-white);
    transform: rotate(45deg);
  }

  .vb-svc-list[data-astro-cid-24xrb6ez]:hover .vb-svc[data-astro-cid-24xrb6ez]:not(:hover) .vb-svc__name[data-astro-cid-24xrb6ez] {
    color: var(--color-muted);
  }
}

.vb-svc-float[data-astro-cid-24xrb6ez] {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 30;
  pointer-events: none;
  width: 272px;
  aspect-ratio: 5 / 3.4;
  opacity: 0;
  transform: translate3d(-9999px, 0, 0);
  transition: opacity .24s var(--ease-standard);
}

.vb-svc-float[data-astro-cid-24xrb6ez].is-on {
  opacity: 1;
}

.vb-svc-float__card[data-astro-cid-24xrb6ez] {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: var(--radius-card);
  overflow: hidden;
  background: var(--vb-white);
  box-shadow: var(--ring-line), var(--shadow-lift);
  transform: scale(.6) rotate(var(--tilt, 0deg));
  transition: transform .52s var(--ease-spring);
}

.vb-svc-float[data-astro-cid-24xrb6ez].is-on .vb-svc-float__card[data-astro-cid-24xrb6ez] {
  transform: scale(1) rotate(var(--tilt, 0deg));
}

.vb-svc-float__item[data-astro-cid-24xrb6ez] {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity .2s var(--ease-standard);
}

.vb-svc-float__item[data-astro-cid-24xrb6ez].is-on {
  opacity: 1;
}

.vb-svc-float__item[data-astro-cid-24xrb6ez] img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

html:not(.vb-float-ok) .vb-svc-float[data-astro-cid-24xrb6ez] {
  display: none;
}
.pd[data-astro-cid-edpzxwt4] {
  --u: var(--pd-u, 1px);
  --loop: 7s;
  position: relative;
  height: 100%;
  border-radius: calc(14 * var(--u));
  overflow: hidden;
  background: var(--color-paper);
  font-size: calc(11 * var(--u));
  line-height: 1.3;
  color: var(--color-ink);
}

.pd__chrome[data-astro-cid-edpzxwt4] {
  display: flex;
  gap: calc(5 * var(--u));
  padding: calc(10 * var(--u)) calc(12 * var(--u));
  border-bottom: 1px solid var(--color-line);
  background: var(--vb-white);
}

.pd__chrome[data-astro-cid-edpzxwt4] span[data-astro-cid-edpzxwt4] {
  width: calc(7 * var(--u));
  height: calc(7 * var(--u));
  border-radius: 50%;
  background: var(--color-line);
}

.pd__screen[data-astro-cid-edpzxwt4] {
  position: relative;
  height: calc(100% - calc(28 * var(--u)));
  padding: calc(14 * var(--u));
}

.pd-skel[data-astro-cid-edpzxwt4] {
  display: grid;
  gap: calc(7 * var(--u));
  align-content: start;
}

.pd--cookie[data-astro-cid-edpzxwt4] .pd-skel[data-astro-cid-edpzxwt4] {
  height: 100%;
  grid-template-rows: repeat(3, auto) minmax(calc(48 * var(--u)), 1fr);
}

.pd--cookie[data-astro-cid-edpzxwt4] .pd-skel[data-astro-cid-edpzxwt4] .pd-skel__img[data-astro-cid-edpzxwt4] {
  height: auto;
  width: 100%;
}

.pd-skel[data-astro-cid-edpzxwt4] i[data-astro-cid-edpzxwt4] {
  display: block;
  height: calc(7 * var(--u));
  border-radius: calc(4 * var(--u));
  background: var(--color-line);
}

.pd-skel[data-astro-cid-edpzxwt4] .pd-skel__img[data-astro-cid-edpzxwt4] {
  height: calc(48 * var(--u));
  width: 60%;
  border-radius: calc(8 * var(--u));
  background: var(--color-new-wash);
}

.pd-btn[data-astro-cid-edpzxwt4] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: calc(24 * var(--u));
  padding: 0 calc(10 * var(--u));
  border-radius: var(--radius-pill);
  background: var(--color-ink);
  color: var(--vb-white);
  font-weight: 600;
  font-size: calc(10 * var(--u));
  white-space: nowrap;
}

.pd-btn--ghost[data-astro-cid-edpzxwt4] {
  background: var(--vb-white);
  color: var(--color-ink);
  box-shadow: inset 0 0 0 1px var(--color-line);
}

.pd-chip[data-astro-cid-edpzxwt4] {
  display: inline-flex;
  align-items: center;
  gap: calc(4 * var(--u));
  padding: calc(3 * var(--u)) calc(8 * var(--u));
  border-radius: var(--radius-pill);
  font-size: calc(9.5 * var(--u));
  font-weight: 700;
  white-space: nowrap;
  background: var(--color-new-wash);
  color: var(--color-new-text);
}

.pd-chip[data-astro-cid-edpzxwt4]:before {
  content: "";
  width: calc(5 * var(--u));
  height: calc(5 * var(--u));
  border-radius: 50%;
  background: currentColor;
}

.pd-chip--done[data-astro-cid-edpzxwt4] {
  background: var(--color-done-wash);
  color: var(--color-done-text);
}

.pd-chip--waiting[data-astro-cid-edpzxwt4] {
  background: var(--color-waiting-wash);
  color: var(--color-waiting-text);
}

.pd-cookie[data-astro-cid-edpzxwt4] {
  position: absolute;
  left: calc(10 * var(--u));
  right: calc(10 * var(--u));
  bottom: calc(10 * var(--u));
  padding: calc(10 * var(--u)) calc(12 * var(--u));
  border-radius: calc(12 * var(--u));
  background: var(--vb-white);
  box-shadow: var(--ring-line), var(--shadow-lift);
  display: grid;
  gap: calc(6 * var(--u));
}

.pd-cookie__title[data-astro-cid-edpzxwt4] {
  font-weight: 700;
  font-size: calc(11.5 * var(--u));
}

.pd-cookie__row[data-astro-cid-edpzxwt4] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--color-ink-soft);
}

.pd-toggle[data-astro-cid-edpzxwt4] {
  position: relative;
  width: calc(24 * var(--u));
  height: calc(14 * var(--u));
  border-radius: calc(7 * var(--u));
  background: var(--color-done);
}

.pd-toggle[data-astro-cid-edpzxwt4] span[data-astro-cid-edpzxwt4] {
  position: absolute;
  top: 2px;
  left: calc(12 * var(--u));
  width: calc(10 * var(--u));
  height: calc(10 * var(--u));
  border-radius: 50%;
  background: var(--vb-white);
}

.pd-toggle--off[data-astro-cid-edpzxwt4] {
  background: var(--color-line);
}

.pd-toggle--off[data-astro-cid-edpzxwt4] span[data-astro-cid-edpzxwt4] {
  left: 2px;
}

.pd-cookie__btns[data-astro-cid-edpzxwt4] {
  display: flex;
  gap: calc(6 * var(--u));
  justify-content: flex-end;
  margin-top: 2px;
}

.pd-cookie__chip[data-astro-cid-edpzxwt4] {
  position: absolute;
  top: calc(12 * var(--u));
  right: calc(12 * var(--u));
}

.pd-popup__veil[data-astro-cid-edpzxwt4] {
  position: absolute;
  inset: 0;
  background: var(--vb-ink-veil);
}

.pd-popup[data-astro-cid-edpzxwt4] {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 72%;
  transform: translate(-50%, -50%);
  padding: calc(14 * var(--u));
  border-radius: calc(14 * var(--u));
  background: var(--vb-white);
  text-align: center;
  display: grid;
  gap: calc(6 * var(--u));
  justify-items: center;
  box-shadow: var(--shadow-lift);
}

.pd-popup__close[data-astro-cid-edpzxwt4] {
  position: absolute;
  top: calc(8 * var(--u));
  right: calc(8 * var(--u));
  width: calc(10 * var(--u));
  height: calc(10 * var(--u));
  border-radius: 50%;
  background: var(--color-line);
}

.pd-popup__eyebrow[data-astro-cid-edpzxwt4] {
  font-size: calc(9 * var(--u));
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--color-coral-text);
}

.pd-popup__title[data-astro-cid-edpzxwt4] {
  font-size: calc(15 * var(--u));
  font-weight: 800;
  letter-spacing: -.02em;
}

.pd-popup__code[data-astro-cid-edpzxwt4] {
  padding: calc(4 * var(--u)) calc(10 * var(--u));
  border-radius: calc(8 * var(--u));
  border: 1.5px dashed var(--color-coral-strong);
  font-weight: 700;
  letter-spacing: .06em;
  font-variant-numeric: tabular-nums;
}

.pd-popup__btn[data-astro-cid-edpzxwt4] {
  position: relative;
  min-width: calc(110 * var(--u));
}

.pd-popup__copy[data-astro-cid-edpzxwt4] {
  display: none;
}

.pd-popup__copied[data-astro-cid-edpzxwt4] {
  display: inline;
}

.pd-cal[data-astro-cid-edpzxwt4] {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: calc(6 * var(--u));
  height: 100%;
}

.pd-cal__col[data-astro-cid-edpzxwt4] {
  position: relative;
  display: grid;
  grid-template-rows: auto 1fr;
  gap: calc(6 * var(--u));
}

.pd-cal__day[data-astro-cid-edpzxwt4] {
  font-weight: 700;
  font-size: calc(10 * var(--u));
  color: var(--color-muted);
  text-align: center;
}

.pd-cal__slot[data-astro-cid-edpzxwt4] {
  border-radius: calc(8 * var(--u));
  border: 1px dashed var(--color-line);
  background: var(--vb-white);
}

.pd-cal__slot--filled[data-astro-cid-edpzxwt4] {
  border-style: solid;
  background: var(--color-progress-wash);
  border-color: #0000;
}

.pd-post[data-astro-cid-edpzxwt4] {
  position: absolute;
  left: calc(-14 * var(--u));
  right: calc(-14 * var(--u));
  top: calc(22 * var(--u));
  padding: calc(6 * var(--u));
  border-radius: calc(10 * var(--u));
  background: var(--vb-white);
  box-shadow: var(--ring-line), var(--shadow-lift);
  display: grid;
  gap: calc(5 * var(--u));
  z-index: 1;
}

.pd-post__img[data-astro-cid-edpzxwt4] {
  display: block;
  height: calc(38 * var(--u));
  border-radius: calc(6 * var(--u));
  background: var(--color-coral-wash);
}

.pd-post__line[data-astro-cid-edpzxwt4] {
  display: block;
  height: calc(5 * var(--u));
  width: 80%;
  border-radius: calc(3 * var(--u));
  background: var(--color-line);
}

.pd-post__state[data-astro-cid-edpzxwt4] {
  position: relative;
  height: calc(16 * var(--u));
}

.pd-post__state[data-astro-cid-edpzxwt4] .pd-chip[data-astro-cid-edpzxwt4] {
  position: absolute;
  left: 0;
  top: 0;
  font-size: calc(8.5 * var(--u));
  padding: 2px calc(6 * var(--u));
}

.pd-post__wait[data-astro-cid-edpzxwt4] {
  opacity: 0;
}

.pd-cal__nets[data-astro-cid-edpzxwt4] {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  gap: calc(6 * var(--u));
  align-items: center;
  justify-content: center;
}

.pd-net[data-astro-cid-edpzxwt4] {
  display: grid;
  place-items: center;
  width: calc(22 * var(--u));
  height: calc(22 * var(--u));
  border-radius: 50%;
  background: var(--color-ink);
  color: var(--vb-white);
  font-weight: 800;
  font-size: calc(9 * var(--u));
}

.pd-cal__pub[data-astro-cid-edpzxwt4] {
  font-weight: 700;
  color: var(--color-done-text);
}

@property --reach-skl-b {
  syntax: "<integer>";
  inherits: false;
  initial-value: 2480;
}

.pd-boost[data-astro-cid-edpzxwt4] {
  position: relative;
  height: 100%;
}

.pd-boost__post[data-astro-cid-edpzxwt4] {
  width: 58%;
  padding: calc(8 * var(--u));
  border-radius: calc(12 * var(--u));
  background: var(--vb-white);
  box-shadow: var(--ring-line);
  display: grid;
  gap: calc(4 * var(--u));
}

.pd-boost__label[data-astro-cid-edpzxwt4] {
  color: var(--color-muted);
  font-weight: 600;
  margin-top: 2px;
}

.pd-boost__count[data-astro-cid-edpzxwt4] {
  font-size: calc(22 * var(--u));
  font-weight: 800;
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

.pd-boost__n[data-astro-cid-edpzxwt4] {
  --reach-skl-b: 2480;
  counter-reset: reach var(--reach-skl-b);
}

.pd-boost__n[data-astro-cid-edpzxwt4]:after {
  content: counter(reach);
}

.pd-boost__rule[data-astro-cid-edpzxwt4] {
  position: relative;
  background: var(--color-done-wash);
  color: var(--color-done-text);
  justify-self: start;
}

.pd-boost__rule-off[data-astro-cid-edpzxwt4] {
  display: none;
}

.pd-boost__ad[data-astro-cid-edpzxwt4] {
  position: absolute;
  right: 0;
  bottom: calc(4 * var(--u));
  width: 50%;
  padding: calc(10 * var(--u));
  border-radius: calc(12 * var(--u));
  background: var(--vb-white);
  box-shadow: var(--ring-line), var(--shadow-lift);
  display: grid;
  gap: calc(4 * var(--u));
}

.pd-boost__ad-title[data-astro-cid-edpzxwt4] {
  font-weight: 800;
}

.pd-boost__ad-meta[data-astro-cid-edpzxwt4] {
  color: var(--color-muted);
}

.pd-boost__approve[data-astro-cid-edpzxwt4] {
  justify-self: start;
  margin-top: 2px;
}

.pd-qr[data-astro-cid-edpzxwt4] {
  display: grid;
  grid-template-columns: 46% 1fr;
  gap: calc(12 * var(--u));
  align-items: center;
  height: 100%;
}

.pd-qr__code[data-astro-cid-edpzxwt4] {
  position: relative;
  aspect-ratio: 1;
  padding: calc(6 * var(--u));
  border-radius: calc(10 * var(--u));
  background: var(--vb-white);
  box-shadow: var(--ring-line);
  overflow: hidden;
}

.pd-qr__code[data-astro-cid-edpzxwt4] svg[data-astro-cid-edpzxwt4] {
  width: 100%;
  height: 100%;
}

.pd-qr__code[data-astro-cid-edpzxwt4] rect[data-astro-cid-edpzxwt4] {
  fill: var(--color-ink);
}

.pd-qr__scan[data-astro-cid-edpzxwt4] {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 2px;
  background: var(--color-coral-strong);
  opacity: 0;
}

.pd-qr__dest[data-astro-cid-edpzxwt4] {
  display: grid;
  gap: calc(8 * var(--u));
  justify-items: start;
}

.pd-qr__url[data-astro-cid-edpzxwt4] {
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.pd-qr__cards[data-astro-cid-edpzxwt4] {
  position: relative;
  width: 100%;
  height: calc(44 * var(--u));
}

.pd-qr__card[data-astro-cid-edpzxwt4] {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  padding: 0 calc(10 * var(--u));
  border-radius: calc(10 * var(--u));
  background: var(--vb-white);
  box-shadow: var(--ring-line);
  font-weight: 700;
}

.pd-qr__card[data-astro-cid-edpzxwt4]:before {
  content: "";
  width: calc(16 * var(--u));
  height: calc(20 * var(--u));
  margin-right: calc(8 * var(--u));
  border-radius: calc(3 * var(--u));
  background: var(--color-coral-wash);
  box-shadow: inset 0 0 0 1px var(--color-coral);
}

.pd-qr__card--a[data-astro-cid-edpzxwt4] {
  opacity: 0;
}

.pd-change[data-astro-cid-edpzxwt4] {
  position: relative;
  height: 100%;
}

.pd-skel--page[data-astro-cid-edpzxwt4] {
  padding: calc(4 * var(--u));
}

.pd-change__target[data-astro-cid-edpzxwt4] {
  display: inline-block;
  justify-self: start;
  font-size: calc(16 * var(--u));
  font-weight: 800;
  letter-spacing: -.02em;
  padding: 1px calc(4 * var(--u));
  border-radius: calc(4 * var(--u));
  outline: 2px solid var(--color-coral-strong);
  outline-offset: 2px;
}

.pd-change__pin[data-astro-cid-edpzxwt4] {
  position: absolute;
  left: calc(104 * var(--u));
  top: 0;
  width: calc(18 * var(--u));
  height: calc(18 * var(--u));
  border-radius: 50% 50% 50% 0;
  transform: rotate(-45deg);
  background: var(--color-coral-strong);
  box-shadow: 0 0 0 calc(3 * var(--u)) var(--vb-white);
}

.pd-change__bubble[data-astro-cid-edpzxwt4] {
  position: absolute;
  left: 34%;
  top: calc(34 * var(--u));
  right: calc(6 * var(--u));
  padding: calc(8 * var(--u)) calc(10 * var(--u));
  border-radius: calc(10 * var(--u)) calc(10 * var(--u)) calc(10 * var(--u)) 2px;
  background: var(--color-ink);
  color: var(--vb-white);
  font-weight: 600;
  box-shadow: var(--shadow-lift);
}

.pd-change__typed[data-astro-cid-edpzxwt4] {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: bottom;
  max-width: 100%;
}

.pd-admin[data-astro-cid-edpzxwt4] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: calc(10 * var(--u));
  height: 100%;
  align-items: start;
}

.pd-admin__form[data-astro-cid-edpzxwt4], .pd-admin__site[data-astro-cid-edpzxwt4] {
  padding: calc(10 * var(--u));
  border-radius: calc(12 * var(--u));
  background: var(--vb-white);
  box-shadow: var(--ring-line);
  display: grid;
  gap: calc(6 * var(--u));
}

.pd-admin__label[data-astro-cid-edpzxwt4] {
  font-weight: 700;
  color: var(--color-muted);
  font-size: calc(9.5 * var(--u));
  text-transform: uppercase;
  letter-spacing: .06em;
}

.pd-admin__field[data-astro-cid-edpzxwt4] {
  position: relative;
  display: block;
  height: calc(26 * var(--u));
  border-radius: calc(7 * var(--u));
  box-shadow: inset 0 0 0 1.5px var(--color-ink);
  background: var(--vb-white);
}

.pd-admin__field[data-astro-cid-edpzxwt4] span[data-astro-cid-edpzxwt4], .pd-admin__line[data-astro-cid-edpzxwt4] span[data-astro-cid-edpzxwt4] {
  position: absolute;
  left: calc(7 * var(--u));
  top: 50%;
  transform: translateY(-50%);
  white-space: nowrap;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.pd-admin__old[data-astro-cid-edpzxwt4] {
  opacity: 0;
}

.pd-admin__save[data-astro-cid-edpzxwt4] {
  justify-self: start;
}

.pd-admin__site[data-astro-cid-edpzxwt4] i[data-astro-cid-edpzxwt4] {
  display: block;
  height: calc(6 * var(--u));
  border-radius: calc(3 * var(--u));
  background: var(--color-line);
}

.pd-admin__line[data-astro-cid-edpzxwt4] {
  position: relative;
  display: block;
  height: calc(22 * var(--u));
  border-radius: calc(6 * var(--u));
  background: var(--color-done-wash);
  color: var(--color-done-text);
}

.pd-admin__done[data-astro-cid-edpzxwt4] {
  justify-self: start;
  margin-top: calc(4 * var(--u));
}

html[data-motion="full"] .pd[data-astro-cid-edpzxwt4] [data-astro-cid-edpzxwt4] {
  animation-duration: var(--loop);
  animation-iteration-count: infinite;
  animation-fill-mode: both;
  animation-play-state: paused;
  animation-timing-function: var(--ease-out-soft);
}

html[data-motion="full"] .is-playing .pd[data-astro-cid-edpzxwt4] [data-astro-cid-edpzxwt4] {
  animation-play-state: running;
}

html[data-motion="full"] .pd-cookie[data-astro-cid-edpzxwt4] {
  animation-name: pd-cookie-bar;
}

@keyframes pd-cookie-bar {
  0%, 8% {
    transform: translateY(130%);
  }

  16%, 70% {
    transform: none;
  }

  78%, 100% {
    transform: translateY(130%);
  }
}

html[data-motion="full"] .pd-cookie[data-astro-cid-edpzxwt4] .pd-toggle[data-astro-cid-edpzxwt4]:not(.pd-toggle--off) {
  animation-name: pd-toggle-bg;
}

html[data-motion="full"] .pd-cookie[data-astro-cid-edpzxwt4] .pd-toggle[data-astro-cid-edpzxwt4]:not(.pd-toggle--off) span[data-astro-cid-edpzxwt4] {
  animation-name: pd-toggle-knob;
}

@keyframes pd-toggle-bg {
  0%, 30% {
    background: var(--color-line);
  }

  36%, 100% {
    background: var(--color-done);
  }
}

@keyframes pd-toggle-knob {
  0%, 30% {
    transform: translateX(calc(-10 * var(--u)));
  }

  36%, 100% {
    transform: none;
  }
}

html[data-motion="full"] .pd-cookie__accept[data-astro-cid-edpzxwt4] {
  animation-name: pd-press;
}

@keyframes pd-press {
  0%, 52% {
    transform: none;
  }

  56% {
    transform: scale(.9);
  }

  62%, 100% {
    transform: none;
  }
}

html[data-motion="full"] .pd-cookie__chip[data-astro-cid-edpzxwt4] {
  animation-name: pd-pop-late;
  animation-timing-function: var(--ease-spring);
}

@keyframes pd-pop-late {
  0%, 78% {
    opacity: 0;
    transform: scale(.5);
  }

  86%, 96% {
    opacity: 1;
    transform: none;
  }

  100% {
    opacity: 0;
    transform: none;
  }
}

html[data-motion="full"] .pd-popup__veil[data-astro-cid-edpzxwt4] {
  animation-name: pd-fade-mid;
}

@keyframes pd-fade-mid {
  0%, 10% {
    opacity: 0;
  }

  18%, 82% {
    opacity: 1;
  }

  90%, 100% {
    opacity: 0;
  }
}

html[data-motion="full"] .pd-popup[data-astro-cid-edpzxwt4] {
  animation-name: pd-popup-in;
}

@keyframes pd-popup-in {
  0%, 12% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(.6);
  }

  18% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.06);
  }

  22%, 80% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }

  88%, 100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(.9);
  }
}

html[data-motion="full"] .pd-popup__btn[data-astro-cid-edpzxwt4] {
  animation-name: pd-press;
}

html[data-motion="full"] .pd-popup__copy[data-astro-cid-edpzxwt4] {
  display: inline;
  animation-name: pd-swap-out;
}

html[data-motion="full"] .pd-popup__copied[data-astro-cid-edpzxwt4] {
  position: absolute;
  animation-name: pd-swap-in;
}

@keyframes pd-swap-out {
  0%, 55% {
    opacity: 1;
  }

  58%, 100% {
    opacity: 0;
  }
}

@keyframes pd-swap-in {
  0%, 55% {
    opacity: 0;
  }

  58%, 100% {
    opacity: 1;
  }
}

html[data-motion="full"] .pd-post[data-astro-cid-edpzxwt4] {
  animation-name: pd-drop;
  animation-timing-function: var(--ease-spring);
}

@keyframes pd-drop {
  0%, 6% {
    opacity: 0;
    transform: translateY(calc(-40 * var(--u))) rotate(-6deg);
  }

  18%, 88% {
    opacity: 1;
    transform: none;
  }

  96%, 100% {
    opacity: 0;
    transform: none;
  }
}

html[data-motion="full"] .pd-post__wait[data-astro-cid-edpzxwt4] {
  animation-name: pd-swap-out;
}

html[data-motion="full"] .pd-post__ok[data-astro-cid-edpzxwt4] {
  animation-name: pd-swap-in;
}

html[data-motion="full"] .pd-cal__nets[data-astro-cid-edpzxwt4] {
  animation-name: pd-pop-late;
}

html[data-motion="full"] .pd-boost__n[data-astro-cid-edpzxwt4] {
  animation-name: pd-reach;
  animation-timing-function: cubic-bezier(.3, 0, .3, 1);
}

@keyframes pd-reach {
  0%, 6% {
    --reach-skl-b: 120;
  }

  50%, 100% {
    --reach-skl-b: 2480;
  }
}

html[data-motion="full"] .pd-boost__rule[data-astro-cid-edpzxwt4] {
  animation-name: pd-rule;
}

@keyframes pd-rule {
  0%, 44% {
    background: var(--color-new-wash);
    color: var(--color-new-text);
  }

  48%, 100% {
    background: var(--color-done-wash);
    color: var(--color-done-text);
  }
}

html[data-motion="full"] .pd-boost__rule-off[data-astro-cid-edpzxwt4] {
  display: inline;
  animation-name: pd-swap-out-44;
}

html[data-motion="full"] .pd-boost__rule-on[data-astro-cid-edpzxwt4] {
  position: absolute;
  left: calc(18 * var(--u));
  animation-name: pd-swap-in-44;
}

@keyframes pd-swap-out-44 {
  0%, 44% {
    opacity: 1;
  }

  46%, 100% {
    opacity: 0;
  }
}

@keyframes pd-swap-in-44 {
  0%, 44% {
    opacity: 0;
  }

  46%, 100% {
    opacity: 1;
  }
}

html[data-motion="full"] .pd-boost__ad[data-astro-cid-edpzxwt4] {
  animation-name: pd-slide-in;
}

@keyframes pd-slide-in {
  0%, 52% {
    opacity: 0;
    transform: translateX(calc(40 * var(--u)));
  }

  60%, 92% {
    opacity: 1;
    transform: none;
  }

  100% {
    opacity: 0;
    transform: none;
  }
}

html[data-motion="full"] .pd-boost__approve[data-astro-cid-edpzxwt4] {
  animation-name: pd-press-late;
}

@keyframes pd-press-late {
  0%, 74% {
    transform: none;
    background: var(--color-ink);
  }

  78% {
    transform: scale(.9);
  }

  82%, 100% {
    transform: none;
    background: var(--color-done);
  }
}

html[data-motion="full"] .pd-qr__code[data-astro-cid-edpzxwt4] rect[data-astro-cid-edpzxwt4] {
  animation-name: pd-module;
  animation-delay: calc(var(--d) * 40ms);
  animation-duration: var(--loop);
}

@keyframes pd-module {
  0% {
    opacity: 0;
    transform: scale(.2);
  }

  8%, 90% {
    opacity: 1;
    transform: none;
  }

  100% {
    opacity: 0;
  }
}

.pd-qr__code[data-astro-cid-edpzxwt4] rect[data-astro-cid-edpzxwt4] {
  transform-box: fill-box;
  transform-origin: center;
}

html[data-motion="full"] .pd-qr__scan[data-astro-cid-edpzxwt4] {
  animation-name: pd-scan;
  animation-timing-function: linear;
}

@keyframes pd-scan {
  0%, 30% {
    opacity: 0;
    top: 4%;
  }

  32% {
    opacity: 1;
  }

  46% {
    opacity: 1;
    top: 94%;
  }

  48%, 100% {
    opacity: 0;
    top: 94%;
  }
}

html[data-motion="full"] .pd-qr__card--a[data-astro-cid-edpzxwt4] {
  animation-name: pd-card-a;
}

html[data-motion="full"] .pd-qr__card--b[data-astro-cid-edpzxwt4] {
  animation-name: pd-card-b;
}

@keyframes pd-card-a {
  0%, 50% {
    opacity: 1;
    transform: none;
  }

  58%, 100% {
    opacity: 0;
    transform: translateY(calc(-12 * var(--u)));
  }
}

@keyframes pd-card-b {
  0%, 52% {
    opacity: 0;
    transform: translateY(calc(12 * var(--u)));
  }

  60%, 100% {
    opacity: 1;
    transform: none;
  }
}

html[data-motion="full"] .pd-change__pin[data-astro-cid-edpzxwt4] {
  animation-name: pd-pin;
  animation-timing-function: var(--ease-spring);
}

@keyframes pd-pin {
  0%, 10% {
    opacity: 0;
    transform: translateY(calc(-30 * var(--u))) rotate(-45deg);
  }

  18%, 90% {
    opacity: 1;
    transform: rotate(-45deg);
  }

  100% {
    opacity: 0;
    transform: rotate(-45deg);
  }
}

html[data-motion="full"] .pd-change__target[data-astro-cid-edpzxwt4] {
  animation-name: pd-outline;
}

@keyframes pd-outline {
  0%, 16% {
    outline-color: #0000;
  }

  20%, 30% {
    outline-color: var(--color-coral-strong);
  }

  34% {
    outline-color: var(--color-coral);
  }

  38%, 92% {
    outline-color: var(--color-coral-strong);
  }

  100% {
    outline-color: #0000;
  }
}

html[data-motion="full"] .pd-change__bubble[data-astro-cid-edpzxwt4] {
  animation-name: pd-bubble;
}

@keyframes pd-bubble {
  0%, 26% {
    opacity: 0;
    transform: translateY(calc(6 * var(--u))) scale(.9);
  }

  32%, 90% {
    opacity: 1;
    transform: none;
  }

  100% {
    opacity: 0;
  }
}

html[data-motion="full"] .pd-change__typed[data-astro-cid-edpzxwt4] {
  animation-name: pd-type;
  animation-timing-function: steps(24, end);
}

@keyframes pd-type {
  0%, 32% {
    max-width: 0;
  }

  70%, 100% {
    max-width: 100%;
  }
}

html[data-motion="full"] .pd-admin__field[data-astro-cid-edpzxwt4] .pd-admin__old[data-astro-cid-edpzxwt4], html[data-motion="full"] .pd-admin__line[data-astro-cid-edpzxwt4] .pd-admin__old[data-astro-cid-edpzxwt4] {
  animation-name: pd-swap-out;
}

html[data-motion="full"] .pd-admin__field[data-astro-cid-edpzxwt4] .pd-admin__new[data-astro-cid-edpzxwt4], html[data-motion="full"] .pd-admin__line[data-astro-cid-edpzxwt4] .pd-admin__new[data-astro-cid-edpzxwt4] {
  animation-name: pd-swap-in;
}

html[data-motion="full"] .pd-admin__field[data-astro-cid-edpzxwt4] .pd-admin__old[data-astro-cid-edpzxwt4] {
  animation-name: pd-swap-out-30;
}

html[data-motion="full"] .pd-admin__field[data-astro-cid-edpzxwt4] .pd-admin__new[data-astro-cid-edpzxwt4] {
  animation-name: pd-swap-in-30;
}

@keyframes pd-swap-out-30 {
  0%, 28% {
    opacity: 1;
  }

  30%, 100% {
    opacity: 0;
  }
}

@keyframes pd-swap-in-30 {
  0%, 28% {
    opacity: 0;
  }

  30%, 100% {
    opacity: 1;
  }
}

html[data-motion="full"] .pd-admin__save[data-astro-cid-edpzxwt4] {
  animation-name: pd-press;
}

html[data-motion="full"] .pd-admin__done[data-astro-cid-edpzxwt4] {
  animation-name: pd-pop-late;
}

html[data-motion="full"] .pd-admin__line[data-astro-cid-edpzxwt4] {
  animation-name: pd-flash;
}

@keyframes pd-flash {
  0%, 56% {
    background: var(--color-paper);
    color: var(--color-ink);
  }

  62%, 100% {
    background: var(--color-done-wash);
    color: var(--color-done-text);
  }
}
.vb-products__pin[data-astro-cid-6m5ghrk6] {
  left: var(--vb-gutter-mid);
  bottom: calc(var(--vb-section) / 2);
}

.vb-products__head[data-astro-cid-6m5ghrk6] {
  display: grid;
  gap: var(--space-6);
  margin-bottom: clamp(32px, 4.5vw, 64px);
}

.vb-products__title {
  max-width: 13ch;
  margin-top: var(--space-4);
}

.vb-products__aside[data-astro-cid-6m5ghrk6] {
  display: grid;
  gap: var(--space-3);
  justify-items: start;
}

@media (width >= 1024px) {
  .vb-products__head[data-astro-cid-6m5ghrk6] {
    grid-template-columns: minmax(0, 7fr) minmax(0, 4fr);
    align-items: end;
    column-gap: var(--space-12);
  }
}

.vb-product[data-astro-cid-6m5ghrk6] {
  --pd-u: 1px;
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 10px;
  transition: transform .42s var(--ease-out-soft), box-shadow .32s var(--ease-out-soft);
}

.vb-product[data-astro-cid-6m5ghrk6]:hover {
  transform: translateY(-6px);
  box-shadow: var(--ring-line), var(--shadow-lift);
}

.vb-product__demo[data-astro-cid-6m5ghrk6] {
  height: calc(232 * var(--pd-u));
  flex: none;
}

.vb-product__body[data-astro-cid-6m5ghrk6] {
  display: grid;
  gap: var(--space-2);
  align-content: start;
  flex: 1;
  padding: var(--space-5) var(--space-3) var(--space-2);
}

.vb-product__top[data-astro-cid-6m5ghrk6] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2) var(--space-3);
  padding-right: 1.75rem;
}

.vb-product__name[data-astro-cid-6m5ghrk6] {
  font-size: var(--text-2xl);
  font-weight: 760;
  letter-spacing: var(--tracking-heading);
}

.vb-product__tagline[data-astro-cid-6m5ghrk6] {
  font-family: var(--font-serif);
  font-style: italic;
  font-size: 1.375rem;
  line-height: 1.2;
  color: var(--color-ink);
  text-wrap: balance;
}

.vb-product__desc[data-astro-cid-6m5ghrk6] {
  color: var(--color-ink-soft);
  font-size: var(--text-sm);
  line-height: 1.55;
  max-width: 44ch;
}

.vb-product__link[data-astro-cid-6m5ghrk6], .vb-product__note[data-astro-cid-6m5ghrk6] {
  margin-top: auto;
  justify-self: start;
}

.vb-product__note[data-astro-cid-6m5ghrk6] {
  display: inline-flex;
  align-items: center;
  min-height: var(--touch-min);
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--color-muted);
}

.vb-product__index[data-astro-cid-6m5ghrk6] {
  position: absolute;
  top: 20px;
  right: 22px;
  z-index: 1;
  font-size: var(--text-xs);
  font-weight: 700;
  color: var(--color-muted);
  font-variant-numeric: tabular-nums;
}

@media (width <= 1023px) {
  .vb-products__viewport[data-astro-cid-6m5ghrk6] {
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: var(--gutter);
    scrollbar-width: none;
  }

  .vb-products__viewport[data-astro-cid-6m5ghrk6]::-webkit-scrollbar {
    display: none;
  }

  .vb-products__grid[data-astro-cid-6m5ghrk6] {
    display: flex;
    gap: 16px;
    width: max-content;
    list-style: none;
    margin: 0;
    padding: 8px var(--gutter) 24px;
  }

  .vb-product[data-astro-cid-6m5ghrk6] {
    scroll-snap-align: start;
    width: clamp(284px, 82vw, 380px);
  }

  .vb-products__controls[data-astro-cid-6m5ghrk6] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-2);
  }
}

@media (width >= 1024px) {
  .vb-products__viewport[data-astro-cid-6m5ghrk6] {
    max-width: var(--container-wide);
    margin-inline: auto;
    padding-inline: var(--gutter);
  }

  .vb-products__grid[data-astro-cid-6m5ghrk6] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(16px, 1.8vw, 28px);
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .vb-product[data-astro-cid-6m5ghrk6] {
    --pd-u: clamp(1.08px, .082vw, 1.2px);
  }

  .vb-product--wide[data-astro-cid-6m5ghrk6] {
    grid-column: span 2;
  }

  .vb-product--wide[data-astro-cid-6m5ghrk6] .vb-product__body[data-astro-cid-6m5ghrk6] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: var(--space-8);
    align-items: start;
  }

  .vb-product--wide[data-astro-cid-6m5ghrk6] .vb-product__top[data-astro-cid-6m5ghrk6], .vb-product--wide[data-astro-cid-6m5ghrk6] .vb-product__tagline[data-astro-cid-6m5ghrk6] {
    grid-column: 1;
  }

  .vb-product--wide[data-astro-cid-6m5ghrk6] .vb-product__desc[data-astro-cid-6m5ghrk6], .vb-product--wide[data-astro-cid-6m5ghrk6] .vb-product__link[data-astro-cid-6m5ghrk6] {
    grid-column: 2;
  }

  .vb-product--wide[data-astro-cid-6m5ghrk6] .vb-product__desc[data-astro-cid-6m5ghrk6] {
    grid-row: 1 / span 2;
  }

  .vb-product--wide[data-astro-cid-6m5ghrk6] .vb-product__body[data-astro-cid-6m5ghrk6] {
    padding: clamp(20px, 2.4vw, 36px) clamp(16px, 2vw, 28px) var(--space-3);
    gap: var(--space-3);
  }

  .vb-product--wide[data-astro-cid-6m5ghrk6] .vb-product__name[data-astro-cid-6m5ghrk6] {
    font-size: var(--text-3xl);
  }

  .vb-product--wide[data-astro-cid-6m5ghrk6] .vb-product__tagline[data-astro-cid-6m5ghrk6] {
    font-size: clamp(1.5rem, 2vw, 1.875rem);
  }

  .vb-product--wide[data-astro-cid-6m5ghrk6] .vb-product__desc[data-astro-cid-6m5ghrk6] {
    font-size: var(--text-base);
  }
}

@media (width >= 1280px) {
  .vb-product--wide[data-astro-cid-6m5ghrk6] {
    --pd-u: clamp(1.25px, .1vw, 1.45px);
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
    align-items: stretch;
  }

  .vb-product--wide[data-astro-cid-6m5ghrk6] .vb-product__demo[data-astro-cid-6m5ghrk6] {
    height: auto;
    min-height: calc(250 * var(--pd-u));
  }

  .vb-product--wide[data-astro-cid-6m5ghrk6] .vb-product__body[data-astro-cid-6m5ghrk6] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-content: start;
  }

  .vb-product--wide[data-astro-cid-6m5ghrk6] .vb-product__top[data-astro-cid-6m5ghrk6], .vb-product--wide[data-astro-cid-6m5ghrk6] .vb-product__tagline[data-astro-cid-6m5ghrk6], .vb-product--wide[data-astro-cid-6m5ghrk6] .vb-product__desc[data-astro-cid-6m5ghrk6], .vb-product--wide[data-astro-cid-6m5ghrk6] .vb-product__link[data-astro-cid-6m5ghrk6] {
    grid-column: auto;
    grid-row: auto;
  }

  .vb-product--wide[data-astro-cid-6m5ghrk6]:nth-child(4) {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr);
  }

  .vb-product--wide[data-astro-cid-6m5ghrk6]:nth-child(4) .vb-product__demo[data-astro-cid-6m5ghrk6] {
    order: 2;
  }
}

@media (width >= 1024px) {
  .vb-products__controls[data-astro-cid-6m5ghrk6] {
    display: none;
  }
}

.vb-products__controls[data-astro-cid-6m5ghrk6] {
  margin-top: var(--space-2);
}

html:not([data-motion]) .vb-products__controls[data-astro-cid-6m5ghrk6] {
  display: none;
}

.vb-products__btn[data-astro-cid-6m5ghrk6] {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border: 0;
  border-radius: 50%;
  background: var(--vb-white);
  color: var(--color-ink);
  box-shadow: 0 0 0 1px var(--color-line);
  transition: background-color .24s var(--ease-standard), color .24s var(--ease-standard), opacity .24s var(--ease-standard);
}

.vb-products__btn[data-astro-cid-6m5ghrk6]:first-child svg {
  transform: scaleX(-1);
}

.vb-products__btn[data-astro-cid-6m5ghrk6]:hover:not(:disabled) {
  background: var(--color-ink);
  color: var(--vb-white);
}

.vb-products__btn[data-astro-cid-6m5ghrk6]:disabled {
  opacity: .4;
  cursor: default;
}
.vb-work__head[data-astro-cid-37ywgpej] {
  position: relative;
  display: grid;
  gap: var(--space-6);
  margin-bottom: clamp(48px, 6vw, 88px);
}

.vb-work__title {
  max-width: 12ch;
}

.vb-work__all[data-astro-cid-37ywgpej] {
  justify-self: start;
}

.vb-work__pin[data-astro-cid-37ywgpej] {
  top: 0;
}

.vb-cases[data-astro-cid-37ywgpej] {
  position: relative;
}

.vb-cases__pin[data-astro-cid-37ywgpej] {
  top: 0;
}

.vb-cases__pin-end[data-astro-cid-37ywgpej] {
  bottom: 0;
}

.vb-results__band[data-astro-cid-37ywgpej] {
  top: calc(var(--vb-results-gap) / -2);
}

.vb-results__pin-r[data-astro-cid-37ywgpej] {
  bottom: calc(var(--vb-section) * -.3);
}

@media (width >= 1024px) {
  .vb-work__head[data-astro-cid-37ywgpej] {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
  }

  .vb-work__head[data-astro-cid-37ywgpej] > .eyebrow[data-astro-cid-37ywgpej] {
    grid-column: 1 / -1;
  }
}

.vb-cases[data-astro-cid-37ywgpej] {
  list-style: none;
  padding: 0;
  display: grid;
  gap: clamp(20px, 3vw, 40px);
}

.vb-case__card[data-astro-cid-37ywgpej] {
  position: relative;
  overflow: hidden;
  display: grid;
  border-radius: var(--vb-radius-xl);
  background: var(--vb-white);
  box-shadow: var(--elevation-card);
  transform-origin: 50% 0;
}

.vb-case__media[data-astro-cid-37ywgpej] {
  display: block;
  overflow: hidden;
  aspect-ratio: 16 / 10;
}

.vb-case__media[data-astro-cid-37ywgpej] img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .9s var(--ease-out-soft);
}

.vb-case__card[data-astro-cid-37ywgpej]:hover .vb-case__media[data-astro-cid-37ywgpej] img {
  transform: scale(1.04);
}

.vb-case__body[data-astro-cid-37ywgpej] {
  position: relative;
  display: grid;
  gap: var(--space-3);
  align-content: start;
  padding: clamp(20px, 3vw, 44px);
}

.vb-case__num[data-astro-cid-37ywgpej] {
  font-size: clamp(3rem, 6vw, 5.5rem);
  font-weight: 760;
  letter-spacing: var(--tracking-display);
  line-height: .9;
  color: var(--color-line);
  font-variant-numeric: tabular-nums;
}

.vb-case__num[data-astro-cid-37ywgpej]:before {
  content: attr(data-num);
}

.vb-case__title[data-astro-cid-37ywgpej] {
  font-size: clamp(1.5rem, 2.6vw, 2.5rem);
  font-weight: 740;
  letter-spacing: var(--tracking-display);
  line-height: 1.05;
}

.vb-case__title[data-astro-cid-37ywgpej] a[data-astro-cid-37ywgpej] {
  color: inherit;
  text-decoration: none;
}

.vb-case__title[data-astro-cid-37ywgpej] a[data-astro-cid-37ywgpej]:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}

.vb-case__card[data-astro-cid-37ywgpej]:has(.vb-case__title a:focus-visible) {
  outline: 2px solid var(--color-coral-strong);
  outline-offset: 3px;
}

.vb-case__title[data-astro-cid-37ywgpej] a[data-astro-cid-37ywgpej]:focus-visible {
  outline: none;
}

.vb-case__tags[data-astro-cid-37ywgpej] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  list-style: none;
  padding: 0;
}

.vb-case__more[data-astro-cid-37ywgpej] {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  margin-top: var(--space-2);
  font-weight: 600;
  font-size: var(--text-sm);
  color: var(--color-coral-text);
  transition: gap var(--duration-fast) var(--ease-standard);
}

.vb-case__more[data-astro-cid-37ywgpej] svg {
  width: 16px;
  height: 16px;
}

.vb-case__card[data-astro-cid-37ywgpej]:hover .vb-case__more[data-astro-cid-37ywgpej] {
  gap: var(--space-3);
}

.vb-case__veil[data-astro-cid-37ywgpej] {
  position: absolute;
  inset: 0;
  background: var(--color-ink);
  opacity: 0;
  pointer-events: none;
}

@media (width >= 900px) {
  .vb-case__card[data-astro-cid-37ywgpej] {
    grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
    min-height: min(68vh, 600px);
  }

  .vb-case__media[data-astro-cid-37ywgpej] {
    aspect-ratio: auto;
    height: 100%;
  }

  .vb-case__body[data-astro-cid-37ywgpej] {
    align-content: space-between;
  }

  .vb-case[data-astro-cid-37ywgpej]:nth-child(2n) .vb-case__card[data-astro-cid-37ywgpej] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.55fr);
  }

  .vb-case[data-astro-cid-37ywgpej]:nth-child(2n) .vb-case__media[data-astro-cid-37ywgpej] {
    order: 2;
  }
}

html[data-motion="full"] .vb-case[data-astro-cid-37ywgpej] {
  position: sticky;
  top: calc(var(--vb-header-h) + 16px + var(--ci) * 14px);
}

html[data-motion="full"] .vb-cases[data-astro-cid-37ywgpej] {
  gap: 12vh;
}

.vb-results[data-astro-cid-37ywgpej] {
  --vb-results-gap: clamp(72px, 9vw, 128px);
  position: relative;
  margin-top: var(--vb-results-gap);
}

.vb-results__head[data-astro-cid-37ywgpej] {
  position: relative;
  display: grid;
  gap: var(--space-4);
  max-width: 34rem;
  margin-bottom: clamp(40px, 5vw, 72px);
}

.vb-results__pin[data-astro-cid-37ywgpej] {
  bottom: calc(var(--vb-section) * -.85);
}

.vb-results__list[data-astro-cid-37ywgpej] {
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(24px, 3vw, 48px) clamp(16px, 2.4vw, 32px);
}

@media (width >= 900px) {
  .vb-results__list[data-astro-cid-37ywgpej] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.vb-result[data-astro-cid-37ywgpej] {
  display: grid;
  gap: var(--space-4);
  justify-items: start;
  align-content: start;
}

.vb-arc[data-astro-cid-37ywgpej] {
  position: relative;
  width: 100%;
  max-width: 260px;
  aspect-ratio: 1;
}

.vb-arc[data-astro-cid-37ywgpej] svg[data-astro-cid-37ywgpej] {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.vb-arc[data-astro-cid-37ywgpej] circle[data-astro-cid-37ywgpej] {
  fill: none;
  stroke-width: 7px;
  stroke-linecap: round;
}

.vb-arc__track[data-astro-cid-37ywgpej] {
  stroke: var(--color-line);
}

.vb-arc__value[data-astro-cid-37ywgpej] {
  stroke: var(--color-coral-strong);
}

.vb-arc__num[data-astro-cid-37ywgpej] {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 4%;
  font-size: clamp(1.75rem, 4.2vw, 3.75rem);
  font-weight: 780;
  letter-spacing: var(--tracking-display);
  font-variant-numeric: tabular-nums;
}

.vb-arc__sign[data-astro-cid-37ywgpej] {
  color: var(--color-coral-text);
  margin-right: .04em;
}

.vb-arc__pct[data-astro-cid-37ywgpej] {
  font-size: .5em;
  font-weight: 700;
  color: var(--color-muted);
}

.vb-result__label[data-astro-cid-37ywgpej] {
  font-weight: 600;
  color: var(--color-ink-soft);
  max-width: 18ch;
  min-height: 3lh;
  text-wrap: balance;
}

@media (width >= 900px) {
  .vb-result__label[data-astro-cid-37ywgpej] {
    min-height: 2lh;
  }
}

html[data-motion="full"].vb-ready .vb-arc__value[data-astro-cid-37ywgpej].is-armed {
  stroke-dashoffset: var(--arc-length);
}

html[data-motion="full"].vb-ready .vb-arc__value[data-astro-cid-37ywgpej].is-drawn {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 1.4s var(--ease-out-soft) .15s;
}
.vb-process[data-astro-cid-n23fzyjf] {
  --vb-process-gap: clamp(56px, 6vw, 96px);
  --vb-portal-gap: clamp(72px, 9vw, 136px);
}

.vb-process__head[data-astro-cid-n23fzyjf] {
  position: relative;
  display: grid;
  gap: var(--space-6);
  margin-bottom: var(--vb-process-gap);
}

.vb-process__pin-top[data-astro-cid-n23fzyjf] {
  top: 0;
}

.vb-process__pin-gap[data-astro-cid-n23fzyjf] {
  bottom: calc(var(--vb-process-gap) / -2);
}

.vb-process__pin-end[data-astro-cid-n23fzyjf] {
  left: 24px;
  bottom: 0;
}

.vb-process__title {
  max-width: 14ch;
}

.vb-process__grid[data-astro-cid-n23fzyjf] {
  position: relative;
  display: grid;
  gap: var(--space-8);
}

.vb-process__sticky[data-astro-cid-n23fzyjf] {
  display: none;
}

.vb-steps[data-astro-cid-n23fzyjf] {
  list-style: none;
  padding: 0;
  display: grid;
  gap: clamp(40px, 6vw, 64px);
}

.vb-step[data-astro-cid-n23fzyjf] {
  position: relative;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: var(--space-5);
  align-items: start;
}

.vb-step__node[data-astro-cid-n23fzyjf] {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--vb-white);
  color: var(--color-coral-text);
  box-shadow: 0 0 0 2px var(--color-coral);
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  transition: background-color .32s var(--ease-standard), color .32s var(--ease-standard), transform .42s var(--ease-spring);
}

.vb-step[data-astro-cid-n23fzyjf].is-active .vb-step__node[data-astro-cid-n23fzyjf], .vb-step[data-astro-cid-n23fzyjf].is-past .vb-step__node[data-astro-cid-n23fzyjf] {
  background: var(--color-coral-strong);
  color: var(--vb-white);
  box-shadow: none;
}

.vb-step[data-astro-cid-n23fzyjf].is-active .vb-step__node[data-astro-cid-n23fzyjf] {
  transform: scale(1.12);
}

@media (width <= 1023px) {
  .vb-step[data-astro-cid-n23fzyjf]:not(:last-child):before {
    content: "";
    position: absolute;
    left: 23px;
    top: 48px;
    bottom: calc(-1 * clamp(40px, 6vw, 64px));
    width: 2px;
    border-radius: 2px;
    background: var(--color-coral);
  }
}

.vb-step__num[data-astro-cid-n23fzyjf] {
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: var(--tracking-eyebrow);
  text-transform: uppercase;
  color: var(--color-muted);
}

.vb-step__title[data-astro-cid-n23fzyjf] {
  font-size: clamp(1.625rem, 3vw, 2.75rem);
  font-weight: 740;
  letter-spacing: var(--tracking-display);
  line-height: 1.05;
  margin-top: var(--space-2);
}

.vb-step__text[data-astro-cid-n23fzyjf] {
  margin-top: var(--space-3);
  color: var(--color-ink-soft);
  font-size: var(--vb-lead);
  line-height: 1.55;
  max-width: 36ch;
}

@media (width >= 1024px) {
  .vb-process__grid[data-astro-cid-n23fzyjf] {
    grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
    gap: var(--space-16);
  }

  .vb-process__sticky[data-astro-cid-n23fzyjf] {
    order: 2;
    display: grid;
    align-content: start;
    gap: var(--space-4);
    position: sticky;
    top: calc(var(--vb-header-h) + 10vh);
    align-self: start;
  }

  .vb-step[data-astro-cid-n23fzyjf] {
    grid-template-columns: 56px minmax(0, 1fr);
  }

  .vb-step__node[data-astro-cid-n23fzyjf] {
    width: 56px;
    height: 56px;
  }

  .vb-process__pin-end[data-astro-cid-n23fzyjf] {
    left: 28px;
  }

  html[data-motion="full"] .vb-steps[data-astro-cid-n23fzyjf] {
    gap: 0;
  }

  html[data-motion="full"] .vb-step[data-astro-cid-n23fzyjf] {
    min-height: 46vh;
  }

  html[data-motion="full"] .vb-step[data-astro-cid-n23fzyjf]:last-child {
    min-height: 30vh;
  }

  .vb-step__title[data-astro-cid-n23fzyjf] {
    transition: color .42s var(--ease-standard);
  }

  html[data-motion="full"].vb-ready .vb-step[data-astro-cid-n23fzyjf]:not(.is-active) .vb-step__title[data-astro-cid-n23fzyjf] {
    color: var(--color-muted);
  }
}

.vb-process__big[data-astro-cid-n23fzyjf] {
  position: relative;
  justify-self: end;
  overflow: clip;
  height: 1em;
  padding-block: .08em;
  box-sizing: content-box;
  font-size: clamp(8rem, 18vw, 17rem);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.06em;
  font-variant-numeric: tabular-nums;
}

.vb-process__digits[data-astro-cid-n23fzyjf] {
  display: block;
  transition: transform .7s var(--ease-out-soft);
  transform: translateY(calc(var(--step, 0) * -1em));
}

.vb-process__digit[data-astro-cid-n23fzyjf] {
  display: block;
  height: 1em;
}

.vb-process__digit[data-astro-cid-n23fzyjf]:first-child {
  color: var(--color-ink);
}

.vb-process__foot[data-astro-cid-n23fzyjf] {
  justify-self: end;
  display: flex;
  align-items: center;
  gap: var(--space-4);
  width: min(360px, 90%);
}

.vb-process__of[data-astro-cid-n23fzyjf] {
  font-size: var(--text-sm);
  font-weight: 700;
  color: var(--color-muted);
  font-variant-numeric: tabular-nums;
  letter-spacing: var(--tracking-eyebrow);
  text-transform: uppercase;
  white-space: nowrap;
}

.vb-process__meter[data-astro-cid-n23fzyjf] {
  flex: 1;
  height: 2px;
  border-radius: 2px;
  background: var(--color-line);
  overflow: hidden;
}

.vb-process__meter[data-astro-cid-n23fzyjf] span[data-astro-cid-n23fzyjf] {
  display: block;
  height: 100%;
  background: var(--color-coral-strong);
  transform-origin: 0;
  transform: scaleX(var(--meter, .2));
  transition: transform .6s var(--ease-out-soft);
}

html[data-motion="reduced"] .vb-process__sticky[data-astro-cid-n23fzyjf], html:not([data-motion]) .vb-process__sticky[data-astro-cid-n23fzyjf] {
  display: none;
}

html[data-motion="reduced"] .vb-process__grid[data-astro-cid-n23fzyjf], html:not([data-motion]) .vb-process__grid[data-astro-cid-n23fzyjf] {
  grid-template-columns: minmax(0, 1fr);
  max-width: 48rem;
}

.vb-portal[data-astro-cid-n23fzyjf] {
  position: relative;
  display: grid;
  gap: clamp(32px, 5vw, 72px);
  align-items: center;
  margin-top: var(--vb-portal-gap);
}

.vb-portal__pin-gap[data-astro-cid-n23fzyjf] {
  top: calc(var(--vb-portal-gap) / -2);
}

@media (width >= 1024px) {
  .vb-portal[data-astro-cid-n23fzyjf] {
    grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  }
}

.vb-portal__pin[data-astro-cid-n23fzyjf] {
  bottom: 0;
}

.vb-portal__copy[data-astro-cid-n23fzyjf] {
  display: grid;
  gap: var(--space-5);
  justify-items: start;
}

.vb-portal__title[data-astro-cid-n23fzyjf] {
  font-size: clamp(2.25rem, 4.6vw, 4.5rem);
  font-weight: 740;
  letter-spacing: var(--tracking-display);
  line-height: 1;
}

.vb-portal__title[data-astro-cid-n23fzyjf] .vb-serif[data-astro-cid-n23fzyjf] {
  font-size: 1.1em;
}

.vb-portal__text[data-astro-cid-n23fzyjf] {
  color: var(--color-ink-soft);
  font-size: var(--vb-lead);
  line-height: 1.6;
  max-width: 40ch;
}

.vb-portal__mock[data-astro-cid-n23fzyjf] {
  padding: clamp(20px, 2.4vw, 32px);
  display: grid;
  gap: var(--space-5);
  transform: rotate(1.2deg);
  transition: transform .6s var(--ease-spring);
}

.vb-portal__mock[data-astro-cid-n23fzyjf]:hover {
  transform: rotate(0) translateY(-4px);
}

.vb-portal__tabs[data-astro-cid-n23fzyjf] {
  display: flex;
  gap: var(--space-2);
  flex-wrap: wrap;
}

.vb-portal__tab[data-astro-cid-n23fzyjf] {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-height: 36px;
  padding: 0 14px;
  border-radius: var(--radius-pill);
  font-size: var(--text-sm);
  font-weight: 600;
  background: var(--vb-white);
  color: var(--color-ink-soft);
  box-shadow: 0 0 0 1px var(--color-line);
}

.vb-portal__pct[data-astro-cid-n23fzyjf] {
  color: var(--color-muted);
  font-variant-numeric: tabular-nums;
}

.vb-portal__tab[data-astro-cid-n23fzyjf].is-active {
  background: var(--color-ink);
  color: var(--vb-white);
  box-shadow: none;
}

.vb-portal__tab[data-astro-cid-n23fzyjf].is-active .vb-portal__pct[data-astro-cid-n23fzyjf] {
  color: var(--color-coral);
}

.vb-portal__row[data-astro-cid-n23fzyjf] {
  display: grid;
  grid-template-columns: 128px minmax(0, 1fr);
  gap: var(--space-6);
  align-items: center;
}

.vb-portal__arc[data-astro-cid-n23fzyjf] {
  position: relative;
  width: 128px;
  height: 128px;
}

.vb-portal__arc[data-astro-cid-n23fzyjf] svg[data-astro-cid-n23fzyjf] {
  width: 100%;
  height: 100%;
}

.vb-portal__arc[data-astro-cid-n23fzyjf] circle[data-astro-cid-n23fzyjf] {
  fill: none;
  stroke-width: 9px;
  stroke-linecap: round;
}

.vb-portal__track[data-astro-cid-n23fzyjf] {
  stroke: var(--color-line);
}

.vb-portal__value[data-astro-cid-n23fzyjf] {
  stroke: var(--color-coral-strong);
}

.vb-portal__arcnum[data-astro-cid-n23fzyjf] {
  position: absolute;
  inset: 0;
  display: grid;
  place-content: center;
  text-align: center;
  padding-top: 4px;
  font-size: 30px;
  font-weight: 800;
  letter-spacing: -.025em;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

.vb-portal__arcnum[data-astro-cid-n23fzyjf] small[data-astro-cid-n23fzyjf] {
  font-size: 16px;
  font-weight: 700;
  color: var(--color-muted);
}

.vb-portal__arcnum[data-astro-cid-n23fzyjf] em[data-astro-cid-n23fzyjf] {
  font-style: normal;
  font-size: 12px;
  font-weight: 500;
  color: var(--color-muted);
  margin-top: 4px;
  letter-spacing: 0;
}

.vb-portal__milestones[data-astro-cid-n23fzyjf] {
  list-style: none;
  padding: 0;
  display: grid;
  gap: var(--space-3);
  font-size: var(--text-sm);
}

.vb-portal__milestones[data-astro-cid-n23fzyjf] li[data-astro-cid-n23fzyjf] {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  color: var(--color-ink-soft);
}

.vb-portal__milestones[data-astro-cid-n23fzyjf] li[data-astro-cid-n23fzyjf] span[data-astro-cid-n23fzyjf] {
  width: 20px;
  height: 20px;
  flex: none;
  border-radius: 50%;
  box-shadow: inset 0 0 0 2px var(--color-line);
}

.vb-portal__milestones[data-astro-cid-n23fzyjf] li[data-astro-cid-n23fzyjf].is-done {
  color: var(--color-muted);
}

.vb-portal__milestones[data-astro-cid-n23fzyjf] li[data-astro-cid-n23fzyjf].is-done span[data-astro-cid-n23fzyjf] {
  background: var(--color-coral-strong);
  box-shadow: none;
}

.vb-portal__milestones[data-astro-cid-n23fzyjf] li[data-astro-cid-n23fzyjf].is-next {
  color: var(--color-ink);
  font-weight: 600;
}

.vb-portal__milestones[data-astro-cid-n23fzyjf] li[data-astro-cid-n23fzyjf].is-next span[data-astro-cid-n23fzyjf] {
  box-shadow: inset 0 0 0 2px var(--color-coral-strong);
  background: var(--vb-white);
}

.vb-portal__next[data-astro-cid-n23fzyjf] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  border-top: 1px solid var(--color-line);
  padding-top: var(--space-5);
}

.vb-portal__step[data-astro-cid-n23fzyjf] {
  font-weight: 600;
  margin-top: var(--space-1);
}

html[data-motion="full"].vb-ready .vb-portal__value[data-astro-cid-n23fzyjf].is-armed {
  stroke-dashoffset: var(--arc-length);
}

html[data-motion="full"].vb-ready .vb-portal__value[data-astro-cid-n23fzyjf].is-drawn {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 1.2s var(--ease-out-soft) .3s;
}

@media (width <= 479px) {
  .vb-portal__row[data-astro-cid-n23fzyjf] {
    grid-template-columns: 1fr;
  }

  .vb-portal__tab[data-astro-cid-n23fzyjf] {
    min-height: 32px;
    padding: 0 10px;
    gap: 6px;
    font-size: var(--text-xs);
  }
}
.vb-team__head[data-astro-cid-ilawy63c] {
  position: relative;
  display: grid;
  gap: var(--space-6);
  margin-bottom: clamp(48px, 6vw, 88px);
}

.vb-team__title {
  max-width: 12ch;
  margin-top: var(--space-4);
}

.vb-team__aside[data-astro-cid-ilawy63c] {
  display: grid;
  gap: var(--space-3);
  justify-items: start;
}

.vb-team__pin[data-astro-cid-ilawy63c] {
  top: 0;
}

.vb-faces[data-astro-cid-ilawy63c] {
  position: relative;
}

.vb-faces__pin[data-astro-cid-ilawy63c] {
  bottom: 0;
}

@media (width >= 1024px) {
  .vb-team__head[data-astro-cid-ilawy63c] {
    grid-template-columns: minmax(0, 7fr) minmax(0, 4fr);
    align-items: end;
    column-gap: var(--space-12);
  }
}

.vb-faces[data-astro-cid-ilawy63c] {
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(16px, 2.4vw, 32px);
}

@media (width >= 600px) {
  .vb-faces[data-astro-cid-ilawy63c] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (width >= 1024px) {
  .vb-faces[data-astro-cid-ilawy63c] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .vb-face[data-astro-cid-ilawy63c]:nth-child(4n+2), .vb-face[data-astro-cid-ilawy63c]:nth-child(4n+4) {
    transform: translateY(48px);
  }
}

.vb-face[data-astro-cid-ilawy63c] {
  position: relative;
}

.vb-face__card[data-astro-cid-ilawy63c] {
  position: relative;
  transform: rotate(var(--tilt));
  transition: transform .56s var(--ease-spring);
}

.vb-face__photo[data-astro-cid-ilawy63c] {
  overflow: hidden;
  aspect-ratio: 4 / 5;
  border-radius: var(--radius-card);
  background: var(--vb-white);
  box-shadow: var(--elevation-card);
  transition: box-shadow .32s var(--ease-standard);
}

.vb-face__photo[data-astro-cid-ilawy63c] img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vb-face__tag[data-astro-cid-ilawy63c] {
  position: absolute;
  left: 12px;
  bottom: 12px;
  max-width: calc(100% - 24px);
  display: grid;
  padding: 8px 14px;
  border-radius: 16px;
  background: var(--vb-white);
  box-shadow: var(--ring-line);
  transform-origin: 0 100%;
}

.vb-face__name[data-astro-cid-ilawy63c] {
  font-weight: 700;
  font-size: var(--text-sm);
}

.vb-face__role[data-astro-cid-ilawy63c] {
  font-size: var(--text-xs);
  color: var(--color-muted);
}

.vb-face[data-astro-cid-ilawy63c]:hover .vb-face__card[data-astro-cid-ilawy63c] {
  transform: rotate(0) translateY(-10px) scale(1.02);
}

.vb-face[data-astro-cid-ilawy63c]:hover .vb-face__photo[data-astro-cid-ilawy63c] {
  box-shadow: var(--ring-line), var(--shadow-lift);
}

html[data-motion="full"] .vb-face[data-astro-cid-ilawy63c]:hover .vb-face__tag[data-astro-cid-ilawy63c] {
  animation: vb-wobble .64s var(--ease-out-soft);
}

@keyframes vb-wobble {
  0% {
    transform: rotate(0);
  }

  30% {
    transform: rotate(-4deg);
  }

  60% {
    transform: rotate(2.5deg);
  }

  100% {
    transform: rotate(0);
  }
}

.vb-face__join[data-astro-cid-ilawy63c] {
  display: grid;
  align-content: end;
  gap: var(--space-2);
  height: 100%;
  min-height: 200px;
  aspect-ratio: 4 / 5;
  padding: var(--space-6);
  border-radius: var(--radius-card);
  text-decoration: none;
  background: var(--color-coral-wash);
  color: var(--color-ink);
  box-shadow: inset 0 0 0 1px var(--color-coral);
  transform: rotate(var(--tilt));
  transition: transform .56s var(--ease-spring);
}

.vb-face__join[data-astro-cid-ilawy63c]:hover {
  transform: rotate(0) translateY(-10px);
}

.vb-face__join-title[data-astro-cid-ilawy63c] {
  font-family: var(--font-serif);
  font-style: italic;
  font-size: clamp(2rem, 3vw, 2.75rem);
  line-height: 1;
  color: var(--color-coral-text);
}

.vb-face__join-text[data-astro-cid-ilawy63c] {
  font-weight: 600;
}
.vb-contact-wrap[data-astro-cid-4bm6mugc] {
  position: relative;
  padding: clamp(48px, 8vw, 120px) var(--gutter) var(--space-12);
}

.vb-contact[data-astro-cid-4bm6mugc] {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  max-width: var(--container-wide);
  margin-inline: auto;
  display: grid;
  gap: var(--space-8);
  padding: clamp(28px, 6vw, 96px) clamp(20px, 5vw, 88px) 0;
  border-radius: var(--vb-radius-xl);
  background: var(--color-ink);
  color: var(--vb-white);
}

.vb-contact__pin[data-astro-cid-4bm6mugc] {
  left: 72%;
  top: 0;
}

.vb-contact__thread[data-astro-cid-4bm6mugc] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
  overflow: visible;
}

.vb-contact__thread[data-astro-cid-4bm6mugc] path[data-astro-cid-4bm6mugc] {
  stroke: var(--color-coral);
  stroke-width: 2.5px;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.vb-contact__loop[data-astro-cid-4bm6mugc] {
  position: absolute;
  z-index: 0;
  color: var(--color-coral);
  left: 50%;
  top: clamp(48px, 6vw, 96px);
  width: clamp(110px, 12vw, 180px);
  transform-origin: 20% 90%;
}

.vb-contact__loop[data-astro-cid-4bm6mugc] svg {
  width: 100%;
  height: auto;
}

html[data-motion="full"].vb-ready .vb-contact__loop[data-astro-cid-4bm6mugc] {
  opacity: 0;
  transform: scale(.8);
  transition: opacity .5s var(--ease-standard), transform .9s var(--ease-spring);
}

html[data-motion="full"].vb-ready .vb-contact__loop[data-astro-cid-4bm6mugc].is-tied {
  opacity: 1;
  transform: none;
}

.vb-contact__copy[data-astro-cid-4bm6mugc] {
  position: relative;
  z-index: 1;
  display: grid;
  gap: var(--space-6);
  align-content: start;
  padding-bottom: clamp(32px, 6vw, 96px);
}

.vb-contact__eyebrow[data-astro-cid-4bm6mugc] {
  color: var(--color-coral);
}

.vb-contact__title {
  font-size: clamp(3.25rem, 9vw, 9rem);
  font-weight: 760;
  line-height: .92;
  letter-spacing: var(--tracking-display);
}

.vb-contact__title .vb-serif {
  font-size: 1.12em;
  color: var(--color-coral);
}

.vb-contact__lead[data-astro-cid-4bm6mugc] {
  font-size: var(--vb-lead);
  color: var(--color-on-dark-muted);
  max-width: 34ch;
}

.vb-contact__ctas[data-astro-cid-4bm6mugc] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}

.vb-btn--ghost-dark[data-astro-cid-4bm6mugc] {
  --btn-bg: transparent;
  --btn-fg: var(--vb-white);
  --btn-fill: var(--vb-white);
  box-shadow: inset 0 0 0 1px var(--color-on-dark-ring);
}

.vb-contact__list[data-astro-cid-4bm6mugc] {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-5) var(--space-8);
  margin-top: var(--space-4);
  padding-top: var(--space-6);
  border-top: 1px solid var(--color-on-dark-line);
}

@media (width >= 480px) {
  .vb-contact__list[data-astro-cid-4bm6mugc] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.vb-contact__list[data-astro-cid-4bm6mugc] dt[data-astro-cid-4bm6mugc] {
  font-size: var(--text-xs);
  font-weight: 600;
  letter-spacing: var(--tracking-eyebrow);
  text-transform: uppercase;
  color: var(--color-on-dark-muted);
}

.vb-contact__list[data-astro-cid-4bm6mugc] dd[data-astro-cid-4bm6mugc] {
  margin-top: var(--space-1);
  font-weight: 600;
  overflow-wrap: anywhere;
}

.vb-contact__list[data-astro-cid-4bm6mugc] a[data-astro-cid-4bm6mugc] {
  display: inline-flex;
  align-items: center;
  min-height: var(--touch-min);
  color: var(--vb-white);
  text-decoration: none;
  background-image: linear-gradient(var(--color-coral), var(--color-coral));
  background-size: 0 2px;
  background-position: 0 85%;
  background-repeat: no-repeat;
  transition: background-size .32s var(--ease-out-soft);
}

.vb-contact__list[data-astro-cid-4bm6mugc] a[data-astro-cid-4bm6mugc]:hover {
  background-size: 100% 2px;
}

.vb-meerkat[data-astro-cid-4bm6mugc] {
  position: relative;
  margin: 0;
  mix-blend-mode: lighten;
  justify-self: center;
  align-self: end;
  width: min(100%, 380px);
  aspect-ratio: 400 / 441;
}

.vb-meerkat__idle[data-astro-cid-4bm6mugc], .vb-meerkat__canvas[data-astro-cid-4bm6mugc] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.vb-meerkat__canvas[data-astro-cid-4bm6mugc] {
  opacity: 0;
  transition: opacity .3s var(--ease-standard);
}

.vb-meerkat[data-astro-cid-4bm6mugc].is-live .vb-meerkat__canvas[data-astro-cid-4bm6mugc] {
  opacity: 1;
}

.vb-meerkat[data-astro-cid-4bm6mugc].is-live .vb-meerkat__idle[data-astro-cid-4bm6mugc] {
  visibility: hidden;
}

@media (width >= 1024px) {
  .vb-contact[data-astro-cid-4bm6mugc] {
    grid-template-columns: minmax(0, 7fr) minmax(0, 4fr);
    column-gap: var(--space-8);
  }

  .vb-meerkat[data-astro-cid-4bm6mugc] {
    width: 100%;
    max-width: 440px;
  }
}

@media (width <= 1023px) {
  .vb-contact__loop[data-astro-cid-4bm6mugc] {
    width: 96px;
    top: 28px;
    left: auto;
    right: 24px;
  }

  .vb-meerkat[data-astro-cid-4bm6mugc] {
    width: min(80%, 320px);
  }
}
.vb-footer[data-astro-cid-vi67ifmr] {
  padding-block: var(--space-16) var(--space-8);
}

.vb-footer__grid[data-astro-cid-vi67ifmr] {
  display: grid;
  gap: var(--space-8) var(--space-6);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.vb-footer__brand[data-astro-cid-vi67ifmr] {
  grid-column: 1 / -1;
  display: grid;
  gap: var(--space-4);
  align-content: start;
}

.vb-footer__home[data-astro-cid-vi67ifmr] {
  display: inline-flex;
  align-items: center;
  justify-self: start;
  min-height: var(--touch-min);
}

.vb-footer__brand[data-astro-cid-vi67ifmr] .vb-footer__logo {
  height: 34px;
}

.vb-footer__claim[data-astro-cid-vi67ifmr] {
  font-size: var(--text-xl);
  font-weight: 700;
  letter-spacing: var(--tracking-heading);
  max-width: 22ch;
  line-height: 1.25;
}

.vb-footer__claim[data-astro-cid-vi67ifmr] .vb-serif[data-astro-cid-vi67ifmr] {
  font-size: 1.15em;
}

@media (width >= 768px) {
  .vb-footer__grid[data-astro-cid-vi67ifmr] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (width >= 1200px) {
  .vb-footer__grid[data-astro-cid-vi67ifmr] {
    grid-template-columns: minmax(0, 2.2fr) repeat(4, minmax(0, 1fr));
  }

  .vb-footer__brand[data-astro-cid-vi67ifmr] {
    grid-column: auto;
  }
}

.vb-footer__list[data-astro-cid-vi67ifmr] {
  list-style: none;
  padding: 0;
  margin-top: var(--space-3);
  display: grid;
  gap: 0;
  font-size: var(--text-sm);
}

.vb-footer__list[data-astro-cid-vi67ifmr] a[data-astro-cid-vi67ifmr] {
  display: inline-flex;
  align-items: center;
  min-height: var(--touch-min);
  min-width: var(--touch-min);
  color: var(--color-ink-soft);
  text-decoration: none;
  font-weight: 600;
  overflow-wrap: anywhere;
  transition: color var(--duration-fast) var(--ease-standard);
}

.vb-footer__list[data-astro-cid-vi67ifmr] a[data-astro-cid-vi67ifmr]:hover {
  color: var(--color-coral-text);
}

.vb-footer__list--plain[data-astro-cid-vi67ifmr] {
  gap: var(--space-3);
  color: var(--color-ink-soft);
  padding-top: var(--space-3);
}

.vb-footer__list--plain[data-astro-cid-vi67ifmr] strong[data-astro-cid-vi67ifmr] {
  color: var(--color-ink);
}

.vb-footer__bottom[data-astro-cid-vi67ifmr] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2) var(--space-6);
  margin-top: var(--space-12);
  padding-top: var(--space-6);
  border-top: 1px solid var(--color-line);
  font-size: var(--text-sm);
  color: var(--color-muted);
}

.vb-footer__legal[data-astro-cid-vi67ifmr] {
  display: flex;
  flex-wrap: wrap;
  gap: 0 var(--space-5);
  list-style: none;
  padding: 0;
}

.vb-footer__legal[data-astro-cid-vi67ifmr] a[data-astro-cid-vi67ifmr] {
  display: inline-flex;
  align-items: center;
  min-height: var(--touch-min);
  color: var(--color-muted);
}

.vb-footer__motion[data-astro-cid-vi67ifmr] {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-height: var(--touch-min);
  padding: 0 var(--space-4);
  border: 0;
  border-radius: var(--radius-pill);
  background: var(--vb-white);
  color: var(--color-ink-soft);
  box-shadow: 0 0 0 1px var(--color-line);
  font-size: var(--text-sm);
  font-weight: 600;
}

.vb-footer__motion[data-astro-cid-vi67ifmr]:hover {
  box-shadow: 0 0 0 1px var(--color-ink-25);
}

.vb-footer__motion-dot[data-astro-cid-vi67ifmr] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--color-done);
}

.vb-footer__motion[data-astro-cid-vi67ifmr][data-state="reduced"] .vb-footer__motion-dot[data-astro-cid-vi67ifmr] {
  background: var(--color-new);
}
/*
 * Variant B — "Editorial". Global layer for the variant: derived tokens, display type,
 * buttons, badges, reveal utilities. Every colour derives from tokens.css.
 */
:root {
  --vb-display: clamp(3rem, 8.4vw, 9.5rem);
  --vb-h2: clamp(2.5rem, 6.2vw, 6.25rem);
  --vb-h3: clamp(1.5rem, 2.4vw, 2.25rem);
  --vb-lead: clamp(1.0625rem, 1.2vw, 1.25rem);
  --vb-section: clamp(80px, 10vw, 152px);
  --vb-radius-xl: clamp(24px, 3vw, 36px);
  --vb-header-h: 72px;
  --ease-spring: linear(0, 0.25 8%, 0.72 18%, 1.06 30%, 1.1 36%, 1.04 48%, 0.99 62%, 1);
  --ease-in-out-soft: cubic-bezier(0.65, 0, 0.35, 1);
  --vb-ink-veil: color-mix(in srgb, var(--color-ink) 16%, transparent);
  --vb-paper-veil: color-mix(in srgb, var(--color-paper) 88%, transparent);
  --vb-white: var(--color-surface);
}

html { scroll-padding-top: calc(var(--vb-header-h) + 16px); }
html[data-motion='full'] { scroll-behavior: smooth; }

.vb:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *) { overflow-x: clip; }
.vb-main:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *) { position: relative; isolation: isolate; }

.vb-container:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *) {
  position: relative;
  width: 100%;
  max-width: var(--container-wide);
  margin-inline: auto;
  padding-inline: var(--gutter);
}

.vb-section:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *) { position: relative; padding-block: var(--vb-section); }

/* ---------- Type ---------- */
.vb-display:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *) {
  font-size: var(--vb-display);
  font-weight: 760;
  line-height: 0.94;
  letter-spacing: var(--tracking-display);
}
.vb-h2:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *) {
  font-size: var(--vb-h2);
  font-weight: 740;
  line-height: 0.98;
  letter-spacing: var(--tracking-display);
  text-wrap: balance;
}
.vb-h3:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *) { font-size: var(--vb-h3); font-weight: 700; line-height: 1.1; letter-spacing: var(--tracking-heading); }
.vb-lead:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *) { font-size: var(--vb-lead); line-height: 1.6; color: var(--color-ink-soft); max-width: 40ch; }
/* Accent word: the heading's own type, set apart by colour only (the site has no italics, see fonts.css). */
.vb-serif:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *) {
  font-family: var(--font-serif);
  font-style: normal;
  color: var(--color-coral-text);
}
.vb-on-ink:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *) .vb-serif { color: var(--color-coral); }
.vb-eyebrow-row:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *) { display: flex; align-items: center; gap: var(--space-3); }
.vb-eyebrow-row:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *)::before {
  content: '';
  width: 28px; height: 2px; border-radius: 2px;
  background: var(--color-coral-strong);
}
.vb-index:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *) { font-variant-numeric: tabular-nums; font-weight: 600; color: var(--color-muted); font-size: var(--text-sm); }

/* Split words (build-time). Mask padding keeps Slovak carons/acutes intact. */
.w:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *) { display: inline-block; overflow: clip; padding-block: 0.18em 0.2em; margin-block: -0.18em -0.2em; vertical-align: top; }
.w__i:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *) { display: inline-block; }

/* ---------- Buttons ---------- */
.vb-btn:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *) {
  --btn-bg: var(--color-ink);
  --btn-fg: var(--vb-white);
  --btn-fill: var(--color-coral);
  --btn-fill-fg: var(--color-ink);
  position: relative;
  display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2);
  min-height: 48px; padding: 0 var(--space-6);
  border: 0; border-radius: var(--radius-pill);
  background: var(--btn-bg); color: var(--btn-fg);
  font: 600 var(--text-sm)/1.25rem var(--font-sans);
  text-decoration: none; white-space: nowrap;
  overflow: hidden; isolation: isolate;
  transition: transform var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), color 240ms var(--ease-out-soft), translate 380ms var(--ease-out-soft);
}
.vb-btn:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *) svg { width: 16px; height: 16px; flex: none; transition: transform 240ms var(--ease-out-soft); }
.vb-btn:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *)::before {
  content: '';
  position: absolute; z-index: -1;
  left: var(--fx, 50%); top: var(--fy, 50%);
  width: 260%; aspect-ratio: 1;
  border-radius: 50%;
  background: var(--btn-fill);
  transform: translate(-50%, -50%) scale(0);
  transition: transform 420ms var(--ease-out-soft);
}
.vb-btn:hover:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *), .vb-btn:focus-visible:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *) { color: var(--btn-fill-fg); }
.vb-btn:hover:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *)::before, .vb-btn:focus-visible:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *)::before { transform: translate(-50%, -50%) scale(1); }
.vb-btn:hover:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *) svg, .vb-btn:focus-visible:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *) svg { transform: translateX(3px); }
.vb-btn:active:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *) { transform: scale(0.98); }
.vb-btn__label:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *) { display: inline-block; transition: translate 380ms var(--ease-out-soft); }
.vb-btn--line:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *) {
  --btn-bg: var(--vb-white);
  --btn-fg: var(--color-ink);
  --btn-fill: var(--color-coral-wash);
  box-shadow: 0 0 0 1px var(--color-line);
}
.vb-btn--line:hover:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *) { box-shadow: 0 0 0 1px var(--color-ink-25); }
.vb-btn--coral:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *) {
  --btn-bg: var(--color-coral);
  --btn-fg: var(--color-ink);
  --btn-fill: var(--vb-white);
}
.vb-btn--lg:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *) { min-height: 56px; padding: 0 var(--space-8); font-size: var(--text-base); }
.vb-btn--sm:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *) { min-height: 44px; padding: 0 var(--space-4); }

.vb-link:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *) {
  display: inline-flex; align-items: center; gap: var(--space-1);
  min-height: var(--touch-min);
  font-weight: 600; font-size: var(--text-sm);
  color: var(--color-coral-text); text-decoration: none;
  transition: gap var(--duration-fast) var(--ease-standard);
}
.vb-link:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *) svg { width: 16px; height: 16px; }
.vb-link:hover:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *) { gap: var(--space-2); }

/* ---------- Portal pieces ---------- */
.vb-status:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *) {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 4px 10px; border-radius: var(--radius-pill);
  font: 600 var(--text-xs)/1rem var(--font-sans); white-space: nowrap;
  background: var(--color-new-wash); color: var(--color-new-text);
}
.vb-status:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *)::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--color-new); }
.vb-status--done:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *) { background: var(--color-done-wash); color: var(--color-done-text); }
.vb-status--done:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *)::before { background: var(--color-done); }
.vb-status--soon:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *) { background: var(--color-soon-wash); color: var(--color-soon-text); }
.vb-status--soon:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *)::before { background: var(--color-soon); }
.vb-status--progress:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *) { background: var(--color-progress-wash); color: var(--color-progress-text); }
.vb-status--progress:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *)::before { background: var(--color-progress); }
.vb-status--waiting:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *) { background: var(--color-waiting-wash); color: var(--color-waiting-text); }
.vb-status--waiting:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *)::before { background: var(--color-waiting); }

.vb-chip:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *) {
  display: inline-flex; align-items: center;
  padding: 4px 10px; border-radius: var(--radius-pill);
  font: 600 var(--text-xs)/1rem var(--font-sans);
  background: var(--color-paper); color: var(--color-ink-soft);
  box-shadow: 0 0 0 1px var(--color-line);
}

.vb-card:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *) {
  background: var(--vb-white);
  border-radius: var(--radius-card);
  box-shadow: var(--elevation-card);
}

/* ---------- Scroll reveal (only armed once JS confirms it runs) ---------- */
html[data-motion='full'].vb-ready [data-reveal]:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *) {
  transition: opacity 700ms var(--ease-out-soft), transform 800ms var(--ease-out-soft);
  transition-delay: calc(var(--rd, 0) * 70ms);
}
html[data-motion='full'].vb-ready [data-reveal]:not(.is-in):where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *) { opacity: 0; transform: translateY(28px); }

/* Split headings rise word by word when their reveal fires */
html[data-motion='full'].vb-ready [data-split]:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *) .w__i {
  transition: transform 900ms var(--ease-out-soft);
  transition-delay: calc(var(--i, 0) * 55ms);
}
html[data-motion='full'].vb-ready [data-split]:not(.is-in):where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *) .w__i { transform: translateY(110%); }

/* Decorative pins for the coral thread. --gl / --gr sit in the left/right page gutter of a container. */
.thread-pin:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *) { position: absolute; width: 1px; height: 1px; pointer-events: none; }
.thread-pin--gl:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *) { left: calc(var(--gutter) / -2); }
.thread-pin--gr:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *) { right: calc(var(--gutter) / -2); }
@media (max-width: 767px) {
  .thread-pin[data-thread-desktop]:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *) { display: none; }
  /* Phones: the gutter is too narrow to switch sides without crossing text, so the thread runs down the
     left gutter only (right-side pins mirror to the left). */
  .thread-pin--gr:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *) { right: auto; left: calc(var(--gutter) / -2); }
}

/* Astro's <picture> is inline by default; let the <img> size against its real container. */
.vb:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *) picture { display: contents; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

/* Split headings only rise their words; the heading box itself stays put. */
html[data-motion='full'].vb-ready [data-reveal][data-split]:not(.is-in):where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *) { opacity: 1; transform: none; }

/* Thread loops live in the whitespace band above a section head, on the gutter line of the side the
   thread runs down next (same x as .thread-pin--gl / --gr inside a container). They curl into the band. */
:root { --vb-gutter-mid: calc(max(0px, (100vw - var(--container-wide)) / 2) + var(--gutter) / 2); }
.vb-band-pin:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *) { left: var(--vb-gutter-mid); top: calc(var(--vb-section) * 0.62); }
.vb-band-pin--r:where(html:not([data-skladacka]) *, [data-v="b"] *, [data-v-base="b"] *) { left: auto; right: var(--vb-gutter-mid); }