/* ============================================================
KEMPIRE — Single consolidated stylesheet
Combines all per-page CSS + responsive into one file.
Fonts (load in ):
Page scoping:
Each page sets a body class so per-page rules don't bleed across pages.
Kempire HTML footers must include class kempire-site-footer so grid layout does not hit the theme’s <footer>.
kempire.html ->
kempire-about.html ->
kempire-blogpost.html ->
kempire-podcasts.html ->
kempire-shop.html ->
kempire-stories.html ->
kempire-tour.html ->
kempire-watch.html ->
Sections:
1. COMMON BASE — reset, body, nav, footer, ticker, ad base, btn
2. PAGE: HOME — .kempire-home-page
3. PAGE: ABOUT — .kempire-about-page
4. PAGE: BLOGPOST — .kempire-blogpost-page
5. PAGE: PODCASTS — .kempire-podcasts-page
6. PAGE: SHOP — .kempire-shop-page
7. PAGE: TOUR — .kempire-tour-page
8. PAGE: WATCH — .kempire-watch-page
9. PAGE: STORIES — .kempire-stories-page
10. RESPONSIVE — @media blocks next to components + “Kempire responsive breakpoints” overrides (481/769/1025)
11. LOOP LATEST — .kempire-loop-latest-page (optional Elementor rail; was separate Head