/* Latest history artwork with the exact typography roles used by #comforts. */
#history { --history-type-unit: calc((100vw - 2 * var(--history-rail)) / 1778); }
#history .section-heading .history-title-end em { font: inherit; font-style: normal; letter-spacing: inherit; color: #a18162; margin-left: .04em; }
#history .chapter-paper, #history .chapter-image::before, #history .chapter-image::after { display: none; }
#history .chapter-image { background: none; border: 0; box-shadow: none; filter: none; transform: none; padding: 0; }
#history .chapter-image :is(img, .chapter-reference-photo) {
  position: absolute; z-index: 1; left: 14.8%; top: 20%;
  width: 76%; height: 68%; clip-path: none; object-fit: cover; filter: none;
}
#history .chapter-image .chapter-frame {
  display: block; position: absolute; z-index: 2; inset: 0;
  width: 100%; height: 100%; max-width: none; object-fit: fill;
  clip-path: none; pointer-events: none;
}
#history .chapter-bottom { display: none; }
@media (min-width: 1251px) {
  #history .section-heading { left: calc(810 * var(--hu)); top: calc(55 * var(--hu)); }
  #history .section-heading h2 {
    font: 400 calc(108 * var(--history-type-unit))/.98 'SPI Bodoni', 'Bauer Bodoni', Georgia, serif;
    letter-spacing: -.035em;
  }
  #history .chapter-image { left: calc(20 * var(--hu)); top: calc(100 * var(--hu)); width: calc(780 * var(--hu)); height: calc(536.25 * var(--hu)); }
  #history .chapter-copy { left: calc(810 * var(--hu)); top: calc(290 * var(--hu)); width: calc(520 * var(--hu)); }
  #history .chapter-copy > .tiny {
    font: 400 max(10px, calc(17 * var(--history-type-unit)))/1.4 'ABS Park Label', Arial, sans-serif;
    letter-spacing: .16em; color: #a18162;
  }
  #history .chapter-copy .description {
    font: 400 max(16.5px, calc(25 * var(--history-type-unit)))/1.5 'ABS Park Text', Arial, sans-serif;
    letter-spacing: normal; color: #0b4b69; max-width: 29ch;
  }
  #history .chapter-arrow--next { left: calc(740 * var(--hu)); right: auto; }
  #history .chapter-tabs button::before { background: #b59b85; }
}
@media (max-width: 1250px) {
  #history .section-heading h2 { font: 400 clamp(40px, 7.5vw, 72px)/.98 'SPI Bodoni', Georgia, serif; letter-spacing: -.035em; height: auto; }
  #history .chapter-copy > .tiny { font: 400 11.28px/1.4 'ABS Park Label', Arial, sans-serif; letter-spacing: .2em; }
  #history .chapter-copy .description { font: 400 22.56px/1.3 'ABS Park Text', Arial, sans-serif; letter-spacing: normal; color: #0b4b69; }
}
@media (min-width: 1101px) and (max-width: 1250px) {
  #history .section-heading { left: 0; right: 0; top: 0; text-align: center; }
  #history .chapter-image { left: 0; top: calc(220 * var(--hu)); width: calc(700 * var(--hu)); height: calc(500 * var(--hu)); }
  #history .chapter-copy { left: calc(800 * var(--hu)); top: calc(270 * var(--hu)); width: calc(560 * var(--hu)); }
  #history .chapter-arrow--next { left: calc(720 * var(--hu)); right: auto; }
}
@media (max-width: 1100px) {
  #history .chapter-image { padding: 0; aspect-ratio: 1.3; }
}
@media (max-width: 540px) {
  #history .chapter-copy > .tiny { font-size: 10px; letter-spacing: .19em; }
  #history .chapter-copy .description { font-size: 19.74px; line-height: 1.4; }
}

