/* Light hero for internal pages; matches the homepage hero. */
.header-holder {background: radial-gradient(620px 360px at 8% 10%, #ffe6d1 0%, transparent 70%), radial-gradient(520px 340px at 60% 120%, #ddf1e4 0%, transparent 70%), radial-gradient(520px 340px at 100% 0%, #e3eefc 0%, transparent 70%), linear-gradient(100deg, #fff1e4 0%, #fdf6ee 45%, #f2f8f2 75%, #edf4fb 100%); border-bottom: 1px solid #f2ede6;}
.header-holder::before {inset: 0; background-image: radial-gradient(#e9e4dd 1px, transparent 1px); background-size: 22px 22px; -webkit-mask-image: linear-gradient(180deg, transparent 15%, #000 45%, #000 80%, transparent); mask-image: linear-gradient(180deg, transparent 15%, #000 45%, #000 80%, transparent); filter: none; opacity: .55; animation: none; transform: none;}
.header-holder::after {display: none;}
.header-holder > .banner {z-index: 1; box-sizing: border-box; max-width: 1140px; margin: 0 auto; padding: 72px 20px 76px; text-align: left;}
.header-holder > .banner::before {content: ""; display: block; width: 28px; height: 3px; margin: 0 0 20px; border-radius: 3px; background: #ff7a1f;}
.header-holder > .banner h1, .header-holder > .banner h2, .header-holder > .banner .h1 {max-width: 760px; margin: 0; padding: 0; color: #16181d; font: 700 clamp(36px, 4.6vw, 56px)/1.08 system-ui, -apple-system, "Segoe UI", Arial, sans-serif; letter-spacing: -.035em; text-align: left !important; text-wrap: balance;}
.header-holder > .banner p {max-width: 620px; margin: 18px 0 0; font-size: 18px; line-height: 1.65; color: #5d6068; text-align: left !important;}
.breadcrumbs {padding-top: 28px;}
#breadcrumbs {display: inline-block; max-width: 100%; box-sizing: border-box; margin: 0; padding: 7px 14px; border: 1px solid #ece7e1; border-radius: 18px; background: #fff; font: 500 14px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif; color: #5d6068;}
#breadcrumbs a {border: 0; color: #16181d; text-decoration: none;}
#breadcrumbs a:hover {color: #b34a0a;}
#breadcrumbs .breadcrumb_last {color: #8a8d94;}
@media (max-width: 1100px) {
 #breadcrumbs {padding: 7px 14px;}
}
@media (max-width: 700px) {
 .header-holder > .banner {padding: 44px 20px 48px;}
 .header-holder > .banner::before {margin-bottom: 14px;}
 .header-holder > .banner h1, .header-holder > .banner h2, .header-holder > .banner .h1 {font-size: clamp(32px, 9vw, 40px);}
 .header-holder > .banner p {font-size: 16px;}
 .breadcrumbs {padding-top: 20px;}
 #breadcrumbs {font-size: 13px;}
}