.bf-pillars-wrapper { padding: 40px 20px; text-align: center; }
.bf-pillars-heading { margin-bottom: 30px; font-size: 2rem; }
.bf-pillars-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; max-width: 1200px; margin: 0 auto; }
.bf-pillar-card { border: 1px solid #eee; padding: 20px; text-decoration: none; color: inherit; display: block; border-radius: 8px; transition: transform 0.2s, box-shadow 0.2s; background: #fff; }
.bf-pillar-card:hover { transform: translateY(-5px); box-shadow: 0 5px 15px rgba(0,0,0,0.1); }
.bf-pillar-img { height: 200px; background: #ddd; background-size: cover; background-position: center; margin-bottom: 15px; border-radius: 4px; }
.bf-pillar-card h3 { margin-bottom: 10px; font-size: 1.2rem; color: #8C5A3C; }
.bf-pillar-card p { font-size: 0.9rem; line-height: 1.4; color: #666; }