/* Layout: page hero only. Header/footer/ticker live in header.css */

/* Page hero */
.page-hero {
  background: var(--c-bg-soft);
  border-bottom: 1px solid var(--c-line);
  padding: 40px 0 56px;
}
[data-density="compact"] .page-hero { padding: 28px 0 36px; }
.breadcrumb {
  display: flex; align-items: center; gap: 8px;
  font-size: 12px;
  color: var(--c-ink-500);
  margin-bottom: 24px;
}
.breadcrumb a { color: var(--c-primary-700); }
.breadcrumb a:hover { text-decoration: underline; }
.bc-sep { opacity: .4; }
.page-hero-title {
  font-size: clamp(36px, 4.5vw, 56px);
  margin: 12px 0 16px;
  max-width: 960px;
}
.page-hero-title-en {
  display: block;
  font-style: italic;
  font-weight: 400;
  font-size: 0.5em;
  color: var(--c-ink-500);
  margin-top: 8px;
  letter-spacing: 0;
  font-family: var(--ff-serif);
}
.page-hero-sub {
  font-size: 17px;
  color: var(--c-ink-500);
  max-width: 720px;
  margin: 0;
  line-height: 1.6;
}


.bilingual-inline-en {
  font-style: italic;
  opacity: .6;
  font-weight: 400;
  font-size: 0.85em;
}

@media (max-width: 1100px) {
  .primary-nav { display: none; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
}