/* The home introduction and history share the same sea and persistent player. */
#main[hidden],#history-page[hidden],#history-empty[hidden]{display:none!important}
.desktop-nav a[aria-current=page]{color:#edf6f9}
.desktop-nav a[aria-current=page]:after{opacity:.85;transform:scaleX(1)}
.history-cta{display:inline-flex;justify-content:center;align-items:center;gap:25px;padding:14px 28px;border:1px solid #a5bdc8aa;background:#08162355;font-size:13px;color:#e0edf3;transition:background .2s}
.history-cta:hover{background:#1a394d}
body.history-mode{background:#030d18}
body.history-mode .story-light{opacity:.25}
body.history-mode #ocean-dust{opacity:.2}
body.history-mode #descent-particles{display:none}
body.history-mode .site-header{background:linear-gradient(#030b16e0,#030b1600)}
#history-page{position:relative;z-index:4;min-height:85svh;padding-bottom:90px}
.history-hero{min-height:380px;padding:155px 24px 76px;text-align:center;background:linear-gradient(#030c1670,#030c1650 60%,#030d18),url('assets/starlit-shore-1672.webp') center 43%/cover}
.history-hero h1{font:400 clamp(34px,4.6vw,62px)/1.5 var(--voice-font);letter-spacing:-.025em;margin:14px 0;color:#edf2f4}
.history-hero>p:last-child{font:400 clamp(15px,1.7vw,22px)/1.8 var(--voice-font);color:#c6d6e1}
.history-content{max-width:1120px;margin:auto;padding:0 40px}
.history-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #8ca7b423}
.history-years{display:flex;gap:30px}
.history-years button{padding:17px 4px;border-bottom:1px solid transparent;font-size:15px;color:#a9bfce}
.history-years button[aria-pressed=true]{color:#f4f7f8;border-color:#d5e5ed}
#history-sort{background:#071421;border:0;color:#b9cedb;padding:10px 0 10px 10px;font-size:12px;max-width:48%}
.history-filters{display:flex;flex-wrap:wrap;gap:8px 20px;padding:24px 0 16px}
.history-filters button{font-size:12px;color:#92aebb;padding:5px 0;border-bottom:1px solid transparent}
.history-filters button[aria-pressed=true]{color:#d3e7ef;border-bottom-color:#789ead}
.history-count{font-size:11px;letter-spacing:.06em;color:#7797aa;margin:0 0 20px}
.history-list{list-style:none;padding:0;margin:0 0 34px 6px;border-left:1px solid #7295aa65}
.history-event{position:relative;padding:28px 0 28px 30px;display:grid;grid-template-columns:105px minmax(0,1fr) 250px;gap:24px;border-bottom:1px solid #7792a325;scroll-margin-top:115px}
.history-event:before{content:"";position:absolute;left:-4px;top:36px;width:7px;height:7px;border-radius:50%;background:#d5f2fc;box-shadow:0 0 14px #75d2ff}
.history-event time{font:400 18px/1.5 "Cormorant Garamond",Georgia,serif;color:#afc7d7;white-space:nowrap}
.history-event .event-category{font-size:10px;letter-spacing:.07em;color:#89aabd;margin-bottom:7px}
.history-event h2{font:400 clamp(20px,2vw,27px)/1.55 var(--voice-font);letter-spacing:-.035em;color:#e0ebf0;margin:0 0 8px}
.history-event .event-description{font-size:13px;line-height:1.95;color:#a8c0cf;margin:0}
.history-event .event-sources{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px}
.history-event .event-sources a,.history-event .event-source-note{font-size:10px;color:#8eafc2}
.history-event .event-sources a:hover{color:#e8f6ff;text-decoration:underline}
.history-event figure{margin:0;align-self:center}
.history-event img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:1px solid #7494a95e;border-radius:3px}
.history-event[data-id=e24] img{object-position:50% 30%}
.history-event figcaption{font-size:9px;color:#7998ab;margin-top:6px}
.history-gallery{align-self:center;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 9px;min-width:0}
.history-gallery figure:first-child{grid-column:1/-1}
.history-gallery figcaption{line-height:1.65}
.history-image-link{display:block;position:relative;border-radius:3px}
.history-image-link:hover img{border-color:#c0e2ef}
.history-event img.history-screen{object-fit:contain;background:#07101b}
.history-enlarge{position:absolute;right:5px;bottom:5px;background:#07101bcc;color:#e7f5fa;font:14px/1.5 sans-serif;padding:0 5px;border-radius:2px}
.history-viewer{box-sizing:border-box;width:min(1200px,96vw);max-width:96vw;max-height:94svh;padding:44px 20px 16px;border:1px solid #7e9eaf70;border-radius:8px;color:#dcebf2;background:#07121f;box-shadow:0 20px 100px #0008}
.history-viewer::backdrop{background:#01060de8}
.history-viewer-image{display:block;width:100%;height:auto;max-height:calc(94svh - 155px);object-fit:contain}
.history-viewer-caption{text-align:center;font-size:13px;line-height:1.6;margin:12px 0 8px}
.history-viewer-close{position:absolute;right:8px;top:4px;width:40px;height:36px;font-size:25px;color:#dcebf2}
.history-viewer-controls{display:flex;align-items:center;justify-content:center;gap:25px;font-size:12px;color:#a8c0cf}
.history-viewer-controls button{min-width:44px;min-height:36px;font-size:22px;color:#dcebf2}
.history-viewer-controls button:disabled{opacity:.25;cursor:default}
.history-viewer button:focus-visible{outline:2px solid #b7e2ef;outline-offset:2px}
.history-event:not(:has(figure)):not(:has(.milestone-art)){grid-template-columns:105px minmax(0,1fr)}
.milestone-art{align-self:center;text-align:center;padding:18px 10px;background:radial-gradient(ellipse,#1a3b514d,transparent 72%);border-top:1px solid #66899c25;border-bottom:1px solid #66899c25}
.milestone-art strong{font:400 45px/1.15 "Cormorant Garamond",Georgia,serif;color:#dcebf2}
.milestone-art span{display:block;font-size:9px;color:#8cabbc;letter-spacing:.15em;margin-top:4px}
.history-note,.history-updated{font-size:11px;line-height:1.9;color:#819eb0;margin-top:12px}
.history-content>.history-cta{margin-top:28px}
.history-event:target{background:linear-gradient(90deg,#1c42564d,transparent)}
.history-mode footer{border-top:1px solid #68859622}
#history-page button:focus-visible,#history-page a:focus-visible,#history-page select:focus-visible{outline:2px solid #b7e2ef;outline-offset:5px}
@media(max-width:900px){
 .history-event{grid-template-columns:88px minmax(0,1fr) 190px;gap:16px;padding-left:22px}
 .history-event:not(:has(figure)):not(:has(.milestone-art)){grid-template-columns:88px minmax(0,1fr)}
}
@media(max-width:760px){
 .history-hero{padding:135px 20px 55px;min-height:320px}
 .history-content{padding:0 22px}
 .history-years{gap:20px}
 .history-years button{font-size:13px}
 .history-filters{gap:10px 16px;padding-top:20px}
 .history-event,.history-event:not(:has(figure)):not(:has(.milestone-art)){grid-template-columns:minmax(0,1fr);gap:8px;padding:24px 0 24px 22px}
 .history-event:before{top:32px}
 .history-event time{font-size:17px}
 .history-event h2{font-size:22px}
 .history-event .event-description{font-size:12px}
 .history-event figure{margin-top:8px;width:100%;max-width:380px}
 .history-gallery{width:100%;max-width:380px}
 .history-gallery figure{margin-top:0}
 .history-viewer{padding-left:10px;padding-right:10px}
 .history-event .milestone-art{margin-top:10px;width:100%;max-width:380px;padding:12px}
 .milestone-art strong{font-size:40px}
 .history-hero h1{font-size:34px}
 .history-mode footer{padding-bottom:40px}
}