.history{--progress:0;color:#edf0f4;background:#080a0d;padding:clamp(50px,8vw,120px) 0 0;margin-top:80px;isolation:isolate}.history-heading{text-align:center;max-width:750px;margin:0 auto 100px;padding:0 24px}.history-logo{width:175px;height:auto;margin:0 auto 40px}.history .eyebrow{font-size:10px;letter-spacing:.22em;color:#9aa8b7}.history-heading h2{font-size:clamp(54px,7vw,104px);line-height:.98;letter-spacing:-.06em;margin:28px 0}.history-heading h2 span{color:#aab5c2}.history-subtitle{font-size:clamp(20px,2.5vw,30px);margin:28px 0}.history-intro{color:#9ca6b2;line-height:1.8;max-width:590px;margin:auto}.history-scroll{display:flex;align-items:center;flex-direction:column;gap:22px;margin-top:50px;font-size:9px;letter-spacing:.25em;color:#a9b5c2}.history-scroll i{height:70px;width:1px;background:linear-gradient(#e4edf6,transparent)}
.history-track{position:relative;padding:20px 0}.history-track:before,.history-track:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;z-index:-1;background:#28303a}.history-track:after{background:linear-gradient(#748a9f,#e5f1ff);transform:scaleY(var(--progress));transform-origin:top;box-shadow:0 0 12px #bddeff65}
.history-step{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;margin-bottom:100px}.history-step:last-child{margin-bottom:0}.history-node{position:absolute;top:50%;left:50%;width:42px;height:42px;transform:translate(-50%,-50%);display:grid;place-items:center;border:1px solid #485563;border-radius:50%;color:#98a9ba;background:#10161d;transition:box-shadow .5s,color .5s,border-color .5s}.history-node svg{width:21px;height:21px}.history-card{grid-column:1;grid-row:1;border:1px solid #ffffff18;border-radius:22px;overflow:hidden;background:linear-gradient(135deg,#1c232aaf,#0d1116e8);box-shadow:0 24px 60px #0003;backdrop-filter:blur(10px);transition:border-color .5s,opacity .7s,transform .7s}.history-step:nth-child(even) .history-card{grid-column:2}.history-era{grid-column:2;grid-row:1;padding-left:10px;transition:opacity .8s,transform .8s}.history-step:nth-child(even) .history-era{grid-column:1;text-align:right;padding:0 10px 0 0}.history-era>span{display:block;font-size:clamp(66px,8vw,125px);letter-spacing:-.075em;line-height:1;font-weight:300;color:#687584;transition:color .5s}.history-era small{display:block;margin-top:16px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#9da9b7}.history-media{position:relative;margin:0;aspect-ratio:16/10;overflow:hidden;background:#121820}.history-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s ease}.history-media figcaption{position:absolute;bottom:0;left:0;right:0;padding:30px 22px 16px;background:linear-gradient(transparent,#000b);font-size:11px;color:#e1e7ee}.history-archive{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:radial-gradient(ellipse at 50% 25%,#35465855,transparent 66%),linear-gradient(145deg,#1b232c,#090d12)}.history-archive:after{content:"";position:absolute;inset:14px;border:1px solid #ffffff0a;border-radius:12px}.history-art svg{width:70px;height:70px;color:#bbcbdc;filter:drop-shadow(0 0 18px #abc9e52a)}.history-archive-label{font-size:12px;letter-spacing:.14em;color:#cbd5df;text-align:center;z-index:1}.history-archive-year{position:absolute;font-size:120px;line-height:1;bottom:-24px;right:12px;letter-spacing:-.08em;color:#ffffff04;pointer-events:none}.history-copy{padding:30px}.history-date{display:flex;gap:12px;justify-content:space-between;align-items:center;font-size:11px;color:#b4c5d6;margin:0 0 20px}.history-date>span{font-size:8px;text-transform:uppercase;letter-spacing:.1em;border:1px solid #ffffff23;border-radius:20px;padding:5px 8px}.history-copy h3{font-size:clamp(22px,2.4vw,32px);line-height:1.15;letter-spacing:-.025em;margin:0 0 18px}.history-description{font-size:15px;line-height:1.8;color:#b7bfc9;margin:0}.history-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:0;border-top:1px solid #ffffff1c;padding:18px 0 0;margin-top:24px;color:#dce5ee;font:inherit;font-size:11px;cursor:pointer;text-align:left}.history-plus{font-size:22px;line-height:1;transition:transform .35s}.history-toggle[aria-expanded=true] .history-plus{transform:rotate(45deg)}.history-toggle:focus-visible,.history-original:focus-visible{outline:2px solid #d7e9fb;outline-offset:6px}.history-panel{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .45s ease,opacity .35s ease}.history-panel.is-open{grid-template-rows:1fr;opacity:1}.history-panel-inner{overflow:hidden;min-height:0}.history-panel-inner p{border-top:1px solid #ffffff12;padding-top:20px;margin:20px 0 0;color:#aebaca;font-size:14px;line-height:1.85}.history-original{display:inline-block;color:#e0eaf4;font-size:12px;padding:18px 0 2px}.history .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.history-step.is-current .history-node{color:#edf5ff;border-color:#c3d9ef;box-shadow:0 0 0 7px #c3d9ef09,0 0 28px #a6d2ff40}.history-step.is-current .history-era>span{color:#d6e0eb}.history-step.is-current .history-card{border-color:#b4cde94a}.history-step.is-current .history-media img{transform:scale(1.035)}.history.enhanced .history-step:not(.is-seen) .history-card{opacity:.15;transform:translateX(-24px)}.history.enhanced .history-step:nth-child(even):not(.is-seen) .history-card{transform:translateX(24px)}.history.enhanced .history-step:not(.is-seen) .history-era{opacity:.1;transform:translateY(20px)}.history-step.is-current .history-art svg{animation:history-breathe 5s ease-in-out infinite}.history-ending{text-align:center;padding:100px 20px 0}.history-ending-year{font-size:12px;letter-spacing:.22em;color:#94a8ba}.history-ending h3{font-size:clamp(32px,5vw,60px);line-height:1.1;letter-spacing:-.04em;margin:28px 0 40px}.history-ending img{display:block;margin:0 auto;width:150px;height:auto}.history-continuation{display:block;position:relative;margin:45px auto 0;width:1px;height:120px;background:linear-gradient(#9aaaba,transparent);overflow:hidden}.history-continuation:after{content:"";position:absolute;top:-30px;left:0;width:1px;height:35px;background:#fff;box-shadow:0 0 12px #d5eaff;animation:history-forward 3s ease-in-out infinite}@keyframes history-forward{to{transform:translateY(170px);opacity:0}}@keyframes history-breathe{50%{transform:translateY(-4px)}}
@media(max-width:760px){.history{margin-top:45px;padding-top:50px}.history-heading{margin-bottom:60px;padding:0 6px}.history-heading h2{font-size:56px}.history-track{padding-left:28px}.history-track:before,.history-track:after{left:7px}.history-step{display:block;margin-bottom:55px}.history-node{left:-21px;top:32px;width:28px;height:28px}.history-node svg{width:15px;height:15px}.history-era,.history-step:nth-child(even) .history-era{padding:0 0 20px;text-align:left}.history-era>span{font-size:56px}.history-era small{margin-top:8px;font-size:10px}.history-card{border-radius:16px}.history-copy{padding:24px 20px}.history-copy h3{font-size:25px}.history-date{flex-wrap:wrap;font-size:11px}.history-description{font-size:14px}.history-media{aspect-ratio:4/3}.history-art svg{width:60px;height:60px}.history.enhanced .history-step:not(.is-seen) .history-card,.history.enhanced .history-step:nth-child(even):not(.is-seen) .history-card{transform:translateY(14px)}.history-step.is-current .history-art svg{animation:none}.history-ending{padding-top:60px}.history-intro{font-size:14px}}
@media(prefers-reduced-motion:reduce){.history *,.history *:before,.history *:after{animation:none!important;transition:none!important}.history.enhanced .history-step .history-card,.history.enhanced .history-step .history-era{opacity:1!important;transform:none!important}.history-step.is-current .history-media img{transform:none}}
.history-media-contain{background:#000;padding-bottom:38px}.history-media-contain img{object-fit:contain}.history-step.is-current .history-media-contain img{transform:none}.history-media-contain figcaption{padding:10px 16px;background:#000;font-size:10px}
/* Touch-controlled time travel, scoped to the company history. */
.history-era>span{transform-origin:left center}.history-step:nth-child(even) .history-era>span{transform-origin:right center}.history-step.is-current .history-card{box-shadow:0 0 0 1px #cde3ff12,0 18px 65px #b6d9ff12}.history-photo-open{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:zoom-in}.history-photo-open>span{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:36px;height:36px;border:1px solid #ffffff55;border-radius:50%;background:#0008;color:white;font-size:20px}.history-lightbox{position:fixed;inset:0;margin:auto;width:min(94vw,1100px);max-width:94vw;max-height:94dvh;border:1px solid #ffffff35;border-radius:20px;background:#090c10;padding:48px 18px 16px;color:#e8eef5;box-shadow:0 30px 100px #0009}.history-lightbox::backdrop{background:#000e;backdrop-filter:blur(8px)}.history-lightbox img{display:block;max-width:100%;height:auto;max-height:75dvh;object-fit:contain;margin:auto}.history-lightbox p{text-align:center;font-size:12px;margin:16px 0 0}.history-lightbox>button{position:absolute;top:4px;right:8px;width:44px;height:44px;background:none;border:0;color:white;font-size:32px;cursor:pointer}.history-photo-open:focus-visible,.history-lightbox button:focus-visible{outline:2px solid #d6e8ff;outline-offset:3px}@media(max-width:760px){.history-step:nth-child(even) .history-era>span{transform-origin:left center}}

.history-drag-help{text-align:center;color:#aab8c7;font-size:12px;line-height:1.7;margin:0 auto 42px;max-width:360px}.history-node{cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;padding:0;width:44px;height:44px;z-index:2}.history-node svg{pointer-events:none}.history-node.is-grabbed{cursor:grabbing;box-shadow:0 0 0 9px #d5e9ff18,0 0 40px #bfdaff60!important;border-color:#fff;transform:translate(-50%,-50%) scale(1.15)}.history-node:focus-visible{outline:2px solid #fff;outline-offset:5px}@media(max-width:760px){.history-node{width:44px;height:44px}.history-node svg{width:19px;height:19px}}
/* One centered vertical timeline on every screen size. */
.history-track{max-width:720px;margin-inline:auto;padding:20px 0}.history-track:before,.history-track:after{left:50%}.history-step{display:block;padding-top:78px;margin-bottom:64px}.history-node{left:50%;top:28px}.history-era,.history-step:nth-child(even) .history-era{text-align:center;padding:0 0 30px;background:#080a0d}.history-era>span,.history-step:nth-child(even) .history-era>span{transform-origin:center}.history-card{width:100%;background:#11161c}.history.enhanced .history-step:not(.is-seen) .history-card,.history.enhanced .history-step:nth-child(even):not(.is-seen) .history-card{transform:translateY(18px)}@media(max-width:760px){.history-track{padding-left:0}.history-step{padding-top:70px;margin-bottom:42px}.history-era,.history-step:nth-child(even) .history-era{padding-bottom:24px}.history-node{left:50%;top:26px}}@media(prefers-reduced-motion:reduce){.history.enhanced .history-step:not(.is-seen) .history-card{transform:none}}
