@charset "UTF-8";

/* Final panel: the line and stones are an exhibition concept, not a historic map. */
.closing-v40{background:#07150f;color:#f2eee2}
.closing-v40-scene{position:relative;isolation:isolate;width:100%;height:100%;min-height:550px;overflow:hidden;background:#06120f url("assets/closing-route-horizon-v40.png") center 54%/cover no-repeat}
.closing-v40-scene::before{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(90deg,rgba(4,17,13,.48) 0%,rgba(4,17,13,.35) 35%,rgba(4,17,13,.08) 65%,rgba(4,17,13,0) 100%),linear-gradient(0deg,rgba(4,16,12,.78) 0%,transparent 27%);pointer-events:none}
.closing-v40-story{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;width:570px;max-width:calc(100% - 100px);height:calc(100% - 66px);padding:43px 0 0;margin-left:7.2%}
.closing-v40-eyebrow{margin:0;color:#dfbd84;font-size:10px;font-weight:700;letter-spacing:.23em}
.closing-v40-story h2{margin:45px 0 0;font:400 clamp(58px,5.8vw,78px)/1.21 var(--serif);letter-spacing:.06em;text-shadow:0 2px 20px rgba(0,0,0,.24)}
.closing-v40-story h2 em{color:#e8c78d;font-style:normal}
.closing-v40-summary{max-width:470px;margin:23px 0 0;color:#c5d1c5;font-size:14px;line-height:1.8;letter-spacing:.04em}
.closing-v40-actions{display:flex;align-items:center;gap:27px;margin-top:33px}
.closing-v40-actions a{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:51px;font-size:12px;letter-spacing:.09em;white-space:nowrap}
.closing-v40-primary{min-width:188px;padding:0 18px;background:#dec28c;color:#193127}
.closing-v40-actions .closing-v40-primary{font-weight:700}
.closing-v40-primary span{font-size:19px;font-weight:400}
.closing-v40-secondary{padding:0 2px;border-bottom:1px solid #b9c6b6;color:#e6e7d9}
.closing-v40-secondary span{color:#d8b77b;font-size:17px}
.closing-v40-actions .closing-v40-secondary:hover{color:#f1ca87}
.closing-v40-actions .closing-v40-primary:hover{background:#f3d7a1;color:#183129}
.closing-v40-footer{position:absolute;z-index:2;right:6.7%;bottom:70px;left:7.2%;display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:14px;border-top:1px solid rgba(216,191,144,.42);color:#b3c4b7;font-size:10px;letter-spacing:.09em}
.closing-v40-footer strong{color:#e6dfc9;font-weight:400;letter-spacing:.2em;white-space:nowrap}
.closing-v40-footer>div{display:flex;align-items:center;gap:15px;white-space:nowrap}
.closing-v40-footer a,.closing-v40-footer summary{color:#e2ca9e}
.closing-v40-footer a:hover,.closing-v40-footer summary:hover{text-decoration:underline}
.closing-v40-footer details{position:relative}
.closing-v40-footer summary{cursor:pointer;list-style:none}
.closing-v40-footer summary::-webkit-details-marker{display:none}
.closing-v40-footer details>div{position:absolute;right:0;bottom:calc(100% + 13px);display:flex;flex-direction:column;gap:10px;min-width:185px;padding:18px;background:#17382b;border:1px solid #82977a;box-shadow:0 10px 30px rgba(0,0,0,.35);white-space:nowrap}
.closing-v40-caption{position:absolute;z-index:1;right:6.7%;bottom:25px;color:#9caa9c;font-size:9px;letter-spacing:.09em}
body.closing-v40-current .site-guide-launcher{display:none}

@media(max-width:850px){
  .closing-v40-story{margin-left:6%;max-width:88%}
  .closing-v40-footer{right:6%;left:6%}
}
@media(max-width:600px){
  .closing-v40-scene{height:auto;min-height:720px;background-position:60% center}
  .closing-v40-scene::before{background:linear-gradient(90deg,rgba(4,17,13,.88),rgba(4,17,13,.42) 65%),linear-gradient(0deg,rgba(4,17,13,.86),transparent 30%)}
  .closing-v40-story{height:auto;padding-top:45px;margin-left:7%;max-width:86%}
  .closing-v40-story h2{margin-top:37px;font-size:51px}
  .closing-v40-summary{font-size:12px}
  .closing-v40-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;width:100%;margin-top:28px}
  .closing-v40-actions a{min-height:45px;font-size:10px}
  .closing-v40-primary{grid-column:1/-1;min-width:0}
  .closing-v40-secondary{gap:5px}
  .closing-v40-footer{right:7%;bottom:76px;left:7%;flex-direction:column;align-items:flex-start;gap:8px}
  .closing-v40-footer>div{flex-wrap:wrap;gap:7px 12px;white-space:normal}
  .closing-v40-caption{right:auto;bottom:28px;left:7%}
}
@media(max-height:590px) and (min-width:601px){
  .closing-v40-scene{min-height:550px}
  .closing-v40-story{padding-top:27px}
  .closing-v40-story h2{margin-top:20px;font-size:56px}
  .closing-v40-summary{margin-top:11px}
  .closing-v40-actions{margin-top:17px}
}