/* Keep the paint behind the photograph and leave clear ivory behind the text. */
@media (min-width: 1251px) {
  #history .abt__art {
    mask-image: linear-gradient(to right, #000 0%, #000 49%, transparent 55%, transparent 74%, #000 85%, #000 100%), linear-gradient(to bottom, transparent, #000 5%, #000 95%, transparent);
    mask-composite: intersect;
  }
}
@media (max-width: 700px) { #history .abt__art { opacity: .35; } }

/* Revised title stays on one line inside the hero-aligned heading column. */
#history .section-heading { container-type: inline-size; }
#history .section-heading h2, #history .history-title-single { white-space: nowrap; }
#history .history-title-single { display: inline; }
#history .section-heading .history-title-single em { display: inline; margin: 0; font: inherit; letter-spacing: inherit; color: #a18162; margin-left: .08em; }
@media (min-width: 1251px) {
  #history .section-heading h2 { font-size: min(calc(108 * var(--history-type-unit)), 12.3cqw); }
}
@media (max-width: 1250px) {
  #history .section-heading h2 { font-size: min(clamp(40px, 7.5vw, 72px), 12.3cqw); }
}

/* Spacing refinement: smaller photo and controls, with one aligned text column. */
#history .chapter-arrow {
  width: 36px;
  height: 36px;
  aspect-ratio: auto;
  background: #faf6ef;
  border-color: #b59b85;
}
#history .chapter-arrow svg { width: 12px; height: 16px; stroke-width: 1.6; }
#history .chapter-copy h3 { white-space: normal; }
#history .chapter-copy .description { max-width: 36ch; }
@media (min-width: 1251px) {
  #history .chapter-image {
    left: calc(60 * var(--hu));
    top: calc(150 * var(--hu));
    width: calc(620 * var(--hu));
    height: calc(426.25 * var(--hu));
  }
  #history .chapter-copy { left: calc(810 * var(--hu)); top: calc(220 * var(--hu)); width: calc(560 * var(--hu)); }
  #history .chapter-copy .year {
    font-size: calc(116 * var(--hu));
    line-height: 1;
    letter-spacing: -.04em;
    margin: calc(14 * var(--hu)) 0 calc(24 * var(--hu));
  }
  #history .chapter-copy h3 { line-height: 1.15; }
  #history .chapter-copy h3::before { width: calc(36 * var(--hu)); margin-bottom: calc(18 * var(--hu)); }
  #history .chapter-copy .description { margin-top: calc(14 * var(--hu)); }
  #history .chapter-arrow {
    top: calc(380 * var(--hu));
    width: clamp(32px, calc(44 * var(--hu)), 48px);
    height: clamp(32px, calc(44 * var(--hu)), 48px);
  }
  #history .chapter-arrow--prev { left: 0; right: auto; }
  #history .chapter-arrow--next { left: calc(700 * var(--hu)); right: auto; }
}
@media (min-width: 1101px) and (max-width: 1250px) {
  #history .chapter-image { left: calc(40 * var(--hu)); top: calc(230 * var(--hu)); width: calc(600 * var(--hu)); height: calc(412.5 * var(--hu)); }
  #history .chapter-copy { left: calc(800 * var(--hu)); top: calc(260 * var(--hu)); width: calc(580 * var(--hu)); }
  #history .chapter-copy .year { font-size: calc(96 * var(--hu)); line-height: 1; margin: calc(12 * var(--hu)) 0 calc(18 * var(--hu)); }
  #history .chapter-copy h3 { font-size: calc(34 * var(--hu)); line-height: 1.15; }
  #history .chapter-copy h3::before { margin-bottom: calc(14 * var(--hu)); }
  #history .chapter-arrow { top: calc(450 * var(--hu)); width: 32px; height: 32px; }
  #history .chapter-arrow--next { left: calc(670 * var(--hu)); right: auto; }
}
@media (max-width: 1100px) {
  #history .chapter-image { width: 90%; max-width: 520px; margin-inline: auto; aspect-ratio: 1502 / 1047; }
  #history .chapter-copy .year { font-size: clamp(56px, 7vw, 76px); line-height: 1; margin: 14px 0 18px; }
  #history .chapter-copy h3 { line-height: 1.15; }
  #history .chapter-arrow { justify-self: center; }
}
@media (max-width: 700px) {
  #history .chapter-copy { padding-inline: 0; }
  #history .chapter-arrow { position: static; left: auto; right: auto; top: auto; transform: none; }
  #history .chapter-arrow--prev { justify-self: start; }
  #history .chapter-arrow--next { justify-self: end; }
}