/* Hero O nas — kenburns + breadcrumb */
.ax-hero--onas .ax-hero__kenburns {
  position: absolute;
  inset: 0;
  animation: ax-hero-kenburns 26s ease-out both;
}

@keyframes ax-hero-kenburns {
  from { transform: scale(1); }
  to { transform: scale(1.08); }
}

.ax-hero__grad-a--onas {
  background: linear-gradient(102deg, rgba(20, 24, 51, 0.88) 0%, rgba(20, 24, 51, 0.42) 54%, rgba(20, 24, 51, 0.22) 100%);
}

.ax-hero__inner--onas {
  padding-top: 128px;
  padding-bottom: clamp(26px, 4vh, 48px);
}

@media (max-width: 900px) {
  /* Vertically center content stack below fixed nav (text stays left). */
  .ax-hero--onas {
    min-height: 100svh;
  }

  .ax-hero--onas .ax-hero__inner--onas {
    min-height: 100svh;
    justify-content: center;
    padding-top: var(--ax-navh);
    padding-bottom: 0;
  }

  .ax-hero--onas .ax-hero__shell {
    padding-bottom: 0;
  }

  /* W23-D1 — avoid orphan short words (e.g. "lat") without changing CMS spaces */
  .ax-hero--onas .ax-hero__line-inner {
    text-wrap: balance;
  }

  /* W23-D3 / A6 mid — veil under glass ≤900 only */
  .ax-hero--onas .ax-hero__card {
    --ax-hero-veil: 0.34;
  }

  /* W23-D2 II — card flush */
  .ax-hero--onas .ax-hero__card {
    margin-bottom: 0;
  }
}

.ax-hero-onas__crumbs {
  pointer-events: auto;
  opacity: 0;
  animation: ax-softIn .9s ease 1.1s forwards;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 11px;
  margin-bottom: clamp(18px, 3vh, 32px);
  font-size: 9.5px;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(244, 241, 235, 0.55);
}

.ax-hero--onas .ax-hero__line:nth-child(1) .ax-hero__line-inner {
  animation-duration: 1.1s;
  animation-delay: .9s;
}

.ax-hero--onas .ax-hero__line:nth-child(2) .ax-hero__line-inner {
  animation-duration: 1.1s;
  animation-delay: 1.03s;
}

.ax-hero--onas .ax-hero__card {
  animation-delay: 1.35s;
}

.ax-hero-onas__crumb {
  color: rgba(244, 241, 235, 0.55);
  text-decoration: none;
  transition: color 320ms ease;
}

@media (hover: hover) and (pointer: fine) {
.ax-hero-onas__crumb:hover {
  color: var(--ax-paper);
}
}


.ax-hero-onas__crumb--current {
  color: var(--ax-paper);
}

.ax-hero-onas__crumb-sep {
  opacity: 0.55;
}

.ax-hero-onas__mark {
  fill: var(--ax-steel);
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: -1px;
  margin-right: 9px;
}

.ax-hero__card--onas {
  max-width: 620px;
}

.ax-hero-onas__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid rgba(244, 241, 235, 0.2);
  padding-bottom: 16px;
  margin-bottom: 20px;
  font-size: 9.5px;
  font-weight: 500;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(244, 241, 235, 0.6);
}

.ax-hero-onas__meta-left,
.ax-hero-onas__meta-right {
  white-space: nowrap;
}

@media (hover: hover) and (pointer: fine) {
.ax-hero__cta--onas-primary:hover {
  background: var(--ax-steel);
  color: var(--ax-ink);
}
}


.ax-site .ax-hero__cta--onas-primary {
  color: var(--ax-ink);
}

@media (prefers-reduced-motion: reduce) {
  .ax-hero--onas .ax-hero__kenburns {
    animation: none !important;
  }

  .ax-hero-onas__crumbs {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

/* Desktop: italic indent (tighter than home). Mobile: flush left — offset only on investment heroes. */
.ax-hero--onas .ax-hero__line--italic {
  padding-left: clamp(28px, 9vw, 168px);
}

@media (max-width: 900px) {
  .ax-hero--onas .ax-hero__line--italic {
    padding-left: 0;
  }
}

/* Reference lead on O nas is Light 300. */
.ax-hero--onas .ax-hero__lead {
  margin: 0 0 26px;
  font-weight: 300;
  font-size: 17.5px;
  line-height: 1.66;
  letter-spacing: normal;
  max-width: none;
  color: rgba(244, 241, 235, 0.86);
}