:root{--bg-primary: #faf8f5;--bg-secondary: #f3efe8;--bg-dark: #1a1410;--text-primary: #2c1810;--text-secondary: #5c4033;--text-muted: #8a7968;--text-light: #b8a898;--accent-gold: #c8a45c;--accent-gold-light: #e8d5a3;--accent-gold-dark: #a07830;--border: #e0d8cc;--white: #ffffff;--type-religious: #2d6a4f;--type-political: #b8860b;--type-scholarly: #1e3a5f;--font-heading: "Playfair Display", Georgia, "Times New Roman", serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--timeline-width: 3px;--card-max-width: 480px;--nav-height: 56px;--ease-out: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-height) + 24px);-webkit-text-size-adjust:100%}body{font-family:var(--font-body);color:var(--text-primary);background-color:var(--bg-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img{display:block;max-width:100%;height:auto}a{color:var(--accent-gold-dark);text-decoration:underline;text-decoration-color:var(--accent-gold-light);text-underline-offset:2px;transition:color .2s,text-decoration-color .2s}a:hover{color:var(--accent-gold);text-decoration-color:var(--accent-gold)}button{font-family:inherit;cursor:pointer;border:none;background:none}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1410,#2a1f18 40%,#1e1510);overflow:hidden}.hero-pattern{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.04;background-image:linear-gradient(30deg,var(--accent-gold) 12%,transparent 12.5%,transparent 87%,var(--accent-gold) 87.5%,var(--accent-gold)),linear-gradient(150deg,var(--accent-gold) 12%,transparent 12.5%,transparent 87%,var(--accent-gold) 87.5%,var(--accent-gold)),linear-gradient(30deg,var(--accent-gold) 12%,transparent 12.5%,transparent 87%,var(--accent-gold) 87.5%,var(--accent-gold)),linear-gradient(150deg,var(--accent-gold) 12%,transparent 12.5%,transparent 87%,var(--accent-gold) 87.5%,var(--accent-gold)),linear-gradient(60deg,rgba(200,164,92,.6) 25%,transparent 25.5%,transparent 75%,rgba(200,164,92,.6) 75%,rgba(200,164,92,.6)),linear-gradient(60deg,rgba(200,164,92,.6) 25%,transparent 25.5%,transparent 75%,rgba(200,164,92,.6) 75%,rgba(200,164,92,.6));background-size:80px 140px;background-position:0 0,0 0,40px 70px,40px 70px,0 0,40px 70px}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 0%,rgba(26,20,16,.6) 100%)}.hero-content{position:relative;z-index:1;text-align:center;padding:2rem;max-width:700px;animation:heroFadeIn 1.2s var(--ease-out)}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-ornament{color:var(--accent-gold);margin-bottom:2rem;opacity:.8}.hero-title{font-family:var(--font-heading);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;color:var(--white);letter-spacing:.02em;line-height:1.15;margin-bottom:.75rem}.hero-subtitle{font-family:var(--font-heading);font-size:clamp(1rem,2.5vw,1.4rem);font-weight:400;font-style:italic;color:var(--accent-gold);letter-spacing:.04em;margin-bottom:2rem}.hero-divider-line{width:60px;height:1px;background:var(--accent-gold);margin:0 auto 2rem;opacity:.5}.hero-description{font-size:1.05rem;color:#ffffffb3;line-height:1.7;max-width:540px;margin:0 auto 2.5rem}.hero-cta{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 2rem;font-size:.95rem;font-weight:500;letter-spacing:.04em;color:var(--bg-dark);background:var(--accent-gold);border-radius:4px;transition:background .3s,transform .3s}.hero-cta:hover{background:var(--accent-gold-light);transform:translateY(-2px)}.hero-arrow{display:flex;animation:bounceDown 2s infinite}@keyframes bounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.timeline-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;height:var(--nav-height);padding:0 1.5rem;background:#1a1410eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(200,164,92,.15);transform:translateY(-100%);transition:transform .4s var(--ease-out)}.timeline-nav.visible{transform:translateY(0)}.nav-brand{display:flex;align-items:center;gap:.5rem;color:var(--accent-gold);font-family:var(--font-heading);font-size:1rem;font-weight:600;white-space:nowrap;padding:0;flex-shrink:0}.nav-brand-icon{font-size:.7rem}.nav-links{display:flex;gap:.25rem;margin-left:auto;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;padding-left:1rem}.nav-links::-webkit-scrollbar{display:none}.nav-link{padding:.4rem .75rem;font-size:.78rem;font-weight:500;color:#ffffff8c;white-space:nowrap;border-radius:3px;transition:color .2s,background .2s}.nav-link:hover{color:#ffffffd9;background:#ffffff0f}.nav-link.active{color:var(--accent-gold);background:#c8a45c1f}.timeline{position:relative;max-width:1100px;margin:0 auto;padding:0 1.5rem 4rem}.timeline-line{position:absolute;top:0;bottom:0;left:50%;width:var(--timeline-width);background:linear-gradient(to bottom,transparent,var(--border) 5%,var(--border) 95%,transparent);transform:translate(-50%)}.era-section{padding-top:4rem}.era-header{position:relative;text-align:center;padding:3rem 1rem;margin-bottom:2rem;z-index:2}.era-years{display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--era-color);background:var(--bg-primary);padding:.3rem 1rem;border:1px solid var(--era-color);border-radius:2px;margin-bottom:1rem}.era-title{font-family:var(--font-heading);font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;color:var(--text-primary);margin-bottom:.75rem;line-height:1.2}.era-description{font-size:1.05rem;color:var(--text-muted);max-width:500px;margin:0 auto 1.25rem}.era-divider{width:80px;height:2px;background:var(--era-color);margin:0 auto;opacity:.4}.era-events{position:relative}.timeline-item{position:relative;display:grid;grid-template-columns:1fr var(--timeline-width) 1fr;gap:0;align-items:start;margin-bottom:3rem;opacity:0;transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.timeline-item.left{transform:translate(-30px)}.timeline-item.right{transform:translate(30px)}.timeline-item.visible{opacity:1;transform:translate(0)}.timeline-marker{grid-column:2;grid-row:1;display:flex;justify-content:center;padding-top:1.5rem;position:relative;z-index:3}.marker-dot{width:14px;height:14px;border-radius:50%;background:var(--era-color);border:3px solid var(--bg-primary);box-shadow:0 0 0 2px var(--era-color);flex-shrink:0}.timeline-date{grid-row:1;display:flex;align-items:flex-start;padding-top:1.25rem}.timeline-date span{font-family:var(--font-heading);font-size:1.1rem;font-weight:600;color:var(--era-color);white-space:nowrap}.timeline-card{grid-row:1;background:var(--white);border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000000f,0 6px 16px #0000000a;transition:box-shadow .3s}.timeline-card:hover{box-shadow:0 2px 6px #00000014,0 12px 28px #00000014}.timeline-item.left .timeline-date{grid-column:3;padding-left:1.5rem}.timeline-item.left .timeline-card{grid-column:1;margin-right:1.5rem}.timeline-item.right .timeline-date{grid-column:1;justify-content:flex-end;padding-right:1.5rem}.timeline-item.right .timeline-card{grid-column:3;margin-left:1.5rem}.card-image{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;background:var(--bg-secondary)}.card-caption{position:absolute;bottom:0;left:0;right:0;padding:2rem .75rem .5rem;font-size:.72rem;color:#fffc;background:linear-gradient(transparent,#0009);text-align:right;font-style:italic}.card-body{padding:1.25rem 1.5rem 1.5rem}.card-type{display:inline-block;font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:.2rem .6rem;border-radius:2px;margin-bottom:.6rem}.type-r{color:var(--type-religious);background:#2d6a4f1a}.type-c{color:var(--type-political);background:#b8860b1a}.type-s{color:var(--type-scholarly);background:#1e3a5f1a}.card-title{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;color:var(--text-primary);line-height:1.3;margin-bottom:.6rem}.card-description{font-size:.92rem;color:var(--text-secondary);line-height:1.7}.card-description p{margin-bottom:.5rem}.card-description p:last-child{margin-bottom:0}.lazy-image{width:100%;height:100%;background:var(--bg-secondary);overflow:hidden}.lazy-image img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease}.lazy-image.loaded img{opacity:1}.lazy-image-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-light);background:var(--bg-secondary)}.site-footer{background:var(--bg-dark);padding:3rem 1.5rem 2rem;text-align:center}.footer-content{max-width:500px;margin:0 auto}.back-to-top{display:inline-flex;align-items:center;gap:.4rem;color:var(--accent-gold);font-size:.85rem;font-weight:500;letter-spacing:.04em;padding:.5rem 1rem;border:1px solid rgba(200,164,92,.3);border-radius:3px;transition:border-color .2s,background .2s}.back-to-top:hover{border-color:var(--accent-gold);background:#c8a45c14}.footer-divider{width:40px;height:1px;background:#c8a45c40;margin:1.5rem auto}.footer-text{font-size:.85rem;color:#ffffff80;margin-bottom:.5rem}.footer-credits{font-size:.78rem;color:#ffffff59}.footer-credits a{color:#ffffff80;text-decoration-color:#fff3}.footer-credits a:hover{color:var(--accent-gold)}@media(max-width:900px){.timeline-line{left:24px}.timeline-item{grid-template-columns:48px 1fr;gap:0}.timeline-marker{grid-column:1;justify-content:center;padding-left:0}.timeline-item.left .timeline-card,.timeline-item.right .timeline-card{grid-column:2;margin-left:.75rem;margin-right:0}.timeline-item.left .timeline-date,.timeline-item.right .timeline-date{grid-column:2;grid-row:1;justify-content:flex-start;padding-left:.75rem;padding-right:0;padding-top:0;margin-bottom:.5rem}.timeline-item{grid-template-columns:48px 1fr;grid-template-rows:auto auto}.timeline-marker{grid-row:1 / 3;padding-top:.25rem}.timeline-item.left .timeline-date,.timeline-item.right .timeline-date{grid-row:1}.timeline-item.left .timeline-card,.timeline-item.right .timeline-card{grid-row:2}.timeline-item.left,.timeline-item.right{transform:translate(-20px)}.timeline-item.visible{transform:translate(0)}.nav-brand-text{display:none}.nav-links{margin-left:.5rem}}@media(max-width:600px){.hero-content{padding:1.5rem}.hero-description{font-size:.95rem}.timeline{padding:0 .75rem 3rem}.era-header{padding:2rem .5rem}.era-title{font-size:1.6rem}.timeline-line{left:16px}.timeline-item{grid-template-columns:32px 1fr}.timeline-item.left .timeline-card,.timeline-item.right .timeline-card{margin-left:.5rem}.marker-dot{width:10px;height:10px;border-width:2px}.card-body{padding:1rem 1.15rem 1.25rem}.card-title{font-size:1.1rem}.card-description{font-size:.85rem}.timeline-date span{font-size:.95rem}.timeline-item{margin-bottom:2rem}.nav-link{font-size:.7rem;padding:.35rem .5rem}}@media(min-width:1200px){.timeline{max-width:1200px}.card-max-width{max-width:520px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}.timeline-item{opacity:1!important;transform:none!important}}@media print{.timeline-nav,.hero-cta,.back-to-top{display:none}.hero{min-height:auto;padding:2rem;background:#fff;color:#000}.hero-title{color:#000}.timeline-item{opacity:1!important;transform:none!important;break-inside:avoid}}