:root{--bg:#030304;--accent:#d4af37;--text-main:#f0f0f0;--text-muted:#888890;--font-display:'Playfair Display',serif;--font-body:'Manrope',sans-serif;}*{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;}body{background-color:var(--bg);color:var(--text-main);font-family:var(--font-body);}.navbar{padding:20px 6%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,0.1);}.logo{font-family:var(--font-display);font-size:24px;font-weight:600;color:#fff;text-decoration:none;display:flex;align-items:center;gap:10px;}.logo span{color:var(--accent);}.container{max-width:1200px;margin:0 auto;padding:60px 20px;}.header{text-align:center;margin-bottom:60px;}.header h1{font-family:var(--font-display);font-size:48px;margin-bottom:15px;}.header p{color:var(--text-muted);font-size:18px;}.archive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;}.person-card{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.1);border-radius:12px;overflow:hidden;cursor:pointer;transition:all 0.3s ease;}.person-card:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 10px 30px rgba(0,0,0,0.3);}.card-image{width:100%;height:300px;object-fit:cover;filter:grayscale(20%);transition:0.3s;}.person-card:hover .card-image{filter:grayscale(0%);}.card-info{padding:20px;}.card-date{font-size:12px;color:var(--accent);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;}.card-name{font-size:20px;font-weight:600;margin-bottom:5px;color:#fff;}.card-title{font-size:14px;color:var(--text-muted);}#featured-person-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(15,15,18,0.98);z-index:10000;overflow-y:auto;}.overlay-content{max-width:1000px;margin:0 auto;padding:60px 20px;}.close-btn{position:fixed;top:30px;right:30px;background:none;border:none;color:#fff;font-size:40px;cursor:pointer;z-index:10001;}.featured-main-image{width:100%;height:500px;object-fit:cover;border-radius:8px;margin-bottom:20px;}.gallery-thumbs{display:flex;gap:10px;overflow-x:auto;padding-bottom:10px;}.thumb{width:80px;height:80px;object-fit:cover;border-radius:4px;cursor:pointer;opacity:0.6;transition:0.3s;}.thumb.active,.thumb:hover{opacity:1;border:2px solid var(--accent);}.bio-section{margin-top:40px;display:grid;grid-template-columns:2fr 1fr;gap:40px;}@media (max-width:768px){.bio-section{grid-template-columns:1fr;}.header h1{font-size:36px;}}