.LL {
  display: grid;
  gap: var(--sp30s);
  grid-template-columns: 1fr;
}
.LL :nth-child(1 of form),
.LL :nth-child(1 of nav) {
  grid-column: 1 / 1;
  text-align: center;
}

/* .ll-teaser {
  display: grid;
  grid-gap: var(--sp15);
} */

.ll-teaser .image,
.ll-teaser .body {
    display: inline-block;
    vertical-align: top;
}
.featured .ll-teaser .image,
.featured .ll-teaser .body {
  display: block;
  
}

.ll-teaser .image {
    width: 40%;
}

.featured .ll-teaser .image {
    width: 100%;
}

.ll-teaser .body {
    margin: 0 0 0 var(--sp30);
    width: calc(60% - 35px);
}

.featured .ll-teaser .body {
    margin: var(--sp30) 0 0;
    width: 100%
}

.ll-teaser .byline,
.ll-teaser .author {
  font-size: var(--font-size-xsm);
  opacity: 0.5;
}

.ll-teaser .byline {
  text-transform: uppercase;
}

/* Tablet */

@media screen and (min-width: 480px) {
  .LL {
    gap: var(--sp45);
    grid-template-columns: 1fr 1fr;
  }
  .LL :nth-child(1 of form),
  .LL :nth-child(1 of nav) {
    grid-column: 1 / 3;
    text-align: center;
  }

  .ll-teaser .image,
  .ll-teaser .body {
    display: block;
  }

  .ll-teaser .image {
      width: 100%;
  }

  .ll-teaser .body {
      margin: var(--sp30) 0 0;
      width: 100%
  }
}

@media screen and (min-width: 700px) {
  .ll-teaser .image,
  .ll-teaser .body,
  .featured .ll-teaser .image,
  .featured .ll-teaser .body {
    display: inline-block;
    vertical-align: top;
  }
  .ll-teaser .image, 
  .featured .ll-teaser .image {
      min-width: 220px;
      max-width: 480px;
      width: auto;
  }

  .ll-teaser .body,
  .featured .ll-teaser .body {
      margin: 0 0 0 var(--sp30);
      width: calc(60% - 35px);
  }
  .ll-teaser .body {
    width: calc(100% - (220px + 35px));
  }
  .featured .ll-teaser .body {
    width: calc(100% - (480px + 35px));
  }
}