/* Beautera Page Hero widget — .beau-dark-hero base styles live in global.css.
   This file carries the widget-only variants (content alignment). */
.beau-dark-hero.beau-section { display: block; }

/* Content alignment — center is the design default in global.css. */
.beau-dark-hero--start { text-align: start; }
.beau-dark-hero--start .beau-dark-hero__title,
.beau-dark-hero--start .beau-dark-hero__text { margin-inline: 0; }

.beau-dark-hero--end { text-align: end; }
.beau-dark-hero--end .beau-dark-hero__title,
.beau-dark-hero--end .beau-dark-hero__text { margin-inline: auto 0; }