/* ============================================================
   v222 · Hero/V/Factory refinement
   - V receives a centered lower tip line instead of a full-width divider
   - home and detail-page hero transitions become softer and more continuous
   - detail-page header rhythm stays aligned with the refined home header
   ============================================================ */

@media (min-width: 861px) {
  .site-header .nav,
  .site-header.is-compact .nav {
    min-height: 86px !important;
  }
}

/* Remove the previous full-width separator treatment. */
.hero-field.hero-centered > .hero.hero-dark,
.subpage-keyvisual > .module-hero.hero.hero-dark {
  background-image: none !important;
  box-shadow: none !important;
}

/* The lower V tip receives a short centered contour line in the same color family
   as the header frame instead of a hard horizontal bar across the whole canvas. */
.hero-field.hero-centered .hero-emblem-stack::after,
.subpage-keyvisual .module-hero .hero-emblem-stack::after,
.subpage-keyvisual .module-hero .pi-hero-stack::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -98px;
  width: min(42vw, 540px);
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg,
    rgba(203,183,127,0) 0%,
    rgba(203,183,127,.16) 12%,
    rgba(203,183,127,.28) 50%,
    rgba(203,183,127,.16) 88%,
    rgba(203,183,127,0) 100%);
}

/* Home hero line sits slightly closer, because the stack is visually lower. */
.hero-field.hero-centered .hero-emblem-stack::after {
  bottom: -88px;
  width: min(44vw, 560px);
}

/* Process Intelligence had slipped down slightly; pull the stack back onto the common baseline. */
@media (min-width: 861px) {
  .process-intelligence-doc .subpage-keyvisual .module-hero.process-intelligence-hero .hero-emblem-stack,
  .process-intelligence-doc .subpage-keyvisual .module-hero.process-intelligence-hero .pi-hero-stack {
    top: 262px !important;
  }
}

@media (max-width: 860px) {
  .hero-field.hero-centered .hero-emblem-stack::after,
  .subpage-keyvisual .module-hero .hero-emblem-stack::after,
  .subpage-keyvisual .module-hero .pi-hero-stack::after {
    bottom: -52px;
    width: min(62vw, 330px);
  }
}