If you were gonna sort-order your nested SCSS, would you put:
→ @media queries before pseudo elements (to more clearly show the change in ruleset for a selector per-screen
→ pseudo elements before @media queries (to establish all the context for a selector in one place)