/* Brand accent */
body {
  --token-67004f3b-450e-411b-a437-feeb924fa9c4: #68d4fe !important;
}

/* About: center founder caption under photo (desktop + mobile) */
[data-framer-name="image and name"] {
  align-items: center !important;
}

[data-framer-name="image and name"] [data-framer-name="name"],
[data-framer-name="image and name"] [data-framer-name="name"] .framer-6sx2vi,
[data-framer-name="image and name"] [data-framer-name="name"] p,
[data-framer-name="image and name"] [data-framer-name="name"] .framer-text {
  width: 100% !important;
  text-align: center !important;
  --framer-text-alignment: center !important;
  justify-content: center !important;
}

/* Cyan CTA label — dark for contrast (SSR + before hydrate) */
.framer-gWNMU[data-framer-name="green"] .framer-gbl89l,
.framer-gWNMU[data-framer-name="green"] .framer-v72yzv,
.framer-gWNMU[data-framer-name="green"] p {
  --extracted-r6o4lv: #070b0e !important;
  --framer-text-color: #070b0e !important;
  color: #070b0e !important;
}

.framer-rMba1[data-framer-name="Default"] .framer-3mhs9a,
.framer-rMba1[data-framer-name="Default"] p {
  --extracted-r6o4lv: #070b0e !important;
  --framer-text-color: #070b0e !important;
  color: #070b0e !important;
}

/* Mobile: don't clip long footer eyebrow ("looking forward…") */
@media (max-width: 809.98px) {
  .framer-wUVuI .framer-1n3eb9n,
  .framer-wUVuI.framer-v-1n7omea .framer-1n3eb9n {
    max-width: 100% !important;
    width: 100% !important;
    overflow: visible !important;
  }

  .framer-wUVuI .framer-1n3eb9n .framer-hjjpgv-container,
  .framer-wUVuI .framer-1n3eb9n .framer-DPoKj,
  .framer-wUVuI .framer-1n3eb9n .framer-1gfujdc {
    max-width: 100% !important;
    width: 100% !important;
    white-space: normal !important;
  }

  .framer-wUVuI .framer-1n3eb9n p,
  .framer-wUVuI .framer-1n3eb9n .framer-text {
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
  }
}

/* Hero: keep "Kerisevich" on one line without crushing the showreel */
@media (min-width: 1200px) {
  /* Text only — do not grow header flex basis */
  [data-framer-name="Motion, refined."] {
    max-width: none !important;
    white-space: nowrap !important;
    overflow: visible !important;
  }

  [data-framer-name="Motion, refined."] p,
  [data-framer-name="Motion, refined."] .framer-text,
  [data-framer-name="Motion, refined."] span {
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    max-width: none !important;
    width: max-content !important;
  }

  /* Restore Framer flex share so video can grow again */
  [data-framer-name="header-wrp"] {
    flex: 1 0 0px !important;
    width: 1px !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  [data-framer-name="video-wrp"] {
    flex: 1 0 0px !important;
    width: 1px !important;
    min-width: 0 !important;
    height: var(--framer-aspect-ratio-supported, 335px) !important;
    aspect-ratio: 1.615 / 1 !important;
  }

  [data-framer-name="video-wrp"] .framer-1hsnxfy-container,
  [data-framer-name="video-wrp"] video {
    width: 100% !important;
    height: 100% !important;
  }
}

/* Tablet: stacked layout — just prevent awkward mid-word wrap */
@media (min-width: 810px) and (max-width: 1199.98px) {
  [data-framer-name="Motion, refined."] p,
  [data-framer-name="Motion, refined."] .framer-text,
  [data-framer-name="Motion, refined."] span {
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }
}

/* Mobile: slightly smaller hero type so "Kerisevich" stays on one line */
@media (max-width: 809.98px) {
  [data-framer-name="Motion, refined."] {
    overflow: visible !important;
    max-width: 100% !important;
  }

  [data-framer-name="Motion, refined."] p,
  [data-framer-name="Motion, refined."] .framer-text {
    --framer-font-size: 54px !important;
    --framer-line-height: 1.05em !important;
    --framer-letter-spacing: -1.6px !important;
    font-size: 54px !important;
    line-height: 1.05 !important;
    letter-spacing: -1.6px !important;
  }

  [data-framer-name="Motion, refined."] p:nth-child(2),
  [data-framer-name="Motion, refined."] p:last-of-type {
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
  }
}

@media (max-width: 390px) {
  [data-framer-name="Motion, refined."] p,
  [data-framer-name="Motion, refined."] .framer-text {
    --framer-font-size: 46px !important;
    font-size: 46px !important;
    letter-spacing: -1.2px !important;
  }
}