.chapter-exhibition,
.journey {
  --ce-paper: #f4f0e8;
  --ce-ink: #1c1c1b;
  --ce-accent: #dd482f;
  color: var(--ce-ink);
  background: var(--ce-paper);
  font-family: "AtlasText", sans-serif;
  padding: clamp(48px, 7vw, 112px) clamp(20px, 4vw, 80px);
}
.chapter-exhibition *, .journey * { box-sizing: border-box; }
.chapter-exhibition figure, .journey figure { margin: 0; }
.chapter-exhibition img, .journey img { display: block; max-width: 100%; }
.chapter-exhibition a, .journey button { color: inherit; }
.chapter-exhibition a:focus-visible, .journey button:focus-visible {
  outline: 3px solid var(--ce-accent); outline-offset: 5px;
}
.chapter-exhibition__intro, .journey__intro {
  display: grid; grid-template-columns: 1.35fr 1fr;
  gap: clamp(28px, 5vw, 96px); align-items: end; margin-bottom: 48px;
}
.chapter-exhibition__intro h2, .journey__intro h2 {
  font-family: "Anton", Impact, sans-serif; font-weight: 400;
  font-size: clamp(48px, 7vw, 104px); line-height: .99; letter-spacing: -.025em;
  margin: 0; text-wrap: balance;
}
.chapter-exhibition__intro p, .journey__intro p {
  max-width: 42ch; font-size: clamp(18px, 1.65vw, 23px); line-height: 1.45; margin: 0;
}
.chapter-exhibition__intro .chapter-exhibition__credit,
.journey__intro .journey__credit {
  font-size: 14px; margin-top: 24px; line-height: 1.5;
}
.chapter-exhibition__index {
  display: flex; gap: 8px; flex-wrap: wrap;
  padding: 16px 0; border-top: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
}
.chapter-exhibition__index a {
  display: inline-flex; align-items: center; min-height: 44px;
  padding: 10px 24px; text-decoration: none; border-radius: 100%;
  border: 1px solid transparent; font-size: 16px;
}
.chapter-exhibition__index a:hover,
.chapter-exhibition__index a[aria-current="location"] { border-color: currentColor; }
.chapter-exhibition__layout { padding-top: 32px; }
.chapter-exhibition__chapter { scroll-margin-top: 100px; margin: 0 0 64px; }
.chapter-exhibition__copy { max-width: 42ch; margin-bottom: 32px; }
.chapter-exhibition__position { font-size: 14px; margin: 0 0 24px; }
.chapter-exhibition__copy h3 {
  font-family: "Anton", Impact, sans-serif; font-weight: 400;
  font-size: clamp(40px, 4.7vw, 72px); line-height: 1.04; letter-spacing: -.02em;
  margin: 0 0 24px;
}
.chapter-exhibition__copy > p:not(.chapter-exhibition__position) {
  font-size: 18px; line-height: 1.55; margin: 0 0 24px;
}
.chapter-exhibition__copy > .chapter-exhibition__detail { font-size: 15px !important; }
.chapter-exhibition__source-link {
  display: inline-flex; align-items: center; min-height: 44px;
  font-size: 15px; text-underline-offset: 5px;
}
.chapter-exhibition__figure figcaption {
  font-size: 14px; line-height: 1.5; padding-top: 12px; max-width: 66ch;
}
.chapter-exhibition__figure figcaption a { text-underline-offset: 3px; }
.chapter-exhibition__scene { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; }
.chapter-exhibition__identity-board {
  display: grid; grid-template-columns: 1fr; align-items: center;
  padding: clamp(12px, 2vw, 32px); background: #f2e9d8;
}
.chapter-exhibition__wordmarks { display: grid; grid-template-columns: 1fr 1fr; }
.chapter-exhibition__wordmarks img { width: 100%; height: auto; }
.chapter-exhibition__specimen { width: 100%; height: auto; object-fit: contain; }
.chapter-exhibition__stage { display: none; }
.journey__panels { display: grid; gap: 48px; }
.journey__heading, .journey__selector {
  font-size: clamp(20px, 2vw, 28px); line-height: 1.1; font-weight: 500; margin: 0;
  min-height: 72px; padding: 16px 0; display: flex; gap: 16px; align-items: center;
}
.journey__number { font-size: 14px; align-self: flex-start; padding-top: 4px; }
.journey__selector[hidden] { display: none; }
.journey__figure img { width: 100%; aspect-ratio: 4 / 3; height: auto; object-fit: cover; }
.journey__detail { padding: 20px 0 0; max-width: 54ch; }
.journey__detail strong { display: block; font-size: 24px; line-height: 1.2; font-weight: 500; }
.journey__detail p { font-size: 17px; line-height: 1.5; margin: 12px 0; }
.journey__detail > span { display: block; font-size: 14px; line-height: 1.5; }
.journey__closing { max-width: 95ch; font-size: 14px; line-height: 1.55; margin: 32px 0 0; }
@media (min-width: 901px) {
  .chapter-exhibition__chapter { display: grid; grid-template-columns: .8fr 1.2fr; gap: 6vw; align-items: center; }
  .chapter-exhibition__identity-board { height: min(68vw, 800px); }
  .chapter-exhibition__identity-board .chapter-exhibition__specimen { min-height: 0; height: 100%; }
  .chapter-exhibition__identity-board { grid-template-columns: 1fr 1fr; grid-template-rows: minmax(0, 1fr); }
  .chapter-exhibition__wordmarks { grid-template-columns: 1fr; }
  .chapter-exhibition.is-enhanced .chapter-exhibition__layout {
    display: grid; grid-template-columns: .8fr 1.2fr; gap: 6vw; align-items: start;
  }
  .chapter-exhibition.is-enhanced .chapter-exhibition__chapter {
    display: flex; align-items: center; min-height: 82vh; margin: 0;
  }
  .chapter-exhibition.is-enhanced .chapter-exhibition__chapter > .chapter-exhibition__figure {
    /* Text alternatives stay in the reading order; the stage is decorative. */
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
  }
  .chapter-exhibition.is-enhanced .chapter-exhibition__stage {
    display: grid; position: sticky; top: 96px; min-width: 0;
  }
  .chapter-exhibition__stage > .chapter-exhibition__figure {
    grid-area: 1 / 1; opacity: 0; visibility: hidden; pointer-events: none;
    transition: opacity 200ms ease, visibility 200ms;
  }
  .chapter-exhibition__stage > .chapter-exhibition__figure.is-active {
    opacity: 1; visibility: visible;
  }
  .chapter-exhibition__stage .chapter-exhibition__scene,
  .chapter-exhibition__stage .chapter-exhibition__identity-board {
    height: min(70vh, 740px); min-height: 340px; width: 100%;
  }
  .journey__panels { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
  .journey.is-enhanced .journey__panels {
    grid-template-columns: 4fr 1fr 1fr; transition: grid-template-columns 350ms ease;
  }
  .journey.is-enhanced[data-active="1"] .journey__panels { grid-template-columns: 1fr 4fr 1fr; }
  .journey.is-enhanced[data-active="2"] .journey__panels { grid-template-columns: 1fr 1fr 4fr; }
  .journey.is-enhanced .journey__panel { min-width: 0; }
  .journey.is-enhanced .journey__heading { display: none; }
  .journey.is-enhanced .journey__selector {
    appearance: none; border: 0; border-top: 1px solid currentColor; background: transparent;
    width: 100%; min-height: 92px; cursor: pointer; text-align: left;
    font-family: inherit; font-size: clamp(17px, 1.7vw, 26px); align-items: start;
    padding: 18px 4px 14px; gap: 10px;
  }
  .journey.is-enhanced .journey__selector[aria-expanded="true"] { border-top: 4px solid var(--ce-accent); padding-top: 15px; }
  .journey.is-enhanced .journey__figure img { height: min(58vh, 600px); min-height: 360px; aspect-ratio: auto; }
  .journey.is-enhanced .journey__detail { min-height: 160px; }
  .journey.is-enhanced .journey__detail[hidden] { display: none; }
}
@media (max-width: 900px) {
  .chapter-exhibition__intro, .journey__intro { grid-template-columns: 1fr; gap: 24px; }
  .chapter-exhibition__index a { padding: 10px 12px; }
  .chapter-exhibition__chapter { scroll-margin-top: 80px; }
  .chapter-exhibition__identity-board { padding: 10px; }
  .journey__figure img { aspect-ratio: 4 / 5; }
}
@media (prefers-reduced-motion: reduce) {
  .chapter-exhibition *, .journey * { scroll-behavior: auto !important; transition: none !important; }
}

@media(max-width:900px){.journey.is-enhanced .journey__heading{display:none}.journey.is-enhanced .journey__selector{display:flex;width:100%;border:0;border-top:1px solid currentColor;background:transparent;text-align:left;cursor:pointer;font-family:inherit;min-height:72px}.journey.is-enhanced .journey__selector[aria-expanded=true]{border-top:4px solid #b3311d}.journey.is-enhanced .journey__selector:after{content:'+';margin-left:auto}.journey.is-enhanced .journey__selector[aria-expanded=true]:after{content:'−'}.journey.is-enhanced .journey__figure img[hidden],.journey.is-enhanced .journey__detail[hidden]{display:none}.journey.is-enhanced .journey__panels{gap:22px}}