Variants and Modes

Hey everyone,

I have a page header component that needs to adapt to different screen sizes. I've created two variants: one for a 1440px-wide format and another for a 1200px-wide format. I want the component to automatically switch between these variants based on the frame it's in—either "1440" or "1200."

Any suggestions on how to achieve this? Thanks!