.history-interactive{padding-top:64px;padding-bottom:32px}.history-interactive>h2{font-size:clamp(1.9rem,4vw,2.8rem);letter-spacing:-.04em;margin:14px 0 36px}.history-steps{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 0 32px}.history-steps:before,.history-steps:after{content:"";position:absolute;top:24px;left:12.5%;height:2px;width:75%;background:#dce4ea;pointer-events:none}.history-steps:after{width:calc(var(--history-progress,0%) * .75);background:#f57c00;transition:width .45s ease}.history-steps button{position:relative;z-index:1;border:0;background:transparent;color:#526675;font:inherit;font-size:.85rem;font-weight:650;cursor:pointer;display:flex;align-items:center;flex-direction:column;gap:12px;padding:0 6px;min-width:0}.history-step-dot{display:grid;place-items:center;width:48px;height:48px;border:1px solid #cfdae2;border-radius:50%;background:#fff;color:#526675;font-size:.8rem;transition:background .25s,box-shadow .25s,transform .25s}.history-steps button[aria-selected=true]{color:#001d31}.history-steps button[aria-selected=true] .history-step-dot{background:#f57c00;border-color:#f57c00;color:#001d31;box-shadow:0 0 0 7px #fff1e3;transform:scale(1.06)}.history-steps .is-past .history-step-dot{background:#001d31;border-color:#001d31;color:#fff}.history-steps button:hover .history-step-dot{box-shadow:0 0 0 6px #eef3f6}.history-panel{display:grid;grid-template-columns:.8fr 1.2fr;border:1px solid #dce4ea;border-radius:18px;overflow:hidden;min-height:330px;background:#f7f9fa;box-shadow:0 14px 40px #001d3109}.history-panel[hidden]{display:none}.history-art{position:relative;background:#001d31;color:#ffac59;padding:28px 32px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:24px 24px}.history-art:after{content:"";position:absolute;border:1px solid #ffffff12;border-radius:50%;width:250px;height:250px;right:-120px;top:-120px;pointer-events:none}.history-chapter{font-size:.65rem;letter-spacing:.2em;color:#becdd7}.history-art svg{width:100%;max-width:240px;height:175px;align-self:center}.history-art svg path{stroke-dasharray:1200;stroke-dashoffset:0;animation:history-draw 1.5s ease both}.history-art-label{font-size:.95rem;letter-spacing:.03em;color:#fff}.history-copy{padding:40px 42px;align-self:center}.history-date{font-size:.8rem;font-weight:750;color:#994700;letter-spacing:.04em}.history-copy h3{font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.18;letter-spacing:-.035em;margin:14px 0 18px;color:#001d31}.history-copy p{line-height:1.8;font-size:1rem;color:#526675;margin:0}.history-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px}.history-controls p{font-size:.82rem;color:#526675;margin:0}.history-controls>div{display:flex;align-items:center;gap:16px}.history-controls button{border:1px solid #cbd7df;background:white;color:#001d31;border-radius:50%;width:44px;height:44px;cursor:pointer;font-size:1.25rem;transition:background .2s}.history-controls button:hover:not(:disabled){background:#fff1e3;border-color:#f57c00}.history-controls button:disabled{opacity:.3;cursor:default}.history-counter{font-size:.75rem;letter-spacing:.08em;white-space:nowrap;font-variant-numeric:tabular-nums}.history-interactive button:focus-visible,.history-panel:focus-visible{outline:3px solid #f57c00;outline-offset:5px}.history-pledge{border-left:3px solid #f57c00;margin:32px 0 0;padding:2px 0 2px 20px;max-width:780px}.history-pledge p{font-size:1rem;color:#526675;line-height:1.7;margin:0}@keyframes history-draw{from{stroke-dashoffset:1200}to{stroke-dashoffset:0}}@media(max-width:650px){.history-interactive{padding-top:40px}.history-steps{margin-bottom:25px}.history-steps button{font-size:.69rem;gap:10px}.history-panel{grid-template-columns:1fr;min-height:0}.history-art{padding:20px 24px;min-height:185px}.history-art svg{height:120px;max-width:180px}.history-art-label{font-size:.85rem}.history-copy{padding:26px 24px;min-height:285px}.history-copy p{font-size:.95rem}.history-controls p{max-width:145px;font-size:.74rem}.history-controls>div{gap:10px}.history-pledge{margin-top:26px}}@media(prefers-reduced-motion:reduce){.history-interactive *,.history-interactive *:after{animation:none!important;transition:none!important}}@media print{.history-panel[hidden]{display:grid}.history-panel{break-inside:avoid;margin-bottom:20px}.history-controls,.history-steps{display:none}}