/* =====================================================================
   GVD v27 - homepage copy refresh.
   The supplied Ukrainian copy is preserved verbatim. Layout rules only.
   ===================================================================== */

.station-hero .hero-shell {
  max-width: min(1280px, 100%) !important;
}

.hero-thesis-v27 {
  max-width: 1180px !important;
  margin: 0 0 clamp(16px, 2.1vh, 25px) !important;
  font-size: clamp(30px, 2.5vw, 48px) !important;
  line-height: 1 !important;
  font-weight: 760 !important;
  letter-spacing: -.038em !important;
  text-wrap: balance;
  overflow-wrap: break-word;
}

.hero-copy-v27 {
  max-width: 1080px !important;
  margin: 0 0 clamp(12px, 1.5vh, 18px) !important;
  font-size: clamp(16px, 1.05vw, 19.5px) !important;
  line-height: 1.45 !important;
  overflow-wrap: break-word !important;
}

.hero-context-v27 {
  max-width: 1050px !important;
  margin: 0 !important;
  font-size: clamp(15px, .98vw, 18px) !important;
  line-height: 1.4 !important;
  overflow-wrap: break-word !important;
}

.hero-actions-v27 {
  margin-top: clamp(18px, 2.4vh, 28px) !important;
}

@media (max-width: 1100px) {
  .station-hero .hero-shell {
    align-content: center !important;
    max-height: calc(100dvh - var(--gvd-scene-top) - var(--gvd-scene-bottom)) !important;
  }

  .station-hero .hero-meta {
    margin-bottom: 7px !important;
  }

  .station-hero .hero-name {
    margin-bottom: 8px !important;
    font-size: clamp(28px, min(7.8vw, 5.7vh), 37px) !important;
  }

  .station-hero .hero-role {
    margin: 0 0 clamp(10px, 1.45vh, 14px) !important;
    font-size: clamp(15px, min(4.25vw, 3.15vh), 19px) !important;
    line-height: 1 !important;
  }

  .hero-thesis-v27 {
    max-width: 100% !important;
    margin-bottom: clamp(9px, 1.25vh, 12px) !important;
    font-size: clamp(16px, min(4.45vw, 3.35vh), 21px) !important;
    line-height: 1.04 !important;
    letter-spacing: -.028em !important;
  }

  .hero-copy-v27 {
    max-width: 100% !important;
    margin-bottom: clamp(8px, 1.05vh, 11px) !important;
    font-size: clamp(9.9px, 2.62vw, 12px) !important;
    line-height: 1.36 !important;
  }

  .hero-context-v27 {
    max-width: 100% !important;
    font-size: clamp(9.5px, 2.5vw, 11.4px) !important;
    line-height: 1.34 !important;
  }

  .hero-actions-v27 {
    margin-top: clamp(11px, 1.55vh, 15px) !important;
    grid-template-columns: max-content max-content !important;
    gap: clamp(10px, 2.8vw, 15px) !important;
  }

  .hero-actions-v27 .binary-button,
  .hero-actions-v27 .binary-link {
    white-space: nowrap !important;
  }
}

@media (max-width: 430px) and (max-height: 720px) {
  .station-hero .hero-name {
    font-size: clamp(26px, 7.2vw, 32px) !important;
  }

  .station-hero .hero-role {
    margin-bottom: 8px !important;
    font-size: 14px !important;
  }

  .hero-thesis-v27 {
    margin-bottom: 8px !important;
    font-size: 15.2px !important;
    line-height: 1.03 !important;
  }

  .hero-copy-v27 {
    margin-bottom: 7px !important;
    font-size: 9.1px !important;
    line-height: 1.3 !important;
  }

  .hero-context-v27 {
    font-size: 8.8px !important;
    line-height: 1.29 !important;
  }

  .hero-actions-v27 {
    margin-top: 9px !important;
  }
}