/* Existing bronze palette and 40-degree ornament, adapted for reference pages. */
.subpage-shell {
  background: #202122;
  color: var(--white);
}
.subpage-shell .category-page {
  position: relative;
  isolation: isolate;
  background: radial-gradient(ellipse at 20% 0%, #292b2b 0, #202122 48%, #1c1e1f 100%);
}
.subpage-shell .category-page::before,
.subpage-shell .category-page::after {
  content: '';
  position: absolute;
  z-index: -1;
  width: 2px;
  height: 1050px;
  top: -260px;
  left: 22%;
  background: linear-gradient(transparent 7%, #a07850 18%, #eac290 36%, #563b25 45%, transparent 60%, #c6976d 78%, transparent);
  transform: rotate(40deg);
  transform-origin: center;
  opacity: .6;
  pointer-events: none;
}
.subpage-shell .category-page::after {
  left: 92%;
  top: 200px;
  opacity: .4;
}
.subpage-shell .category-intro .eyebrow,
.subpage-shell .back-link,
.subpage-shell .bath-project-number {
  color: var(--bronze);
}
.subpage-shell .category-description,
.subpage-shell .category-contact > p,
.subpage-shell .bath-project-description {
  color: #ddd8d0;
}
.subpage-shell .category-nav,
.subpage-shell .bath-project {
  border-color: #635142;
}
.subpage-shell .category-nav a {
  color: #d0c6b9;
}
.subpage-shell .category-nav a[aria-current="page"] {
  color: var(--gold);
}
.subpage-shell .category-page a:focus-visible {
  outline-color: var(--gold);
}
.subpage-shell .bath-photo {
  background: #282a2a;
  border-color: #655545;
}
.subpage-shell .bath-photo-link {
  background: #191b1c;
}
.subpage-shell .bath-photo figcaption {
  color: #d0c6b9;
}
.subpage-shell .bath-photo-stage {
  color: var(--gold);
}
@media (max-width: 800px) {
  .subpage-shell .category-page::before { left: 17%; opacity: .45; }
  .subpage-shell .category-page::after { left: 100%; top: 480px; opacity: .3; }
}