@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,600&display=swap");:root{--ink:#17201f;--paper:#f5f1e8;--cream:#fbfaf6;--line:#d8d2c5;--red:#a54132}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:DM Sans,sans-serif}button,input{font:inherit}button{cursor:pointer}.nav{height:76px;justify-content:space-between;padding:0 4vw;border-bottom:1px solid var(--line);background:rgba(251,250,246,.92);position:-webkit-sticky;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand,.nav{display:flex;align-items:center}.brand{gap:10px;text-decoration:none;color:inherit;text-transform:uppercase;letter-spacing:.12em;font-size:11px}.brand span{border:1px solid;padding:4px}.brand b{font-weight:700}.nav nav{display:flex;gap:6px}.nav button{border:0;background:transparent;padding:10px 14px;color:#626966}.nav button.on{background:#17201f;color:white}.nav .review{border-left:1px solid var(--line);margin-left:10px}.hero{min-height:610px;padding:65px 7vw 55px;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 42%,rgba(216,109,36,.15),transparent 22%),linear-gradient(110deg,#fbfaf6 0 64%,#eee6d6 64%)}.hero:after{content:"1900";position:absolute;right:-15px;top:70px;font:600 200px/1 Playfair Display;color:transparent;-webkit-text-stroke:1px rgba(23,32,31,.1);transform:rotate(90deg)}.eyebrow,.question>span,.routeHead>span,.sectionTitle span{font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--red)}h1{font:600 clamp(64px,10vw,142px) /.78 Playfair Display;letter-spacing:-.055em;margin:44px 0 20px;max-width:900px}h1 i{font-size:.55em;color:var(--red)}.lead{font:italic 600 31px Playfair Display;margin:0 0 15px}.intro{max-width:660px;font-size:18px;line-height:1.65;color:#4c5552}.actions{display:flex;gap:10px;margin-top:30px}.actions button,.question button{padding:15px 20px;border:1px solid var(--ink);font-weight:700}.primary{background:var(--ink);color:#fff}.secondary{background:transparent}.century{display:flex;align-items:center;gap:14px;margin-top:62px;max-width:900px;font-size:12px}.century span{height:1px;background:#aaa;flex:1 1}.century i{font-style:normal;color:#777}.legend{padding:22px 4vw;display:flex;gap:20px;overflow:auto;border-block:1px solid var(--line);background:white}.legend span{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:12px;font-weight:600}.legend i{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;color:#fff;font-style:normal}.workspace{padding:70px 4vw;background:var(--paper);min-height:800px}.sectionTitle{display:flex;justify-content:space-between;align-items:end}.sectionTitle h2{font:600 clamp(40px,6vw,72px) Playfair Display;margin:5px 0 25px}.surprise{border:1px solid var(--ink);background:transparent;padding:13px 17px;margin-bottom:28px}.toolbar{position:-webkit-sticky;position:sticky;top:76px;z-index:10;background:var(--paper);padding:14px 0}.search{height:54px;background:white;border:1px solid var(--line);display:flex;align-items:center;padding:0 16px;font-size:24px}.search input{border:0;outline:0;flex:1 1;padding:0 12px;font-size:15px}.search kbd{font:11px DM Sans;background:var(--paper);padding:5px 8px}.filters{display:flex;gap:6px;overflow:auto;padding-top:10px}.filters button{border:1px solid var(--line);background:transparent;padding:8px 11px;white-space:nowrap;font-size:12px}.filters button i{font-style:normal;margin-right:6px}.filters button.on{background:var(--c,var(--ink));border-color:var(--c,var(--ink));color:white}.periods{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:4px;gap:4px;margin:18px 0}.periods button{background:rgba(255,255,255,.5);border:0;border-top:2px solid #bbb;text-align:left;padding:12px 8px;min-height:75px}.periods b,.periods span{display:block}.periods b{font-size:11px}.periods span{font:13px Playfair Display;margin-top:6px}.periods button.on{background:var(--ink);color:white;border-color:var(--red)}.railWrap{position:relative}.rail{height:850px;overflow-x:auto;overflow-y:hidden;background:#faf8f2;border:1px solid var(--line);scrollbar-color:var(--red) #e5ded0;overscroll-behavior-x:contain}.axis,.events{position:relative;width:8080px}.axis{height:70px;border-bottom:1px solid #bbb;background:linear-gradient(90deg,transparent 49.9%,rgba(0,0,0,.04) 50%);background-size:40px 100%}.axis b{position:absolute;bottom:10px;transform:translateX(-50%);font:600 18px Playfair Display}.events{height:780px;background:repeating-linear-gradient(90deg,transparent,transparent 399px,rgba(0,0,0,.045) 400px)}.event{position:absolute;top:24px;transform:translateX(-10px);width:150px;min-height:90px;padding:11px;text-align:left;border:0;border-top:3px solid var(--c);background:white;box-shadow:0 4px 15px rgba(30,30,20,.08);transition:.2s;z-index:1}.event:focus,.event:hover{transform:translate(-10px,-4px);box-shadow:0 12px 25px rgba(30,30,20,.15);z-index:5}.event.lane1{top:125px}.event.lane2{top:226px}.event.lane3{top:327px}.event em,.event small,.event strong{display:block}.event small{font-size:10px;color:var(--c);font-weight:700}.event strong{font:600 14px/1.15 Playfair Display;margin:5px 0}.event em{font-size:9px;font-style:normal;color:#6a706d}.dot{position:absolute;top:-10px;right:8px;background:var(--c);color:white;border-radius:20px;width:21px;height:21px;display:grid;place-items:center;font-size:10px}.arrow{position:absolute;z-index:7;top:395px;border:0;background:var(--ink);color:white;width:42px;height:42px}.arrow.left{left:-15px}.arrow.right{right:-15px}.hint{text-align:center;font-size:11px;color:#777}.connections{display:grid;grid-template-columns:300px 1fr;grid-gap:40px;gap:40px}.connIntro{line-height:1.6;color:#555}.themeGrid{display:flex;flex-wrap:wrap;align-content:start;gap:6px}.themeGrid button{background:transparent;border:1px solid #aaa;padding:9px 12px;text-transform:capitalize}.themeGrid button.on{background:var(--red);border-color:var(--red);color:white}.route{grid-column:2;grid-row:1/4;border-left:1px solid #aaa;padding-left:35px}.routeHead h3{font:italic 600 48px Playfair Display;text-transform:capitalize;margin:8px 0}.routeHead p{color:#777}.route>button{display:grid;grid-template-columns:110px 1fr 160px;grid-gap:20px;gap:20px;align-items:center;width:100%;text-align:left;padding:16px;border:0;border-top:1px solid #ccc;background:transparent;border-left:4px solid var(--c)}.route>button:hover{background:white}.route strong{font:600 19px Playfair Display}.route em{font-size:11px;font-style:normal;color:var(--c)}.threeWays{display:grid;grid-template-columns:repeat(3,1fr);padding:75px 7vw;grid-gap:2px;gap:2px;background:var(--ink)}.threeWays div{padding:35px;background:#212c2a;color:white;min-height:210px}.threeWays span{color:#df8065;font-size:12px}.threeWays h3{font:italic 600 34px Playfair Display;margin:30px 0 10px}.threeWays p{color:#bfc7c4;line-height:1.5}footer{background:#101716;color:white;padding:60px 7vw;display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}footer p{color:#aab2af}footer a{color:white}.editable{font-size:12px}.overlay{position:fixed;inset:0;background:rgba(10,15,14,.72);z-index:100;display:grid;place-items:center;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{width:min(880px,100%);max-height:92vh;overflow:auto;background:#fff;display:grid;grid-template-columns:42% 58%;position:relative;border-top:7px solid var(--c);animation:up .3s}.modal>img{width:100%;height:100%;min-height:500px;object-fit:cover}.close{position:absolute;right:12px;top:10px;width:38px;height:38px;background:white;border:1px solid #bbb;font-size:25px;z-index:2}.modalBody{padding:42px}.meta{display:flex;justify-content:space-between;align-items:center}.meta>b{font:600 42px Playfair Display;color:var(--c)}.meta span{background:var(--c);color:white;padding:7px 10px;font-size:11px}.modal h2{font:600 43px/1 Playfair Display;margin:22px 0 35px}.modal h4{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:var(--c)}.description{font:18px/1.65 Playfair Display}.tags{display:flex;gap:6px;flex-wrap:wrap}.tags span{padding:6px 9px;background:#eee;font-size:11px}.modal details{margin-top:28px;border-top:1px solid #ddd;padding-top:14px}.modal summary{cursor:pointer}.same{display:grid;margin-top:10px}.same button{text-align:left;border:0;border-bottom:1px solid #ddd;background:transparent;padding:10px}.same b,.same small{display:block}.question{background:#f2eee4;padding:24px}.question h3{font:600 25px Playfair Display}.question button{background:var(--ink);color:white}.modal:not(:has(img)){grid-template-columns:1fr}@keyframes up{0%{opacity:0;transform:translateY(20px)}}@media (max-width:850px){.nav{padding:0 15px}.nav nav button:not(.review){display:none}.hero{padding:45px 22px;min-height:560px;background:#fbfaf6}h1{font-size:64px}.century i,.hero:after{display:none}.legend{padding-left:20px}.workspace{padding:55px 20px}.sectionTitle{align-items:start}.sectionTitle h2{font-size:43px}.surprise{margin-top:10px}.periods{display:flex;overflow:auto}.periods button{min-width:145px}.rail{height:610px;overflow-x:hidden;overflow-y:auto}.axis{display:none}.events{width:100%;height:auto;padding:15px}.event,.event.lane1,.event.lane2,.event.lane3{position:relative!important;left:auto!important;top:auto!important;transform:none;width:100%!important;min-height:78px;margin-bottom:8px;padding-left:75px}.event:hover{transform:translateY(-2px)}.event .dot{left:14px;right:auto;top:25px}.arrow{display:none}.connections{display:block}.themeGrid{margin:20px 0}.route{border:0;padding:0}.route>button{grid-template-columns:70px 1fr}.route em{display:none}.threeWays{grid-template-columns:1fr;padding:30px 20px}.modal{display:block}.modal>img{height:210px;min-height:0}.modalBody{padding:30px 24px}.modal h2{font-size:36px}.meta{align-items:start}.meta>b{font-size:32px}footer{grid-template-columns:1fr}.century{margin-top:40px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}