/* =====================================================================
   GVD v26 - copy expansion, 12-scene architecture, responsive editorial
   layout. The supplied Ukrainian copy is preserved verbatim.
   ===================================================================== */

/* Resilient wrapping for the expanded copy. */
.hero-description,
.impact-item p,
.work-row-meta,
.pathway-copy,
.capability-lead,
.capability-description,
.capability-list li span,
.tasks-intro,
.task-item,
.experience-column p,
.collaboration-option p,
.process-step p,
.contact-main p {
  overflow-wrap: break-word !important;
  word-break: normal !important;
  hyphens: auto;
}

.scene-title,
.contact-title,
.pathway-punch,
.capability-lead,
.brand-section-title,
.process-step h3 {
  text-wrap: balance;
}

/* Page 1 - hero ------------------------------------------------------- */
.hero-shell {
  max-width: min(1180px, 100%) !important;
}
.hero-description-expanded {
  max-width: 980px !important;
  font-size: clamp(17px, 1.18vw, 22px) !important;
  line-height: 1.43 !important;
  margin-top: clamp(20px, 2.6vh, 34px) !important;
  margin-bottom: clamp(14px, 1.8vh, 22px) !important;
}
.hero-audience {
  max-width: 840px !important;
  font-size: clamp(17px, 1.12vw, 21px) !important;
  line-height: 1.35 !important;
}

/* Page 2 - impact ----------------------------------------------------- */
.impact-grid-expanded {
  border: 0 !important;
  gap: clamp(28px, 3vw, 52px) !important;
  align-items: start !important;
}
.impact-grid-expanded .impact-item {
  border: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  min-width: 0 !important;
}
.impact-grid-expanded .impact-item strong {
  font-size: clamp(78px, 7vw, 132px) !important;
  line-height: .82 !important;
}
.impact-grid-expanded .impact-item p {
  margin-top: clamp(20px, 2.5vh, 32px) !important;
  display: grid !important;
  gap: 8px !important;
}
.impact-grid-expanded .impact-item p b {
  font-size: clamp(18px, 1.35vw, 25px) !important;
  line-height: 1.06 !important;
}
.impact-grid-expanded .impact-item p span {
  max-width: 28ch !important;
  font-size: clamp(13px, .92vw, 17px) !important;
  line-height: 1.42 !important;
}
.impact-grid-expanded .impact-line { display: none !important; }

/* Page 3 - work ------------------------------------------------------- */
.station-work .work-row-meta > span:first-child {
  max-width: min(78ch, 74vw) !important;
  white-space: normal !important;
  text-overflow: clip !important;
  overflow: visible !important;
}
.station-work .work-row-meta {
  align-items: start !important;
}

