/* ============================================================
   Funnyeye — Gallery subpage styles
   ============================================================
   Page-specific overrides layered AFTER the three shared
   stylesheets (chrome + chrome-extras + chrome-extras-blocks).

   Most of the gallery page reuses shared blocks:
     - chrome-extras-blocks.css  fe-gallery-hero, fe-gallery-masonry,
                                 fe-img-placeholder, fe-img-reveal,
                                 fe-built-to-adapt, fe-subpage-cta
   This file only adjusts the main frame so the hero reaches
   the very top of the viewport (the shared chrome navbar is
   fixed; this lets the gallery heading sit higher under it).

   Load order in subpage/gallery/index.html:
     <link rel="stylesheet" href="../_chrome/chrome.css">
     <link rel="stylesheet" href="../_chrome/chrome-extras.css">
     <link rel="stylesheet" href="../_chrome/chrome-extras-blocks.css">
     <link rel="stylesheet" href="./gallery.css">   <!-- this file -->
   ============================================================ */

.fe-subpage-main {
  padding-top: 0;
  padding-bottom: 5rem;
  padding-left: var(--spacing--section-left-and-right);
  padding-right: var(--spacing--section-left-and-right);
  max-width: var(--containers--large);
  margin: 0 auto;
}

@media (max-width: 767px) {
  .fe-subpage-main { padding-top: 0; }
}