/* Bibliographic leaves occupy the places reserved for archive material. */
.art-leaf {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: .8em;
  width: 100%;
  min-height: 5rem;
  padding: 1.2em;
  background: #ece3cb;
  color: #253a33;
  font: 500 21px/1.5 var(--serif);
  text-align: left;
  overflow-wrap: anywhere;
}
.art-leaf strong { font-weight: 500; }
.art-leaf small { font: 12px/1.6 var(--sans); }
.home-v3 .a-lil .art-leaf {
  position: absolute;
  left: 22%;
  top: 18%;
  width: 54%;
  height: 49%;
  background: #e9dfc2;
  padding: .75em;
  font-size: clamp(24px, 2.6vw, 37px);
  transform: rotate(-5deg);
}
.home-v3 .a-factory .art-leaf {
  position: static;
  width: 84%;
  height: 100%;
  padding: .55em 2em;
  background: #d3d8c7;
  color: #253a33;
  font-size: 21px;
}
.home-v3 .a-factory .art-leaf small { position: static; color: #31433b; background: none; }
.home-v3 .a-factory:has(.art-leaf) > span:not(.art-leaf) { display: none; }
.home-v3 .roll-follett .art-leaf, .home-v3 .roll-newell .art-leaf { height: 100%; }
.home-v3 .roll-follett .art-leaf { background: #d0d9cb; font-size: 35px; }
.home-v3 .roll-newell .art-leaf { background: #e8e3d3; font-size: 31px; }
.p1-face .art-leaf {
  position: absolute;
  top: 190px;
  left: 28%;
  width: 39%;
  min-height: 290px;
  transform: rotate(-6deg);
  font-size: 44px;
  box-shadow: 12px 14px 30px #0004;
}
.p1-hero-leaf .art-leaf { min-height: 145px; }
.p1-small-document .art-leaf { display: none; }
.p1-source-link-only { padding-top: 4rem; }
.e2-opening-photo .art-leaf { aspect-ratio: 812/517; background: #bec9ba; font-size: clamp(24px, 4vw, 55px); }
.e2-photo-frame .art-leaf { min-height: 12rem; }
.route-comparison .art-leaf { margin-bottom: 16px; }
.route-stop > span { min-width: 0; white-space: normal; overflow-wrap: anywhere; }
.route-stop > img { flex: 0 0 auto; }
.route-surname { white-space: nowrap; }
@media (min-width: 801px) {
  .route-stop:not(.route-foreman) {
    width: min(30%, 230px);
    text-align: left;
    font-size: clamp(16px, 1.55vw, 22px);
    gap: 9px;
  }
  .route-stop > img { width: clamp(32px, 3.2vw, 51px); height: 68px; }
}
@media (max-width: 700px) {
  .home-v3 .a-lil .art-leaf { font-size: 23px; padding: .6em; }
  .home-v3 .a-lil .art-leaf small { font-size: 10px; }
  .home-v3 .a-factory .art-leaf { padding: .35em .7em; font-size: 16px; }
  .p1-face .art-leaf { top: 100px; left: 18%; width: 43%; min-height: 173px; font-size: 25px; }
  .p1-hero-leaf .art-leaf { padding: .7em; font-size: 15px; }
}