body.aoc-variant {
  background:
    linear-gradient(135deg, rgba(111, 36, 53, .055) 25%, transparent 25%) 0 0 / 28px 28px,
    #e9e1d2;
  color: #312b28;
}

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

.aoc-variant .site-header {
  border-bottom-color: #6f2435;
}

.aoc-variant .article {
  border-color: #6f2435;
  box-shadow: 9px 9px 0 rgba(111, 36, 53, .17);
}

.aoc-variant h1,
.aoc-variant h2,
.aoc-variant h3 {
  color: #312b28;
}

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

.aoc-variant .aoc-signal-strip {
  border-color: #6f2435;
  background: #f4e6d5;
}

.aoc-variant .aoc-signal-strip strong {
  color: #66725a;
}

.aoc-variant .toc {
  background: #312b28;
  border-radius: 2px;
}

.aoc-variant .item {
  border-color: #6f2435;
  border-radius: 2px;
  box-shadow: 5px 5px 0 rgba(111, 36, 53, .14);
}

.aoc-variant .item-featured .card-ribbon {
  background: #6f2435;
  color: #f8f0df;
}

.aoc-variant .button > a {
  background: #66725a;
  border-color: #66725a;
  color: #f8f0df;
  border-radius: 2px;
}

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

.aoc-variant .mobile-sticky {
  background: #6f2435;
}

.aoc-variant .mobile-sticky .sticky-button {
  background: #b78c43;
  color: #312b28;
}

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

.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, #f8f0df);
  }

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