.ms-hero { position: relative; height: 640px; overflow: hidden; background: #151515; }
.ms-hero__bg {
  position: absolute; inset: 0;
  background: url("../img/missoes/hero-bg.jpg") center top / cover no-repeat;
}
.ms-hero__grad { position: absolute; inset: 0; background: var(--arx-grad-hero-overlay); }
.ms-hero__inner {
  position: relative; z-index: 2; height: 100%;
  display: flex; flex-direction: column; justify-content: center; align-items: flex-start;
  padding-top: calc(var(--arx-header-h) - 40px);
}
.ms-hero__eyebrow { display: block; }
.ms-hero__title { margin-top: 16px; max-width: 620px;
  font-size: 68px; line-height: 68px; letter-spacing: -0.68px;
  font-weight: var(--fw-regular); color: var(--arx-white);
}
.ms-hero__title b { font-weight: var(--fw-bold); color: var(--arx-blue); }
.ms-hero__sub { margin-top: 20px; max-width: 520px;
  font-size: 20px; line-height: 22.4px; color: var(--arx-white);
}

.ms-hero__btn { margin-top: 34px; }
.ms-hero__cycle {
  position: absolute; bottom: 0.4px; left: 50%; margin-left: -328.5px;
  width: 657px; height: 96px; max-width: none; z-index: 2; pointer-events: none; overflow: visible;
}

.hc-node, .hc-link { opacity: 0; }
.ms-hero.is-in .hc-node {
  animation: hc-pop .62s var(--arx-ease) both;
  animation-delay: calc(420ms + var(--i, 0) * 170ms);
}
.ms-hero.is-in .hc-link {
  transform-box: fill-box; transform-origin: left center;
  animation: hc-draw .5s var(--arx-ease) both;
  animation-delay: calc(560ms + var(--i, 0) * 170ms);
}
@keyframes hc-pop {
  0%   { opacity: 0; transform: translateY(12px) }
  55%  { opacity: 1; transform: translateY(-3px) }
  100% { opacity: 1; transform: none }
}
@keyframes hc-draw {
  from { opacity: 0; transform: scaleX(0) }
  to   { opacity: 1; transform: scaleX(1) }
}
.ms-hero__line { opacity: 0; transition: opacity .8s var(--arx-ease) 1.25s; }
.ms-hero.is-in .ms-hero__line { opacity: 1; }
.ms-hero__line {
  position: absolute; top: 788px; height: 1px; width: 631px; z-index: 2; pointer-events: none;
  background: linear-gradient(90deg, rgba(21,116,255,0), #1574ff);
}
.ms-hero__line--l { left: 0; }
.ms-hero__line--r { right: 0; transform: scaleX(-1); }

.ms-s2 .arx-eyebrow { position: absolute; left: 0; top: 19px; }
.ms-s2__body .destaque { display: block; margin-top: 22px; font-size: 24px; line-height: 27px; }

.msn__accitem.is-open .msn__chev { transform: rotate(90deg); }
.msn__accitem.is-open .msn__accpanel { grid-template-rows: 1fr; }
.msn__accitem.is-open .msn__chip { opacity: 1; transform: none; }
.msn__accitem.is-open .msn__chip:nth-child(1) { transition-delay: .06s }
.msn__accitem.is-open .msn__chip:nth-child(2) { transition-delay: .11s }
.msn__accitem.is-open .msn__chip:nth-child(3) { transition-delay: .16s }
.msn__accitem.is-open .msn__chip:nth-child(4) { transition-delay: .21s }
.msn__accitem.is-open .msn__chip:nth-child(5) { transition-delay: .26s }
.msn__accitem.is-open .msn__chip:nth-child(6) { transition-delay: .31s }
.arx-btn--msn { background-image: none; background-color: transparent; }
.arx-btn--msn::before { background: var(--mm); }
.arx-btn--msn:hover { background-color: color-mix(in srgb, var(--mm) 14%, transparent); }

 .msn--m1 .msn__desc { top: 226px; width: 457px; }
 .msn--m2 .msn__desc { top: 230px; width: 480px; }
 .msn--m3 .msn__desc { top: 237px; width: 550px; }
 .msn--m4 .msn__desc { top: 237px; width: 511px; }
 .msn--m5 .msn__desc { top: 217px; width: 550px; }

.ms-s4 .cv-head { margin-bottom: 60px; }

.ms-s5 .arx-eyebrow { display: block; }
.ms-s5__row.is-in .ms-s5__item { opacity: 1; transform: none; }
.ms-s5__item .ico { height: 73px; display: flex; align-items: center; }
.ms-s5__item .ico img { max-height: 73px; width: auto; max-width: none; }
.ms-s5__row.is-in .ms-s5__sep { opacity: 1; transform: scaleX(-1); }

.ms-cta__actions .arx-btn { width: 224px; }

.ms-matrix.is-in .ms-matrix__col,
.ms-matrix.is-in .ms-matrix__row { opacity: 1; transform: none; }
.ms-matrix.is-in .ms-matrix__grid img { opacity: 1; transform: none; }
.ms-matrix.is-in .ms-matrix__grid::after { animation: ms-sweep 1.6s .4s var(--arx-ease) forwards; }
@keyframes ms-sweep {
  0% { left: -140px; opacity: 0; }
  12% { opacity: 1; }
  88% { opacity: 1; }
  100% { left: 760px; opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .hc-node, .hc-link, .ms-hero__line { opacity: 1; animation: none; transition: none; }
  .ms-matrix.is-in .ms-matrix__grid::after { animation: none; }
}

.ms-matrix-m { display: none; }

.ms-arq { padding-block: 76px 68px; }
.ms-arq__head { text-align: center; max-width: 720px; margin-inline: auto; }
.ms-arq__h2 { margin-top: 14px; }
.ms-arq__sub { margin-top: 16px; font-size: 16px; line-height: 24px; color: var(--arx-grey-90); }
.ms-arq .mj { margin-top: 46px; }