@supports (font-size: clamp(1rem, 1vi, 1rem)) { :root { --h-h6: clamp(16.86px, -0.67vi + 19px, 7.63px); --h-h5: clamp(18.96px, -0.49vi + 20.53px, 12.21px); --h-h4: clamp(21.33px, -0.13vi + 21.75px, 19.53px); --h-h3: clamp(24px, 0.53vi + 22.32px, 31.25px); --h-h2: clamp(27px, 1.67vi + 21.67px, 50px); --h-h1: clamp(30.38px, 3.6vi + 18.87px, 80px); } }  @supports not (font-size: clamp(1rem, 1vi, 1rem)) { :root { --h-h6: 16.86px; --h-h5: 18.96px; --h-h4: 21.33px; --h-h3: 24px; --h-h2: 27px; --h-h1: 30.38px; } @media screen and (min-width: 1700px) { :root { --h-h6: 7.63px; --h-h5: 12.21px; --h-h4: 19.53px; --h-h3: 31.25px; --h-h2: 50px; --h-h1: 80px; } } }  @supports (font-size: clamp(1rem, 1vw, 1rem)) { :root { --text-xs: clamp(13.15px, 0.19vw + 12.4px, 15.96px); --text-s: clamp(14px, 0.2vw + 13.21px, 17px); --text-m: clamp(14.91px, 0.21vw + 14.07px, 18.11px); --text-l: clamp(14.91px, 0.21vw + 14.07px, 18.11px); --text-xl: clamp(15.88px, 0.22vw + 14.98px, 19.28px); --text-xxl: clamp(16.91px, 0.24vw + 15.96px, 20.54px); } }  @supports not (font-size: clamp(1rem, 1vw, 1rem)) { :root { --text-xs: 12.34px; --text-s: 13.15px; --text-m: 14.91px; --text-l: 14.91px; --text-xl: 15.88px; --text-xxl: 16.91px; } @media screen and (min-width: 1920px) { :root { --text-xs: 14.99px; --text-s: 15.96px; --text-m: 17px; --text-l: 18.11px; --text-xl: 19.28px; --text-xxl: 20.54px; } } }