CSS with Progressive Min-Width Breakpoints

I need a skilled CSS developer to refactor and optimize my existing responsive CSS. Although my current styles use max-width and provide some responsiveness, they lack properly structured breakpoints. The goal is to create a clean, scalable CSS structure using progressive min-width media queries at specific breakpoints to ensure excellent display across all devices—from small mobile phones (320p) to large desktop monitors (1920p).

Required Breakpoints:
320p (small phones)
375p (medium phones)
425p (large phones)
768p (tablets)
1024p (small desktops)
1440p (large desktops)
1920p (very large screens)

Key Deliverables:
-Implement mobile-first CSS using min-width media queries at the specified breakpoints.
-Ensure smooth scaling of typography, layout, and UI components at each breakpoint.
-Provide clean, well-organized, and commented CSS for easy maintainability.
-Maintain consistent design integrity and accessibility across all devices.
-Optimize CSS performance by removing redundant or conflicting styles.

Ideal Candidate:
-Strong CSS skills with proven experience in responsive, mobile-first design.
-Familiarity with progressive enhancement and effective breakpoint strategies.
-Detail-oriented with the ability to write clean, scalable, and maintainable code.
-Good communication skills to explain design decisions and provide clear documentation.