/* --- Eyebrow band (About 1043:2138 / 1043:2143) -------------------------- */
/* One rule serves every band on the site (About ×2, Services ×2, Concrete
   Recycling). min-height rather than height: the Figma only ever shows a
   one-line label, but "Why contractors choose Crush" wraps on phones and a fixed
   height would clip it (client round 14). */
.eyebrow-band {
    display: flex;
    align-items: center;
    min-height: 150px;
    margin: 0;
    padding-block: 16px;
    background: var(--brand, #008AF7);
    color: var(--white, #ffffff);
}

.eyebrow-band > .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    font-family: var(--display, system-ui, sans-serif);
    font-size: clamp(24px, 1.875vw, 36px);
    font-weight: 700;
    /* Figma's 79/36 line box was the leading that centred a SINGLE line inside the
       150px band; flexbox already centres the label, and on two lines that leading
       showed up as a 53px gap between them (client round 14). */
    line-height: 1.25;
}

.eyebrow-band img {
    width: 66px;
    height: auto;
}