body.aoc-variant {
  background:
    linear-gradient(90deg, transparent 0 8%, rgba(21, 63, 58, .08) 8% calc(8% + 1px), transparent calc(8% + 1px)),
    #f1eddf;
  color: #162927;
}

.aoc-variant .site-header,
.aoc-variant .article {
  background: #fbf7ea;
}

.aoc-variant .article {
  border-color: #153f3a;
  box-shadow: 10px 10px 0 rgba(21, 63, 58, .16);
}

.aoc-variant .brand-kicker,
.aoc-variant .editorial-bylines a,
.aoc-variant .updated-copy strong {
  color: #a34b35;
}

.aoc-variant .aoc-signal-strip {
  border-color: #153f3a;
}

.aoc-variant .aoc-signal-strip strong {
  color: #153f3a;
}

.aoc-variant .toc {
  background: #153f3a;
}

.aoc-variant .item {
  border-color: #153f3a;
  box-shadow: 6px 6px 0 rgba(21, 63, 58, .13);
}

.aoc-variant .item-featured .card-ribbon {
  background: #153f3a;
  color: #fbf7ea;
}

.aoc-variant .button > a {
  background: #a34b35;
  border-color: #a34b35;
  color: #fbf7ea;
}

.aoc-variant .button > a:hover {
  background: #153f3a;
  border-color: #153f3a;
}

.aoc-variant .mobile-sticky {
  background: #153f3a;
}

.aoc-variant .mobile-sticky .sticky-button {
  background: #f2a541;
  color: #162927;
}

.aoc-variant .site-footer {
  background: #162927;
}

.brand-line {
  align-items: flex-end;
}

.aoc-variant .item-featured .card-rank {
  display: none;
}

.aoc-variant .card-ribbon {
  grid-template-columns: 1fr;
  text-align: center;
}

@media (max-width: 600px) {
  .intro-copy::after {
    background: linear-gradient(transparent, #fbf7ea);
  }

  .sticky-offer strong {
    color: #fff;
  }
}