/* Site breakpoints, mobile first. Use @media (width >= 768px) / (--desktop-up) in styles. */
@custom-media --tablet-up (width >= 768px);
@custom-media --desktop-up (width >= 1025px);
/* transitional: old max-width names, removed once every style is mobile first */
@custom-media --bp-tablet (width < 1025px);
@custom-media --bp-mobile (width < 768px);