/* @file */
/**
 * Section paragraph with background media.
 *
 * Creates a containing block with a background image positioned
 * behind all content, centered and covering the container.
 * Follows the same pattern as image-hero component.
 */
.paragraph--type--section {
  position: relative;
}
.paragraph--type--section.paragraph--has-background-media {
  isolation: isolate;
}

.paragraph__background-media {
  block-size: 100%;
  inline-size: 100%;
  inset: 0;
  isolation: isolate;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  z-index: 0;
}
.paragraph__background-media .field,
.paragraph__background-media .field__item,
.paragraph__background-media .media,
.paragraph__background-media picture {
  block-size: 100%;
  display: block;
  inline-size: 100%;
}
.paragraph__background-media img {
  block-size: 100%;
  display: block;
  inline-size: 100%;
  inset: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  position: absolute;
  z-index: 0;
}
.paragraph__background-media .contextual-region {
  position: static;
}

.paragraph__content {
  position: relative;
}
/*# sourceMappingURL=../maps/layouts/paragraph--section.css.map */