/* Page 4 - production path ------------------------------------------- */
.pathway-layout {
  width: min(100%, 1480px) !important;
  display: grid !important;
  grid-template-columns: minmax(360px, .82fr) minmax(520px, 1.18fr) !important;
  gap: clamp(70px, 7vw, 138px) !important;
  align-items: center !important;
}
.pathway-heading { min-width: 0 !important; }
.station-pathway .scene-title {
  max-width: 11ch !important;
  font-size: clamp(52px, min(4.4vw, 7.2vh), 84px) !important;
  line-height: .9 !important;
}
.pathway-copy {
  min-width: 0 !important;
  max-width: 820px !important;
  display: grid !important;
  gap: clamp(18px, 2.3vh, 28px) !important;
  align-content: center !important;
}
.pathway-copy > p {
  margin: 0 !important;
  max-width: 66ch !important;
  font-size: clamp(15px, 1.04vw, 19px) !important;
  line-height: 1.45 !important;
}
.pathway-punch {
  display: grid !important;
  gap: 8px !important;
  font-size: clamp(21px, 1.65vw, 31px) !important;
  line-height: 1.08 !important;
  font-variation-settings: "wght" 680, "wdth" 96, "slnt" 0 !important;
}
.pathway-punch span:last-child { color: var(--ink) !important; }
.pathway-map {
  position: relative !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(18px, 2.1vw, 36px) !important;
  padding-top: 22px !important;
}
.pathway-map::before {
  content: "" !important;
  position: absolute !important;
  left: 7% !important;
  right: 7% !important;
  top: 5px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, currentColor 12%, currentColor 88%, transparent) !important;
  opacity: .34 !important;
}
.pathway-map button {
  position: relative !important;
  min-width: 0 !important;
  min-height: 56px !important;
  padding: 14px 0 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: inherit !important;
  text-align: left !important;
  font: inherit !important;
  cursor: pointer !important;
}
.pathway-map button::before {
  content: "" !important;
  position: absolute !important;
  top: -22px !important;
  left: 0 !important;
  width: 9px !important;
  height: 9px !important;
  border: 1px solid currentColor !important;
  transform: rotate(45deg) !important;
  background: var(--paper) !important;
}
html[data-theme="dark"] .pathway-map button::before { background: #0a0a0b !important; }
.pathway-map button span {
  display: block !important;
  max-width: 18ch !important;
  font-size: clamp(15px, 1.06vw, 19px) !important;
  line-height: 1.08 !important;
  font-variation-settings: "wght" 690, "wdth" 95, "slnt" 0 !important;
}
@media (hover:hover) and (pointer:fine) {
  .pathway-map button:hover span,
  .pathway-map button:focus-visible span { transform: translateX(5px); }
  .pathway-map button span { transition: transform 180ms ease; }
}
.pathway-formats {
  font-size: clamp(12px, .88vw, 15px) !important;
  opacity: .72 !important;
}

/* Pages 5-7 - production / systems / prototypes ---------------------- */
.capability-layout-copy {
  grid-template-columns: minmax(430px, .92fr) minmax(500px, 1.08fr) !important;
  column-gap: clamp(68px, 6.4vw, 126px) !important;
}
.capability-layout-copy .capability-heading {
  max-width: 700px !important;
  display: grid !important;
  align-content: center !important;
  gap: clamp(11px, 1.35vh, 18px) !important;
}
.capability-layout-copy .scene-title {
  margin: 0 0 clamp(4px, .7vh, 10px) !important;
}
.capability-lead {
  margin: 0 !important;
  max-width: 24ch !important;
  color: var(--ink) !important;
  font-size: clamp(22px, 1.8vw, 34px) !important;
  line-height: 1.03 !important;
  font-variation-settings: "wght" 690, "wdth" 96, "slnt" 0 !important;
}
.capability-description {
  margin: 0 !important;
  max-width: 61ch !important;
  font-size: clamp(13px, .94vw, 17px) !important;
  line-height: 1.45 !important;
}
.capability-list-label {
  margin: clamp(2px, .5vh, 7px) 0 0 !important;
  font-size: clamp(11px, .76vw, 14px) !important;
  line-height: 1 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  opacity: .58 !important;
}
.capability-layout-copy .capability-list {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  column-gap: clamp(28px, 3vw, 54px) !important;
  row-gap: clamp(18px, 2vh, 28px) !important;
  max-width: 860px !important;
}
.capability-layout-copy .capability-list li {
  min-width: 0 !important;
}
.capability-layout-copy .capability-list li span {
  font-size: clamp(16px, 1.16vw, 22px) !important;
  line-height: 1.12 !important;
}

/* Page 8 - tasks ------------------------------------------------------ */
.tasks-intro {
  margin: clamp(14px, 1.8vh, 24px) 0 0 !important;
  max-width: 32ch !important;
  font-size: clamp(16px, 1.14vw, 21px) !important;
  line-height: 1.28 !important;
}
.station-tasks .task-item {
  font-size: clamp(18px, 1.25vw, 24px) !important;
  line-height: 1.05 !important;
}
.station-tasks .task-item::before,
.station-tasks .task-item::after { display: none !important; content: none !important; }

/* Page 9 - narrative experience -------------------------------------- */
.experience-layout-expanded {
  grid-template-columns: minmax(390px, .72fr) minmax(620px, 1.28fr) !important;
  column-gap: clamp(62px, 6vw, 118px) !important;
}
.experience-layout-expanded .scene-title {
  max-width: 11.5ch !important;
  font-size: clamp(50px, min(4vw, 6.9vh), 76px) !important;
}
.experience-layout-expanded .experience-copy {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(34px, 3.4vw, 62px) !important;
  align-items: start !important;
}
.experience-layout-expanded .experience-column {
  display: block !important;
  min-width: 0 !important;
}
.experience-layout-expanded .experience-column p {
  margin: 0 0 clamp(13px, 1.45vh, 19px) !important;
  max-width: 54ch !important;
  font-size: clamp(12.5px, .88vw, 16px) !important;
  line-height: 1.46 !important;
}
.experience-layout-expanded .experience-link {
  margin-top: clamp(8px, 1vh, 14px) !important;
}

/* Page 10 - collaboration -------------------------------------------- */
.collaboration-layout-expanded {
  width: min(100%, 1500px) !important;
}
.collaboration-grid-expanded {
  border: 0 !important;
  gap: clamp(50px, 6vw, 112px) !important;
  align-items: start !important;
}
.collaboration-grid-expanded .collaboration-option {
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}
.collaboration-grid-expanded .collaboration-option h3 {
  margin: 0 0 clamp(18px, 2vh, 26px) !important;
  font-size: clamp(26px, 2vw, 38px) !important;
  line-height: 1 !important;
}
.collaboration-grid-expanded .collaboration-option p {
  max-width: 61ch !important;
  margin: 0 0 clamp(12px, 1.35vh, 18px) !important;
  font-size: clamp(13px, .94vw, 17px) !important;
  line-height: 1.44 !important;
}
.collaboration-grid-expanded .collaboration-note {
  font-size: clamp(11px, .76vw, 14px) !important;
  opacity: .62 !important;
}
.collaboration-grid-expanded .budget {
  font-size: clamp(13px, .92vw, 16px) !important;
}
.collaboration-grid-expanded .binary-link {
  margin-top: auto !important;
}

/* Page 11 - process --------------------------------------------------- */
.process-layout-expanded {
  grid-template-columns: minmax(360px, .7fr) minmax(650px, 1.3fr) !important;
  column-gap: clamp(66px, 6.5vw, 126px) !important;
}
.process-layout-expanded .process-flow {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(30px, 3.5vh, 48px) clamp(38px, 4vw, 70px) !important;
}
.process-layout-expanded .process-step h3 {
  font-size: clamp(23px, 1.7vw, 32px) !important;
  line-height: 1 !important;
}
.process-layout-expanded .process-step p {
  max-width: 48ch !important;
  font-size: clamp(13px, .92vw, 17px) !important;
  line-height: 1.44 !important;
}

/* Page 12 - contact --------------------------------------------------- */
.contact-layout-expanded .contact-main > p {
  max-width: 66ch !important;
  font-size: clamp(15px, 1.02vw, 19px) !important;
  line-height: 1.43 !important;
}
.contact-layout-expanded .contact-main > p + p {
  margin-top: 12px !important;
}

/* Tablet -------------------------------------------------------------- */
@media (min-width: 1101px) and (max-width: 1280px) {
  .pathway-layout,
  .capability-layout-copy,
  .experience-layout-expanded,
  .process-layout-expanded {
    grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr) !important;
    gap: clamp(36px, 4.2vw, 64px) !important;
  }
  .pathway-copy > p,
  .capability-description,
  .experience-layout-expanded .experience-column p,
  .process-layout-expanded .process-step p,
  .collaboration-grid-expanded .collaboration-option p {
    font-size: clamp(11.5px, 1.2vw, 14px) !important;
  }
  .capability-layout-copy .capability-list li span { font-size: clamp(14px, 1.35vw, 18px) !important; }
}

