1 old vs modern typography CSS techniques, side by side.
h1 { font-size: 2.5rem;}h2 { font-size: 2rem;}h3 { font-size: 1.5rem;}h4 { font-size: 1.25rem;}h5 { font-size: 1.1rem;}h6 { font-size: 1rem;}
/* Experimental: requires :heading(), sibling-index(), and pow() support */:heading { font-weight: 600; font-size: calc(1rem * pow(1.2, 5 - sibling-index()));}/* Fallback: keep a simple manual ladder for all other browsers */h1 { font-size: 2.5rem;}h2 { font-size: 2rem;}h3 { font-size: 1.5rem;}