/* Approved hero-image labels: one reusable pattern, varied restrained accents. */
.broel-hero-banner-host{position:relative;isolation:isolate}
.broel-hero-banner{--broel-banner-accent:#3374d5;position:absolute;z-index:5;left:clamp(.75rem,3%,1.5rem);bottom:clamp(.75rem,3%,1.5rem);display:grid;box-sizing:border-box;width:max-content;max-width:min(92%,36rem);min-width:0;padding:clamp(.7rem,1.5vw,1rem) clamp(.9rem,2vw,1.35rem);border:0;border-left:.55rem solid var(--broel-banner-accent);border-radius:.1rem 1rem 1rem .1rem;background:rgb(27 39 57 / 86%);box-shadow:0 .65rem 1.5rem rgb(20 31 47 / 22%);color:#fff;text-align:left;transform:none;pointer-events:none;line-height:1.15}
.broel-hero-banner::before{position:absolute;left:-.55rem;top:0;border-top:.5rem solid var(--broel-banner-accent);border-right:.55rem solid transparent;content:""}
.broel-hero-banner small{display:block;margin:0 0 .28rem;color:#dce7f6;font-size:clamp(.58rem,.85vw,.75rem);font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.broel-hero-banner strong{display:block;color:#fff;font-size:clamp(.9rem,1.5vw,1.3rem);font-weight:850;line-height:1.15;letter-spacing:-.025em;overflow-wrap:normal}
.broel-hero-banner--teal{--broel-banner-accent:#1caaa0}.broel-hero-banner--orange{--broel-banner-accent:#f18829}.broel-hero-banner--purple{--broel-banner-accent:#9064ce}.broel-hero-banner--green{--broel-banner-accent:#36a776}.broel-hero-banner--gold{--broel-banner-accent:#d5a535}.broel-hero-banner--coral{--broel-banner-accent:#e56870}.broel-hero-banner--indigo{--broel-banner-accent:#6576dc}
.broel-hero-banner-host>.broel-hero-banner{right:auto;top:auto;margin:0;width:max-content;height:auto;white-space:normal}
@media(max-width:42rem){.broel-hero-banner{max-width:calc(100% - 1.5rem);min-width:0;left:.75rem;bottom:.75rem;padding:.6rem .8rem;border-left-width:.42rem;border-radius:.1rem .7rem .7rem .1rem}.broel-hero-banner::before{left:-.42rem;border-right-width:.42rem}.broel-hero-banner strong{font-size:clamp(.86rem,4vw,1.12rem)}}
.broel-hero-cues{position:absolute;z-index:6;right:clamp(.6rem,2%,1rem);bottom:clamp(.6rem,2%,1rem);display:block;box-sizing:border-box;width:max-content;max-width:min(75%,28rem);padding:.62rem .8rem;border:2px solid #fff;border-radius:.7rem;background:#176d51;color:#fff;box-shadow:0 .5rem 1.25rem rgb(20 31 47 / 22%);font-size:clamp(.62rem,.95vw,.82rem);font-weight:850;text-align:center;line-height:1.4;white-space:nowrap;text-transform:uppercase;pointer-events:none}
.broel-hero-banner-host:has(>.broel-hero-cues){overflow:visible;margin-bottom:clamp(4rem,6vw,4.75rem)}
.broel-hero-banner-host:has(>figcaption){overflow:visible;margin-bottom:clamp(2rem,3.5vw,2.7rem)}
.broel-hero-banner-host:has(>.broel-hero-cues)>img,.broel-hero-banner-host:has(>.broel-hero-cues)>picture img{border-radius:inherit}
.broel-hero-banner-host>.broel-hero-cues{bottom:-4rem}
.broel-market-nav__visual.broel-hero-banner-host>.broel-hero-cues{right:clamp(4.5rem,6vw,6rem);max-width:calc(100% - 5rem)}
.broel-hero-banner-host>figcaption{transform:translateY(.75rem)}
.broel-hero-banner-host:has(.broel-hero-cues)>.broel-hero-banner{bottom:clamp(4rem,10%,5.5rem)}
.broel-hero-banner-host:has(figcaption)>.broel-hero-banner{bottom:clamp(4rem,10%,5.5rem)}
.broel-dfy-hero__visual.broel-hero-banner-host>.broel-hero-banner{bottom:clamp(7.5rem,20%,10rem)}
.broel-dfy-hero__visual.broel-hero-banner-host>figcaption{right:-.7rem;bottom:-1rem;transform:none}
.broel-join-hero__visual.broel-hero-banner-host>.broel-hero-banner{bottom:clamp(7rem,20%,10rem);max-width:calc(100% - 2rem)}
.broel-join-hero__visual.broel-hero-banner-host>figcaption{left:auto;right:-.7rem;bottom:-1rem;transform:none}
@media(max-width:42rem){.broel-hero-cues{right:.5rem;max-width:calc(100% - 1rem);padding:.4rem .55rem;font-size:.6rem;line-height:1.35;white-space:normal;overflow-wrap:normal}.broel-hero-banner-host>.broel-hero-cues{bottom:-2.6rem}.broel-hero-banner-host:has(>.broel-hero-cues){margin-bottom:3.3rem}.broel-hero-banner-host:has(.broel-hero-cues)>.broel-hero-banner,.broel-hero-banner-host:has(figcaption)>.broel-hero-banner{bottom:3.25rem}}
.broel-site-breadcrumbs{position:relative;z-index:10;box-sizing:border-box;width:min(100% - 2rem,90rem);height:0;margin:0 auto;padding:0;color:#53627a;font-size:.85rem;font-weight:400}.broel-site-breadcrumbs ol{position:absolute;top:clamp(.65rem,1.5vw,1rem);left:0;display:flex;align-items:center;flex-wrap:wrap;gap:.55rem;max-width:100%;box-sizing:border-box;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;list-style:none}.broel-site-breadcrumbs a{color:#3272d6;text-decoration:underline;text-underline-offset:.18em}.broel-site-breadcrumbs a:hover,.broel-site-breadcrumbs a:focus-visible{color:#205e49}.broel-site-breadcrumbs [aria-current="page"]{color:#53627a}.broel-site-breadcrumbs__separator{margin-inline:0;color:#748196}
/* Each template keeps its trail in its own hero; all trails share one unboxed text treatment. */
:is(.broel-eco__crumbs,.broel-kb-breadcrumbs,.broel-market-breadcrumbs,.broel-service-breadcrumbs,.woocommerce .woocommerce-breadcrumb){display:flex;align-items:center;flex-wrap:wrap;gap:.55rem;border:0;border-radius:0;background:none;box-shadow:none;color:#53627a;font-size:.85rem;font-weight:400;line-height:1.5}
:is(.broel-eco__crumbs,.broel-kb-breadcrumbs,.broel-market-breadcrumbs,.broel-service-breadcrumbs,.woocommerce .woocommerce-breadcrumb) a{color:#3272d6;font-weight:400;text-decoration:underline;text-underline-offset:.18em}
:is(.broel-eco__crumbs,.broel-kb-breadcrumbs,.broel-market-breadcrumbs,.broel-service-breadcrumbs,.woocommerce .woocommerce-breadcrumb) a:hover,:is(.broel-eco__crumbs,.broel-kb-breadcrumbs,.broel-market-breadcrumbs,.broel-service-breadcrumbs,.woocommerce .woocommerce-breadcrumb) a:focus-visible{color:#205e49}
:is(.broel-eco__crumbs,.broel-kb-breadcrumbs,.broel-market-breadcrumbs,.broel-service-breadcrumbs,.woocommerce .woocommerce-breadcrumb) [aria-current="page"]{color:#53627a}