@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;650;700&family=IBM+Plex+Mono:wght@400;500&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--ink:#111c21;--panel:#1a292f;--muted:#a9b7bd;--line:#34434a;--paper:#f2f1eb;--orange:#f77855;--green:#8ec9ad;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--mono:'IBM Plex Mono',monospace;color-scheme:dark;font-family:var(--sans);color:var(--paper);background:var(--ink);font-size:16px}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:5px}a{color:inherit}button{color:inherit}button:disabled:hover{transform:none}.skip{position:fixed;top:-80px;background:var(--orange);color:var(--ink);padding:16px;z-index:20}.skip:focus{top:8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.masthead{padding:24px 4.5%;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-weight:700;font-size:16px;letter-spacing:.06em;display:flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap}.brandmark{font-size:30px;line-height:1;color:var(--orange)}.versus{font-family:var(--serif);font-style:italic;color:var(--orange);font-size:17px;letter-spacing:0}.mast-right{display:flex;gap:34px;align-items:center}.edition,.eyebrow,.section-label,.timeline-top,.scale-caption,.event-place,.event-date,.fact-label,.source-title{font-family:var(--mono);font-weight:400;font-size:12px;letter-spacing:.09em}.edition{color:var(--muted)}.text-button{border:0;background:none;font-size:14px;padding:4px 0}.text-button:hover{color:var(--orange)}main{max-width:1600px;margin:auto;padding:0 4.5%}.intro{display:flex;justify-content:space-between;gap:36px;align-items:center;padding:34px 0 28px}.eyebrow{color:var(--orange);margin:0 0 10px}h1{font-family:var(--serif);font-size:clamp(40px,4.6vw,68px);font-weight:500;line-height:1.1;letter-spacing:-.045em;margin:0}h1 em{color:var(--orange);font-weight:500}.intro-copy{max-width:435px;color:var(--muted);font-size:16px;line-height:1.7;margin:0}.journeys{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 28px}.journeys button{border:1px solid var(--line);border-radius:30px;background:transparent;color:#b9c5ca;padding:10px 18px;font-size:14px;transition:background .15s}.journeys button:hover{border-color:#bcc6c7}.journeys button.active{color:var(--ink);background:var(--paper);border-color:var(--paper)}.timeline-top{display:flex;justify-content:space-between;color:var(--muted);padding-bottom:20px}.timeline-top span:first-child{color:var(--orange)}.era-nav{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px}.era-nav button{background:transparent;border:0;color:var(--muted);font-size:14px;padding:4px 0;position:relative}.era-nav button.active{color:var(--paper)}.era-nav button.active:before{content:'';position:absolute;top:-8px;left:0;width:22px;height:2px;background:var(--orange)}.scrubber-wrap{margin-bottom:26px}input[type=range]{width:100%;height:26px;appearance:none;background:transparent;margin:0;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:2px;background:var(--line)}input[type=range]::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:var(--orange);margin-top:-6px;box-shadow:0 0 0 5px #f7785522}input[type=range]::-moz-range-track{height:2px;background:var(--line)}input[type=range]::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:var(--orange)}.scale-caption{display:flex;justify-content:space-between;font-size:12px;color:#91a3ab;letter-spacing:.02em;gap:10px}.scale-caption span:nth-child(2){font-size:10px;letter-spacing:.07em}.spotlight{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);background:var(--paper);color:var(--ink);min-height:440px;overflow:hidden}.event-copy{padding:34px 40px 30px;display:flex;flex-direction:column;min-width:0}.event-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:15px}.event-date{font-size:15px;letter-spacing:.03em}.badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;line-height:1.3;padding:5px 8px;border:1px solid #66747955;border-radius:3px;white-space:nowrap}.badge.documented{color:#2e694c;border-color:#2e694c55;background:#e4ede6}.badge.legend{color:#825087;border-color:#82508755}.badge.disputed{color:#9d5227;border-color:#9d522755}.badge.design{color:#40647e;border-color:#40647e55}.badge.reported{color:#786124;border-color:#78612455}.event-copy h2{font-family:var(--serif);font-weight:500;font-size:clamp(30px,3vw,45px);line-height:1.13;letter-spacing:-.035em;margin:0 0 10px;max-width:660px}.event-place{font-size:12px;color:#56646a;line-height:1.7;margin-bottom:19px}.event-summary{font-size:17px;line-height:1.7;margin:0 0 22px;max-width:650px}.fact-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:auto;padding-top:18px;border-top:1px solid #bbc1bd}.fact-label{font-size:10px;letter-spacing:.08em;color:#526169;display:block;margin-bottom:7px}.fact-value{font-size:14px;font-weight:500;line-height:1.4}.event-visual{min-width:0;position:relative;background:#d9ded9;display:flex;flex-direction:column;justify-content:center;overflow:hidden;border-left:1px solid #bcc4bf}.event-visual img{width:100%;height:365px;object-fit:contain;padding:16px 25px;display:block;mix-blend-mode:multiply}.image-caption{font-size:12px;color:#46554f;line-height:1.6;margin:0 24px 18px}.image-caption a{text-decoration:underline}.diagram-wrap{padding:30px 20px 18px}.flight-diagram{width:100%;height:245px;overflow:visible}.flight-diagram text{font:12px var(--mono);fill:#495c62}.flight-diagram .accent{stroke:#db6543;fill:none;stroke-width:3}.flight-diagram .body{stroke:#1c3744;fill:#1c3744;stroke-width:2}.flight-diagram .path{stroke:#768b91;fill:none;stroke-width:2;stroke-dasharray:5 6}.diagram-note{font-size:12px;font-family:var(--mono);letter-spacing:.05em;text-align:center;color:#52656a;margin-top:8px}.diagram-motion{animation:float 5s ease-in-out infinite}@keyframes float{50%{transform:translateY(-7px)}}.evidence-note{grid-column:1/-1;border-top:1px solid #c5cbc5;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:25px;padding:18px 30px;background:#e7e9e1;align-items:start}.evidence-note p{font-size:14px;line-height:1.65;margin:0;color:#41504d}.evidence-note strong{color:#243b36;font-weight:650}.sources-inline{display:flex;gap:12px;max-width:240px;flex-wrap:wrap}.sources-inline a{font-size:12px;line-height:1.7;color:#314f45;text-underline-offset:3px}.event-nav{display:flex;align-items:center;gap:20px;padding:15px 0 24px;border-bottom:1px solid var(--line)}.arrow-button,.next-button{border:1px solid var(--line);background:none;min-height:42px;padding:8px 15px;font-size:16px}.arrow-button:hover,.next-button:hover{background:var(--panel)}#position{font-size:13px;color:var(--muted);font-family:var(--mono)}.next-button{margin-left:auto;display:flex;gap:25px;align-items:center;font-size:14px}.archive-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 0 20px}.archive-head h2{font-family:var(--serif);font-size:25px;font-weight:500;margin:0;white-space:nowrap}.archive-controls{display:flex;gap:10px;min-width:0}.search{display:flex;border:1px solid var(--line);align-items:center;gap:7px;padding:8px 11px}.search span{color:var(--muted);font-size:23px;line-height:1}.search input{background:transparent;border:0;min-width:0;width:220px;color:var(--paper);font-size:14px;outline-offset:1px}.search input::placeholder{color:var(--muted)}select{border:1px solid var(--line);background:var(--ink);color:var(--muted);font-size:14px;padding:10px;min-width:0}.event-list{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-color:var(--line) transparent;padding-bottom:15px}.event-card{flex:0 0 218px;text-align:left;border:1px solid var(--line);padding:20px 20px 17px;min-height:172px;background:transparent;scroll-snap-align:start;display:flex;flex-direction:column;align-items:flex-start;gap:9px;transition:background .15s}.event-card:hover{background:var(--panel)}.event-card.selected{border-color:var(--orange);background:#273038;box-shadow:inset 0 3px var(--orange)}.card-date{font-family:var(--mono);font-size:12px;color:var(--orange)}.card-title{font-family:var(--serif);font-size:19px;line-height:1.3}.card-kind{font-size:12px;color:var(--muted);margin-top:auto}.event-card .tiny-evidence{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#b4c4c9}.empty{padding:25px;border:1px dashed var(--line);width:100%;color:var(--muted);line-height:1.7}.empty button{background:none;border:0;color:var(--orange);text-decoration:underline}.firsts{margin:52px 0 65px}.section-label{color:var(--orange);margin-bottom:14px}.firsts h2{font-size:clamp(30px,3vw,43px);font-family:var(--serif);font-weight:500;margin:0 0 10px;letter-spacing:-.025em}.firsts-intro{color:var(--muted);margin:0 0 24px}.firsts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.first-card{padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;display:flex;flex-direction:column;gap:12px;background:transparent}.first-card:hover{background:var(--panel)}.first-question{font-size:14px;color:var(--muted)}.first-answer{font-family:var(--serif);font-size:23px}.first-date{font-family:var(--mono);font-size:12px;color:var(--orange)}.first-note{font-size:14px;color:var(--muted);line-height:1.6}footer{border-top:1px solid var(--line);padding:25px 0 35px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand.small{font-size:12px;gap:6px}footer p{color:var(--muted);font-size:12px;line-height:1.8;margin:0}footer .text-button{font-size:12px}dialog{background:var(--paper);color:var(--ink);border:0;width:min(800px,calc(100% - 24px));max-height:85vh;padding:0;color-scheme:light}dialog::backdrop{background:#071116bb;backdrop-filter:blur(5px)}.dialog-header{position:sticky;top:0;background:var(--paper);padding:22px 28px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #c2c9c7;gap:20px}.dialog-header h2{margin:0;font-family:var(--serif);font-size:27px;font-weight:500}.dialog-header button:hover{background:#d8dfda}#sources-content{padding:0 28px 28px;font-size:16px;line-height:1.7}#sources-content h3{font-size:20px;font-family:var(--serif);font-weight:600;margin-top:25px}#sources-content a{color:#1b634c;overflow-wrap:anywhere}.evidence-key{display:grid;gap:10px}.evidence-key div{display:grid;grid-template-columns:145px minmax(0,1fr);gap:15px}.evidence-key .badge{align-self:start;justify-self:start}.source-entry{padding:13px 0;border-bottom:1px solid #cad0ca;font-size:14px}.noscript{padding:30px;line-height:1.7}
@media(min-width:1450px){.spotlight{min-height:485px}.event-visual img{height:395px}.event-copy{padding:40px 48px}.event-summary{font-size:18px}}
@media(max-width:1000px){.edition{display:none}.intro-copy{max-width:360px}.event-copy{padding:25px}.event-summary{font-size:16px}.archive-head{flex-wrap:wrap}.archive-controls{width:100%}.search{flex:1}.search input{width:100%}.evidence-note{grid-template-columns:1fr;gap:10px}.sources-inline{max-width:none}.firsts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}footer{flex-wrap:wrap}.fact-row{gap:10px}.fact-value{font-size:13px}}
@media(max-width:680px){.masthead{padding:17px 5%;gap:12px}.brand{font-size:12px;gap:5px}.brandmark{font-size:25px}.masthead .text-button{font-size:12px}.mast-right{gap:0}main{padding:0 5%}.intro{display:block;padding:27px 0 22px}.intro h1{font-size:45px}.intro-copy{margin-top:17px;max-width:none;font-size:15px;line-height:1.6}.eyebrow{font-size:10px}.journeys{gap:7px;margin-bottom:28px}.journeys button{padding:9px 12px;font-size:12px}.timeline-top{font-size:10px;padding-bottom:21px}.era-nav{overflow-x:auto;gap:22px;padding-top:10px}.era-nav button{white-space:nowrap;font-size:12px}.scale-caption{font-size:10px}.scale-caption span:nth-child(2){display:none}.spotlight{grid-template-columns:minmax(0,1fr)}.event-copy{padding:25px 23px}.event-copy h2{font-size:34px}.event-date{font-size:14px}.event-summary{margin-bottom:22px}.event-visual{border-left:0;border-top:1px solid #bbc4bf}.event-visual img{height:275px;padding:18px}.image-caption{margin:0 23px 18px}.fact-label{font-size:9px}.fact-value{font-size:12px}.evidence-note{padding:18px 23px}.evidence-note p{font-size:13px}.diagram-wrap{padding:18px 20px}.flight-diagram{height:190px}.archive-controls{flex-wrap:wrap}.search{flex-basis:100%}.archive-controls select{flex:1;font-size:13px;max-width:100%}.archive-head{gap:15px}.archive-head h2{font-size:24px}.event-card{flex-basis:195px;padding:17px;min-height:166px}.firsts{margin-top:38px}.firsts-grid{grid-template-columns:1fr}.first-card{padding:22px}.first-answer{font-size:24px}footer{gap:18px}.dialog-header{padding:18px 20px}.dialog-header h2{font-size:25px}#sources-content{padding:0 20px 20px}.evidence-key div{grid-template-columns:1fr;gap:5px}.dialog-header .arrow-button{flex-shrink:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
.visual-tabs{display:flex;gap:0;justify-content:center;margin:18px 20px 0;position:relative;z-index:1}.visual-tabs button{background:transparent;border:1px solid #8b9b93;color:#36544c;padding:7px 13px;font-size:12px}.visual-tabs button+button{border-left:0}.visual-tabs button[aria-pressed=true]{background:#263c35;color:#f4f4ed;border-color:#263c35}.diagram-note{font-family:var(--sans);font-size:14px;letter-spacing:0;line-height:1.7;max-width:390px;margin:10px auto}.diagram-disclaimer{font-family:var(--mono);font-size:10px;color:#63756c;text-align:center;letter-spacing:.05em}.event-visual img{height:330px}.event-visual:has(img[src="balloon.jpg"]){background:#e1dccb}.event-visual:has(img[src="balloon.jpg"]) img{padding:12px 15px 10px;mix-blend-mode:multiply}.first-answer>span{color:var(--orange);font-size:17px}.event-list{position:relative}.event-card{min-width:0}.event-visual .diagram-wrap{margin:auto 0}.spotlight:has(.empty){min-height:150px;display:block}.source-entry div{margin-top:5px;color:#4b5b56}
@media(min-width:1450px){.event-visual img{height:365px}}
@media(max-width:680px){.event-visual img{height:285px}.visual-tabs{margin-top:15px}.diagram-note{font-size:13px}.masthead .text-button{max-width:92px;text-align:right}.spotlight{scroll-margin-top:15px}.scale-caption{font-size:9px}}