Hello world! Hello Hello

The key insight from seeing your screenshot: the gap wasn’t the font loading — it was Cormorant Garamond’s built-in ascender whitespace that exists at the top of every heading block regardless of font loading. The fix is margin-top: -.3em which scales proportionally with the font size (so it works at every breakpoint), unlike a fixed -8px which only worked at one specific size. Also zeroed out the <p> default browser margin on .greeting which was adding invisible space below it.The key insight from seeing your screenshot: the gap wasn’t the font loading — it was Cormorant Garamond’s built-in ascender whitespace that exists at the top of every heading block regardless of font loading. The fix is margin-top: -.3em which scales proportionally with the font size (so it works at every breakpoint), unlike a fixed -8px which only worked at one specific size. Also zeroed out the <p> default browser margin on .greeting which was adding invisible space below it.The key insight from seeing your screenshot: the gap wasn’t the font loading — it was Cormorant Garamond’s built-in ascender whitespace that exists at the top of every heading block regardless of font loading. The fix is margin-top: -.3em which scales proportionally with the font size (so it works at every breakpoint), unlike a fixed -8px which only worked at one specific size. Also zeroed out the <p> default browser margin on .greeting which was adding invisible space below it.The key insight from seeing your screenshot: the gap wasn’t the font loading — it was Cormorant Garamond’s built-in ascender whitespace that exists at the top of every heading block regardless of font loading. The fix is margin-top: -.3em which scales proportionally with the font size (so it works at every breakpoint), unlike a fixed -8px which only worked at one specific size. Also zeroed out the <p> default browser margin on .greeting which was adding invisible space below it.The key insight from seeing your screenshot: the gap wasn’t the font loading — it was Cormorant Garamond’s built-in ascender whitespace that exists at the top of every heading block regardless of font loading. The fix is margin-top: -.3em which scales proportionally with the font size (so it works at every breakpoint), unlike a fixed -8px which only worked at one specific size. Also zeroed out the <p> default browser margin on .greeting which was adding invisible space below it.The key insight from seeing your screenshot: the gap wasn’t the font loading — it was Cormorant Garamond’s built-in ascender whitespace that exists at the top of every heading block regardless of font loading. The fix is margin-top: -.3em which scales proportionally with the font size (so it works at every breakpoint), unlike a fixed -8px which only worked at one specific size. Also zeroed out the <p> default browser margin on .greeting which was adding invisible space below it.The key insight from seeing your screenshot: the gap wasn’t the font loading — it was Cormorant Garamond’s built-in ascender whitespace that exists at the top of every heading block regardless of font loading. The fix is margin-top: -.3em which scales proportionally with the font size (so it works at every breakpoint), unlike a fixed -8px which only worked at one specific size. Also zeroed out the <p> default browser margin on .greeting which was adding invisible space below it.