.merriphel-head h1 {
  font-size: clamp(2.35rem, 6.45vw, 6.5rem);
  line-height: 1.05;
  text-wrap: balance;
}
.merriphel-opening {
  max-width: 52rem;
  color: #393a33;
  font: 400 clamp(1rem, 1.65vw, 1.25rem)/1.65 var(--body);
}
.merriphel-dates {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: clamp(1.25rem, 3vw, 3rem);
  row-gap: .45rem;
  margin-block: 1.75rem clamp(1.5rem, 3vw, 3rem);
}
.merriphel-dates .project-period { margin: 0; }
.merriphel-head .figure-grid { margin-top: 0; }
.merriphel-head .image-button img { display: block; max-height: none; }
.merriphel-period-title {
  margin: 0 0 .8rem;
  font: 500 clamp(1.65rem, 3vw, 2.5rem)/1.2 var(--display);
}
.merriphel-portfolio, #merriphel-original { scroll-margin-top: 7rem; }
.merriphel-portfolio .merriphel-opening { margin-bottom: 2rem; }
.merriphel-portfolio .study-section-head h3 {
  margin: 0;
  font: 500 clamp(1.25rem, 2.35vw, 1.85rem)/1.25 var(--display);
}
.case-nav .merriphel-nav-detail { padding-inline-start: .85rem; }
.merriphel-drawings {
  margin-bottom: clamp(2rem, 4vw, 3.5rem);
  scroll-margin-top: 7rem;
}
.merriphel-drawings summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: .65rem 1rem;
  padding: .85rem clamp(.85rem, 2vw, 1.4rem);
  border: 1px solid #a69b84;
  border-radius: .35rem;
  background: #f0eadc;
  cursor: pointer;
}
.merriphel-drawings summary:hover { background: #e8dfcc; }
.merriphel-drawings summary:focus-visible { outline: 2px solid #69573b; outline-offset: 3px; }
.merriphel-drawings summary h2 {
  margin: 0;
  font: 500 clamp(1.65rem, 3vw, 2.5rem)/1.2 var(--display);
}
.merriphel-drawings-control {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  min-height: 2.25rem;
  padding-inline: .7rem;
  border-radius: .25rem;
  background: #383c32;
  color: #faf4e8;
  font: 600 .84rem/1.25 var(--body);
}
.merriphel-drawings-collapse,
.merriphel-drawings details[open] .merriphel-drawings-expand { display: none; }
.merriphel-drawings details[open] .merriphel-drawings-collapse { display: inline; }
.merriphel-drawings details[open] .merriphel-drawings-arrow { transform: rotate(180deg); }
.merriphel-drawing-year { margin-top: 1.65rem; }
.merriphel-drawing-year h3 { font: 500 1.35rem/1.2 var(--display); }
.merriphel-drawing-year .figure-grid { margin-top: 1rem; }
.merriphel-drawings .figure-grid:not(.single) .image-button img {
  display: block;
  height: clamp(14rem, 25vw, 23rem);
  object-fit: contain;
}
.figure-credit {
  display: block;
  margin-top: .35rem;
  font-weight: 600;
}
.merriphel-rights {
  max-width: 52rem;
  margin-block: clamp(2rem, 5vw, 4rem);
}
.merriphel-rights h2 {
  margin: 0 0 .75rem;
  font: 500 clamp(1.45rem, 2.4vw, 2rem)/1.2 var(--display);
}
.merriphel-rights p {
  margin: 0;
  color: #393a33;
  font: 400 .94rem/1.65 var(--body);
}