:root{--paper: #f3e9d2;--paper-2: #ece0c4;--paper-edge: #e3d4b0;--ink: #211c15;--ink-soft: #4a3f2f;--ink-faint: rgba(33, 28, 21, .55);--rust: #9c3b1b;--rust-deep: #7d2c12;--rust-soft: rgba(156, 59, 27, .12);--gold: #a9852f;--dark: #211a12;--dark-2: #2c2318;--rule: rgba(33, 28, 21, .16);--rule-strong: rgba(33, 28, 21, .42);--serif-display: "Playfair Display", Georgia, "Times New Roman", serif;--serif-body: "Crimson Pro", Georgia, "Times New Roman", serif;--maxw: 1180px;--radius: 3px;--shadow: 0 1px 2px rgba(33, 28, 21, .08), 0 8px 28px rgba(33, 28, 21, .1)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--ink);font-family:var(--serif-body);font-size:19px;line-height:1.55;background-color:var(--paper);background-image:radial-gradient(120% 80% at 50% 0%,rgba(255,250,235,.6),transparent 60%),radial-gradient(140% 120% at 50% 120%,rgba(91,63,28,.14),transparent 55%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--serif-display);font-weight:700;line-height:1.08;margin:0}a{color:var(--rust-deep);text-underline-offset:2px}button{font-family:var(--serif-body);cursor:pointer}.eyebrow{font-family:var(--serif-body);text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;font-weight:600;color:var(--rust-deep)}.rule{border:0;border-top:1px solid var(--rule)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes inkwash{0%{opacity:0;filter:blur(6px)}to{opacity:1;filter:blur(0)}}.rise{animation:rise .7s cubic-bezier(.22,1,.36,1) both}@media(prefers-reduced-motion:reduce){.rise{animation:none}}.app{min-height:100%;display:flex;flex-direction:column}.shell{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}.masthead{text-align:center;padding:38px 24px 18px;border-bottom:2px solid var(--ink);position:relative}.masthead:after{content:"";position:absolute;left:24px;right:24px;bottom:4px;border-bottom:1px solid var(--ink)}.masthead h1{font-size:clamp(2.4rem,5.5vw,4.1rem);font-weight:900;letter-spacing:-.01em}.masthead h1 em{font-style:italic;color:var(--rust-deep)}.masthead .kicker{margin:10px 0 4px;font-size:.95rem;font-style:italic;color:var(--ink-soft)}.timeline{position:relative;padding:26px 0 10px;user-select:none;-webkit-user-select:none;touch-action:pan-y}.timeline__hint{text-align:center;font-style:italic;color:var(--ink-faint);font-size:.9rem;margin-bottom:8px}.timeline__viewport{position:relative;height:128px;overflow:hidden;cursor:grab;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}.timeline__viewport.dragging{cursor:grabbing}.timeline__track{position:absolute;top:0;left:0;height:100%;will-change:transform}.timeline__track.animate{transition:transform .55s cubic-bezier(.22,1,.36,1)}.tick{position:absolute;bottom:30px;width:1px;background:var(--rule-strong)}.tick--decade{height:14px}.tick--half{height:30px;background:var(--ink)}.tick__label{position:absolute;bottom:-26px;transform:translate(-50%);font-family:var(--serif-display);font-size:.95rem;color:var(--ink-soft);white-space:nowrap}.milestone{position:absolute;bottom:30px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:0;padding:0;color:var(--rust-deep)}.milestone__dot{width:9px;height:9px;border-radius:50%;background:var(--rust);box-shadow:0 0 0 3px var(--paper);transition:transform .2s ease}.milestone__stem{width:1px;height:40px;background:var(--rust);opacity:.5}.milestone__label{position:absolute;bottom:56px;transform:translate(-50%);left:50%;font-size:.72rem;font-style:italic;white-space:nowrap;color:var(--rust-deep);opacity:0;transition:opacity .2s ease;pointer-events:none}.milestone:hover .milestone__label{opacity:1}.milestone:hover .milestone__dot{transform:scale(1.4)}.timeline__needle{position:absolute;top:0;bottom:30px;left:50%;width:2px;background:var(--ink);transform:translate(-50%);pointer-events:none}.timeline__badge{position:absolute;top:8px;left:50%;transform:translate(-50%);background:var(--ink);color:var(--paper);font-family:var(--serif-display);font-weight:700;font-size:1.9rem;line-height:1;padding:8px 18px 9px;border-radius:var(--radius);box-shadow:var(--shadow);pointer-events:none;letter-spacing:.01em}.timeline__badge small{display:block;font-family:var(--serif-body);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;opacity:.6;text-align:center;margin-bottom:2px}.content{padding:40px 0 24px;flex:1}.section-head{display:flex;align-items:baseline;gap:14px;margin-bottom:18px}.section-head h2{font-size:1.5rem;font-style:italic}.section-head .line{flex:1;border-bottom:1px solid var(--rule)}.year-title{text-align:center;margin:4px 0 34px}.year-title .num{font-family:var(--serif-display);font-size:clamp(3rem,9vw,6rem);font-weight:900;line-height:.9;color:var(--ink)}.year-title .frase{font-family:var(--serif-display);font-style:italic;font-size:clamp(1.2rem,3vw,1.8rem);color:var(--rust-deep);margin-top:8px;max-width:760px;margin-inline:auto}.year-title .cached{display:inline-block;margin-top:10px;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint)}.axes{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:var(--radius);overflow:hidden}.axis{background:var(--paper-2);padding:26px 28px}.axis__label{margin-bottom:8px}.axis__label .n{font-family:var(--serif-display);font-style:italic;color:var(--rust);margin-right:8px}.axis h3{font-size:1.25rem;margin-bottom:6px}.axis p{margin:0;color:var(--ink-soft)}.meanwhile{margin-top:32px;background:var(--dark);color:var(--paper);border-radius:var(--radius);padding:30px 32px 34px;box-shadow:var(--shadow)}.meanwhile h3{color:var(--paper);font-style:italic;font-size:1.4rem;margin-bottom:4px}.meanwhile .sub{color:#f3e9d28c;font-style:italic;font-size:.9rem;margin-bottom:22px}.meanwhile__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.region__name{font-family:var(--serif-display);font-weight:700;color:var(--gold);letter-spacing:.04em;border-bottom:1px solid rgba(169,133,47,.35);padding-bottom:6px;margin-bottom:8px}.region p{margin:0;color:#f3e9d2db;font-size:.98rem;line-height:1.45}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.card{background:var(--paper-2);border:1px solid var(--rule);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow)}.card__media{position:relative;aspect-ratio:4 / 3;background:var(--paper-edge);overflow:hidden}.card__media img{width:100%;height:100%;object-fit:cover;display:block;filter:sepia(.12) contrast(1.02);transition:transform .5s ease}.card:hover .card__media img{transform:scale(1.04)}.card__media iframe{width:100%;height:100%;border:0;display:block}.card__embedbtn{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:var(--dark-2);color:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-family:var(--serif-display)}.card__embedbtn .icon{font-size:1.8rem}.card__embedbtn .open{font-style:italic;border:1px solid rgba(243,233,210,.5);border-radius:999px;padding:4px 16px;font-size:.85rem}.card__embedbtn:hover .open{background:var(--rust);border-color:var(--rust)}.card__body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1}.card__title{font-family:var(--serif-display);font-size:1rem;line-height:1.2;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__meta{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-size:.74rem}.card__source{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-faint)}.card__type{font-style:italic;color:var(--rust-deep)}.state{text-align:center;padding:70px 24px}.state__title{font-family:var(--serif-display);font-style:italic;font-size:1.6rem;color:var(--ink-soft)}.state__sub{color:var(--ink-faint);margin-top:8px}.state--error .state__title{color:var(--rust-deep)}.scribe{display:inline-flex;flex-direction:column;align-items:center;gap:18px}.scribe__lines{width:240px;display:flex;flex-direction:column;gap:9px}.scribe__line{height:9px;border-radius:2px;background:linear-gradient(90deg,var(--ink) 0%,var(--ink) 50%,var(--rule) 50%,var(--rule) 100%);background-size:200% 100%;animation:write 1.5s ease-in-out infinite}.scribe__line:nth-child(2){width:86%;animation-delay:.18s}.scribe__line:nth-child(3){width:64%;animation-delay:.36s}@keyframes write{0%{background-position:100% 0;opacity:.35}50%{opacity:1}to{background-position:0 0;opacity:.35}}.skeleton .card__media{background:linear-gradient(100deg,var(--paper-edge) 30%,var(--paper-2) 50%,var(--paper-edge) 70%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{to{background-position:-200% 0}}.footer{border-top:2px solid var(--ink);margin-top:40px;padding:22px 0 40px;font-size:.84rem;color:var(--ink-faint)}.footer strong{color:var(--ink-soft)}.footer .disclaimer{font-style:italic;margin-top:6px}@media(max-width:760px){body{font-size:18px}.axes{grid-template-columns:1fr}.meanwhile__grid{grid-template-columns:1fr 1fr;gap:18px}}
