.band{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:40px 0 0;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:var(--line);list-style:none}.band li{padding:22px 24px;background:rgba(var(--bgc),.78)}.band b{display:block;font-size:clamp(30px,9vw,40px);font-weight:300;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.band small{display:block;margin-top:6px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--subtle);hyphens:auto;hyphenate-limit-chars:10 4 4}.tl{--orng-light: color-mix(in srgb, var(--orng) 65%, #fff);display:grid;grid-template-columns:38% 1fr;gap:40px;margin-top:100px}.year{position:sticky;top:34vh;align-self:start;padding-top:10px}.num{position:relative;height:.9em;margin-top:12px;overflow:hidden;font-size:clamp(90px,12vw,190px);font-weight:800;letter-spacing:-.05em;line-height:.9}.num span{position:absolute;top:0;left:0;color:transparent;background-image:linear-gradient(180deg,rgba(var(--fg),.95) 10%,rgba(var(--fg),.12) 95%);-webkit-background-clip:text;background-clip:text}.num.fill span{background-image:linear-gradient(180deg,var(--orng-light),var(--orng))}.ttl{max-width:320px;min-height:3em;margin:22px 0 0;font-size:18px;line-height:1.4;color:var(--muted)}.track{position:relative;padding-left:44px}.line{position:absolute;top:0;bottom:0;left:11px;width:2px;border-radius:2px;background:rgba(var(--fg),.12);view-timeline:--history-line block;view-timeline-inset:calc(45% + 16px) calc(55% - 16px)}.line i{position:absolute;inset:0;border-radius:2px;background:linear-gradient(180deg,var(--orng),var(--orng-light));box-shadow:0 0 18px #f1870099;transform-origin:top;transform:scaleY(var(--line-progress, 0))}@supports (animation-timeline: view()){.line i{animation:history-fill linear both;animation-timeline:--history-line;animation-range:cover 0% cover 100%}}@keyframes history-fill{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.events{margin:0;padding:0;list-style:none}.ev{position:relative;padding-bottom:64px}.ev:before{content:"";position:absolute;top:8px;left:-40px;width:16px;height:16px;border:2px solid rgba(var(--fg),.35);border-radius:50%;background:var(--bg);transition:background-color .3s,border-color .3s,box-shadow .3s,transform .5s var(--spring)}.ev.on:before{border-color:var(--accent-ink);background:var(--orng);box-shadow:0 0 0 6px #f187002e,0 0 22px #f18700b3;transform:scale(1.1)}.date{display:block;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink)}.ev h3{margin:10px 0 0;font-size:clamp(26px,2.6vw,38px);font-weight:800;letter-spacing:-.025em;line-height:1.02;text-transform:uppercase;text-wrap:balance;hyphenate-limit-chars:14 6 5}.ev.big h3{font-size:clamp(32px,3.4vw,52px)}.ev p{max-width:620px;margin:14px 0 0;font-size:16.5px;line-height:1.65;color:rgba(var(--fg),.82)}.facts{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none}.facts li{display:inline-flex;align-items:center;padding:7px 12px;border:1px solid rgba(var(--fg),.2);border-radius:999px;font-size:12px;color:rgba(var(--fg),.86)}.doc{margin-top:18px;white-space:normal;text-align:start}.doc small{font-size:12px;font-weight:500;white-space:nowrap}.ev .vid{max-width:520px;margin-top:22px}.pic{width:100%;max-width:min(520px,var(--w));height:min(320px,var(--h));margin-top:22px;overflow:hidden;border-radius:22px;background:var(--surface)}.pic img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 22%;filter:grayscale(1) contrast(1.05);transition:filter .6s}@media(hover:hover){.pic:hover img{filter:none}}.end{margin-top:40px;padding:44px;border-radius:30px;text-align:center}.end .h2{margin-top:12px;hyphens:manual}.end-text{max-width:560px;margin:16px auto 0;text-wrap:pretty;line-height:1.55;color:var(--muted)}.end-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:26px}:is(.tl,.end) a:focus-visible{outline:2px solid var(--orng);outline-offset:2px}@media(max-width:980px){.band{grid-template-columns:repeat(2,minmax(0,1fr))}.tl{grid-template-columns:1fr}.year{position:relative;top:0}}@media(max-width:900px){.band li{padding:18px 16px}.end{padding:32px 20px}}@media(prefers-reduced-motion:reduce){.line i{animation:none;transform:none}.ev:before,.ev.on:before{border-color:var(--accent-ink);background:var(--orng);box-shadow:0 0 0 6px #f187002e;transform:none}}
