/* ==========================================================================
   Inner-page hero (same dark/orange language as the home hero)
   ========================================================================== */

.page-hero {
  position: relative;
  overflow: hidden;
  color: #fff;
  background: #101112;
  padding: calc(var(--header-h) + 36px) 20px 40px;
}
.page-hero__media { position: absolute; inset: 0; }
.page-hero__media img { width: 100%; height: 100%; object-fit: cover; object-position: 75% 40%; opacity: .55; }
.page-hero__media::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(16, 17, 18, .96) 0%, rgba(16, 17, 18, .7) 60%, rgba(16, 17, 18, .35) 100%);
}
.page-hero__inner { position: relative; z-index: 1; max-width: 640px; }

.breadcrumb ol { display: flex; flex-wrap: wrap; gap: 6px; font-size: 13px; color: #cfcfd2; }
.breadcrumb li + li::before { content: '/'; margin-right: 6px; color: #8d8d92; }
.breadcrumb a:hover { color: var(--c-orange-2); }
.breadcrumb [aria-current] { color: #fff; }

.page-hero__eyebrow { margin-top: 22px; font-size: 11px; font-weight: 600; letter-spacing: .3em; color: var(--c-orange-2); }
.page-hero__title { margin-top: 10px; font-size: clamp(30px, 8vw, 44px); font-weight: 700; line-height: 1.1; letter-spacing: 0; }
.page-hero__text { margin-top: 14px; font-size: 16px; line-height: 1.6; color: #e1e1e3; }

@media (min-width: 992px) {
  .page-hero { height: 26rem; padding: 0; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 2.2rem)); }
  .page-hero__media { inset: auto; left: 34rem; top: 4.4rem; width: 71.5rem; height: 44.3rem; }
  .page-hero__media img { object-position: left top; opacity: 1; }
  .page-hero__media::after {
    background:
      linear-gradient(90deg, #101112 0%, rgba(16, 17, 18, .8) 14%, rgba(16, 17, 18, .15) 45%, rgba(16, 17, 18, 0) 100%),
      linear-gradient(180deg, rgba(16, 17, 18, .35) 0%, rgba(16, 17, 18, 0) 14%);
  }
  .page-hero__inner { position: absolute; left: 5.7rem; top: 7.4rem; max-width: 60rem; }
  .breadcrumb ol { gap: .6rem; font-size: 1.05rem; }
  .breadcrumb li + li::before { margin-right: .6rem; }
  .page-hero__eyebrow { margin-top: 2.4rem; font-size: 1rem; letter-spacing: .34em; }
  .page-hero__title { margin-top: 1rem; font-size: 4.6rem; line-height: 5rem; letter-spacing: 0; }
  .page-hero__text { margin-top: 1.2rem; max-width: 40rem; font-size: 1.5rem; line-height: 2.1rem; letter-spacing: 0; }
}