@import url("fonts.css");
:root{--paper:#f5f2eb;--ink:#263731;--muted:#6e756d;--orange:#ae603a}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input{font:inherit}button{cursor:pointer;color:inherit;background:transparent;border:1px solid #d6d9cf;border-radius:6px;padding:9px 13px}button:hover,button:focus-visible{background:#e4e8de}button:focus-visible,a:focus-visible{outline:3px solid #ae603a}header{height:94px;padding:20px 35px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d7dbd0}.brand{text-decoration:none;color:var(--orange);font:48px 'Playfair Display',serif;display:flex;gap:14px;align-items:center}.brand span{font:700 10px 'DM Sans',sans-serif;letter-spacing:2px;line-height:1.6;color:var(--ink)}.intro{font:20px 'Playfair Display',serif}.intro small{display:block;font:12px 'DM Sans',sans-serif;margin-top:7px;color:var(--muted)}main{padding:20px 35px}.toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center}.search{display:flex;align-items:center;gap:10px;border-bottom:1px solid #b9bfb3;padding:7px 0;font-size:24px}.search input{border:0;background:transparent;outline:0;font-size:13px;width:280px}.filters{display:flex;gap:5px;flex-wrap:wrap}.filters button{border:0;font-size:12px}.filters .active{background:var(--ink);color:#fff}.heading{display:flex;justify-content:space-between;align-items:center;margin:27px 0 25px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--orange);font-weight:700}h1{font:38px 'Playfair Display',serif;margin:8px 0 0}h2{font:32px 'Playfair Display',serif;line-height:1.2}.heading p{line-height:1.7;color:var(--muted);font-size:12px}nav{display:flex;overflow:auto;gap:7px;margin-bottom:13px}nav button{white-space:nowrap;border:0;font-size:11px;padding:8px 12px;background:#e9e9df}nav button small{display:block;font-size:9px;opacity:.7;margin-top:4px}#viewport{height:56vh;min-height:370px;position:relative;overflow:hidden;border:1px solid #d0d6c9;border-radius:10px;background-color:#e8ecdf;background-image:radial-gradient(#bac3b2 1px,transparent 1px);background-size:22px 22px;touch-action:none;cursor:grab}#viewport.dragging{cursor:grabbing}#world{position:absolute;transform-origin:0 0;width:4100px;height:1860px;z-index:2}.watermark{position:absolute;right:35px;bottom:32px;color:#c3ccbc;font:42px 'Playfair Display',serif;letter-spacing:6px;pointer-events:none}.watermark span{font:12px 'DM Sans',sans-serif;letter-spacing:2px}.era{position:absolute;top:0;width:490px;height:1860px;border-left:1px solid #bdc9b5;padding:22px 18px;background:linear-gradient(180deg,#f4f4e977,transparent)}.era .number{font:10px 'DM Sans',sans-serif;letter-spacing:2px;color:var(--orange)}.era h2{font-size:28px;margin:8px 0}.era .range{font-size:12px;color:var(--muted);margin-bottom:27px}.cards{display:grid;grid-template-columns:1fr;gap:14px}.card{border:0;border-radius:7px;background:#faf9f3;text-align:left;box-shadow:0 3px 8px #2535290c;padding:18px 20px;position:relative;min-height:155px;width:100%;border-left:3px solid #8c9c78}.card[data-kind=Macht]{border-left-color:#b57553}.card[data-kind=Kunst]{border-left-color:#789398}.card:hover{background:#fff;box-shadow:0 6px 20px #25352920}.card .date{font-size:10px;letter-spacing:1px;color:var(--orange)}.card h3{font:24px 'Playfair Display',serif;margin:8px 0 10px}.card .people{font-size:11px;color:var(--muted);line-height:1.5}.card .trail{font-size:11px;margin-top:13px;padding-top:10px;border-top:1px solid #e5e6dd;line-height:1.5}.card .arrow{position:absolute;right:16px;top:17px;color:#9dafa0}#world.overview .people,#world.overview .trail{display:none}#world.overview .card{min-height:96px}footer{display:flex;align-items:center;justify-content:space-between;margin:13px 0 8px;font-size:11px;color:var(--muted)}.zoom{display:flex;gap:5px;align-items:center}.zoom button{padding:6px 12px}.zoom span{width:55px;text-align:center}.legend{display:flex;align-items:center;gap:7px}.legend i{width:6px;height:6px;border-radius:50%;background:#b57553}.legend i:nth-of-type(2){background:#789398}.legend i:nth-of-type(3){background:#8c9c78}.note{font-size:10px;color:var(--muted);line-height:1.6}dialog{border:1px solid #d4d9ce;border-radius:12px;background:var(--paper);color:var(--ink);padding:40px;max-width:650px;width:calc(100% - 30px);max-height:85vh;line-height:1.8}dialog::backdrop{background:#162c2580;backdrop-filter:blur(4px)}.close{position:absolute;top:10px;right:12px;border:0;font-size:24px}dialog h2{margin:12px 0 22px}dialog h4{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--orange);margin:22px 0 4px}dialog a{color:#536e58}.links{display:flex;gap:20px;flex-wrap:wrap;margin-top:25px}#results{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px;min-height:50vh}#results[hidden]{display:none}#empty{position:absolute;top:40%;left:10%;background:var(--paper);padding:20px;z-index:3}@media(max-width:900px){header{padding:15px 18px;height:80px}.intro{display:none}main{padding:18px}.toolbar{flex-wrap:wrap}.search{flex:1}.search input{width:230px}.filters{order:3;width:100%}.heading{margin:25px 0 20px}.heading h1{font-size:30px}.heading p{display:none}.legend{display:none}.note{max-width:90%}dialog{padding:30px}#viewport{height:53vh}.brand{font-size:38px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}