.about-hero { background: #f2f2f2; padding: 0px 0 92px; }
.about-hero-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 58px; align-items: start; }
.about-hero h1 { font-size: var(--fs-h1); margin-bottom: 4px; }
.about-hero h2 { font-size: 22px; font-weight: 400; margin-bottom: 16px; }
.about-hero .lead { max-width: 620px; font-size: 15px; }
.about-hero-image img { width: 100%; max-height: 320px; object-fit: cover; border-radius: 12px; }
.about-content { position: relative; background: #fff; }
.about-content::before { content: ""; position: absolute; inset: 0 0 auto; height: 110px; background: #f2f2f2; }
.about-content > .container { position: relative; z-index: 1; }
.about-purpose { margin-top: -54px; padding: 30px 48px; border-radius: 14px; background: var(--blue); color: #fff; }
.about-purpose h2 { color: #fff; font-size: 27px; }
.about-section-title { margin: 44px 0 52px; font-size: 26px; }
.about-section-title::after, .about-residencias-bottom h2::after { content: ""; display: inline-block; width: 30px; height: 3px; margin-left: 10px; background: var(--gold); vertical-align: middle; }
.about-pillar { display: grid; grid-template-columns: 330px 1fr; gap: 54px; align-items: center; margin-bottom: 72px; }
.about-pillar.is-reverse { grid-template-columns: 1fr 330px; }
.about-pillar.is-reverse .about-pillar-image { order: 2; }
.about-pillar-image img { width: 330px; height: 260px; object-fit: cover; border-radius: 12px; }
.about-pillar-text h3 { font-size: 24px; }
.about-pillar-text { color: #555; }
.about-pills-band { padding: 32px 0; background: var(--blue); color: #fff; }
.about-pills { display: flex; flex-wrap: wrap; gap: 10px; }
.about-pills span { padding: 8px 18px; border-radius: 6px; background: #fff; color: var(--blue); font-size: 14px; font-weight: 600; }
.about-residencias-bottom { padding: 38px 0 50px; }
.about-residencias-bottom h2 { font-size: 27px; }
.about-residencias-bottom h3 { font-size: 17px; font-weight: 400; }
.about-icons-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; margin-top: 30px; }
.about-icon-item { display: flex; align-items: center; gap: 10px; color: var(--blue); }
.about-icon-item img { width: 40px; height: 40px; object-fit: contain; }