.history-stage{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 10% 15%,#edcc8130,transparent 50%),linear-gradient(145deg,#faf8f2,#f5f0e6);border-radius:24px;padding:50px 34px}.history-stage canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.75}.history-stage .history-list{position:relative;list-style:none;padding:0;margin:0;--timeline-progress:0%}.history-stage .history-list:before,.history-stage .history-list:after{content:"";position:absolute;inset-inline-start:112px;top:25px;width:2px;height:calc(100% - 60px);background:#d8cfbf;z-index:-1}.history-stage .history-list:after{height:var(--timeline-progress);max-height:calc(100% - 60px);background:linear-gradient(#e9c76a,#997132);box-shadow:0 0 14px #d4af5760;transition:height .2s linear}.history-stage .history-list>li{position:relative;display:grid;grid-template-columns:92px 1fr;gap:48px;padding:24px 0 72px;border:0}.history-stage .history-list>li:before{content:"";position:absolute;inset-inline-start:105px;top:41px;width:16px;height:16px;border-radius:50%;background:#faf8f2;border:3px solid #c9bc9f;box-sizing:border-box;transition:background .4s,box-shadow .4s}.history-stage .history-list>li.is-current:before{background:#d7ad4e;border-color:#fff;box-shadow:0 0 0 7px #dec17a33,0 0 25px #cfa54680}.history-stage .history-list>li>span{font-size:38px;font-weight:700;color:#9a7738;line-height:1.2;position:sticky;top:130px;align-self:start}.history-stage .history-list>li>div{padding:28px 30px;background:#ffffffc9;border:1px solid #e7dfd0;border-radius:18px;box-shadow:0 12px 32px #5a432308;backdrop-filter:blur(6px)}.history-stage .history-list h2{font-size:25px!important;line-height:1.45;margin:0 0 16px}.history-stage .history-list p{margin:0;line-height:1.9;color:#5f594e}@media(max-width:650px){.history-stage{padding:25px 15px;border-radius:16px}.history-stage .history-list>li{grid-template-columns:62px 1fr;gap:24px;padding-bottom:40px}.history-stage .history-list>li>span{font-size:25px;top:90px}.history-stage .history-list:before,.history-stage .history-list:after{inset-inline-start:70px}.history-stage .history-list>li:before{inset-inline-start:63px;top:32px}.history-stage .history-list>li>div{padding:20px 16px}.history-stage .history-list h2{font-size:18px!important}.history-stage .history-list p{font-size:13px!important}}@media(prefers-reduced-motion:reduce){.history-stage canvas{display:none}.history-stage .history-list:after{transition:none}}