@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Inter:wght@400;500;600&display=swap');

*{margin:0;padding:0;box-sizing:border-box}
:root{--gold:#d8b45a;--gold2:#f2d58b;--gold3:#8e6b2e;--ink:#07080b;--night:#0b0d13;--card:rgba(18,20,27,.78);--card2:rgba(25,27,36,.9);--text:#f4f0e8;--muted:#a8a8ae;--cyan:#8dc8c4;--shadow:0 25px 80px rgba(0,0,0,.55)}
html{scroll-behavior:smooth}
body{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at 50% -10%,#26313d 0,#10151e 30%,#07080b 72%);color:var(--text);font-family:'Cormorant Garamond',Georgia,serif;font-size:1.1rem;line-height:1.7;overflow-x:hidden}
body:before,body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1}
body:before{opacity:.38;background-image:radial-gradient(circle at 20% 30%,rgba(242,213,139,.8) 0 1px,transparent 1.5px),radial-gradient(circle at 75% 18%,rgba(255,255,255,.65) 0 1px,transparent 1.5px),radial-gradient(circle at 55% 72%,rgba(141,200,196,.45) 0 1px,transparent 1.5px);background-size:190px 170px,270px 230px,320px 280px}
body:after{background:radial-gradient(ellipse at 50% 0,rgba(216,180,90,.08),transparent 45%),radial-gradient(ellipse at 10% 60%,rgba(69,119,116,.07),transparent 35%)}
a{color:var(--gold);text-decoration:none;transition:.3s ease}a:hover{color:var(--gold2)}
.container{width:min(1240px,calc(100% - 40px));margin:auto}
h1,h2,h3,h4{font-family:'Cinzel',serif;line-height:1.15;letter-spacing:.04em}

/* HEADER */
.site-header{position:sticky;top:0;z-index:100;background:rgba(5,7,10,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(216,180,90,.35);box-shadow:0 12px 50px rgba(0,0,0,.45)}
.site-header:after{content:"";display:block;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.55}
.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.logo a{display:block;font-family:'Cinzel',serif;font-weight:700;font-size:1.35rem;letter-spacing:.18em;color:var(--gold2);text-shadow:0 0 24px rgba(216,180,90,.3)}
.logo small{display:block;margin-top:2px;color:#888d97;font-family:Inter,sans-serif;font-size:.57rem;text-transform:uppercase;letter-spacing:.28em}
.main-nav ul{display:flex;list-style:none;gap:5px;flex-wrap:wrap}.main-nav a{position:relative;display:block;padding:10px 14px;color:#a7a9b0;font:500 .68rem Inter,sans-serif;text-transform:uppercase;letter-spacing:.16em;border:1px solid transparent;border-radius:999px}.main-nav a:hover,.main-nav a.active{color:var(--gold2);border-color:rgba(216,180,90,.35);background:rgba(216,180,90,.07);box-shadow:0 0 25px rgba(216,180,90,.08)}

/* HERO */
.hero{position:relative;isolation:isolate;padding:90px 0 80px;text-align:center;overflow:hidden;border-bottom:1px solid rgba(216,180,90,.22);background:radial-gradient(ellipse at center top,rgba(66,82,91,.45),transparent 60%)}
.hero:before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(180deg,rgba(4,7,10,.05),rgba(4,7,10,.72)),radial-gradient(circle at 50% 55%,transparent 0 20%,rgba(3,5,8,.65) 75%),url('https://images.unsplash.com/photo-1500534623283-312aade485b7?auto=format&fit=crop&w=2200&q=85') center/cover;opacity:.52;filter:saturate(.75) contrast(1.1)}
.hero:after{content:"";position:absolute;z-index:-1;left:50%;bottom:-130px;width:720px;height:260px;transform:translateX(-50%);background:rgba(216,180,90,.12);filter:blur(90px);border-radius:50%}
.hero h1{font-size:clamp(3.2rem,8vw,7.4rem);font-weight:800;color:#f4db98;text-shadow:0 0 25px rgba(216,180,90,.25),0 10px 50px #000;letter-spacing:.08em}.hero .subtitle{margin-top:12px;font:500 .78rem Inter,sans-serif;letter-spacing:.55em;text-transform:uppercase;color:#cfc8b9}.hero .tagline{max-width:760px;margin:25px auto 0;font-size:1.35rem;font-style:italic;color:#d1d0cb}.hero-img{display:block;width:min(1040px,100%);height:430px;object-fit:cover;margin:38px auto 0;border:1px solid rgba(242,213,139,.45);border-radius:24px;box-shadow:0 25px 100px rgba(0,0,0,.65),0 0 70px rgba(216,180,90,.08);filter:saturate(.85) contrast(1.06);transition:.7s}.hero-img:hover{transform:scale(1.012);box-shadow:0 30px 110px rgba(0,0,0,.7),0 0 90px rgba(216,180,90,.15)}
.deco-divider{display:flex;align-items:center;justify-content:center;gap:13px;margin:28px 0}.deco-divider .line{height:1px;width:120px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.diamond{width:12px;height:12px;background:var(--gold);transform:rotate(45deg);box-shadow:0 0 18px rgba(216,180,90,.35)}.diamond.small{width:6px;height:6px;background:var(--gold2)}

/* CONTENT */
.main-content{flex:1;padding:80px 0 100px;position:relative}.section-title{text-align:center;font-size:clamp(2rem,4vw,3rem);color:#eee5d1}.section-sub{text-align:center;color:var(--muted);margin:12px auto 35px;font-size:1.1rem}
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:35px}.card{position:relative;overflow:hidden;padding:12px 12px 24px;background:linear-gradient(145deg,rgba(34,37,46,.85),rgba(10,12,17,.86));border:1px solid rgba(216,180,90,.25);border-radius:20px;box-shadow:var(--shadow);transition:.45s;isolation:isolate}.card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(216,180,90,.11),transparent 35%,rgba(141,200,196,.06));z-index:-1}.card:after{content:"";position:absolute;left:10%;right:10%;top:-40px;height:80px;background:rgba(216,180,90,.12);filter:blur(40px);z-index:-1}.card:hover{transform:translateY(-10px);border-color:rgba(242,213,139,.7);box-shadow:0 30px 90px rgba(0,0,0,.6),0 0 40px rgba(216,180,90,.09)}.card img{display:block;width:100%;height:220px;object-fit:cover;border-radius:14px;border:1px solid rgba(255,255,255,.08);margin-bottom:18px;filter:saturate(.8);transition:.5s}.card:hover img{transform:scale(1.025);filter:saturate(1)}.card h3{font-size:1.28rem;color:#f0d89c;margin-bottom:4px}.card .sub{display:block;font:500 .62rem Inter,sans-serif;text-transform:uppercase;letter-spacing:.16em;color:#8e968f;margin-bottom:9px}.card p{font-size:1rem;color:#aeb0b5}.card a{display:inline-block;margin-top:14px;padding:8px 18px;border:1px solid rgba(216,180,90,.45);border-radius:999px;font:500 .62rem Inter,sans-serif;letter-spacing:.15em;text-transform:uppercase;background:rgba(216,180,90,.05)}.card a:hover{background:rgba(216,180,90,.14);box-shadow:0 0 24px rgba(216,180,90,.12)}

/* TIMELINE */
.timeline{position:relative;max-width:960px;margin:30px auto;padding:20px 0}.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,var(--gold),rgba(141,200,196,.65),var(--gold),transparent);box-shadow:0 0 20px rgba(216,180,90,.3)}.timeline-item{position:relative;display:flex;margin-bottom:38px}.timeline-item:nth-child(odd){justify-content:flex-start}.timeline-item:nth-child(even){justify-content:flex-end}.timeline-item .content{width:44%;padding:12px 12px 22px;background:linear-gradient(145deg,rgba(30,33,42,.9),rgba(9,11,16,.94));border:1px solid rgba(216,180,90,.25);border-radius:20px;box-shadow:var(--shadow);transition:.4s}.timeline-item .content:hover{transform:translateY(-5px);border-color:rgba(242,213,139,.65)}.timeline-item .content img{width:100%;height:190px;object-fit:cover;border-radius:13px;border:1px solid rgba(255,255,255,.08);margin-bottom:13px}.timeline-item .dot{position:absolute;left:50%;top:28px;width:16px;height:16px;transform:translateX(-50%);border-radius:50%;background:var(--gold2);border:4px solid #0b0d13;box-shadow:0 0 0 1px var(--gold),0 0 30px rgba(216,180,90,.5);z-index:3}.timeline-item .year{display:block;color:var(--gold);font:600 .7rem Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase}.timeline-item h4{color:#eee1bd;font-size:1.25rem;margin:5px 0}.timeline-item p{color:#a9abb1;font-size:1rem}

/* MAP */
.map-wrapper{max-width:1100px;margin:0 auto}.map-container{position:relative;width:100%;height:min(620px,58vw);min-height:390px;overflow:hidden;border:1px solid rgba(216,180,90,.4);border-radius:26px;background:#0a0d10;box-shadow:0 30px 100px rgba(0,0,0,.65),0 0 70px rgba(216,180,90,.08)}.map-container:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(216,180,90,.07),transparent 30%,transparent 70%,rgba(216,180,90,.05)),linear-gradient(180deg,rgba(0,0,0,.1),transparent 30%,rgba(0,0,0,.45));mix-blend-mode:screen}.map-container .map-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;filter:sepia(.25) saturate(.65) brightness(.7) contrast(1.08)}.pin{position:absolute;transform:translate(-50%,-50%);z-index:4;color:#f2d58b;font:600 .68rem Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.pin:before{content:"";display:block;width:12px;height:12px;margin:0 auto 7px;border-radius:50%;background:var(--gold2);border:2px solid #080a0e;box-shadow:0 0 0 2px var(--gold),0 0 28px rgba(216,180,90,.7);animation:pulse 2.4s infinite}.pin .label{display:block;padding:5px 10px;border:1px solid rgba(216,180,90,.4);border-radius:999px;background:rgba(5,7,10,.75);backdrop-filter:blur(8px)}.pin .tooltip{display:block;opacity:0;pointer-events:none;position:absolute;bottom:calc(100% + 45px);left:50%;transform:translateX(-50%) translateY(8px);width:220px;padding:10px 13px;border:1px solid rgba(216,180,90,.4);border-radius:12px;background:rgba(10,12,17,.95);color:#d8d9dc;font:400 .8rem 'Cormorant Garamond',serif;text-transform:none;white-space:normal;text-align:center;box-shadow:0 15px 45px rgba(0,0,0,.7);transition:.3s}.pin:hover .tooltip{opacity:1;transform:translateX(-50%) translateY(0)}@keyframes pulse{0%,100%{box-shadow:0 0 0 2px var(--gold),0 0 20px rgba(216,180,90,.45)}50%{box-shadow:0 0 0 4px rgba(216,180,90,.25),0 0 35px rgba(216,180,90,.8)}}

/* FOOTER */
.site-footer{margin-top:auto;padding:45px 0 28px;background:rgba(4,6,9,.82);border-top:1px solid rgba(216,180,90,.22);text-align:center}.site-footer p{color:#81848c;font-size:.85rem;letter-spacing:.08em}.footer-deco{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:15px}.footer-deco .line{width:90px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.footer-deco .line:last-child{background:linear-gradient(90deg,var(--gold),transparent)}.footer-deco .diamond{width:9px;height:9px;background:var(--gold);transform:rotate(45deg);opacity:.6}

@media(max-width:800px){.header-inner{flex-direction:column;padding:15px 0}.main-nav ul{justify-content:center}.hero{padding:65px 0}.hero-img{height:330px;border-radius:18px}.timeline:before{left:16px}.timeline-item,.timeline-item:nth-child(even),.timeline-item:nth-child(odd){justify-content:flex-start;padding-left:45px}.timeline-item .content{width:100%}.timeline-item .dot{left:16px}.map-container{height:70vw;min-height:360px}}
@media(max-width:560px){.container{width:min(100% - 24px,1240px)}.logo a{font-size:1.05rem}.main-nav a{padding:8px 9px;font-size:.58rem}.hero h1{font-size:3rem}.hero .tagline{font-size:1.12rem}.hero-img{height:250px}.card-grid{grid-template-columns:1fr}.card img{height:200px}.map-container{height:85vw;min-height:330px}.pin{font-size:.52rem}.pin .label{padding:3px 6px}.pin .tooltip{width:160px;font-size:.72rem}}