/* About teaser section specific styles */
.about__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: clamp(40px, 5vw, 72px); align-items: center; }
.about__points { margin-top: 30px; display: grid; gap: 16px; }
.about__point { display: flex; gap: 14px; align-items: flex-start; }
.about__point-dot { width: 8px; height: 8px; margin-top: 8px; flex: 0 0 auto; }
.about__point-dot--blue { background: var(--blue); }
.about__point-dot--green { background: var(--green); }
.about__point strong { font-weight: 600; color: var(--navy); }
.about__point span.desc { color: var(--text-muted); }

.about__media { display: grid; gap: 14px; min-width: 0; }
.about__photo-main { aspect-ratio: 5/4; border: 1px solid var(--border); position: relative; width: 100%; overflow: hidden; }
.about__photo-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.about__photo-sm { aspect-ratio: 1/1; border: 1px solid var(--border); position: relative; width: 100%; overflow: hidden; }
.about__photo-main img, .about__photo-sm img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }