/* ---------- PAGE HERO (internal pages, never the front page) ---------- */
.page-hero{position:relative;min-height:280px;display:flex;align-items:flex-end;background:var(--midnight);overflow:hidden;}
.page-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.page-hero-tint{position:absolute;inset:0;opacity:.45;}
.page-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg, rgba(6,24,47,0.55) 0%, rgba(6,24,47,0.85) 100%);}
.page-hero-inner{position:relative;z-index:1;padding:80px 32px;width:100%;}
.page-hero h1{color:var(--white);font-size:38px;max-width:800px;}
.page-hero h2{color:var(--white);opacity:.85;font-size:20px;font-weight:400;margin-top:14px;max-width:640px;}
.page-hero-description{margin-top:18px;font-size:16px;line-height:1.65;color:rgba(255,255,255,0.75);max-width:640px;}
.page-hero-ctas{margin-top:32px;display:flex;flex-wrap:wrap;gap:16px;}

/* ---------- Light theme (paper background instead of navy/midnight) ---------- */
.page-hero--theme-light{background:var(--paper);}
.page-hero--theme-light .page-hero-tint{opacity:.22;}
.page-hero--theme-light .page-hero-overlay{background:linear-gradient(180deg, rgba(244,246,249,0.30) 0%, rgba(244,246,249,0.92) 100%);}
.page-hero--theme-light h1{color:var(--navy);}
.page-hero--theme-light h2{color:var(--navy);opacity:.8;}
.page-hero--theme-light .page-hero-description{color:var(--slate);}

.site-breadcrumbs{margin-bottom:50px;}
.breadcrumb-list{display:flex;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--navy-8);opacity:.85;list-style:none;margin:0;padding:0;}
.breadcrumb-item:not(:last-child)::after{content:"/";margin-left:6px;opacity:.6;}
.breadcrumb-item a{color:var(--garnet-lt);}
.breadcrumb-item a:hover {color:var(--navy-8);}
.breadcrumb-item.current span{color:var(--navy-8);}

/* Reuses the same light-breadcrumb treatment already defined below for a
   plain (non-hero) section, applied here for the Light theme variant. */
.page-hero--theme-light .breadcrumb-item a,
.page-hero--theme-light .breadcrumb-item span{color:var(--slate);}
.page-hero--theme-light .breadcrumb-item.current span{color:var(--navy);}

/* A plain (non-hero) page's own breadcrumb — e.g. rendered elsewhere on a
   light background — reads in navy instead of the hero's light-on-dark. */
.section .site-breadcrumbs .breadcrumb-item a,
.section .site-breadcrumbs .breadcrumb-item span{color:var(--slate);}
.section .site-breadcrumbs .breadcrumb-item.current span{color:var(--navy);}