## ADDED Requirements

### Requirement: Hero block adapts to Indic languages on mobile viewports
The system SHALL adjust hero block typography and layout when displaying Tamil or Malayalam content on mobile devices to ensure full content visibility.

#### Scenario: Tamil content on mobile viewport
- **WHEN** the hero block displays Tamil content on a mobile viewport (width ≤ 640px)
- **THEN** the hero block height SHALL increase to accommodate the larger text
- **AND** the hero title font size SHALL be reduced from 1.9rem to 1.6rem
- **AND** the hero summary font size SHALL be reduced from 1.08rem to 0.95rem
- **AND** the entire hero content including headline and summary SHALL remain visible without clipping

#### Scenario: Malayalam content on mobile viewport
- **WHEN** the hero block displays Malayalam content on a mobile viewport (width ≤ 640px)
- **THEN** the hero block height SHALL increase to accommodate the larger text
- **AND** the hero title font size SHALL be reduced from 1.9rem to 1.6rem
- **AND** the hero summary font size SHALL be reduced from 1.08rem to 0.95rem
- **AND** the entire hero content including headline and summary SHALL remain visible without clipping

#### Scenario: Hero image scales appropriately on mobile
- **WHEN** the hero block is displayed on a mobile viewport (width ≤ 640px)
- **THEN** the hero image height SHALL be reduced from 300px to 220px
- **AND** the image SHALL maintain its aspect ratio
- **AND** the image SHALL not overflow its container

#### Scenario: Content remains readable after adjustments
- **WHEN** typography adjustments are applied for mobile Indic content
- **THEN** text SHALL remain legible with adequate line height (minimum 1.5)
- **AND** text SHALL maintain sufficient contrast against background
- **AND** touch targets SHALL remain at least 44px in height
