.page-module.portrait .portrait-intro {
  align-items: end;
  display: grid; }
  .page-module.portrait .portrait-intro .media-image {
    z-index: 1; }
  .page-module.portrait .portrait-intro .text {
    position: relative;
    z-index: 2; }
  .page-module.portrait .portrait-intro .layout-wysiwyg {
    background: #f7f7f7;
    margin: 0; }
    .page-module.portrait .portrait-intro .layout-wysiwyg p:first-child {
      font-family: "AcherusBold", sans-serif; }

@media only screen and (min-width: 0) and (max-width: calc(600px - 1px)) {
  .page-module.portrait .portrait-intro {
    margin-bottom: 28px; }
    .page-module.portrait .portrait-intro .layout-wysiwyg {
      padding: 16px; } }

@media only screen and (min-width: 600px) {
  .page-module.portrait .portrait-intro {
    margin-bottom: 55px; }
    .page-module.portrait .portrait-intro .layout-wysiwyg {
      padding: 32px;
      transform: translate(-32px, -32px);
      width: 100%; }
    .page-module.portrait .portrait-intro .media-image {
      margin-left: -32px;
      width: calc(100% + 32px); }
      .page-module.portrait .portrait-intro .media-image .media-credit {
        margin-right: 32px; } }

@media only screen and (min-width: 600px) and (max-width: calc(1024px - 1px)) {
  .page-module.portrait .portrait-intro {
    grid-template-columns: 1fr 300px; } }

@media only screen and (min-width: 1024px) {
  .page-module.portrait .portrait-intro {
    grid-template-columns: 400px 1fr; }
    .page-module.portrait .portrait-intro .layout-wysiwyg {
      width: calc(100% + 32px); }
    .page-module.portrait .portrait-intro .media-image {
      margin-left: -120px;
      width: calc(100% + 120px); } }

/*# sourceMappingURL=portraits.css.map */