.l-double {
  @include template(start, end);
  display: grid;
  grid-template-rows: repeat(2, auto);
  grid-row-gap: space(4);
  grid-template-areas:
    "start"
    "end";

  @include mq(l) {
    grid-template-rows: none;
    grid-template-columns: 5fr 6fr;
    grid-column-gap: column(1, 12);
    grid-template-areas:
      "start end";
  }
}


.l-double--switch {
  @include mq(l) {
    grid-template-columns: 6fr 5fr;
  }
}


.l-double--reversed {
  @include mq(l) {
    grid-template-areas:
      "end start";
  }
}