.history-scene{--tl-line:rgba(145,174,226,.2);--tl-glow:rgba(77,151,255,.5);--tl-blue:#3182f6;--tl-well:#060e1c;--tl-gap:clamp(calc(30px + var(--grow) * .0141),3.4vw,calc(58px + var(--grow) * .0272));--tl-entry-pad:clamp(16px,2.2vh,24px);--tl-node-top:calc(var(--tl-entry-pad) + 12px);padding:calc(var(--header-height) + 190px) 0 110px}.history-scene-inner{width:var(--hero-wrap);margin:0 auto}.history-head{margin-bottom:clamp(44px,7vh,88px)}.history-head h1{margin:clamp(18px,2.6vh,28px) 0 0;font-size:clamp(calc(30px + var(--grow) * .0117),4vw,calc(62px + var(--grow) * .0242));font-weight:600;line-height:1.2;letter-spacing:-.05em;word-break:keep-all}.history-stage{display:grid;column-gap:clamp(calc(28px + var(--grow) * .0131),4vw,calc(72px + var(--grow) * .0337));grid-template-columns:minmax(0,.58fr) minmax(0,1fr)}@media(min-width:1101px){.history-stage .history-yearmark-window{font-size:8.33vw}}.history-aside{position:sticky;top:calc(var(--header-height) + clamp(36px,8vh,92px));align-self:start}.history-yearmark{pointer-events:none}.history-yearmark-window{position:relative;height:1em;overflow:hidden;font-family:var(--font-mono);font-size:clamp(calc(96px + var(--grow) * .0375),10.5vw,calc(160px + var(--grow) * .0625));font-weight:600;line-height:1;letter-spacing:-.03em}.history-yearmark-year{position:absolute;top:0;left:0;display:block;width:100%;background:linear-gradient(180deg,#a6c9ffd1,#3182f6b8 56%,#3182f633);color:#3182f6b8;opacity:0;transform:translateY(102%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:transform .52s var(--ease-expo),opacity .42s ease}.history-yearmark-year.is-past{opacity:0;transform:translateY(-102%)}.history-yearmark-year.is-current{opacity:1;transform:translateY(0)}.history-track{position:relative}.history-rail{position:absolute;top:var(--tl-rail-top,0);left:0;width:2px;height:var(--tl-rail-h,100%);border-radius:2px;background:var(--tl-line)}.history-rail-lead{position:absolute;bottom:100%;left:0;width:100%;height:clamp(56px,8vh,104px);background:linear-gradient(180deg,#3182f600,#3182f680);opacity:0;transform:scaleY(.12);transform-origin:top;transition:opacity .6s ease,transform .9s var(--ease-expo)}.history-scene.is-started .history-rail-lead{opacity:1;transform:scaleY(1)}.history-rail-progress{position:absolute;top:0;right:0;bottom:0;left:0;transform:scaleY(var(--tl-p,0));transform-origin:top;border-radius:inherit;opacity:.5;background:linear-gradient(180deg,rgba(49,130,246,.28) 0%,var(--tl-blue) 100%)}.history-rail-spark{position:absolute;top:0;left:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:#e6f1ff;opacity:0;transform:translateY(var(--tl-lead,0px));box-shadow:0 0 10px 2px #4d97ffb3,0 0 26px 7px #3182f64d;transition:opacity .4s ease,box-shadow .45s ease}.history-scene.is-started .history-rail-spark{opacity:1}.history-stage.is-live .history-rail-spark{transition:opacity .4s ease,box-shadow .45s ease,transform .52s var(--ease-expo)}.history-stage.is-live .history-rail-progress{transition:transform .52s var(--ease-expo)}.history-stage.is-turning .history-rail-spark{box-shadow:0 0 14px 3px #96c5ffd9,0 0 38px 12px #3182f66b}.history-node{position:absolute;top:var(--tl-node-top);left:1px;width:9px;height:9px;border-radius:50%;background:#91aee266;transform:translate(-50%,-50%);transition:background .45s ease,border-color .45s ease,box-shadow .45s ease}.history-node:after{position:absolute;top:50%;left:50%;width:100%;height:100%;border:1px solid rgba(120,177,255,.55);border-radius:50%;opacity:0;transform:translate(-50%,-50%);content:""}.history-chapter li.is-milestone>.history-node{width:15px;height:15px;border:2px solid rgba(145,174,226,.5);background:var(--tl-well)}.history-chapter-year>.history-node{top:.6em;width:21px;height:21px;border:2px solid rgba(145,174,226,.38);background:var(--tl-well)}.history-chapter{padding:0 0 clamp(26px,4vh,52px)}.history-chapter+.history-chapter{padding-top:clamp(34px,5vh,70px)}.history-chapter-year{position:relative;margin:0 0 clamp(16px,2.2vh,26px);padding-left:var(--tl-gap);color:#9fbee88c;font-family:var(--font-mono);font-size:clamp(calc(14px + var(--grow) * .0055),1.1vw,calc(17px + var(--grow) * .0066));font-weight:600;line-height:1.2;letter-spacing:.28em;transition:color .5s ease}.history-chapter.is-active .history-chapter-year{color:#cfe2ff}.history-chapter ol{margin:0;padding:0;list-style:none}.history-chapter li{position:relative;display:grid;align-items:baseline;column-gap:clamp(calc(16px + var(--grow) * .0075),2vw,calc(34px + var(--grow) * .0159));grid-template-columns:calc(46px + var(--grow) * .0216) minmax(0,1fr);padding:var(--tl-entry-pad) 0 var(--tl-entry-pad) var(--tl-gap);border-bottom:1px solid rgba(145,174,226,.12)}.history-chapter time{color:#7aafff;font-family:var(--font-mono);font-size:calc(12px + var(--grow) * .0047);font-weight:600;letter-spacing:.1em}.history-chapter li:after{position:absolute;bottom:-1px;left:var(--tl-gap);width:0;height:1px;background:var(--tl-blue);content:"";transition:width .32s var(--ease-expo)}.history-chapter p{margin:0;color:#fff;font-size:clamp(calc(14px + var(--grow) * .0055),1.1vw,calc(17px + var(--grow) * .0066));font-weight:500;line-height:1.6;letter-spacing:-.015em;word-break:keep-all}.history-chapter li.is-milestone p{font-weight:700}.history-scene.has-history-motion .history-chapter li time,.history-scene.has-history-motion .history-chapter li p{opacity:.42;transition:opacity .5s var(--ease-expo),transform .5s var(--ease-expo),color .5s ease}.history-scene.has-history-motion .history-chapter li.is-reached time,.history-scene.has-history-motion .history-chapter li.is-reached p{opacity:.55}.history-scene.has-history-motion .history-chapter li.is-active time,.history-scene.has-history-motion .history-chapter li.is-active p{opacity:1;transform:translate(-6px)}.history-scene.has-history-motion .history-chapter li.is-active p{transform:translate(-6px) scale(1.02);transform-origin:left center}.history-chapter li.is-active time{color:#a9cdff}.history-chapter li.is-reached>.history-node{background:var(--tl-blue)}.history-chapter li.is-milestone.is-reached>.history-node{border-color:var(--tl-blue);background:var(--tl-well)}.history-chapter.is-reached .history-chapter-year>.history-node{border-color:#3182f6b3}.history-chapter li.is-active>.history-node{background:#a8ccff;box-shadow:0 0 0 5px #3182f626,0 0 16px 3px var(--tl-glow)}.history-chapter li.is-milestone.is-active>.history-node{border-color:#9cc6ff;background:var(--tl-blue);box-shadow:0 0 0 6px #3182f626,0 0 20px 4px var(--tl-glow)}.history-chapter li.is-lit>.history-node:after{animation:history-pulse 1s cubic-bezier(.16,1,.3,1) 1}@keyframes history-pulse{0%{opacity:.7;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(3.4)}}@media(hover:hover){.history-scene.has-history-motion .history-chapter li:not(.is-active):hover time,.history-scene.has-history-motion .history-chapter li:not(.is-active):hover p{opacity:1;transform:translate(-3px)}.history-chapter li:hover:after{width:calc(44px + var(--grow) * .0206)}.history-chapter li:not(.is-active):hover>.history-node{background:#7fb6ff;box-shadow:0 0 0 4px #3182f61f,0 0 12px 2px #4d97ff66}.history-chapter li.is-milestone:not(.is-active):hover>.history-node{border-color:#7fb6ff;background:var(--tl-well)}}@media(max-width:1000px){.history-stage{grid-template-columns:minmax(0,1fr)}.history-aside{display:contents}.history-yearmark{position:sticky;z-index:3;align-self:start;top:var(--header-height);margin:0 0 clamp(10px,1.8vh,18px) -16px;padding:clamp(10px,1.6vh,18px) 0 clamp(16px,2.4vh,26px) 16px}.history-yearmark-window{font-size:clamp(calc(44px + var(--grow) * .0172),9vw,calc(68px + var(--grow) * .0266))}}@media(max-width:580px){.history-scene{--tl-gap:calc(24px + var(--grow) * .0112);--tl-node-top:calc(var(--tl-entry-pad) + 12px)}.history-chapter li{grid-template-columns:38px minmax(0,1fr)}.history-yearmark-window{font-size:clamp(calc(40px + var(--grow) * .0156),11.5vw,calc(58px + var(--grow) * .0227))}.history-chapter-year{letter-spacing:.2em}.history-yearmark-year{transform:translateY(36%);transition:transform .34s var(--ease-expo),opacity .28s ease}.history-yearmark-year.is-past{transform:translateY(-36%)}.history-yearmark-year.is-current{transform:translateY(0)}}@media(max-width:640px){.history-yearmark{display:none}.history-chapter+.history-chapter{padding-top:clamp(28px,4vh,40px)}.history-chapter-year{margin-bottom:8px;background:linear-gradient(180deg,#a6c9ffe6,#3182f6cc 70%,#3182f673);font-size:clamp(34px,10vw,42px);letter-spacing:-.03em;line-height:1.1;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.history-chapter-year>.history-node{top:.55em;-webkit-text-fill-color:initial}}@media(prefers-reduced-motion:reduce){.history-scene.has-history-motion .history-chapter li time,.history-scene.has-history-motion .history-chapter li p,.history-scene.has-history-motion .history-chapter li.is-reached time,.history-scene.has-history-motion .history-chapter li.is-reached p,.history-scene.has-history-motion .history-chapter li.is-active time,.history-scene.has-history-motion .history-chapter li.is-active p{opacity:1;transform:none;transition:none}.history-yearmark-year{transition:none}.history-rail-lead{opacity:1;transform:none;transition:none}.history-rail-progress{transform:scaleY(1);transition:none}.history-rail-spark{display:none}.history-chapter li:after{transition:none}.history-chapter li.is-lit>.history-node:after{animation:none}}
