.page-title-banner { padding: var(--space-8) 0; text-align: center; background-size: cover; background-position: center; }
.page-title-banner--image { color: #fff; }
.page-title-banner__inner { max-width: 720px; margin: 0 auto; }
.page-title-banner__breadcrumb { font-size: var(--fs-xs); margin-bottom: var(--space-4); opacity: .8; display: flex; gap: 8px; justify-content: center; }
.page-title-banner__breadcrumb a { text-decoration: underline; }
.page-title-banner h1 { font-size: var(--fs-2xl); font-weight: 800; letter-spacing: -0.02em; }
.page-title-banner__sub { margin-top: var(--space-3); font-size: var(--fs-md); opacity: .85; }
@media (max-width: 768px) { .page-title-banner { padding: var(--space-6) 0; } }