/* Page Hero — kabdalis2 design system. Tokens via body[data-dir]. */
.b-hero{
    position:relative;
    display:flex;
    align-items:center;
    border-radius:var(--radius);
    overflow:hidden;
    padding:clamp(48px,9vw,110px) clamp(20px,5vw,56px);
    background:var(--surface2);
    color:var(--ink);
}
.b-hero--photo{
    background-size:cover;
    background-position:center;
    color:#fff;
    min-height:min(78vh,640px);
}
/* Readability wash over the photo — strength set inline via --b-hero-overlay. */
.b-hero--photo::before{
    content:"";
    position:absolute; inset:0;
    background:linear-gradient(180deg,
        rgba(12,18,26,calc(var(--b-hero-overlay,.45) * .5)),
        rgba(12,18,26,var(--b-hero-overlay,.45)));
}
.b-hero__inner{ position:relative; width:100%; max-width:760px; margin:0 auto; display:flex; flex-direction:column; gap:18px; }
.b-hero--left .b-hero__inner{ margin:0; align-items:flex-start; text-align:left; }
.b-hero--center .b-hero__inner{ text-align:center; align-items:center; }
.b-hero--photo .eyebrow{ color:rgba(255,255,255,.92); }
.b-hero__title{ margin:0; font-size:clamp(2.2rem,6vw,4rem); line-height:1.02; }
.b-hero__lead{ margin:0; font-size:clamp(1.05rem,2.2vw,1.3rem); line-height:1.5; max-width:60ch; opacity:.92; }
.b-hero__cta{ display:flex; flex-wrap:wrap; gap:12px; margin-top:6px; }
.b-hero--center .b-hero__cta{ justify-content:center; }
@media (max-width:520px){
    .b-hero__cta{ width:100%; }
    .b-hero__cta .btn{ flex:1 1 auto; justify-content:center; }
}