/* Only about.html loads these overrides. */
.stats-band b > span[data-count] { font-size: .5em; }
:root { --indigo-900: #15408b; }
.about-history { position: relative; overflow: hidden; isolation: isolate; background: var(--paper-2); padding: 92px 0 104px; }
.history-inner { position: relative; z-index: 1; }
.about-history .sec-head { margin-bottom: 64px; }
.about-history .sec-head h2 { color: #15408b; }
.history-ring { position: absolute; width: clamp(340px, 43vw, 620px); max-width: none; height: auto; pointer-events: none; user-select: none; opacity: .28; z-index: 0; }
.history-ring-start { left: 0; top: 42px; transform: translateX(-50%); }
.history-ring-end { right: 0; bottom: 38px; transform: translateX(50%); }
 .history-timeline { list-style: none; width: min(980px, 100%); margin: 0 auto; padding: 0; position: relative; }
.history-item { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 80px minmax(0, 1fr); grid-template-rows: auto auto; padding-bottom: 48px; }
.history-item::before { content: ''; position: absolute; left: 50%; transform: translateX(-50%); top: 25px; bottom: -25px; width: 1px; background: #15408b; }
.history-item:last-child { padding-bottom: 0; }
.history-item:last-child::before { display: none; }
.history-item time { grid-column: 1; grid-row: 1; font-family: var(--font-accent); font-size: 38px; font-weight: 400; color: #15408b; line-height: 1.35; text-align: right; font-variant-numeric: tabular-nums; margin-bottom: 10px; }
.history-dot { grid-column: 2; grid-row: 1; width: 11px; height: 11px; border: 2px solid #15408b; border-radius: 50%; background: var(--paper-2); justify-self: center; margin-top: 20px; position: relative; box-shadow: 0 0 0 6px var(--paper-2); }
.history-item:last-child .history-dot { background: #15408b; }
.history-copy { grid-column: 1; grid-row: 2; text-align: right; padding: 0; }
.history-item:nth-child(even) time, .history-item:nth-child(even) .history-copy { grid-column: 3; text-align: left; }
.history-stage { display: block; color: var(--cinnabar); font-size: 13px; letter-spacing: .2em; margin-bottom: 4px; }
.history-copy h3 { font-size: 21px; color: #15408b; line-height: 1.6; margin-bottom: 10px; }
.history-copy p { font-size: 16px; line-height: 1.9; color: #525e70; max-width: 520px; }
@media (max-width: 600px) {
 .about-history { padding: 62px 0 72px; }
 .about-history .sec-head { margin-bottom: 40px; }
 .history-item::before { top: 18px; bottom: -18px; }
 .history-item { grid-template-columns: minmax(0, 1fr) 32px minmax(0, 1fr); padding-bottom: 34px; }
 .history-item time { font-size: 27px; }
 .history-dot { margin-top: 13px; width: 9px; height: 9px; box-shadow: 0 0 0 4px var(--paper-2); }
 .history-copy { padding: 0; overflow-wrap: anywhere; }
 .history-copy h3 { font-size: 16px; margin-bottom: 7px; }
 .history-copy p { font-size: 14px; }
 .history-ring { width: 300px; opacity: .15; }
 .history-ring-start { top: 20px; }
 .history-ring-end { bottom: 22px; }
}

/* Right-edge bird ornament, with two thirds visible. */
.history-crane { position: absolute; right: 0; top: 36%; width: clamp(320px, 39vw, 560px); max-width: none; height: auto; transform: translate(33.333%, -50%); opacity: .18; pointer-events: none; user-select: none; z-index: 0; }
@media (max-width: 600px) { .history-crane { width: 270px; top: 37%; opacity: .12; } }