/* Bloom CSS Framework: Hero Section */
.b-sec-hero { position: relative; overflow: hidden; padding-block: clamp(var(--b-space-3xl), 9vw, 8rem); background: linear-gradient(135deg, var(--b-color-primary), var(--b-color-secondary)); color: var(--b-color-inverse); }
.b-sec-hero__inner { width: min(100% - 2rem, var(--b-container-l)); margin-inline: auto; }
.b-sec-hero__content { max-width: 48rem; }
.b-sec-hero__kicker { margin: 0 0 var(--b-space-s); font-size: var(--b-text-xs); font-weight: 800; letter-spacing: .14em; text-transform: uppercase; opacity: .82; }
.b-sec-hero__title { margin: 0; font-size: var(--b-text-3xl); line-height: var(--b-line-tight); }
.b-sec-hero__text { margin: var(--b-space-m) 0 0; max-width: var(--b-content-readable); font-size: var(--b-text-l); line-height: var(--b-line-body); opacity: .9; }
.b-sec-hero__actions { display: flex; flex-wrap: wrap; gap: var(--b-space-s); margin-top: var(--b-space-xl); }