body{margin:0;background:#070504;color:#fff6e8;font-family:Arial,sans-serif}.hero{min-height:82vh;background:linear-gradient(90deg,rgba(7,5,4,.96),rgba(7,5,4,.55)),url('/assets/the-fall-of-the-first-empire-definitive/fall-first-empire-hero.jpg') center/cover;display:flex;align-items:center;padding:8% 6%}.hero-content{max-width:980px;background:rgba(0,0,0,.58);padding:38px;border-radius:30px;border:1px solid rgba(217,170,74,.42);box-shadow:0 30px 90px rgba(0,0,0,.55)}.kicker{color:#d9aa4a;font-weight:900;letter-spacing:3px;text-transform:uppercase}h1{font-size:clamp(42px,7vw,78px);line-height:.95;margin:10px 0;color:#f7d982}h2{font-size:clamp(34px,5vw,60px);color:#f7d982;margin:0 0 18px}.hero p,.lead,.next p{font-size:19px;color:#e8d9bd;line-height:1.65}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-block;text-decoration:none;background:linear-gradient(135deg,#f7d982,#d9aa4a);color:#080504;font-weight:900;padding:14px 22px;border-radius:999px}.btn.secondary{background:transparent;color:#fff6e8;border:1px solid rgba(217,170,74,.45)}.intro,.next{padding:90px 6% 35px;max-width:1280px;margin:auto}.cover-scene{max-width:1180px;margin:20px auto 40px;padding:0 6%;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:28px;align-items:center}.cover-scene img{width:100%;height:auto;display:block;border-radius:28px;border:1px solid rgba(217,170,74,.35);box-shadow:0 24px 70px rgba(0,0,0,.45);background:#070504}.cards{padding:35px 6% 100px;max-width:1320px;margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:34px}.scene-card{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid rgba(217,170,74,.35);border-radius:28px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.45)}.scene-card img{width:100%;height:315px;object-fit:cover;display:block;background:#070504}.scene-content-card{padding:28px}.scene-content-card span{display:inline-block;color:#d9aa4a;font-size:12px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:10px}.scene-content-card h3,.next h3{color:#f7d982;margin:0 0 8px;font-size:27px}.sub,.next-subtitle{color:#d9aa4a!important;font-weight:800}.scene-content-card p{color:#cbbda9;line-height:1.65;font-size:16px}.profile-grid{display:grid;grid-template-columns:1fr;gap:8px;margin:18px 0}.profile-grid p{margin:0;background:rgba(255,255,255,.05);padding:10px;border-radius:12px;color:#e8d9bd;font-size:14px}b{color:#f7d982}.next{border-top:1px solid rgba(217,170,74,.25);padding-bottom:100px}@media(max-width:760px){.cards{grid-template-columns:1fr;padding:25px 5% 80px}.cover-scene{grid-template-columns:1fr;padding:0 5%;margin-top:0}.scene-card img{height:auto;aspect-ratio:16/10;object-fit:cover}.hero{padding:20% 5%}.hero-content{padding:28px;border-radius:22px}}