/* Matches the Sites page-hero image layer without changing ASP article markup. */
.arrival-detail-intro {
  background: #030d20;
  isolation: isolate;
}
.arrival-detail-intro::after {
  content: "";
  position: absolute;
  inset: 0 0 0 42%;
  z-index: 0;
  pointer-events: none;
  opacity: .66;
  background-image:
    linear-gradient(90deg,#030d20 0,rgba(3,13,32,.74) 33%,rgba(3,13,32,.18) 76%),
    linear-gradient(0deg,rgba(3,13,32,.7),transparent 50%),
    var(--aeneas-article-hero-image);
  background-size: cover;
  background-position: 76% center;
  background-repeat: no-repeat;
}
.arrival-detail-intro::before { z-index: 1; pointer-events: none; }
.arrival-detail-intro > .container,
.arrival-detail-intro > .container { position: relative; z-index: 2; }
@media (max-width: 760px) {
  .arrival-detail-intro::after {
    left: 8%;
    opacity: .34;
    background-image:
      linear-gradient(90deg,#030d20 0,rgba(3,13,32,.79) 58%,rgba(3,13,32,.38)),
      linear-gradient(0deg,rgba(3,13,32,.72),transparent 55%),
      var(--aeneas-article-hero-image);
    background-position: 66% center;
  }
}

.arrival-detail-intro { position:relative; overflow:hidden; color:#fff; border-bottom:0; }
.arrival-detail-intro h1 { color:#fff; }
.arrival-detail-intro nav,.arrival-detail-intro .arrival-detail-lead { color:#c5d4e8; }
.arrival-detail-intro nav a,.arrival-detail-intro .eyebrow { color:#8eeaff; }
.arrival-detail-intro::before { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(44,205,236,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(44,205,236,.055) 1px,transparent 1px); background-size:58px 58px; mask-image:linear-gradient(90deg,#000,transparent 75%); }