# Frame 1171281193 — 분류: rewrite

## 근거
1. 전체 absolute 배치 → R17 flex/flow 전환 필요
2. `<ul><li>` 불릿 → R13 flex pair 전환 필요
3. 구조 변경 범위가 patch 수준을 초과

## 변경 대상
- Layout: absolute → CSS Grid 2x2 + flex column
- Bullets: `<ul><li>` → R13 flex pair (marker + text)
- Card backgrounds: 별도 div → ::before/::after pseudo-elements

## 변경하지 않는 것
- 색상, gradient 값 (ribbon, card-bg)
- 텍스트 내용
- Center quote 이미지 + 오버레이 텍스트
- zoom 값 (0.575022)
- 에셋 파일

## 구조 결정 (HARNESS §4)
```
이 블록의 레이아웃은?
├── CSS Grid 2×2 (사분면 배치)
│   → grid-template-columns: 1080px 1080px
│   → column-gap: 57px, row-gap: 72px
├── 각 사분면: flex column (ribbon + sections)
│   → sections 내부도 flex column (section 간 gap: 80px)
│   → section 내부도 flex column (headline → bullet-list)
├── Center quote: absolute overlay (사분면 경계에 걸침)
│   → left:50% top:50% transform:translate(-50%,-50%)
└── Card backgrounds: pseudo-elements (장식, flow 영향 없음)
```