/* Mobile -------------------------------------------------------------- */
@media (max-width: 1100px) {
  .scene-label { font-size: clamp(6.5px, 1.8vw, 8px) !important; }

  .hero-shell {
    align-content: center !important;
  }
  .hero-description-expanded {
    max-width: 100% !important;
    margin-top: clamp(14px, 1.8vh, 20px) !important;
    margin-bottom: 12px !important;
    font-size: clamp(12.2px, 3.2vw, 14px) !important;
    line-height: 1.4 !important;
  }
  .hero-audience {
    font-size: clamp(12.2px, 3.2vw, 14px) !important;
    line-height: 1.34 !important;
  }

  .impact-grid-expanded {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: clamp(22px, 3vh, 34px) 15px !important;
  }
  .impact-grid-expanded .impact-item strong {
    font-size: clamp(50px, 14vw, 68px) !important;
  }
  .impact-grid-expanded .impact-item p {
    margin-top: 12px !important;
    gap: 5px !important;
  }
  .impact-grid-expanded .impact-item p b {
    font-size: clamp(12.5px, 3.35vw, 15px) !important;
    line-height: 1.06 !important;
  }
  .impact-grid-expanded .impact-item p span {
    max-width: 100% !important;
    font-size: clamp(9.5px, 2.45vw, 11px) !important;
    line-height: 1.35 !important;
  }

  .station-work .work-row-meta > span:first-child {
    max-width: 100% !important;
    font-size: clamp(8px, 2.15vw, 9.5px) !important;
    line-height: 1.3 !important;
  }
  .station-work .work-row-meta b { font-size: clamp(7.5px, 2vw, 9px) !important; }

  .pathway-layout,
  .capability-layout-copy,
  .experience-layout-expanded,
  .process-layout-expanded {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: clamp(16px, 2.1vh, 23px) !important;
    align-content: center !important;
  }
  .station-pathway .scene-title,
  .experience-layout-expanded .scene-title {
    max-width: calc(100vw - (var(--gvd-gutter) * 2) - var(--gvd-nav-lane)) !important;
    font-size: clamp(31px, 8.3vw, 41px) !important;
    line-height: .91 !important;
  }
  .pathway-copy {
    gap: clamp(11px, 1.45vh, 16px) !important;
  }
  .pathway-copy > p {
    max-width: 100% !important;
    font-size: clamp(10.8px, 2.8vw, 12.3px) !important;
    line-height: 1.38 !important;
  }
  .pathway-punch {
    gap: 5px !important;
    font-size: clamp(15px, 4vw, 18px) !important;
    line-height: 1.08 !important;
  }
  .pathway-map {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 7px !important;
    padding: 0 0 0 17px !important;
  }
  .pathway-map::before {
    left: 3px !important;
    right: auto !important;
    top: 7px !important;
    bottom: 7px !important;
    width: 1px !important;
    height: auto !important;
    background: currentColor !important;
    opacity: .28 !important;
  }
  .pathway-map button {
    min-height: 30px !important;
    padding: 4px 0 !important;
  }
  .pathway-map button::before {
    top: 50% !important;
    left: -18px !important;
    width: 7px !important;
    height: 7px !important;
    transform: translateY(-50%) rotate(45deg) !important;
  }
  .pathway-map button span {
    max-width: 100% !important;
    font-size: clamp(11.5px, 3vw, 13px) !important;
  }
  .pathway-formats {
    font-size: clamp(9.5px, 2.45vw, 11px) !important;
  }

  .capability-layout-copy .capability-heading {
    max-width: 100% !important;
    gap: clamp(7px, .9vh, 10px) !important;
  }
  .capability-layout-copy .scene-title {
    margin-bottom: 1px !important;
  }
  .capability-lead {
    max-width: 100% !important;
    font-size: clamp(17px, 4.5vw, 21px) !important;
    line-height: 1.04 !important;
  }
  .capability-description {
    max-width: 100% !important;
    font-size: clamp(10.2px, 2.68vw, 12px) !important;
    line-height: 1.36 !important;
  }
  .capability-list-label {
    font-size: clamp(8px, 2vw, 9px) !important;
    margin-top: 1px !important;
  }
  .capability-layout-copy .capability-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 14px !important;
    row-gap: clamp(10px, 1.35vh, 14px) !important;
    max-width: 100% !important;
  }
  .capability-layout-copy .capability-list li {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    gap: 6px !important;
    align-items: start !important;
    padding: 0 !important;
  }
  .capability-layout-copy .capability-list li span {
    font-size: clamp(11.3px, 2.95vw, 13.2px) !important;
    line-height: 1.12 !important;
  }
  .capability-layout-copy .cap-symbol {
    font-size: 1em !important;
    line-height: 1 !important;
  }

  .tasks-intro {
    margin-top: 10px !important;
    max-width: 100% !important;
    font-size: clamp(11.5px, 3vw, 13px) !important;
  }
  .station-tasks .tasks-list {
    gap: clamp(14px, 2vh, 20px) 14px !important;
  }
  .station-tasks .task-item {
    min-height: 0 !important;
    padding: 0 !important;
    font-size: clamp(13.2px, 3.5vw, 15.5px) !important;
    line-height: 1.04 !important;
  }

  .experience-layout-expanded {
    gap: clamp(13px, 1.7vh, 18px) !important;
  }
  .experience-layout-expanded .experience-copy {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
  }
  .experience-layout-expanded .experience-column {
    display: block !important;
  }
  .experience-layout-expanded .experience-column p {
    max-width: 100% !important;
    margin: 0 0 clamp(7px, .9vh, 10px) !important;
    font-size: clamp(10.1px, 2.65vw, 11.8px) !important;
    line-height: 1.36 !important;
  }
  .experience-layout-expanded .experience-link {
    margin-top: 2px !important;
    font-size: clamp(10px, 2.6vw, 11.5px) !important;
  }

  .collaboration-layout-expanded .scene-header {
    margin-bottom: clamp(12px, 1.5vh, 18px) !important;
  }
  .collaboration-grid-expanded {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }
  .collaboration-grid-expanded .collaboration-option h3 {
    margin-bottom: 9px !important;
    font-size: clamp(15px, 4vw, 18px) !important;
  }
  .collaboration-grid-expanded .collaboration-option p {
    margin-bottom: clamp(7px, .9vh, 10px) !important;
    font-size: clamp(9.1px, 2.35vw, 10.5px) !important;
    line-height: 1.34 !important;
  }
  .collaboration-grid-expanded .collaboration-note,
  .collaboration-grid-expanded .budget {
    font-size: clamp(8.3px, 2.12vw, 9.5px) !important;
  }
  .collaboration-grid-expanded .binary-link {
    min-height: 38px !important;
    padding: 7px 0 !important;
    font-size: clamp(9.5px, 2.45vw, 11px) !important;
  }

  .process-layout-expanded .process-flow {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: clamp(17px, 2.2vh, 23px) 14px !important;
  }
  .process-layout-expanded .process-step h3 {
    font-size: clamp(16px, 4.2vw, 19px) !important;
  }
  .process-layout-expanded .process-step p {
    max-width: 100% !important;
    font-size: clamp(9.8px, 2.55vw, 11.3px) !important;
    line-height: 1.36 !important;
  }

  .contact-layout-expanded .contact-main > p {
    max-width: 100% !important;
    font-size: clamp(11.4px, 2.95vw, 13px) !important;
    line-height: 1.38 !important;
  }
}

@media (max-width: 430px) and (max-height: 760px) {
  .hero-description-expanded { font-size: 11.1px !important; line-height: 1.34 !important; }
  .impact-grid-expanded { gap: 16px 12px !important; }
  .impact-grid-expanded .impact-item p span { font-size: 8.8px !important; }
  .pathway-copy > p { font-size: 9.8px !important; }
  .capability-description { font-size: 9.3px !important; }
  .capability-layout-copy .capability-list { row-gap: 8px !important; }
  .capability-layout-copy .capability-list li span { font-size: 10.6px !important; }
  .experience-layout-expanded .experience-column p { font-size: 9.2px !important; line-height: 1.31 !important; }
  .collaboration-grid-expanded .collaboration-option p { font-size: 8.3px !important; }
  .process-layout-expanded .process-step p { font-size: 9px !important; }
}