.history-intro{padding:84px 0 96px;background:#fff;color:#111827}
.history-intro__inner{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(48px,7vw,110px);width:min(1180px,calc(100% - 48px));margin:0 auto}
.history-intro h2{max-width:430px;margin:0;font-size:clamp(32px,3.6vw,50px);font-weight:730;letter-spacing:-.035em;line-height:1.1}
.history-intro h2:before{display:block;width:54px;height:3px;margin:0 0 24px;background:var(--orange);content:""}
.history-intro__copy{max-width:680px;color:#3d4653;font-size:16px;line-height:1.75}
.history-intro__copy p{margin:0}
.history-intro__copy p+p{margin-top:20px}
@media(max-width:760px){.history-intro{padding:56px 0 64px}.history-intro__inner{display:block;width:calc(100% - 32px)}.history-intro h2{max-width:none;margin-bottom:26px;font-size:clamp(30px,7vw,40px)}.history-intro__copy{font-size:15px;line-height:1.65}.history-intro__copy p+p{margin-top:18px}}
.history-explorer{padding:76px 0 88px;background:#f8f9fa}
.history-explorer__shell{width:min(1450px,calc(100% - 40px));margin:0 auto}
.history-explorer__heading{margin:0 18px 32px}
.history-explorer__eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:18px;color:var(--orange);font-size:12px;font-weight:700;letter-spacing:.25em;text-transform:uppercase}
.history-explorer__eyebrow:before,.history-explorer__eyebrow:after{content:"";display:block;width:33px;height:1px;background:var(--orange)}
.history-explorer__heading h2{max-width:980px;margin:0;color:#111827;font-size:clamp(32px,3.55vw,55px);font-weight:740;letter-spacing:-.035em;line-height:1.08}
.history-explorer__frame{display:grid;grid-template-columns:minmax(270px,300px) minmax(0,1fr);min-height:620px;overflow:hidden;border:1px solid #e5e8eb;border-radius:20px;background:#fff;box-shadow:0 18px 44px rgba(17,24,39,.1)}
.history-explorer__rail{height:620px;min-width:0;overflow:hidden;border-right:1px solid #e3e7eb;background:#fff}
.history-explorer__rail-scroll{position:relative;height:100%;overflow-y:auto;padding:29px 18px 30px 0;scrollbar-color:#c6ccd3 transparent;scrollbar-width:thin}
.history-explorer__rail-tree{position:relative;min-height:100%}
.history-explorer__rail-tree:before{position:absolute;top:var(--history-line-top,37px);bottom:var(--history-line-bottom,37px);left:35px;width:1px;background:#c7cdd4;content:"";pointer-events:none}
.history-explorer__year{position:relative;display:grid;width:100%;grid-template-columns:minmax(0,1fr) 15px;align-items:center;gap:10px;min-height:74px;padding:12px 5px 12px 76px;border:0;background:transparent;color:#111827;font:inherit;text-align:left;cursor:pointer}
.history-explorer__year>span:nth-child(2){min-width:0}
.history-explorer__year strong{font-size:18px;font-weight:750;line-height:1.1}
.history-explorer__rail-dot{position:absolute;z-index:1;top:50%;left:27px;width:17px;height:17px;border:2px solid #8b97a4;border-radius:50%;background:#fff;transform:translateY(-50%)}
.history-explorer__group.is-active .history-explorer__year .history-explorer__rail-dot{border-color:#fff;background:var(--orange);box-shadow:0 0 0 2px var(--orange)}
.history-explorer__group.is-active .history-explorer__year strong{color:var(--orange)}
.history-explorer__expand{width:11px;height:11px;position:relative;color:#8993a0}
.history-explorer__expand:before,.history-explorer__expand:after{position:absolute;top:5px;left:0;width:11px;height:1.5px;background:currentColor;content:""}
.history-explorer__expand:after{transform:rotate(90deg)}
.history-explorer__group.is-active .history-explorer__expand:after{display:none}
.history-explorer__children{display:grid;gap:1px;margin:0 0 18px 76px}
.history-explorer__child{position:relative;min-height:30px;padding:6px 6px 6px 24px;border:0;background:transparent;color:#7d8793;font:inherit;font-size:12px;line-height:1.3;text-align:left;cursor:pointer}
.history-explorer__child:before{position:absolute;z-index:1;top:50%;left:1px;width:9px;height:9px;border:1.5px solid #9da6b1;border-radius:50%;background:#fff;content:"";transform:translateY(-50%)}
.history-explorer__child:after{position:absolute;top:50%;left:-41px;width:48px;height:1px;background:#c7cdd4;content:"";pointer-events:none}
.history-explorer__child.is-active{color:#16202d;font-weight:700}
.history-explorer__child.is-active:before{border-color:var(--orange);background:var(--orange)}
.history-explorer__child.is-active:after{background:var(--orange)}
.history-explorer__year:hover,.history-explorer__child:hover{color:var(--orange)}
.history-explorer button:focus-visible,.history-explorer__stage:focus-visible{outline:3px solid var(--orange);outline-offset:-3px}
.history-explorer__stage{position:relative;min-width:0;min-height:620px;overflow:hidden;background:#e8eaec}
.history-explorer__slide{position:relative;display:flex;align-items:center;min-height:620px;overflow:hidden;background:#dfe4e7}
.history-explorer__slide[hidden],.history-explorer__children[hidden]{display:none!important}
.history-explorer__photo{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.history-explorer__slide:after{position:absolute;inset:0;z-index:1;background:rgba(12,18,27,.76);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);-webkit-mask-image:linear-gradient(90deg,#000 0%,transparent 62%);mask-image:linear-gradient(90deg,#000 0%,transparent 62%);content:"";pointer-events:none}
.history-explorer__slide--no-image{background:linear-gradient(130deg,#f6f7f8,#dde3e7)}
.history-explorer__photo-placeholder{position:absolute;right:9%;bottom:12%;color:#8b96a2;font-size:18px}
.history-explorer__content{position:relative;z-index:2;width:min(410px,52%);margin-left:clamp(26px,4vw,63px);padding:48px 8px 48px 0}
.history-explorer__slide-year{display:flex;align-items:center;gap:20px;color:var(--orange);font-size:17px;font-weight:750;line-height:1.2}
.history-explorer__slide-year:after{width:52px;height:2px;background:var(--orange);content:""}
.history-explorer__content h3{margin:22px 0 20px;color:#fff;font-size:clamp(32px,3.3vw,50px);font-weight:760;letter-spacing:-.035em;line-height:1.06;-webkit-text-stroke:.4px rgba(85,91,99,.75);text-shadow:0 1px 3px rgba(0,0,0,.42)}
.history-explorer__description{max-width:355px;color:#fff;font-size:17px;line-height:1.5;-webkit-text-stroke:.25px rgba(85,91,99,.65);text-shadow:0 1px 2px rgba(0,0,0,.55)}
.history-explorer__description p{margin:0 0 14px}
.history-explorer__description p:last-child{margin-bottom:0}
.history-explorer__step-controls{position:absolute;z-index:4;top:28px;right:26px;bottom:28px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}
.history-explorer__step-controls button{display:grid;width:48px;height:48px;place-items:center;border:0;border-radius:50%;background:#fff;color:#293445;font:inherit;font-size:28px;line-height:1;box-shadow:0 5px 18px rgba(20,30,40,.18);cursor:pointer;pointer-events:auto}
.history-explorer__step-controls button:disabled{opacity:.45;cursor:default}
.history-explorer__step-controls button:not(:disabled):hover{color:var(--orange)}
.history-explorer__gallery{position:absolute;z-index:3;right:92px;bottom:29px;display:flex;align-items:center;gap:9px;padding:5px 9px;border-radius:999px;background:rgba(22,31,43,.68);color:#fff;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.2;white-space:nowrap}
.history-explorer__gallery button{display:grid;width:28px;height:28px;place-items:center;border:0;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;font:inherit;font-size:24px;line-height:1;cursor:pointer}
.history-explorer__gallery button:hover{background:var(--orange)}
.history-explorer__gallery-count{min-width:54px;text-align:center}
.history-explorer__empty{margin:0;padding:35px;border-radius:16px;background:#fff;color:#5d6674}
@media (hover:hover) and (pointer:fine){
  .history-explorer__slide:after{opacity:0;transition:opacity .45s ease}
  .history-explorer__content{opacity:0;transform:translateX(-28px);transition:opacity .35s ease,transform .45s ease}
  .history-explorer__step-controls,.history-explorer__gallery{opacity:0;visibility:hidden;transition:opacity .35s ease,visibility 0s linear .45s}
  .history-explorer__frame:is(:hover,:has(:focus-visible)) .history-explorer__slide:after,
  .history-explorer__frame:is(:hover,:has(:focus-visible)) .history-explorer__content,
  .history-explorer__frame:is(:hover,:has(:focus-visible)) .history-explorer__step-controls,
  .history-explorer__frame:is(:hover,:has(:focus-visible)) .history-explorer__gallery{opacity:1;visibility:visible;transform:none;transition-delay:0s}
}
@media (prefers-reduced-motion:reduce){
  .history-explorer__slide:after,.history-explorer__content,.history-explorer__step-controls,.history-explorer__gallery{transition:none}
}
@media(max-width:1050px){.history-explorer__frame{grid-template-columns:260px minmax(0,1fr)}.history-explorer__content{width:min(370px,58%)}.history-explorer__description{font-size:15px}}
@media(max-width:760px){.history-explorer{padding:58px 0 64px}.history-explorer__shell{width:calc(100% - 28px)}.history-explorer__heading{display:block;margin:0 3px 25px}.history-explorer__heading h2{font-size:clamp(30px,7vw,42px)}.history-explorer__heading>p{margin:14px 0 0}.history-explorer__frame{display:flex;flex-direction:column}.history-explorer__rail{height:210px;border-right:0;border-bottom:1px solid #e3e7eb}.history-explorer__rail-scroll{padding-top:12px;padding-bottom:15px}.history-explorer__stage{min-height:500px;flex:none}.history-explorer__slide{display:block;min-height:500px}.history-explorer__slide:after{background:rgba(12,18,27,.83);-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 88%);mask-image:linear-gradient(180deg,#000 0%,transparent 88%)}.history-explorer__content{width:calc(100% - 88px);margin-left:25px;padding:26px 0 120px}.history-explorer__content h3{margin:14px 0;font-size:36px}.history-explorer__description{font-size:15px}.history-explorer__step-controls{top:18px;right:17px;bottom:18px}.history-explorer__step-controls button{width:39px;height:39px;font-size:24px}.history-explorer__gallery{right:69px;bottom:20px}}
@media(max-width:440px){.history-explorer__stage,.history-explorer__slide{min-height:550px}.history-explorer__content h3{font-size:31px}.history-explorer__description{font-size:14px}.history-explorer__gallery{right:65px}.history-explorer__heading>p{font-size:13px}}
