/* Full-screen institutional header, displayed before the ecosystem composition. */
.xap-portal { padding: 0; }

.xap-portal__intro {
  align-items: flex-start;
  background:
    linear-gradient(90deg, rgb(248 250 252 / .98) 0%, rgb(248 250 252 / .88) 52%, rgb(248 250 252 / .45) 100%),
    repeating-linear-gradient(90deg, transparent 0 58px, rgb(23 74 162 / .06) 59px 60px),
    #f8fafc;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100vh;
  padding: clamp(48px, 10vw, 160px);
}

.xap-portal__intro span { font-size: clamp(.75rem, 1.2vw, 1rem); letter-spacing: .18em; }
.xap-portal__intro h1 { font-size: clamp(2rem, 4.4vw, 5rem); font-style: italic; letter-spacing: -.045em; margin: 14px 0 24px; max-width: 860px; text-transform: uppercase; }
.xap-portal__intro p { font-size: clamp(1rem, 1.5vw, 1.35rem); max-width: 520px; }

@media (min-width: 901px) {
  .xap-portal { display: block; min-height: 0; }
  .xap-portal__intro { max-width: none; }
  .xap-portal__grid { margin: 0 auto; max-width: 1280px; }
}

@media (max-width: 900px) {
  .xap-portal__intro { min-height: min(80vh, 680px); padding: 64px 30px; }
}