/* V123 — keep every active project title directly above its Open Website button.
   The visible title remains a viewport overlay, while JavaScript measures the
   active action button and supplies stable pixel coordinates for all devices. */

html.v123-project-action-anchor-ready .project-gothic-title-v56 {
  top: var(--project-title-top-v123, 39%) !important;
  left: var(--project-title-left-v123, 50vw) !important;
  right: auto !important;
  width: min(90vw, 1180px) !important;
  max-width: calc(100vw - 28px) !important;
  margin: 0 !important;
  transform: translate3d(-50%, -50%, 0) !important;
  transform-origin: center center !important;
  text-align: center !important;
  z-index: 64 !important;
  transition:
    top .24s cubic-bezier(.22, 1, .36, 1),
    left .24s cubic-bezier(.22, 1, .36, 1),
    opacity .2s ease,
    filter .2s ease !important;
}

/* Preserve one-line project names on landscape/desktop whenever space permits. */
@media (min-width: 768px) {
  html.v123-project-action-anchor-ready .project-gothic-title-v56 {
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: keep-all !important;
    text-wrap: nowrap !important;
  }
}

/* Portrait phones may wrap long names, but still remain centered above the CTA. */
@media (max-width: 767px) and (orientation: portrait) {
  html.v123-project-action-anchor-ready .project-gothic-title-v56 {
    width: calc(100vw - 22px) !important;
    max-width: calc(100vw - 22px) !important;
    padding-inline: 10px !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    text-wrap: balance !important;
    font-size: clamp(1rem, 5.15vw, 1.74rem) !important;
    line-height: .94 !important;
    letter-spacing: .018em !important;
  }
}

/* Keep the V122 full-screen mobile-menu guard authoritative. */
@media (max-width: 639px) {
  html.mobile-menu-open-v120 .project-gothic-title-v56 {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    z-index: -1 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.v123-project-action-anchor-ready .project-gothic-title-v56 {
    transition: none !important;
  }
}