/* Banner + — i2t3 component styles
 * Richer banner (vs. the Bootstrap "banner"): eyebrow label, headline, lead
 * text, up to two call-to-action buttons and content alignment. Background,
 * min-height, vertical alignment and parallax come from the global layout
 * system, so they are intentionally NOT re-implemented here.
 */

.i2t3-banner-plus__inner { max-width: 60rem; }
.i2t3-banner-plus__eyebrow {
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 600;
    font-size: .85rem;
    margin-bottom: .5rem;
    opacity: .85;
}
.i2t3-banner-plus__title { margin-bottom: 1rem; }
.i2t3-banner-plus__text { margin-bottom: 1.5rem; }
.i2t3-banner-plus__text > :last-child { margin-bottom: 0; }
.i2t3-banner-plus__actions { display: flex; flex-wrap: wrap; gap: .75rem; }

/* Content alignment */
.i2t3-banner-plus--align-center { text-align: center; }
.i2t3-banner-plus--align-center .i2t3-banner-plus__inner { margin-left: auto; margin-right: auto; }
.i2t3-banner-plus--align-center .i2t3-banner-plus__actions { justify-content: center; }
.i2t3-banner-plus--align-right { text-align: right; }
.i2t3-banner-plus--align-right .i2t3-banner-plus__inner { margin-left: auto; }
.i2t3-banner-plus--align-right .i2t3-banner-plus__actions { justify-content: flex-end; }