@charset "UTF-8";

/* Four adjacent chronology bays extend the cover's dark stone and brass visual language. */
.history-gallery{position:relative;isolation:isolate;min-height:680px;overflow:hidden;background:#0d1812 url("assets/era-gallery-background-v33.png") center 50%/cover no-repeat;color:#f4eedf}
.history-gallery::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(5,19,15,.87),rgba(8,23,19,.26) 19%,transparent 39%,rgba(5,14,12,.1) 59%,rgba(5,14,12,.65));pointer-events:none}
.history-gallery-head{position:absolute;z-index:3;top:25px;left:clamp(27px,4vw,54px);right:clamp(27px,4vw,54px);display:flex;align-items:flex-start;justify-content:space-between;gap:30px;text-shadow:0 4px 18px #04120d}
.history-gallery-head>div>span{display:block;margin-bottom:6px;color:#dfc18a;font-size:10px;font-weight:700;letter-spacing:.19em}
.history-gallery-head h2{margin:0;color:#fbf3df;font:500 clamp(24px,2.7vw,38px)/1.3 var(--serif);letter-spacing:.08em}
.history-gallery-head p{margin:10px 0 0;color:#e8d4aa;font-size:10px;letter-spacing:.14em;text-align:right;white-space:nowrap}
.history-gallery-head p small{display:block;margin-top:7px;color:#c4c6b8;font-size:9px;letter-spacing:.05em}
.history-gallery-bays{position:absolute;z-index:1;inset:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none}
.history-gallery-bay{position:relative;min-width:0;border-right:1px solid rgba(236,202,139,.22)}
.history-gallery-bay:last-child{border-right:0}
.history-gallery-bay::before{content:"";position:absolute;inset:47% 0 0;background:linear-gradient(180deg,transparent,rgba(3,14,12,.58) 55%,rgba(4,15,12,.38));pointer-events:none}
.history-gallery-bay>button{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left;text-shadow:0 2px 10px rgba(0,0,0,.65);transition:background .25s ease,box-shadow .25s ease}
.history-gallery-bay>button:hover,.history-gallery-bay>button:focus-visible{background:linear-gradient(0deg,rgba(231,191,116,.13),transparent 50%);box-shadow:inset 0 0 0 1px rgba(224,193,140,.5)}
.history-gallery-bay>button:focus-visible{outline:2px solid #ead09b;outline-offset:-4px}
.history-gallery-copy{position:absolute;right:clamp(14px,2.8vw,37px);bottom:clamp(44px,9vh,75px);left:clamp(18px,3vw,40px);display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.history-gallery-copy>small{margin-bottom:10px;color:#d4c19d;font-size:9px;letter-spacing:.22em}
.history-gallery-year{display:flex;align-items:baseline;gap:8px;margin:0 0 2px;color:#edc781;font:400 clamp(43px,4.6vw,65px)/1 Georgia,"Times New Roman",serif;letter-spacing:-.035em}
.history-gallery-year em{font:11px/1 var(--sans);color:#d9c79e;letter-spacing:0;font-style:normal}
.history-gallery-copy>strong{margin:11px 0 7px;color:#fff8e9;font:500 clamp(22px,2.2vw,31px)/1.25 var(--serif);letter-spacing:.05em;white-space:nowrap}
.history-gallery-intro{min-height:37px;color:#c8d1c3;font-size:11px;line-height:1.7;letter-spacing:.02em}
.history-gallery-open{display:flex;align-items:center;justify-content:space-between;gap:8px;width:min(100%,170px);margin-top:15px;padding-top:10px;border-top:1px solid rgba(215,186,123,.54);color:#dec08e;font-size:10px;letter-spacing:.08em}
.history-gallery-open b{font-size:16px;font-weight:400}
body.history-gallery-current .site-guide-launcher{display:none}

.history-gallery-detail{width:min(720px,calc(100vw - 40px));max-height:min(80dvh,670px);margin:auto;padding:39px clamp(27px,5vw,55px) 32px;border:1px solid #b29868;background:#f2ede2;color:#24342d;box-shadow:0 25px 80px rgba(0,0,0,.45);overflow:auto}
.history-gallery-detail::backdrop{background:rgba(5,13,11,.76);backdrop-filter:blur(4px)}
.history-gallery-detail[open]{display:block}
.history-gallery-close{position:absolute;top:13px;right:18px;width:34px;height:34px;border:0;background:none;color:#647166;font:28px/1 Georgia,serif;cursor:pointer}
.history-gallery-close:hover,.history-gallery-close:focus-visible{color:#9c7945}
.history-story-meta{display:block;margin-bottom:10px;color:#9b7949;font:600 10px/1.4 Arial,sans-serif;letter-spacing:.17em}
.history-story-year{display:block;margin-bottom:4px;color:#aa8050;font:400 clamp(45px,6vw,72px)/1 Georgia,serif}
.history-gallery-detail h3{margin:0 0 19px;font:500 clamp(33px,4vw,48px)/1.2 var(--serif);letter-spacing:.05em}
.history-gallery-detail p{margin:0 0 24px;color:#526257;font-size:15px;line-height:1.85}
.history-gallery-detail a{display:inline-block;padding-bottom:6px;border-bottom:1px solid #ad9872;color:#8e6b3c;font-size:13px;text-decoration:none}
.history-gallery-detail a:hover,.history-gallery-detail a:focus-visible{color:#264338;border-color:#264338}
.history-gallery-disclaimer{display:block;margin-top:30px;padding-top:15px;border-top:1px solid #d8d3c7;color:#788779;font-size:10px;line-height:1.7}

@media(max-width:1050px){
  .history-gallery-copy{left:clamp(16px,2.3vw,29px);right:clamp(12px,2vw,25px)}
  .history-gallery-intro{font-size:10px}
  body.history-gallery-current .header-inner{gap:14px}
  body.history-gallery-current .site-nav{gap:14px;min-width:0;overflow-x:auto;scrollbar-width:none}
  body.history-gallery-current .site-nav::-webkit-scrollbar{display:none}
  body.history-gallery-current .site-nav a{flex:0 0 auto;font-size:10px;letter-spacing:0}
  body.history-gallery-current .header-link{display:none}
}
@media(max-width:800px){
  .horizontal-track>.history-gallery.horizontal-panel{overflow-y:auto;background:#0c1d16}
  .history-gallery::before{display:none}
  .history-gallery-head{position:relative;top:auto;left:auto;right:auto;min-height:106px;padding:20px 20px 18px;background:#10241e;text-shadow:none}
  .history-gallery-head h2{font-size:28px}
  .history-gallery-head p{font-size:9px}
  .history-gallery-bays{position:relative;inset:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(290px,1fr));min-height:calc(100% - 106px)}
  .history-gallery-bay{overflow:hidden;background-image:url("assets/era-gallery-background-v33.png");background-repeat:no-repeat;background-size:400% auto}
  .history-gallery-bay:nth-child(1){background-position:0% center}
  .history-gallery-bay:nth-child(2){background-position:33.333% center;border-right:0}
  .history-gallery-bay:nth-child(3){background-position:66.667% center;border-top:1px solid rgba(236,202,139,.22)}
  .history-gallery-bay:nth-child(4){background-position:100% center;border-top:1px solid rgba(236,202,139,.22)}
  .history-gallery-bay>button{min-height:290px}
  .history-gallery-copy{bottom:23px;left:20px;right:17px}
  .history-gallery-year{font-size:48px}
  .history-gallery-copy>strong{font-size:24px}
}
@media(max-width:510px){
  .history-gallery-head{padding:18px 15px 14px;min-height:93px;gap:8px}
  .history-gallery-head>div>span{font-size:8px}
  .history-gallery-head h2{font-size:25px}
  .history-gallery-head p{font-size:8px;letter-spacing:0}
  .history-gallery-head p small{font-size:7px}
  .history-gallery-bays{min-height:calc(100% - 93px);grid-template-rows:repeat(2,minmax(270px,1fr))}
  .history-gallery-bay>button{min-height:270px}
  .history-gallery-copy{bottom:16px;left:13px;right:10px}
  .history-gallery-copy>small{font-size:8px;margin-bottom:6px}
  .history-gallery-year{font-size:40px}
  .history-gallery-year em{font-size:9px}
  .history-gallery-copy>strong{margin:8px 0 4px;font-size:20px}
  .history-gallery-intro{min-height:32px;font-size:9px;line-height:1.55}
  .history-gallery-open{margin-top:8px;padding-top:6px;font-size:8px}
  .history-gallery-detail{padding:29px 24px}
  .history-gallery-detail p{font-size:13px}
}
@media(max-height:550px) and (min-width:801px){
  .history-gallery-head{top:12px}
  .history-gallery-head h2{font-size:26px}
  .history-gallery-copy{bottom:17px}
  .history-gallery-copy>small{margin-bottom:4px;font-size:8px}
  .history-gallery-year{font-size:39px}
  .history-gallery-copy>strong{margin:5px 0 3px;font-size:20px}
  .history-gallery-intro{min-height:0;font-size:9px;line-height:1.5}
  .history-gallery-open{margin-top:7px;padding-top:6px;font-size:9px}
}
@media(prefers-reduced-motion:reduce){.history-gallery-bay>button{transition:none}}