:root{--font-display: "Playfair Display", Georgia, serif;--font-body: "Inter", "Amiri", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-sans: var(--font-body);--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px);--touch-target-min: 44px;--touch-target-comfortable: 48px;--color-era-deep: #2D5A1B;--color-era-deep-text: #C8E6B0;--color-era-gold: #C9A84C;--color-era-gold-text: #412402;--color-era-red: #8B1A1A;--color-era-red-text: #F5C0C0;--color-era-white: #F0EDE6;--color-era-white-text: #1A1A1A;--color-base: #060606;--color-base-text: #E8E4DC;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--surface-radius: var(--radius-xl);--surface-radius-lg: var(--radius-2xl);--page-gutter: clamp(.875rem, 2vw, 1.5rem);--page-gutter-lg: clamp(1.125rem, 3vw, 2rem);--site-nav-height: 3.75rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-surface: 0 1.25rem 2.5rem -1.75rem rgba(0, 0, 0, .72);--shadow-surface-hover: 0 1.75rem 3rem -1.75rem rgba(0, 0, 0, .82);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-interactive: .2s ease-in-out;--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--duration-base: .2s;--duration-slow: .3s;--duration-slowest: .8s;--text-scale: 1;--text-xs: calc( clamp(.75rem, .7rem + .25vw, .875rem) * var(--text-scale) );--text-sm: calc(clamp(.875rem, .825rem + .25vw, 1rem) * var(--text-scale));--text-base: calc( clamp(1rem, .95rem + .25vw, 1.125rem) * var(--text-scale) );--text-lg: calc( clamp(1.125rem, 1.05rem + .375vw, 1.25rem) * var(--text-scale) );--text-xl: calc(clamp(1.25rem, 1.15rem + .5vw, 1.5rem) * var(--text-scale));--text-2xl: calc( clamp(1.5rem, 1.35rem + .75vw, 1.875rem) * var(--text-scale) );--text-3xl: calc( clamp(1.875rem, 1.65rem + 1.125vw, 2.25rem) * var(--text-scale) );--text-4xl: calc(clamp(2.25rem, 1.95rem + 1.5vw, 3rem) * var(--text-scale));--text-5xl: calc(clamp(3rem, 2.5rem + 2.5vw, 4rem) * var(--text-scale));--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--z-base: 0;--z-content: 1;--z-sticky: 100;--z-fab: 800;--z-overlay: 900;--z-sheet: 950;--z-modal: 1000;--z-toast: 1100}:root{--color-background: var(--color-base);--color-surface: color-mix(in srgb, var(--color-base) 92%, var(--color-era-white));--color-surface-elevated: color-mix(in srgb, var(--color-base) 88%, var(--color-era-white));--color-surface-hover: color-mix(in srgb, var(--color-era-white) 8%, transparent);--color-text-primary: var(--color-base-text);--color-text-secondary: color-mix(in srgb, var(--color-base-text) 78%, var(--color-base));--color-text-tertiary: color-mix(in srgb, var(--color-base-text) 56%, var(--color-base));--color-text-inverse: var(--color-era-white-text);--color-border: color-mix(in srgb, var(--color-era-white) 16%, transparent);--color-border-light: color-mix(in srgb, var(--color-era-white) 10%, transparent);--surface-border-strong: color-mix( in srgb, var(--color-era-white) 18%, transparent );--color-sheet-surface: var(--color-surface);--color-sheet-control-surface: var(--color-surface-elevated);--color-sheet-detail-surface: var(--color-background);--color-timeline-hero-background: var(--color-background);--color-timeline-hero-hover-background: var(--color-surface);--color-timeline-hero-hover-fallback: color-mix( in srgb, var(--color-surface) 95%, transparent );--color-timeline-hero-subtitle-primary: var(--color-text-primary);--color-timeline-hero-subtitle-secondary: var(--color-text-secondary);--color-overlay-backdrop: rgba(0, 0, 0, .55);--color-on-emphasis: var(--color-base-text);--color-fab-border: color-mix(in srgb, var(--color-era-white) 14%, transparent);--shadow-bottom-sheet: 0 -1.5rem 3rem -1.5rem rgba(0, 0, 0, .72);--filter-flag-shadow: drop-shadow(0 4px 12px rgba(0, 0, 0, .15));--filter-flag-shadow-hover: drop-shadow(0 12px 24px rgba(0, 0, 0, .25));--opacity-timeline-hero-orb: .15;--opacity-timeline-hero-bottom-gradient: .5;--color-overlay-image-wrap-background: radial-gradient( circle at 20% 20%, rgba(240, 237, 230, .85), rgba(240, 237, 230, .6) );--shadow-sheet-floating: 0 12px 32px rgba(0, 0, 0, .18), 0 4px 12px rgba(0, 0, 0, .12);--shadow-control-glow: 0 4px 12px rgba(var(--period-color-rgb), .3);--shadow-control-glow-strong: 0 8px 24px rgba(var(--period-color-rgb), .55);--shadow-danger-control: 0 1rem 2rem -1.25rem rgba(139, 26, 26, .7);--shadow-danger-control-hover: 0 1.25rem 2.2rem -1.25rem rgba(139, 26, 26, .8);--shadow-surface-card: 0 1rem 2rem -1.8rem rgba(0, 0, 0, .72);--shadow-timeline-hero-hover: var(--shadow-2xl);--shadow-timeline-hero-bottom-gradient: none;--shadow-fab: 0 .75rem 1.5rem -1rem rgba(0, 0, 0, .7), 0 1rem 2rem -1.2rem rgba(var(--period-color-rgb), .42);--shadow-fab-hover: 0 1rem 2rem -1rem rgba(0, 0, 0, .78), 0 1.25rem 2.5rem -1rem rgba(var(--period-color-rgb), .5);--shadow-fab-badge: 0 .375rem .875rem -.5rem rgba(0, 0, 0, .6);--period-color-primary: var(--color-era-gold);--period-color-rgb: 201, 168, 76;--period-bg-subtle: rgba(201, 168, 76, .04);--period-bg-light: rgba(201, 168, 76, .08);--period-accent: rgba(201, 168, 76, .14);--color-primary: var(--period-color-primary);--color-primary-dark: color-mix(in srgb, var(--color-primary) 72%, var(--color-base));--color-primary-light: color-mix(in srgb, var(--color-primary) 15%, transparent);--color-accent: var(--color-era-gold);--color-success: var(--color-era-deep);--color-warning: var(--color-era-gold);--color-error: var(--color-era-red);--gradient-primary: linear-gradient( 135deg, var(--color-era-gold) 0%, color-mix(in srgb, var(--color-era-gold) 36%, var(--color-era-white)) 100% );--gradient-warm: linear-gradient( 135deg, var(--color-era-red) 0%, color-mix(in srgb, var(--color-era-gold) 55%, var(--color-base)) 100% );--gradient-cool: linear-gradient( 135deg, color-mix(in srgb, var(--color-era-deep) 82%, var(--color-base)) 0%, color-mix(in srgb, var(--color-era-white) 18%, var(--color-base)) 100% );--gradient-sunset: linear-gradient( 135deg, var(--color-era-red) 0%, var(--color-era-gold) 100% );--gradient-ocean: linear-gradient( 135deg, color-mix(in srgb, var(--color-era-white) 70%, var(--color-base)) 0%, color-mix(in srgb, var(--color-era-white) 30%, var(--color-base)) 100% );transition:--period-color-primary .5s cubic-bezier(.4,0,.2,1),--period-color-rgb .5s cubic-bezier(.4,0,.2,1),--period-bg-subtle .5s cubic-bezier(.4,0,.2,1),--period-bg-light .5s cubic-bezier(.4,0,.2,1),--period-accent .5s cubic-bezier(.4,0,.2,1)}:root.dark{--color-background: var(--color-base);--color-surface: color-mix(in srgb, var(--color-base) 92%, var(--color-era-white));--color-surface-elevated: color-mix(in srgb, var(--color-base) 88%, var(--color-era-white));--color-surface-hover: color-mix(in srgb, var(--color-era-white) 10%, transparent);--color-text-primary: var(--color-base-text);--color-text-secondary: color-mix(in srgb, var(--color-base-text) 78%, var(--color-base));--color-text-tertiary: color-mix(in srgb, var(--color-base-text) 56%, var(--color-base));--color-text-inverse: var(--color-era-white-text);--color-border: color-mix(in srgb, var(--color-era-white) 16%, transparent);--color-border-light: color-mix(in srgb, var(--color-era-white) 10%, transparent);--color-sheet-surface: color-mix(in srgb, var(--color-base) 88%, var(--color-era-white));--color-sheet-control-surface: color-mix( in srgb, var(--color-base) 90%, var(--color-era-white) );--color-sheet-detail-surface: color-mix( in srgb, var(--color-base) 92%, var(--color-era-white) );--color-timeline-hero-background: linear-gradient( 180deg, rgba(10, 10, 11, .95) 0%, var(--color-background) 100% );--color-timeline-hero-hover-background: var(--color-surface-elevated);--color-timeline-hero-hover-fallback: color-mix( in srgb, var(--color-surface-elevated) 95%, transparent );--color-timeline-hero-subtitle-primary: var(--color-text-primary);--color-timeline-hero-subtitle-secondary: var(--color-text-secondary);--color-overlay-backdrop: rgba(0, 0, 0, .55);--color-on-emphasis: var(--color-base-text);--color-fab-border: color-mix(in srgb, var(--color-era-white) 14%, transparent);--shadow-bottom-sheet: 0 -1.5rem 3rem -1.5rem rgba(0, 0, 0, .85);--filter-flag-shadow: drop-shadow(0 4px 12px rgba(0, 0, 0, .22));--filter-flag-shadow-hover: drop-shadow(0 12px 24px rgba(0, 0, 0, .35));--opacity-timeline-hero-orb: .25;--opacity-timeline-hero-bottom-gradient: .8;--color-overlay-image-wrap-background: radial-gradient( circle at 20% 20%, rgba(13, 13, 13, .9), rgba(13, 13, 13, .7) );--shadow-sheet-floating: 0 16px 40px rgba(0, 0, 0, .55), 0 6px 16px rgba(0, 0, 0, .4);--shadow-control-glow: 0 4px 12px rgba(var(--period-color-rgb), .3);--shadow-control-glow-strong: 0 8px 24px rgba(var(--period-color-rgb), .6);--shadow-danger-control: 0 1rem 2rem -1.25rem rgba(139, 26, 26, .78);--shadow-danger-control-hover: 0 1.25rem 2.2rem -1.25rem rgba(139, 26, 26, .88);--shadow-surface-card: 0 1rem 2.1rem -1.6rem rgba(0, 0, 0, .88);--shadow-timeline-hero-hover: var(--shadow-2xl), 0 0 50px rgba(var(--period-color-rgb), .2);--shadow-timeline-hero-bottom-gradient: 0 0 20px rgba(var(--period-color-rgb), .5);--shadow-fab: 0 .75rem 1.5rem -.9rem rgba(0, 0, 0, .88), 0 1rem 2.25rem -1rem rgba(var(--period-color-rgb), .52);--shadow-fab-hover: 0 1rem 2rem -.9rem rgba(0, 0, 0, .95), 0 1.25rem 2.5rem -.9rem rgba(var(--period-color-rgb), .6);--shadow-fab-badge: 0 .375rem .875rem -.5rem rgba(0, 0, 0, .6);--period-bg-subtle: rgba(var(--period-color-rgb), .05);--period-bg-light: rgba(var(--period-color-rgb), .12);--period-accent: rgba(var(--period-color-rgb), .18);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 10px 10px -5px rgba(0, 0, 0, .5);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .7)}*{box-sizing:border-box}:root{font-family:var(--font-body);line-height:var(--leading-normal);font-weight:var(--font-normal);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html[data-header-mode=timeline]{--site-nav-height: 7.9rem}html[data-header-mode=home]{--site-nav-height: 4rem}@media(max-width:900px){:root{--site-nav-height: 5rem}html[data-header-mode=timeline]{--site-nav-height: 8.2rem}html[data-header-mode=home]{--site-nav-height: 3.8rem}}@media(max-width:640px){:root{--site-nav-height: 5.25rem}html[data-header-mode=timeline]{--site-nav-height: 8.4rem}html[data-header-mode=home]{--site-nav-height: 3.6rem}}@media(min-width:1024px){html{font-size:10px}:root{--text-scale: .9}}body{--site-nav-offset: var(--site-nav-height);margin:0;padding:0;min-width:320px;max-width:100vw;min-height:100vh;color:var(--color-text-primary);background:var(--color-background);overflow-x:hidden;min-height:-webkit-fill-available;text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(var(--period-color-rgb, 201, 168, 76),.1)}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-display);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:-.02em;color:var(--color-text-primary)}h1{font-size:var(--text-5xl);font-weight:var(--font-extrabold)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl);font-weight:var(--font-semibold)}h5{font-size:var(--text-lg);font-weight:var(--font-semibold)}h6{font-size:var(--text-base);font-weight:var(--font-semibold)}p{margin:0;font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}button{font-family:var(--font-body);font-weight:var(--font-medium);cursor:pointer;border:none;background:none;transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-base),opacity var(--transition-base)}a:hover{color:var(--color-primary-dark);text-decoration:underline}html{scroll-behavior:smooth}::selection{background-color:var(--color-primary-light);color:var(--color-text-inverse)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(max-width:768px){*{max-width:100%}html,body{max-width:100vw}button:not(.leaflet-control-zoom-in):not(.leaflet-control-zoom-out):not(.leaflet-popup-close-button),a:not(.leaflet-popup-content a):not(.leaflet-control-attribution a),[role=button],[onclick]{min-height:var(--touch-target-min);min-width:var(--touch-target-min);-webkit-tap-highlight-color:rgba(var(--period-color-rgb, 201, 168, 76),.15);-webkit-user-select:none;user-select:none}input,textarea,select{font-size:16px;min-height:var(--touch-target-comfortable);padding:var(--space-md);line-height:1.5}body{padding-left:var(--safe-area-inset-left);padding-right:var(--safe-area-inset-right)}h1{font-size:clamp(2rem,8vw + .5rem,3rem);line-height:1.1}h2{font-size:clamp(1.5rem,6vw + .5rem,2.25rem);line-height:1.2}h3{font-size:clamp(1.25rem,5vw + .25rem,1.875rem);line-height:1.3}p{font-size:clamp(.9375rem,2.5vw,1.0625rem);line-height:1.65;margin-bottom:var(--space-md)}}@media(max-width:480px){:root{--space-xs: .25rem;--space-sm: .375rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem}body{font-size:14px}h1{font-size:clamp(1.75rem,10vw,2.5rem)}}@media(max-height:500px)and (orientation:landscape){:root{--space-md: .5rem;--space-lg: .75rem;--space-xl: 1rem}h1,h2,h3{line-height:1.1;margin-bottom:var(--space-sm)}}@media(max-width:768px){::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(var(--period-color-rgb, 201, 168, 76),.3);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:rgba(var(--period-color-rgb, 201, 168, 76),.5)}}