/* Shared Hero for inner pages. Page templates provide only text and artwork. */
.page-hero {
  padding-block: 207px 135px;
  background: linear-gradient(rgb(0 0 0 / 54%), rgb(0 0 0 / 54%)),
    var(--page-hero-image) center bottom / cover no-repeat;
  color: #fff;
  font-size: 17px;
  line-height: 24px;
  text-align: center;
  -webkit-font-smoothing: antialiased;
}

.page-hero__inner {
  width: calc(100% - 60px);
  max-width: 1410px;
  margin-inline: auto;
}

.page-hero__title {
  margin: 0 0 15px;
  color: inherit;
  font-size: 100px;
  font-weight: 600;
  line-height: 110px;
  letter-spacing: -1px;
  text-transform: uppercase;
  overflow-wrap: break-word;
}

.page-hero__breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  text-transform: uppercase;
}

.page-hero__breadcrumb li { display: flex; align-items: center; min-width: 0; }
.page-hero__breadcrumb [aria-current] { overflow-wrap: anywhere; }
.page-hero__separator { flex-shrink: 0; margin: -2px 8px 0; font: 12px / 1 "Tongzheng Icons"; }
.page-hero__separator::before { content: "\e004"; }
.page-hero__breadcrumb a:hover { color: #ffbe2e; }
.page-hero__breadcrumb a:focus-visible { outline: 2px solid #ffbe2e; outline-offset: 4px; }

@media (max-width: 1366px) {
  .page-hero { padding-block: 180px 80px; }
  .page-hero__title { font-size: 70px; line-height: 77px; letter-spacing: -.7px; }
}

@media (max-width: 1200px) {
  .page-hero__title { font-size: 60px; line-height: 66px; letter-spacing: -.6px; }
}

@media (max-width: 1024px) {
  .page-hero__title { font-size: 50px; line-height: 58.3333px; letter-spacing: -.5px; }
}

@media (max-width: 880px) {
  .page-hero { padding-block: 150px 60px; }
  .page-hero__inner { width: calc(100% - 30px); }
  .page-hero__title { font-size: 40px; line-height: 46.6667px; letter-spacing: -.4px; }
}

@media (max-width: 767px) {
  .page-hero__title { font-size: 30px; line-height: 37.5px; letter-spacing: -.3px; }
}
