/* A photographic story, explored by the visitor rather than a timed carousel. */
.history-journey{padding:108px 0 112px;background:#f4f4f4;color:#171717;overflow:hidden;scroll-margin-top:100px}
/* Authored stylesheet variables keep the seven chapters on one rail under
   the production CSP, which blocks style attributes in generated markup. */
.history-journey[data-history-milestones="7"]{--history-milestones:7;--history-initial-progress:.142857143}
.history-journey .wrap{max-width:1460px}
.history-intro{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:end;margin-bottom:52px}
.history-intro .eyebrow{font-size:11px;letter-spacing:.18em;line-height:1.7;margin:0 0 26px;color:#333333}
.history-intro h2{font-size:clamp(42px,4.9vw,73px);font-weight:500;line-height:1.03;letter-spacing:-.055em;color:#171717;margin:0}
.history-intro h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em;color:#747474}
.history-intro-summary{padding-bottom:5px}
.history-intro-summary>p{font-size:18px;line-height:1.75;max-width:600px;color:#5a5a5a;margin:0}
.history-about-link{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;min-height:48px;color:#171717!important;font-size:14px;font-weight:600;border-bottom:1px solid #a4a4a4;margin-top:23px;text-decoration:none}
.history-about-link svg{width:20px;height:20px;transition:transform .35s ease}
.history-about-link:hover svg{transform:translate(3px,-3px)}
.history-film{border:1px solid #d5d5d5}
.history-stage{position:relative;isolation:isolate;height:clamp(560px,42vw,650px);background:#191919;overflow:hidden}
.history-panel{position:absolute;inset:0;opacity:0;z-index:1;transition:opacity .72s cubic-bezier(.22,.61,.36,1);outline-offset:-5px;color:#ffffff;background:#191919}
.history-panel.is-current{opacity:1;z-index:2}
.history-panel.is-leaving{opacity:0;z-index:1;pointer-events:none}
.history-frame{position:absolute;inset:0;margin:0;overflow:hidden}
.history-frame::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#12121205 25%,#14141435 48%,#171717e8 67%,#181818 100%),linear-gradient(0deg,#11111160,transparent 32%);pointer-events:none}
.history-journey .history-image{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--history-image-position,center);filter:none!important;transform:scale(1.045);transition:transform 1.6s cubic-bezier(.22,.61,.36,1);margin:0}
.history-panel.is-current .history-image{transform:scale(1)}
.history-frame figcaption{position:absolute;left:34px;bottom:34px;z-index:2;font-size:11px;letter-spacing:.09em;color:#ffffff;text-transform:uppercase;line-height:1.5;opacity:.7}
.history-panel-copy{position:relative;z-index:3;width:43%;margin-left:auto;min-height:100%;padding:43px 42px 40px 26px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;isolation:isolate}
.history-place{font-size:10px;font-weight:600;letter-spacing:.19em;line-height:1.6;color:#c3c3c3;margin:0 0 auto;min-height:20px}
.history-scene-year{position:absolute;bottom:65px;left:-130%;font-size:clamp(110px,11vw,165px);font-weight:400;line-height:1;letter-spacing:-.065em;color:#ffffff;opacity:.93;z-index:1;pointer-events:none;text-shadow:0 3px 28px #00000044}
.history-period{font-size:12px;letter-spacing:.13em;margin:27px 0 17px;color:#c5c5c5;line-height:1.4}
.history-panel h3{font-size:clamp(32px,3.2vw,47px);line-height:1.12;letter-spacing:-.055em;font-weight:500;color:#ffffff;margin:0 0 25px;max-width:450px;opacity:0;transform:translateY(18px);transition:opacity .55s ease .12s,transform .75s cubic-bezier(.22,.61,.36,1) .12s}
.history-panel h3 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#ededed;letter-spacing:-.04em}
.history-panel-description{font-size:15px;line-height:1.8;color:#c8c8c8;max-width:400px;margin:0 0 35px;opacity:0;transform:translateY(18px);transition:opacity .55s ease .22s,transform .75s cubic-bezier(.22,.61,.36,1) .22s}
.history-panel.is-current h3,.history-panel.is-current .history-panel-description{opacity:1;transform:translateY(0)}
.history-chapter-label{margin-top:auto;font-size:10px;letter-spacing:.17em;line-height:1.5;color:#979797;font-variant-numeric:tabular-nums}
.history-chapter-label>span{margin-inline:9px;opacity:.6}
.history-navigation{display:none;background:#f4f4f4;padding:24px 34px 0;position:relative}
.history-journey.is-ready .history-navigation{display:block}
.history-nav-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px}
.history-nav-caption>span{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#676767;line-height:1.5}
.history-arrows{display:flex;gap:8px}
.history-nav-caption>span{min-width:0;flex:1}.history-arrows{flex-shrink:0}
.history-arrows button{border:1px solid #b7b7b7;background:transparent;color:#1b1b1b;width:42px;height:42px;padding:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;transition:background .25s,color .25s,opacity .25s}
.history-arrows button:disabled{opacity:.3;cursor:default}
.history-arrows button:not(:disabled):hover{background:#1b1b1b;border-color:#1b1b1b;color:#ffffff}
.history-rail{display:grid;grid-template-columns:repeat(var(--history-milestones,6),minmax(0,1fr));gap:0;position:relative}
.history-rail::before{content:'';position:absolute;height:1px;background:#c4c4c4;top:6px;left:0;right:0;pointer-events:none}
.history-tab{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:5px;background:none;border:0;padding:0 10px 23px 0;text-align:left;color:#747474;min-height:93px;cursor:pointer;position:relative;font:inherit;transition:color .35s}
.history-tab-point{position:relative;width:13px;height:13px;border-radius:50%;border:1px solid #aeaeae;background:#f4f4f4;margin-bottom:10px;transition:background .35s,border-color .35s,box-shadow .35s}
.history-tab-period{font-size:14px;line-height:1.4;letter-spacing:-.01em;font-weight:500;color:inherit}
.history-tab-name{font-size:11px;line-height:1.6;white-space:normal;color:inherit;opacity:.8}
.history-tab.is-current{color:#171717}
.history-tab.is-current .history-tab-point{background:#171717;border-color:#171717;box-shadow:0 0 0 5px #1717170c}
.history-tab.is-past .history-tab-point{background:#a3a3a3;border-color:#a3a3a3}
.history-tab:hover{color:#171717}
.history-position{height:2px;background:#d9d9d9;margin-inline:-34px;overflow:hidden}
.history-position>span{display:block;width:100%;height:100%;background:#171717;transform:scaleX(var(--history-initial-progress,.166667));transform-origin:left;transition:transform .72s cubic-bezier(.22,.61,.36,1)}
.history-journey :is(a,button):focus-visible{outline:2px solid currentColor;outline-offset:5px}
.history-panel:focus-visible{outline:2px solid #ffffff;outline-offset:-8px}
.history-tab:focus-visible{outline-offset:3px}
.history-journey .sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.history-static{padding:35px 0 0;font-size:15px;line-height:1.75}
.history-static ol{padding-left:22px;display:grid;gap:18px}
.history-static p{max-width:750px}
.history-static a{display:inline-flex;min-height:44px;align-items:center;color:#171717;text-decoration:underline;text-underline-offset:5px;margin-top:20px}
.history-media-credits{margin-top:14px;font-size:11px;line-height:1.7;color:#727272}
.history-media-credits summary{cursor:pointer;display:flex;align-items:center;justify-content:flex-end;gap:10px;min-height:38px;width:max-content;margin-left:auto;list-style:none}
.history-media-credits summary::-webkit-details-marker{display:none}
.history-media-credits summary::after{content:'+';font-size:17px;line-height:1;transition:transform .25s}
.history-media-credits[open] summary::after{transform:rotate(45deg)}
.history-media-credits>div{border-top:1px solid #d5d5d5;padding:15px 0 0;max-width:780px;margin-left:auto}
.history-media-credits p{margin:0 0 8px;color:inherit;font-size:11px;line-height:1.75}
.history-media-credits a{color:#525252!important;text-decoration:underline;text-underline-offset:3px}
.history-media-credits summary:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.history-journey.is-ready .history-intro{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .9s cubic-bezier(.22,.61,.36,1)}
.history-journey.is-ready .history-film{opacity:.5;clip-path:inset(4% 2%);transform:translateY(24px);transition:opacity .8s ease,clip-path 1.1s cubic-bezier(.22,.61,.36,1),transform 1s cubic-bezier(.22,.61,.36,1)}
.history-journey.is-in-view .history-intro,.history-journey.is-in-view .history-film{opacity:1;transform:translateY(0);clip-path:inset(0)}
@media(min-width:1700px){.history-panel-copy{padding-right:60px;padding-left:40px}.history-panel h3{font-size:51px}.history-panel-description{font-size:17px;max-width:450px}.history-stage{height:650px}}
@media(max-width:1100px){.history-journey{padding-block:88px}.history-intro{gap:6%;margin-bottom:42px}.history-intro-summary>p{font-size:16px}.history-panel-copy{width:46%;padding:35px 28px 34px 20px}.history-frame::after{background:linear-gradient(90deg,#12121205 15%,#14141435 36%,#171717e8 60%,#181818 100%),linear-gradient(0deg,#11111160,transparent 32%)}.history-panel h3{font-size:36px}.history-panel-description{font-size:14px;line-height:1.8;margin-bottom:26px}.history-scene-year{left:-110%;font-size:112px}.history-navigation{padding-inline:25px}.history-position{margin-inline:-25px}}
@media(max-width:760px){
  .history-film{display:flex;flex-direction:column}
  .history-navigation{order:-1;position:sticky;top:84px;z-index:4;border-top:0;border-bottom:1px solid #d5d5d5;background:#f4f4f4}
  .history-journey{padding-block:65px 70px;scroll-margin-top:95px;overflow:visible}
  .history-intro{grid-template-columns:1fr;gap:25px;margin-bottom:33px}
  .history-intro .eyebrow{font-size:10px;margin-bottom:20px;letter-spacing:.15em}
  .history-intro h2{font-size:clamp(42px,9vw,58px);line-height:1.06}
  .history-intro-summary{padding:0}
  .history-intro-summary>p{font-size:15px;line-height:1.75;max-width:570px}
  .history-about-link{margin-top:16px;font-size:13px;min-height:44px;gap:45px}
  .history-stage{height:auto;min-height:0}
  .history-panel{display:flex;flex-direction:column;inset:0;min-height:100%}
  .history-panel.is-current{position:relative}
  .history-frame{position:relative;inset:auto;aspect-ratio:1.7;width:100%;flex:0 0 auto;overflow:hidden}
  .history-frame::after{background:linear-gradient(0deg,#11111188,transparent 65%)}
  .history-frame figcaption{left:22px;bottom:21px;font-size:9px;letter-spacing:.1em}
  .history-panel-copy{width:100%;min-height:340px;padding:29px 27px 27px;margin:0;display:flex;flex-direction:column;justify-content:flex-start}
  .history-place{font-size:9px;letter-spacing:.16em;margin-bottom:18px;min-height:0;color:#a6a6a6;padding-right:60px}
  .history-scene-year{font-size:48px;left:auto;right:25px;top:22px;bottom:auto;color:#d9d9d9;opacity:.45;letter-spacing:-.05em;line-height:1;z-index:-1}
  .history-period{font-size:10px;letter-spacing:.12em;margin:0 0 12px;color:#b8b8b8}
  .history-panel h3{font-size:clamp(30px,7.5vw,40px);line-height:1.13;margin-bottom:20px;max-width:470px}
  .history-panel-description{font-size:14px;line-height:1.75;max-width:570px;margin-bottom:24px;color:#c4c4c4}
  .history-chapter-label{font-size:9px;margin-top:auto}
  .history-navigation{padding:21px 22px 0}
  .history-nav-caption{margin-bottom:17px}
  .history-nav-caption>span{font-size:9px;letter-spacing:.07em;max-width:150px}
  .history-arrows button{width:42px;height:42px}
  .history-rail{grid-template-columns:repeat(var(--history-milestones,6),minmax(67px,1fr));overflow-x:auto;padding:5px 5px 0;margin-inline:-5px;scrollbar-width:thin;scrollbar-color:#a3a3a3 transparent;overscroll-behavior-x:contain;scroll-snap-type:x proximity}
  .history-rail::before{top:11px;left:5px;width:calc(100% - 10px);min-width:calc(var(--history-milestones,6) * 67px - 10px)}
  .history-tab{min-height:90px;padding:0 9px 16px 0;scroll-snap-align:start}
  .history-tab-point{width:12px;height:12px;margin-bottom:9px}
  .history-tab-period{font-size:12px;white-space:normal;max-width:66px;min-height:33px;line-height:1.35;display:flex;align-items:flex-start}
  .history-tab-name{font-size:9px;line-height:1.45;max-width:64px}
  .history-position{margin-inline:-22px;margin-top:8px}
}
@media(max-width:380px){.history-journey .wrap{width:calc(100% - 32px)}.history-panel-copy{padding-inline:22px;min-height:370px}.history-panel h3{font-size:30px}.history-scene-year{right:21px;font-size:44px}.history-navigation{padding-inline:18px}.history-position{margin-inline:-18px}.history-nav-caption>span{font-size:9px;max-width:135px}}
@media(prefers-reduced-motion:reduce){.history-journey .history-intro,.history-journey .history-film{opacity:1!important;transform:none!important;clip-path:none!important}.history-journey :is(.history-panel,.history-image,.history-panel h3,.history-panel-description,.history-tab-point,.history-position>span,.history-about-link svg){transition:none!important}.history-panel.is-current .history-image{transform:none}.history-rail{scroll-behavior:auto}}

/* A quiet archive window, with its only control placed over the image. */
.history-interaction-hint{display:inline-flex;align-items:center;gap:16px;min-height:44px;margin-top:15px;color:#787878;font-size:11px;letter-spacing:.03em}
.history-interaction-hint:before{content:'';width:24px;height:1px;background:currentColor}
.history-archive-frame{width:57%;background:radial-gradient(ellipse at 25% 25%,#424242 0%,#292929 48%,#1b1b1b 100%);display:flex;align-items:center;justify-content:center;padding:24px 24px 56px}
.history-archive-frame:after{background:none}
.history-archive-frame:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 25% 25%,#3e4534 0%,#242b20 48%,#181c17 100%);opacity:0;pointer-events:none;transition:opacity .55s ease}
.history-archive-projector{width:100%;max-width:560px;position:relative;display:flex;flex-direction:column;align-items:stretch}
.history-archive-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;line-height:1.5}
.history-archive-overline{font-size:9px;letter-spacing:.17em;color:#c7c7c7}
.history-archive-date{font-size:9px;letter-spacing:.06em;color:#919191;white-space:nowrap}
.history-archive-window{position:relative;width:100%;padding:10px;background:#292929;overflow:hidden;border:1px solid #ffffff29;border-radius:4px;box-shadow:0 22px 48px #00000038}
.history-archive-projector video{display:block;width:100%;height:auto;aspect-ratio:var(--archive-ratio,704/456);object-fit:contain;background:#181818;border:0;color-scheme:dark;filter:none!important}
.history-archive-control{display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid #ffffff75;border-radius:50%;background:#151515a8;color:#ffffff;cursor:pointer;backdrop-filter:blur(8px);transition:background .25s ease,border-color .25s ease}
.history-archive-sound{position:absolute;right:14px;bottom:14px;z-index:2}
.history-archive-control:hover{background:#151515e0;border-color:#ffffff}
.history-archive-control svg{width:22px;height:22px}
.history-archive-status{margin:0;padding:10px;color:#e4e4e4;font-size:11px;line-height:1.5;text-align:center}
.history-archive-control[hidden],.history-archive-status[hidden]{display:none!important}
.history-archive-projector [data-archive-icon="sound"]{display:none}
.history-archive-projector[data-archive-sound="on"] [data-archive-icon="sound"]{display:block}
.history-archive-projector[data-archive-sound="on"] [data-archive-icon="mute"]{display:none}
.history-archive-control:focus-visible{outline:2px solid #ffffff;outline-offset:4px}
.history-archive-frame figcaption{left:24px;bottom:25px;font-size:9px;letter-spacing:.1em;color:#b5b5b5}
.history-panel-archive .history-scene-year{font-family:Georgia,'Times New Roman',serif;left:auto;right:27px;bottom:36px;font-size:72px;opacity:.09;letter-spacing:-.05em;text-shadow:none}
.history-panel-archive .history-panel-copy{background:#1b1b1b;transition:background-color .55s ease}
.history-panel-archive h3 em{color:#c9c9c9}
@media(hover:hover) and (pointer:fine){.history-journey .history-film:hover .history-archive-frame:before{opacity:1}.history-journey .history-film:hover .history-panel-archive .history-panel-copy{background:#181c17}}
.history-journey .history-panel h3,.history-journey .history-panel-description{transform:translateY(20px);transition:opacity .6s ease .14s,transform .85s cubic-bezier(.22,.61,.36,1) .14s}
.history-journey[data-history-direction="backward"] .history-panel:not(.is-current) h3,.history-journey[data-history-direction="backward"] .history-panel:not(.is-current) .history-panel-description{transform:translateY(-20px)}
.history-journey .history-panel.is-current h3,.history-journey .history-panel.is-current .history-panel-description{transform:translateY(0);opacity:1}
.history-journey .history-panel-description{transition-delay:.24s}
.history-journey .history-image{clip-path:inset(0 4% 0 0);transition:transform 1.6s cubic-bezier(.22,.61,.36,1),clip-path 1.1s cubic-bezier(.22,.61,.36,1)}
.history-panel.is-current .history-image{clip-path:inset(0)}
.history-journey[data-history-direction="backward"] .history-panel:not(.is-current) .history-image{clip-path:inset(0 0 0 4%)}
.history-tab:not(.is-current):hover .history-tab-point{box-shadow:0 0 0 5px #6f6f6f20;background:#b8b8b8}
@media(max-width:1100px){.history-archive-frame{width:54%;padding:26px 20px 56px}.history-archive-overline{font-size:8px;letter-spacing:.1em}.history-archive-date{font-size:8px}.history-archive-heading{gap:8px}.history-archive-frame figcaption{left:20px;font-size:8px}}
@media(max-width:760px){.history-archive-frame{width:100%;aspect-ratio:auto;padding:25px 16px 44px}.history-archive-projector{max-width:500px}.history-archive-window{padding:6px}.history-archive-heading{margin-bottom:12px;padding-inline:3px}.history-archive-overline{font-size:8px;letter-spacing:.1em}.history-archive-frame figcaption{bottom:17px;left:20px;font-size:8px;letter-spacing:.07em}.history-panel-archive .history-scene-year{font-size:61px;right:25px;bottom:21px;top:auto;opacity:.07}}
@media(max-width:380px){.history-archive-frame{padding-inline:12px}.history-archive-heading{gap:7px}.history-archive-overline{letter-spacing:.075em;font-size:7px}.history-archive-date{font-size:7px}.history-archive-frame figcaption{left:15px;font-size:7px}}
@media(prefers-reduced-motion:reduce){.history-journey .history-image{clip-path:none!important}.history-journey .history-panel h3,.history-journey .history-panel-description,.history-archive-control,.history-archive-frame:before,.history-panel-archive .history-panel-copy{transition:none!important}}