/* ==========================================================
   Nalapad Group – Centred hero for inner pages (component)
   Loaded automatically by partials/page-hero.blade.php.
   ========================================================== */

.ch {
  position: relative;
  isolation: isolate;
  min-height: clamp(460px, 64vh, 640px);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: var(--color-white);
  background: var(--color-ink);
  overflow: hidden;
}
/* Photo sizing comes from .bg-img */
.ch::before { content: ""; position: absolute; inset: 0; z-index: -1; background: rgba(10, 24, 44, .62); }
.ch__inner { padding: 120px var(--gutter) 64px; }

.ch__title {
  margin: 0 0 18px;
  font-family: var(--font-serif);
  font-weight: 400;
  font-size: clamp(52px, 6.4vw, 92px);
  line-height: 1;
}
.ch__sub { margin: 0; font-size: 13px; letter-spacing: .3em; text-transform: uppercase; color: rgba(255, 255, 255, .85); }

/* Breadcrumb */
.breadcrumb { display: inline-flex; gap: 10px; margin-bottom: 20px; font-size: 13px; letter-spacing: .06em; color: rgba(255, 255, 255, .75); }
.breadcrumb a:hover { color: var(--color-white); text-decoration: underline; text-underline-offset: 3px; }
.breadcrumb [aria-current] { color: var(--color-white); }