.page-exhibitions{
  background:
    radial-gradient(1000px 380px at 50% 0%, rgba(255,255,255,.75), transparent 58%),
    linear-gradient(180deg, #f4f1eb 0%, #efebe4 100%);
}

@media (min-width: 861px){
  body.page-exhibitions,
  body.page-exhibitions a,
  body.page-exhibitions button{
    cursor: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'>\
<g transform='rotate(-35 16 16)'>\
<rect x='13' y='3' width='6' height='17' rx='2' fill='%23222222'/>\
<rect x='12' y='18' width='8' height='5' rx='1.5' fill='%238b6b4d'/>\
<path d='M12 23 L20 23 L18 29 L14 29 Z' fill='%23d8c2a6'/>\
</g>\
</svg>") 4 4, auto;
  }
}

.exhibitionsHero{
  padding-top: 56px;
  padding-bottom: 26px;
}

.exhibitionsHero__brand{
  font-size: 12px;
  letter-spacing: .28em;
  text-transform: uppercase;
  color: rgba(18,18,18,.62);
  margin-bottom: 18px;
}

.exhibitionsHero__eyebrow{
  font-size: 11px;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 18px;
}

.exhibitionsHero__title{
  margin: 0;
  font-size: clamp(42px, 8vw, 88px);
  line-height: .92;
  letter-spacing: .10em;
  text-transform: uppercase;
  font-weight: 500;
}

.exhibitionsHero__text{
  margin: 18px 0 0;
  color: var(--muted);
  line-height: 1.85;
  font-size: 18px;
  max-width: 48ch;
}

.timeline{
  padding-bottom: 70px;
}

.timelineGroup{
  display: grid;
  grid-template-columns: 140px 1fr;
  gap: 26px;
  padding: 24px 0;
  border-top: 1px solid rgba(18,18,18,.08);
}

.timelineGroup:first-child{
  border-top: none;
}

.timelineGroup__year{
  display: inline-block;
  font-size: 12px;
  letter-spacing: .20em;
  text-transform: uppercase;
  color: var(--muted);
  padding-top: 8px;
}

.timelineItems{
  display: grid;
  gap: 16px;
}

.timelineItem{
  border: 1px solid rgba(18,18,18,.08);
  border-radius: 24px;
  background: rgba(247,244,239,.68);
  padding: 18px 18px 20px;
}

.timelineItem__type{
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 12px;
}

.timelineItem__title{
  font-size: 26px;
  line-height: 1.1;
  letter-spacing: .04em;
  color: var(--ink);
  margin-bottom: 8px;
}

.timelineItem__meta{
  color: var(--muted);
  line-height: 1.75;
  font-size: 16px;
}

@media (max-width: 980px){
  .timelineGroup{
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

@media (max-width: 860px){
  .exhibitionsHero{
    padding-top: 22px;
  }

  .exhibitionsHero__brand{
    display: none;
  }

  .exhibitionsHero__title{
    font-size: 34px;
  }

  .exhibitionsHero__text{
    font-size: 16px;
  }

  .timelineItem{
    border-radius: 20px;
    padding: 16px;
  }

  .timelineItem__title{
    font-size: 22px;
  }

  .timelineItem__meta{
    font-size: 15px;
  }
}