/* Site-eigen CSS Greenchalets.
   Alleen wat het framework (nog) niet zelf regelt. */

@layer site {
  /* Hero met slides krijgt geen hoogte uit het framework: de section stuurt
     --hero-ratio mee, maar geen enkele framework-regel gebruikt die.
     Zie Flow #1162. Zelfde oplossing als op campingnoorthey.nl. */
  .layer--hero.hero--slides .layer__sc { aspect-ratio: 12 / 5; }
  .layer--hero.hero--slides .hero__slide { height: 100%; }

  @media (max-width: 760px) {
    .layer--hero.hero--slides .layer__sc { aspect-ratio: 4 / 5; }
  }
}