h1,h2,h3,.bl-n{font-family:var(--disp);text-transform:uppercase;letter-spacing:.005em}
h1{font-weight:700}
.bl-hero{position:relative;min-height:min(86vh,760px);display:flex;align-items:flex-end;background:var(--navy)}
.bl-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.62}
.bl-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.42) 46%,rgba(0,0,0,.15) 100%)}
.bl-cap{position:relative;z-index:2;width:100%;padding:0 0 60px}
.bl-cap h1{color:#fff;font-size:clamp(42px,7vw,104px);line-height:.92;max-width:16ch;margin-bottom:26px}
.bl-cap .eyebrow{color:var(--tint)}
.bl-actions{display:flex;gap:12px;flex-wrap:wrap}
.bl-stats{background:var(--navy);color:#fff;border-top:3px solid var(--flame)}
.bl-stats .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px 34px;padding:26px 20px;font-size:15px;color:#BEB4AE}
.bl-stats b{display:block;font-family:var(--disp);font-weight:700;font-size:27px;color:#fff;text-transform:uppercase}
.bl-bands{padding:70px 0 0}
.bl-band{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;min-height:380px}
.bl-band.flip .bl-img{order:2}
.bl-img img{width:100%;height:100%;min-height:340px;object-fit:cover;display:block}
.bl-txt{display:flex;align-items:center;padding:48px max(20px,calc((100vw - var(--max))/2 + 20px));background:#fff}
.bl-band:nth-child(odd) .bl-txt{background:var(--sand)}
.bl-txt>div{max-width:52ch}
.bl-n{display:block;font-size:15px;font-weight:700;color:var(--flame);letter-spacing:.2em;margin-bottom:10px}
.bl-txt h3{font-size:clamp(24px,2.6vw,34px);margin-bottom:12px}
.bl-txt p{color:var(--muted);font-size:17px;margin-bottom:16px}
.bl-link{font-weight:700;text-decoration:none;border-bottom:2px solid var(--flame);padding-bottom:2px}
.bl-quote{background:var(--navy);color:#fff;text-align:left}
.bl-quote blockquote{font-family:var(--disp);font-weight:600;font-size:clamp(24px,3.3vw,42px);line-height:1.16;max-width:24ch;margin:14px 0 16px;text-transform:none}
.bl-quote cite{font-style:normal;color:var(--tint);font-weight:600}
.bl-more{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:44px;padding-top:30px;border-top:1px solid rgba(255,255,255,.18)}
.bl-more p{color:#CFC3BC;font-size:16px;margin-bottom:8px}
.bl-more cite{font-size:14.5px}
@media(max-width:980px){
  .bl-band,.bl-more{grid-template-columns:1fr}
  .bl-band.flip .bl-img{order:0}
  .bl-txt{padding:34px 20px}
  .bl-cap{padding-bottom:38px}
}
/* The caption is anchored to the hero's bottom edge (align-items:flex-end) and
   the hero runs past the fold, so the headline and the buttons both landed
   behind the 56px sticky call bar. Padding on the HERO lifts the caption
   without changing the hero's height; padding on .bl-cap would not. */
@media(max-width:900px){.bl-hero{padding-bottom:104px}}