/* Five chronological milestones from the approved history proposal. */
.canvas.s08 { display:block; aspect-ratio:auto; padding:0; }
.history-overview { padding:36px 3.875% 36px; }
.history-heading-row {
  display:grid; grid-template-columns:minmax(0,1fr) 24%;
  align-items:center; gap:24px; margin-bottom:38px;
}
.history-kicker {
  margin:0 0 24px; color:#8990a5; font-size:11px;
  line-height:1.4; font-weight:600; letter-spacing:.14em;
}
.history-kicker span { color:#2924e8; }
.history-heading {
  margin:0; font-size:4.8cqw; line-height:1.04; font-weight:800;
  letter-spacing:-.035em; word-spacing:.06em; text-transform:uppercase; overflow-wrap:normal;
}
.history-heading>span { display:block; white-space:nowrap; }
.history-heading em { color:#2924e8; font-style:normal; }
.history-heading b { color:#ff4b0a; font-weight:inherit; }
.history-ornament { display:block; width:100%; height:auto; }
.history-list {
  display:grid; grid-template-columns:repeat(5,minmax(0,1fr));
  gap:2.6cqw; list-style:none; margin:0; padding:0;
  border-top:1px solid #b7b9ff;
}
.history-card { position:relative; min-width:0; padding-top:22px; }
.history-card::before {
  content:""; position:absolute; top:-6px; left:0; width:11px; height:11px;
  border:1px solid #2924e8; border-radius:50%; background:white;
}
.history-date {
  margin:0 0 4px; font-size:3cqw; line-height:1.1;
  font-weight:800; letter-spacing:-.035em; white-space:nowrap;
}
.history-current .history-date { color:#2924e8; }
.history-description {
  margin:0 0 18px; min-height:2.8em; font-size:1.5cqw;
  line-height:1.4; letter-spacing:0;
}
.history-photo { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:cover; }
.history-continuity {
  position:relative; margin:36px 0 0; padding:18px 0 0 26px;
  border-top:1px solid #b7b9ff; font-size:18px; line-height:1.5;
}
.history-continuity::before {
  content:""; position:absolute; left:0; top:26px; width:10px; height:10px; background:#ff4b0a;
}
.history-continuity strong { color:#2924e8; font-weight:600; }
@media(max-width:1100px) and (min-width:901px) {
  .history-kicker { margin-bottom:18px; font-size:10px; }
  .history-heading-row { gap:18px; margin-bottom:28px; }
  .history-card { padding-top:18px; }
  .history-description { font-size:1.55cqw; }
  .history-continuity { font-size:16px; }
}
@media(max-width:900px) {
  .history-overview { padding:40px 22px; }
  .history-heading-row { grid-template-columns:minmax(0,1fr) 22%; gap:16px; margin-bottom:32px; }
  .history-heading { font-size:clamp(27px,4.75vw,42px); line-height:1.08; }
  .history-kicker { font-size:10px; margin-bottom:18px; }
  .history-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 26px; border:0; }
  .history-card { padding-top:18px; border-top:1px solid #b7b9ff; }
  .history-date { font-size:32px; }
  .history-description { font-size:16px; min-height:2.8em; margin-bottom:16px; }
  .history-continuity { margin-top:30px; font-size:16px; }
}
@media(max-width:560px) {
  .history-heading-row { display:block; }
  .history-ornament { display:none; }
  .history-heading { font-size:clamp(22px,6.5vw,36px); }
  .history-list { display:block; }
  .history-card {
    border-top:0; border-left:1px solid #b7b9ff;
    padding:0 0 28px 21px; margin:0;
  }
  .history-card:last-child { padding-bottom:0; }
  .history-card::before { top:11px; left:-6px; }
  .history-date { font-size:30px; }
  .history-description { min-height:0; }
  .history-continuity { padding-left:23px; }
}