.pavilion--1980s {
  background:
    linear-gradient(90deg, rgba(143, 29, 23, 0.08) 0 1px, transparent 1px 100%),
    var(--paper);
  background-size: 96px 96px;
}

.pavilion--1980s .eyebrow,
.pavilion--1980s .pavilion__context span {
  color: var(--ink);
}

.pavilion--1990s {
  background:
    linear-gradient(0deg, rgba(16, 16, 16, 0.04) 0 1px, transparent 1px 14px),
    #eeeeea;
}

.pavilion--1990s .work {
  box-shadow: 0 0 0 1px rgba(16, 16, 16, 0.08) inset;
}

.pavilion--2000s {
  background: #ffffff;
}

.pavilion--2000s .pavilion__context,
.pavilion--2000s .work {
  background: #ffffff;
}

.pavilion--2010s {
  background: #f5f7f6;
}

.pavilion--2010s .work-wall {
  gap: 24px;
}

.pavilion--2020s {
  background: var(--paper);
  color: var(--ink);
}

.pavilion--2020s .eyebrow,
.pavilion--2020s .pavilion__context span {
  color: var(--ink);
}

.pavilion--2020s .pavilion__context p {
  color: #34322d;
}

.pavilion--2020s .work {
  background: var(--white);
}

.pavilion--2020s .work__caption {
  background: rgba(247, 246, 241, 0.94);
  color: #3e3b35;
}
