@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Inter:wght@400;500;600&display=swap');
:root{--gold:#d2aa55;--gold2:#f0d38a;--bg:#08090a;--text:#eee9dc;--muted:#b9b1a2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#070809;color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.7}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 0,rgba(184,135,48,.12),transparent 40%);z-index:-1}.hero{min-height:78vh;display:flex;align-items:center;position:relative;background-image:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.48),rgba(0,0,0,.88)),url('images/barad-dur-home.jpg');background-size:cover;background-position:center;border-bottom:1px solid #3b2d17}.hero.small{min-height:46vh}nav{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:22px 6%;background:linear-gradient(180deg,rgba(0,0,0,.8),transparent)}.logo{font-family:Cinzel,serif;color:var(--gold2);font-size:20px;letter-spacing:2px;text-decoration:none}nav ul{display:flex;gap:25px;list-style:none;margin:0;padding:0}nav a{color:#eee;text-decoration:none;font-weight:600;font-size:14px}nav a:hover,nav a.active{color:var(--gold2)}.hero-content{max-width:900px;padding:100px 7% 60px}.eyebrow{text-transform:uppercase;letter-spacing:4px;color:var(--gold);font-size:12px}.hero h1{font-family:Cinzel,serif;font-size:clamp(42px,7vw,86px);line-height:1.05;margin:18px 0;color:#f4e6c0;text-shadow:0 4px 20px #000}.hero p{font-size:19px;max-width:700px;color:#ddd4c4}.btn{display:inline-block;margin-top:18px;padding:13px 22px;border:1px solid var(--gold);color:#111;background:var(--gold);text-decoration:none;font-weight:700}.btn.alt{background:transparent;color:var(--gold2);margin-left:10px}main{max-width:1180px;margin:auto;padding:70px 6%}.section-title{font-family:Cinzel,serif;color:var(--gold2);font-size:32px;margin:0 0 12px}.lead{color:var(--muted);max-width:800px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.card{background:linear-gradient(145deg,#17191b,#0d0f10);border:1px solid #332817;padding:25px;box-shadow:0 12px 35px #0008}.card h3,.character h3,.place h3{font-family:Cinzel,serif;color:var(--gold2);margin-top:0}.card p{color:#c6bfb2}.quote{margin:45px 0;padding:30px;border-left:3px solid var(--gold);background:#0e0f10;font-family:Cinzel,serif;font-size:22px;color:#dfc98f}.character{min-height:270px;padding:25px;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.9)),var(--img);background-size:cover;background-position:center;border:1px solid #3a2d1b;display:flex;align-items:end}.character div,.place div{background:#000b;padding:14px;width:100%}.place{min-height:300px;background:var(--img);background-size:cover;background-position:center;padding:24px;display:flex;align-items:end;border:1px solid #3a2d1b}footer{border-top:1px solid #332817;text-align:center;padding:35px;color:#81796d;font-size:13px}@media(max-width:800px){nav{align-items:flex-start}nav ul{gap:12px;flex-wrap:wrap;justify-content:flex-end}.grid{grid-template-columns:1fr}.hero{min-height:75vh}.hero.small{min-height:42vh}.hero-content{padding-top:130px}.btn.alt{margin-left:0}.hero p{font-size:16px}}