.our-story { text-align: center; background: #121212; }
.our-story h2 { font-size: 45px; margin-bottom: 20px; font-family: "Bebas Neue"; letter-spacing: 2px; }
.our-story p { font-size: 18px; max-width: 800px; margin: auto; line-height: 1.8; color: #ccc; }

.pillars { text-align: center; }
.pillars h2 { font-family: "Bebas Neue"; font-size: 45px; margin-bottom: 50px; letter-spacing: 2px; }
.pillars-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }
.pillar-card { background: #181818; padding: 40px 30px; border-radius: 15px; border-left: 4px solid #d81f26; text-align: left; transition: .3s ease-in-out; }
.pillar-card:hover { transform: scale(1.02); }
.pillar-card h3 { font-size: 24px; margin-bottom: 15px; font-family: "Montserrat", sans-serif; font-weight: 700; }
.pillar-card p { font-size: 16px; line-height: 1.6; color: #b3b3b3; }

.about-legacy { background: linear-gradient(rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85)), url("../images/hero.jpg") center center/cover; text-align: center; padding: 100px 10%; }
.legacy-content { max-width: 800px; margin: auto; }
.about-legacy h2 { font-family: "Bebas Neue"; font-size: 50px; letter-spacing: 2px; color: #fff; margin-bottom: 20px; }
.about-legacy p { font-size: 18px; line-height: 1.8; color: #ddd; margin-bottom: 30px; }