.o-article {
  @include contain;
  @include vspacing(
      'margin-top' 1,
      'margin-bottom' 1
  );
}

.o-article__back {

  @include vspacing(
      'margin-top' -0.5
  );

}

.o-article__heading {
  @include text-style(1);
  @include hyphenate;
  margin-top: space(3);
  margin-bottom: space(5);
  color: palette(primary, 500);

  @include mq(m) {
    margin-top: space(7);
    margin-bottom: space(7);
    margin-left: column(1,12);
    margin-right: column(1,12);
  }

  @include mq(l) {
    margin-left: column(2,12);
    margin-right: column(2,12);
  }
}

.o-article__hero {
  @include restrict-l;
  position: relative;

  &::before {
    @include ornament-hex-stroked('medium', 'topright');
    content: '';
    display: block;
  }
}




//
// TODO: Move to correct files
//


.c-text {
  @include restrict-m;
}

.c-quote {
  @include restrict-s;
  @include text-style(2);
  position: relative;

  @include mq($max: m) {
    @include font-size(m);
    margin-left: 38px + 22px;
  }

  &::before {
    content: '';
    display: block;
    position: absolute;
    top: -5px;
    left: -38px - 22px;
    width: 38px;
    height: 24px;
    background-image: url('/img/quotes.svg');
  }
}

.c-quote__text {
  margin: 0;
  color: palette(text, 800);
  quotes: '\201c' '\201d';

  &::before { content: open-quote; }
  &::after  { content: close-quote; }
}

.c-image {
  @include restrict-m;
}