/* Temporary digit reels over the existing founding year, month and day. */
.history-year strong.year-roll-active { position: relative; background: none; -webkit-text-fill-color: currentColor; }
.history-year .year-roll-original { color: inherit; font: inherit; line-height: inherit; letter-spacing: inherit; opacity: 0; }
.history-year .year-roll-visual { position: absolute; top: -.1em; left: 0; display: inline-flex; color: inherit; font: inherit; line-height: 1; letter-spacing: inherit; pointer-events: none; }
.history-year .year-roll-slot { display: block; flex: 0 0 auto; width: 1ch; height: 1em; margin-right: -.035em; overflow: hidden; color: inherit; font: inherit; line-height: 1; letter-spacing: inherit; }
.history-year .year-roll-track { display: block; width: 100%; color: inherit; font: inherit; line-height: 1; letter-spacing: inherit; animation: founded-year-roll var(--year-roll-duration) cubic-bezier(.12,.65,.12,1) var(--year-roll-delay) both; will-change: transform; }
.history-year .year-roll-digit { display: block; width: 100%; height: 1em; margin: 0; color: #fff; background: linear-gradient(180deg, #fff 12%, #cde0ee 54%, #81a8c5 100%); font: inherit; line-height: 1; letter-spacing: inherit; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.history-year [data-date-roll] { display: inline-block; color: inherit; font: inherit; line-height: inherit; letter-spacing: inherit; vertical-align: baseline; }
.history-year [data-date-roll].year-roll-active { position: relative; }
.history-year [data-date-roll] .year-roll-visual { top: .325em; }
.history-year [data-date-roll] .year-roll-slot { margin-right: .16em; }
.history-year [data-date-roll] .year-roll-digit { color: inherit; background: none; -webkit-text-fill-color: currentColor; }
@keyframes founded-year-roll { from { transform: translateY(0); } to { transform: translateY(calc(var(--year-roll-steps) * -1em)); } }
@media (prefers-reduced-motion: reduce) {
    .history-year .year-roll-visual { display: none; }
    .history-year .year-roll-original { opacity: 1; }
    .history-year .year-roll-track { animation: none; }
}