/* Hero art style: full browser width, content aligned to same 1200px area as enclosure */
@media screen and (min-width: 800px) {
  .paragraph--type--hero-with-art-style {
    width: 100%;
    height: 7em;
    box-sizing: border-box;
    padding-left: max(0px, calc((100% - 1200px) / 2));
    padding-right: max(0px, calc((100% - 1200px) / 2));
  }
}

.paragraph--type--hero-with-art-style {
  display: flex;
}

.paragraph--type--hero-with-art-style > .alignment-clamp {
  align-self: flex-end;
  padding-left: 2em;
}

/* Cut-out title: solid body-bg background behind the text */
.paragraph--type--hero-with-art-style .hero-art-style__title {
  background-color: var(--body-bg);
  padding-top: 0.3em;
  padding-left: 0.6em;
  padding-right: 0.6em;
  padding-bottom: 0.1em;
  margin: 0;
  font-size: 1.8rem;
  line-height: 1.2;
}