@charset "UTF-8";
/* One viewport: each year replaces the complete scene. */
.interior-page[data-page=about]{overflow-anchor:none}
html:has([data-page=about]){scroll-behavior:auto}
.history-scroll{--history-top:200px;--year-step:58px;position:relative;isolation:isolate;min-height:100svh;background:#080c12}
.history-atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#080c12}
.history-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity 500ms ease;z-index:0}
.history-background[data-year="2024"]{filter:brightness(1.45) contrast(.9)}
.history-background.is-active{opacity:1;z-index:2}
.history-background.is-previous{opacity:1;z-index:1}
.history-atmosphere::after{content:"";position:absolute;inset:0;z-index:3;background:linear-gradient(90deg,rgb(0 0 0 / .64),rgb(0 0 0 / .5) 58%,rgb(0 0 0 / .14));mask-image:linear-gradient(#000 48%,rgb(0 0 0 / .2) 82%,transparent 100%)}
.history-shell{position:relative;padding:var(--history-top) 40px 80px 380px}
.history-years{position:absolute;left:0;top:var(--history-top);width:280px;text-align:right;z-index:3}
.history-years-track{display:flex;flex-direction:column;transition:transform 500ms ease;will-change:transform}
.history-year{display:block;flex-shrink:0;height:28px;margin:0 0 30px;font-size:24px;line-height:28px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.035em;color:#fff}
.history-year[aria-current=location]{height:48px;font-size:48px;line-height:48px}
.history-year:focus-visible{outline:1px solid #fff;outline-offset:5px}
.history-chapter{margin-bottom:80px}
.history-copy{max-width:620px;text-shadow:0 2px 8px #0008}
.history-copy h2{margin:0 0 28px;font-size:36px;line-height:48px;font-weight:600;letter-spacing:0;color:#fff;text-wrap:balance}
.history-copy .history-description{margin:0 0 26px;font-size:18px;line-height:32px;letter-spacing:.015em;color:#f0f1f4}
.history-date{display:none}
.history-ready{height:100svh;min-height:0;overflow:clip;touch-action:pan-y pinch-zoom}
.history-ready .history-shell{height:100%;padding:0}
.history-ready .history-chapters{position:absolute;top:var(--history-top);left:380px;right:40px;bottom:45px;max-width:620px}
.history-ready .history-chapter{position:absolute;inset:0;margin:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 500ms ease,visibility 0s linear 500ms;touch-action:pan-y pinch-zoom}
.history-ready .history-chapter.is-active{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
.history-ready:not(.history-animated) .history-chapter,.history-ready:not(.history-animated) .history-background,.history-ready:not(.history-animated) .history-years-track{transition:none!important}
.history-ready .history-chapter:focus-visible{outline:none}
.keyboard-input .history-ready .history-chapter:focus-visible{outline:1px solid #ffffff80;outline-offset:8px}
.history-ready[data-year="2016"] .history-chapter.is-active{overscroll-behavior-y:auto}
@media(max-height:700px) and (min-width:1025px){.history-scroll{--history-top:130px}.history-ready .history-chapters{bottom:30px}}
@media(max-width:1024px){
 .interior-page[data-page=about]{--sidebar-width:0px}
 .history-scroll{--history-top:133px;--year-step:0px;min-height:calc(100svh - 72px)}
 .history-ready{height:calc(100svh - 72px);min-height:0}
 .history-atmosphere::after{background:linear-gradient(180deg,rgb(0 0 0 / .6),rgb(0 0 0 / .52) 65%,transparent 100%);mask-image:none}
 .history-shell{padding:var(--history-top) 45px 40px}
 .history-years{top:48px;width:100%;text-align:left;overflow:clip;height:54px}
 .history-years-track{width:max-content;flex-direction:row;align-items:baseline;gap:16px}
 .history-year{width:auto;height:20px;line-height:20px;font-size:14px;margin:0;white-space:nowrap}
 .history-year[aria-current=location]{height:44px;line-height:44px;font-size:36px}
 .history-ready .history-chapters{top:var(--history-top);left:45px;right:45px;bottom:40px;max-width:none}
 .history-copy{max-width:680px}
 .history-copy h2{font-size:32px;line-height:42px;margin-bottom:24px}
 .history-copy .history-description{font-size:17px;line-height:30px}
}
@media(max-width:600px){
 .history-shell{padding-left:28px;padding-right:28px}
 .history-ready .history-chapters{left:28px;right:28px}
 .history-copy h2{font-size:28px;line-height:38px;margin-bottom:22px;letter-spacing:0}
 .history-copy .history-description{font-size:16px;line-height:29px;margin-bottom:24px}
}
@media(max-width:359px){.history-copy h2{font-size:26px;line-height:36px}}
@media(max-height:500px) and (max-width:1024px){
 .history-scroll{--history-top:82px}
 .history-years{top:12px}
 .history-ready .history-chapters{bottom:20px}
}
@media(prefers-reduced-motion:reduce){.history-background,.history-years-track,.history-chapter{transition:none!important}}