body {
  background: var(--deep-cream);
}

.homepage-article {
  display: grid;
  grid-template-columns: repeat(11, 1fr) repeat(25, 1fr);
  margin-top: 2rem;
}

#menu-toggle.drop {
  transform: translateY(0);
  background-color: var(--light-yellow);
}

.homepage-article .article-body h1 {
  margin-top: 0;
}

.homepage-article .article-body h1 a {
  text-decoration: none;
  color: initial;
}

.homepage-article .img-link-wrapper {
  grid-column: 13 / span 23;
}

.homepage-article .img-link-wrapper img {
  width: 100%;
  height: auto;
}

.homepage-article > .article-body {
  grid-column: 1 / span 11;
  grid-row: 1 / 5;
  border-right: 1px solid var(--black);
  padding: 0 calc(100vw / 36);
  padding-top: 5rem;
}

.homepage-article .article-body .read-more-link {
  display: block;
  color: var(--black);
  margin: 2rem 0;
}

@media (min-width: 768px) {
  .homepage-article .article-body .read-more-link {
    font-size: calc(0.875rem + ((1vw - 0.48rem) * 0.6944));
    min-height: 0vw;
  }
}
@media (min-width: 1920px) {
  .homepage-article .article-body .read-more-link {
    font-size: 1.375rem;
  }
}

@supports(font-size: clamp(1em, 1.5rem, 3rem)) {
  .homepage-article .article-body .read-more-link {
    font-size: clamp(0.875rem, calc(0.875rem + ((1vw - 0.48rem) * 0.6944)), 1.375rem);
  }
}

.homepage-article .article-body .heading-3 {
  font-size: unset;
  margin-bottom: 1rem;
}

.homepage-article .tag-list {
  padding: 1em 0;
}
.homepage-article .project-tag:not(:first-child) {
  margin: 0 1em;
}

.homepage-article .related-podcast {
  padding-bottom: 2rem;
}

.homepage-article .related-podcast p {
  margin-top: 0;
}

.homepage-article .related-podcast .read-more-link {
  color: var(--purple);
}

.homepage-article .related-podcast audio {
  width: 100%;
  padding-right: calc(100vh / 36);
}

.homepage-article .spacer {
  border-bottom: 1px solid var(--black);
}

.homepage-article .related-articles {
  grid-column-start: 13;
  padding-bottom: 2rem;
  padding-top: 1rem;
}

.homepage-article .related-articles ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.homepage-article .related-articles .article-card .heading-3 {
  margin: 0.5rem 0;
}

.homepage-article .article-card .action-call {
  color: var(--green);
}

.homepage-article .article-card .read-more-link {
  color: var(--green);
}

.homepage-article .related-articles .article-card .img-wrapper {
  /*height: 14vw;*/
}

.homepage-article a:hover i,
.homepage-article a:focus i,
.homepage-article a:hover,
.homepage-article a:focus {
  text-decoration: underline;
}

.developments li:last-child::after {
  background-color: var(--light-yellow);
}

@media(max-width: 768px) {
  .homepage-article {
    margin-top: 0;
  }

  .homepage-article .article-body h1 {
    margin-top: 1em;
  }

  .homepage-article .img-link-wrapper,
  .homepage-article .article-body {
    grid-column: 1 / -1;
  }

  .homepage-article .img-link-wrapper {
    grid-row: 1 / 2;
  }

  .homepage-article .article-body {
    grid-row: 2 / 3;
    padding-top: 0;
    padding-bottom: 1rem;
    border: 0;
  }

  .homepage-article .spacer {
    display: none;
  }
}