# About Us — reconcile round 1 (agent aboutus-r1)

Desktop frame 3121:22745 (canonical), mobile frame 3121:23680, file R6EY4TpNCvVqUEikM7Lof9.
Page was already substantially built; this was a measure-and-fix reconcile, not a from-scratch build.
All measurements via Figma IR (relativeBbox + per-run text) vs DOM getBoundingClientRect/getComputedStyle.

## Desktop (measured at 1440px; content width 1425, scrollW 1425 — no overflow)

| Section | Figma node | measured-vs-IR | fixed? | residual |
|---|---|---|---|---|
| 01 Hero | 3121:22746 | left card was flex-1 → 839w (Figma 722); photo 486 (Figma 526); gap 40 (Figma 136) | YES — card `lg:w-[722px]`, gap-[136px], photo `lg:flex-none lg:w-[526px]`. h1 SemiBold 55px navy, subtitle Light 25px navy, navy mask r28 all matched IR | photo now 507 (flex remainder ~537-pad); within tolerance |
| 02 Founded para | 3121:22823 | Poppins Light 20px navy, textCase=TITLE, align **LEFT** — ours was `text-justify` | YES — justify→left (kept `capitalize`=TITLE) | — |
| 03 Stats | 3121:22890 | photo mask 716×634 (ours 716×766, no crop); pills 232×108 r15 alt navy/grey; nums Medium 65px; labels Regular 30px navy; gap 22; pill-gap 24 — all matched except photo height | YES — photo `lg:h-[634px]` object-cover | — |
| 04 Section tabs | (anchor pills) | flex-wrap pills, dynamic-count safe | n/a (already correct) | — |
| 05 Advanced band | 3121:22795 | grey `#f1f1f1` full-bleed band, heading Poppins Light 50px navy TITLE centered, para Light 20px lh34 centered | matched | — |
| 06 Leading future | 3121:22800 | heading Light 50px; 3 navy cards h186 r15 | matched (h2 50px/300, card 186h navy) | — |
| 07 CFS Equipment tabs | 3121:22812 | tabs 325×75 r13; panel img 385×216 r19 | matched; flex-wrap dynamic-safe | — |
| 08 Why CFS | (blogs canonical) | card 278×151 r11, h2 55px; content-reveal hover | matched | — |
| 09 Avant-garde | 3121:22825/22827 | 9 cards 424×155, 3-col, gap-x 62; Load More 197×52 | matched (card 414w≈424 norm, gap 62, btn 197×52) | — |
| 10 Chairman's Desk | 3121:22921/22923 | navy panel ~769w + photo 583×367 | matched (panel 767, photo 583×367) | — |
| 11 Management Team | 3121:22865 / card set 3121:15513 | cards 265×341 r17, photo 227h, navy role bar 32h; name Medium 20px navy, role Light 13px white TITLE | matched | hover fixed below |
| 12 Board of Directors | 3121:22879 | same team-card design | matched | hover fixed below |
| 13 Callback form | shared canonical | card/inputs/submit matched | matched | — |
| Footer / sticky | shared | matched | matched | — |

## Team/Board card HOVER (variant 3121:15514 → 3121:15523, SMART_ANIMATE gentle ~0.64s)
Diffed default vs hover variant per element:
- role bar fill `#2b286f` → `#ffcb05`
- role text Light 13px white → **SemiBold 14px navy** (ours had no 13→14 size bump)
- card gains 1px `#2b286f` border (INSIDE)
- photo: default y9 h218 → hover y-15 h242 (~×1.11 grow + pan up); ours was `scale-[1.06]`
Fixes: added `lg:group-hover:text-[14px]`, bumped `scale-[1.06]`→`scale-[1.1]` + 500ms gentle easing (×17 cards).
**Hover PROVEN to fire** (computed style after `hover` on desktop card): barBg rgb(255,203,5), barColor rgb(43,40,111), weight 600, size 14px, img matrix scale 1.1, border navy. All match variant IR.

## Mobile (measured at 393px; scrollW 378 ≤ 393 — no overflow)
| Section | Figma node | measured-vs-IR | fixed? |
|---|---|---|---|
| Hero | 3121:23698 (Group 351) | grey card (heading+subtitle) stacked over photo; photo mask 344×**367** — ours was h220 | YES — mobile photo `h-[367px]` |
| Team/Board cards | 3121:23796 / card 3121:23811 | horizontal cards 345×162 r10, photo-left 124w white, name Poppins Medium 19px navy, yellow role bar (br-10 only) h36, role **Lato SemiBold 14px** navy centered | already correct (verified: bar yellow, Lato, 600, 14px) |
| Stats | mobile | photo 346×370, pills 150×80 stacked | matched |
| Callback | mobile | card 332w h-auto | matched |

Mobile cards correctly flip to horizontal (`team-card-m` flex, desktop grid hidden). Load More buttons match (132×33 mobile, 197×52 desktop).

## Commits
- hero 722/526 split + founded left-align + stats crop + team/board hover (persisted at HEAD)
- 4f885c4 mobile hero photo height 220→367

## Open questions / notes
- Hero desktop photo renders 507w vs Figma 526 (flex remainder after 722 card + 136 gap in 1395 inner). Difference 19px (~3.6%); acceptable but could pin photo width and let card flex if exactness needed.
- Team/board card images are placeholder portraits (chairman/doctor-lady/doctor-male) repeated — these are CMS-managed team_member rows; design-specific per-doctor photos would come from CMS. Left as placeholders (genuine repeating CMS content).
- Equipment-panel image is one shared placeholder across all 4 tabs (CMS tabbed_facility content).