.history-content{--history-gold:#b18b4b;--history-ink:#34312c;--history-muted:#81796c;--history-top:105px;background:#fff;color:var(--history-ink);padding-bottom:60px}
.history-content *{box-sizing:border-box}
.history-content [hidden]{display:none!important}
.history-container{width:calc(100% - 112px);max-width:1440px;margin-inline:auto}
.history-introduction{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:90px;padding:75px 0 48px}
.history-eyebrow{font-size:12px;letter-spacing:.15em;color:#a5844c;margin-bottom:18px}
.history-introduction h2{font:400 clamp(32px,3.4vw,48px)/1.4 Georgia,'Songti SC',serif;margin:0}
.history-introduction>p{font-size:17px;line-height:1.95;color:#7a756c;max-width:660px;margin:0}
.history-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:0 35px;background:#fff;padding:20px 0}
.history-stage-heading{grid-column:1;display:flex;justify-content:space-between;border-top:1px solid #d8c9ac;padding:24px 0;font-size:13px;letter-spacing:.08em;color:#99805b}
.history-year-nav{grid-column:2;grid-row:1/4;align-self:stretch;display:flex;flex-direction:column;align-items:center;padding:14px 0 20px}
.history-year-window{width:100%;height:350px;overflow:hidden;position:relative;margin:auto 0;mask-image:linear-gradient(transparent,#000 13%,#000 87%,transparent)}
.history-year-track{position:relative;padding:145px 0;transition:transform .55s cubic-bezier(.22,1,.36,1)}
.history-year-track::before{content:'';position:absolute;left:14px;top:145px;bottom:145px;width:1px;background:#e1d7c5}
.history-year-track a{position:relative;display:flex;align-items:center;gap:17px;height:50px;padding-left:9px;color:#a29b8d;font-size:14px;font-variant-numeric:tabular-nums;transition:color .3s,font-size .3s}
.history-year-dot{width:11px;height:11px;border-radius:50%;border:1px solid #ccbaa0;background:#fff;flex-shrink:0;transition:box-shadow .3s,background .3s}
.history-year-track a[aria-current=true]{color:#98713b;font-size:21px;font-weight:600}
.history-year-track a[aria-current=true] .history-year-dot{background:#b28d50;box-shadow:0 0 0 5px #b28d501a;border-color:#b28d50}
.history-year-select{font-family:inherit;font-size:14px;color:#8e713f;background:#fff;border:1px solid #d6c29b;border-radius:999px;padding:8px 12px;width:90px;margin-top:18px}
.history-panels{grid-column:1;grid-row:2;min-width:0}
.history-year{min-width:0;scroll-margin-top:calc(var(--history-top) + 75px);outline:none}
.history-event{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(28px,4vw,65px);align-items:center;margin:0 0 45px}
.history-photo{height:clamp(280px,43vh,440px);min-width:0;border-radius:20px;margin:0;background:linear-gradient(135deg,#f6f5f2,#fff);overflow:hidden;border:1px solid #e7e3db}
.history-photo button{position:relative;display:block;width:100%;height:100%;padding:12px;background:transparent;cursor:zoom-in}
.history-photo img{display:block;width:100%;height:100%;object-fit:contain;transition:scale .7s cubic-bezier(.22,1,.36,1)}
.history-expand{position:absolute;bottom:16px;right:16px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#fff9;border:1px solid #d5c09a80;backdrop-filter:blur(12px);color:#846331;transition:background .3s}
.history-copy{min-width:0;padding:16px 0}
.history-date{font:400 clamp(64px,6.5vw,98px)/1 Georgia,serif;letter-spacing:-.045em;color:#b18b4b;margin:0 0 23px}
.history-rule{display:block;width:44px;height:3px;background:linear-gradient(90deg,#ab8445,#dfc68f);border-radius:3px;margin-bottom:24px}
.history-copy h3{font-size:clamp(19px,1.65vw,25px);font-weight:500;line-height:1.85;letter-spacing:.015em;color:#474238;margin:0;overflow-wrap:anywhere}
.history-subtitle,.history-body{font-size:16px;line-height:1.9;color:#7a756c;margin-top:16px;overflow-wrap:anywhere}
.history-body p{margin-bottom:12px}
.history-event-controls{display:none;align-items:center;gap:20px;margin-top:24px;padding-bottom:18px}
.history-event-count{font-size:12px;color:#a18f71;display:flex;gap:16px;align-items:center}
.history-event-count>span{color:#725e3d;font-variant-numeric:tabular-nums}
.history-event-dots{display:flex;gap:8px;margin-left:auto}
.history-event-dots button{position:relative;width:26px;height:30px;padding:0;background:transparent;cursor:pointer}
.history-event-dots button::before{content:'';position:absolute;left:6px;right:6px;top:13px;height:3px;background:#ddd4c4;border-radius:3px;transition:background .25s}
.history-event-dots button[aria-pressed=true]::before{background:#aa8245}
.history-arrows{display:flex;gap:8px}
.history-arrows button{display:grid;place-items:center;width:40px;height:40px;border:1px solid #c9b58d80;border-radius:50%;background:#fff;color:#96713a;cursor:pointer;transition:background .25s,translate .25s}
.history-stage-footer{grid-column:1;grid-row:3;display:flex;align-items:center;gap:30px;border-bottom:1px solid #e9e2d7;padding:22px 0 25px;font-size:12px;color:#a08b66;letter-spacing:.06em}
.history-stage-footer>span:first-child>span{display:inline-block;margin-right:9px;font-size:18px}
.history-progress{height:2px;flex:1;background:#eae4d9;position:relative;overflow:hidden}
.history-progress>span{display:block;width:100%;height:100%;background:#b18b4b;transform:scaleX(var(--history-progress,0));transform-origin:left;transition:transform .2s linear}
.history-year-count{font-variant-numeric:tabular-nums;color:#877049}
.history-outro{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #eee6d8;margin-top:65px;padding-top:35px}
.history-outro>p{color:#7e7565;font-size:18px}
/* Enhancement preserves an ordinary, complete document when JS is unavailable. */
.history-ready .history-events{display:grid}
.history-ready .history-event{grid-area:1/1;visibility:hidden;pointer-events:none;margin:0}
.history-ready .history-event.is-active{visibility:visible;pointer-events:auto}
.history-ready .history-event-controls{display:flex}
.history-frame{position:relative;isolation:isolate}
.history-pinned .history-frame{position:sticky;top:0}
.history-pinned .history-panels{display:grid}
.history-pinned .history-year{grid-area:1/1;visibility:hidden;pointer-events:none}
.history-pinned .history-year:not(.is-current) .history-event{visibility:hidden;pointer-events:none}
.history-pinned .history-year.is-current{visibility:visible;pointer-events:auto}
.history-flow .history-stage{display:block}
.history-flow .history-year{padding:45px 0;border-bottom:1px solid #e7dfd0}
.history-flow .history-year-nav{position:sticky;top:var(--history-top);z-index:10;display:flex;flex-direction:row;gap:16px;background:#fffffff2;border-bottom:1px solid #e4d8c1;backdrop-filter:blur(16px);padding:8px 0}
.history-flow .history-year-window{height:48px;overflow-x:auto;mask-image:none;scrollbar-width:none}
.history-flow .history-year-track{display:flex;width:max-content;gap:3px;padding:0;transform:none!important}
.history-flow .history-year-track::before{display:none}
.history-flow .history-year-track a{height:46px;padding:0 10px;font-size:14px;gap:0}
.history-flow .history-year-track a[aria-current=true]{font-size:16px}
.history-flow .history-year-dot{display:none}
.history-flow .history-year-select{margin:0;flex-shrink:0}
.history-content :is(a,button,select):focus-visible{outline:2px solid #b18b4b;outline-offset:4px}
@media(hover:hover) and (pointer:fine){.history-photo button:hover img{scale:1.025}.history-photo button:hover .history-expand{background:#fff}.history-arrows button:hover{background:#f2e6d0;translate:0 -2px}.history-year-track a:hover{color:#98713b}}
@media(max-width:1100px){.history-container{width:calc(100% - 64px)}.history-introduction{gap:40px}.history-stage{gap:0 25px}.history-copy h3{font-size:20px}.history-event{gap:30px}.history-event-count{gap:8px}.history-event-controls{gap:10px}}
@media(max-width:850px){.history-container{width:calc(100% - 40px)}.history-introduction{grid-template-columns:1fr;gap:22px;padding:48px 0 20px}.history-introduction>p{font-size:16px}.history-event{grid-template-columns:1fr;gap:25px}.history-copy{grid-row:1;padding:0}.history-date{font-size:57px;margin-bottom:14px}.history-rule{margin-bottom:16px;width:32px}.history-copy h3{font-size:20px;line-height:1.8}.history-photo{height:auto;aspect-ratio:4/3}.history-photo button{padding:8px}.history-event-controls{flex-wrap:wrap;gap:8px}.history-event-count{font-size:11px}.history-event-dots{gap:0}.history-arrows{margin-left:auto}.history-arrows button{width:36px;height:36px}.history-stage-footer{gap:14px;letter-spacing:0}.history-stage-footer>span:first-child{max-width:190px}.history-outro{margin-top:30px;flex-wrap:wrap}.history-content{padding-bottom:40px}}
@media(prefers-reduced-motion:reduce){.history-content *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.history-journey{height:auto!important}.history-pinned .history-frame{position:static}.history-year-nav,.history-event-controls,.history-stage-footer{display:none!important}.history-ready .history-panels,.history-ready .history-events{display:block}.history-ready .history-year,.history-ready .history-event{visibility:visible!important;pointer-events:auto!important}.history-event{break-inside:avoid;margin-bottom:30px!important}}
/* The original cover and the timeline now share one immersive stage. */
.history-content{background:#101611;color:#f7f3eb;--history-gold:#dcbb7e;--history-ink:#f7f3eb;--history-muted:#c9c2b5;padding-bottom:45px}
.history-journey{position:relative;isolation:isolate;overflow:clip;width:100%;margin:0;--history-header:84px;--history-side:max(32px,calc((100vw - 1440px)/2))}
.history-backdrop{position:absolute;inset:0;width:100%;height:100%;margin:0;z-index:-1;pointer-events:none;overflow:hidden;background:#19231c}
.history-backdrop picture,.history-backdrop img{display:block;width:100%;height:100%}
.history-backdrop img{object-fit:cover;object-position:center}
.history-backdrop::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0c1511c9,#101611a8 55%,#0d1713dc),linear-gradient(180deg,#0c141041,transparent 48%,#0b140fba)}
.history-stage{z-index:1;min-height:100svh;padding:calc(var(--history-header) + 28px) var(--history-side) 25px;background:transparent;grid-template-rows:auto 1fr auto;align-content:center;gap:22px 36px}
.history-introduction{grid-column:1/3;grid-row:1;grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);gap:50px;align-items:center;padding:0 0 24px;border-bottom:1px solid #d9c79b3b;width:100%;margin:0}
.history-eyebrow{font-size:11px;letter-spacing:.19em;color:#dec38e;margin:0 0 12px}
.history-introduction h1{font:400 clamp(30px,3vw,44px)/1.3 Georgia,'Songti SC',serif;color:#f5e9d0;margin:0}
.history-introduction>p{font-size:15px;line-height:1.85;color:#dfdcd2;max-width:680px;text-shadow:0 1px 12px #0003}
.history-year-nav{grid-row:2/4;padding:0 0 6px}
.history-panels{align-self:center}
.history-year-window{height:320px}
.history-year-track::before{background:#e2cca54a}
.history-year-track a{color:#d7d0c2}
.history-year-dot{background:#172219;border-color:#c9b38499}
.history-year-track a[aria-current=true]{color:#f1ce8c}
.history-year-track a[aria-current=true] .history-year-dot{background:#ebc883;border-color:#ebc883;box-shadow:0 0 0 5px #e4c08524,0 0 15px #e4c08533}
.history-year-select{color:#f3d9a7;border-color:#d9c29866;background:#ffffff0d;backdrop-filter:blur(16px)}
.history-year-select option{background:#1e2a22;color:#f3d9a7}
.history-event{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(28px,4vw,62px)}
.history-photo{height:clamp(220px,37vh,400px);background:#ffffff10;border:1px solid #ead7b445;border-radius:20px;box-shadow:0 20px 55px #0003;backdrop-filter:blur(18px)}
.history-photo button{padding:10px}
.history-expand{background:#19221ab8;color:#f2d59f;border-color:#f3d79e66}
.history-copy{padding:0}
.history-date{font-size:clamp(62px,6vw,92px);color:#e3c185;margin-bottom:20px;text-shadow:0 4px 25px #0002}
.history-copy h3{color:#f3f0e8;font-size:clamp(19px,1.55vw,24px);line-height:1.85;font-weight:500;text-shadow:0 2px 18px #0005}
.history-subtitle,.history-body{color:#ded8c9}
.history-rule{background:linear-gradient(90deg,#d7af69,#f4dba5);margin-bottom:22px}
.history-event-controls{margin-top:18px;padding-bottom:0}
.history-event-count,.history-event-count>span{color:#e1cda7}
.history-event-dots button::before{background:#f5dfb64a}
.history-event-dots button[aria-pressed=true]::before{background:#edcc8a}
.history-arrows button{color:#f2d8a8;border-color:#dbc19080;background:#ffffff0d;backdrop-filter:blur(12px)}
.history-stage-footer{border-color:#dbc7993b;padding:14px 0 12px;color:#dec79f;gap:25px}
.history-progress{background:#ead3a82b}
.history-progress>span{background:#e5bf7c}
.history-year-count{color:#eed9b4}
.history-outro{margin-top:0;padding-top:36px;border-color:#d5bb8533}
.history-outro>p{color:#cfc4af}
/* Background and content share one sticky frame and leave the viewport together. */
.history-flow .history-backdrop{position:sticky;inset:auto;top:0;height:100svh;margin-bottom:-100svh}
.history-flow .history-stage{padding-top:calc(var(--history-header) + 20px)}
.history-flow .history-year-nav{top:var(--history-top);background:#17211bed;border-color:#d5bb8540;backdrop-filter:blur(18px)}
.history-flow .history-year{border-color:#d5bb853d}
.history-flow .history-introduction{display:grid}
@media(hover:hover) and (pointer:fine){.history-year-track a:hover{color:#f6d797}.history-arrows button:hover{background:#d9b97830}.history-photo button:hover .history-expand{background:#253125}}
@media(min-width:851px) and (max-height:780px){.history-stage{padding-top:calc(var(--history-header) + 16px);padding-bottom:16px;gap:16px 30px}.history-introduction{padding-bottom:16px;gap:35px}.history-introduction h1{font-size:32px}.history-introduction>p{font-size:14px;line-height:1.7}.history-eyebrow{margin-bottom:8px}.history-photo{height:31vh}.history-date{font-size:64px;margin-bottom:14px}.history-copy h3{font-size:19px;line-height:1.7}.history-rule{margin-bottom:16px}.history-year-window{height:260px}.history-stage-footer{padding:10px 0}.history-event-controls{margin-top:12px}}
@media(max-width:850px){
 .history-journey{--history-side:20px}
 .history-stage{padding-bottom:24px}
 .history-introduction{grid-template-columns:1fr;gap:14px;padding-bottom:20px}
 .history-introduction h1{font-size:31px}
 .history-introduction>p{font-size:14px;line-height:1.8}
 .history-eyebrow{font-size:10px;margin-bottom:9px}
 .history-event{grid-template-columns:1fr;gap:22px}
 .history-flow .history-year{padding:28px 0 35px}
 .history-copy h3{font-size:18px;line-height:1.8}
 .history-date{font-size:53px;margin-bottom:13px}
 .history-rule{margin-bottom:16px}
 .history-photo{height:auto;aspect-ratio:4/3}
 .history-stage-footer{gap:14px;padding-top:25px}
 .history-flow .history-year-window{height:46px}
}
@media print{.history-backdrop{display:none}.history-content{background:#fff;color:#333}.history-stage{padding:20px;min-height:0}.history-introduction h1,.history-copy h3,.history-date,.history-introduction>p{color:#333}.history-photo{background:#fff}}
@media(max-width:850px){.history-flow .history-year-nav{border-radius:14px;padding-inline:8px}}
@media(max-width:600px) and (max-height:780px){.history-flow .history-stage{padding-top:calc(var(--history-header) + 12px)}.history-introduction{gap:10px;padding-bottom:12px}.history-introduction>p{line-height:1.65}.history-flow .history-year{padding-top:20px}.history-date{font-size:48px}.history-rule{margin-bottom:12px}.history-event{gap:16px}}