/* ==========================================================================
   Morocco Travel Guide - page layer
   This page reuses the shared "Authority Guide" design system in
   assets/css/atlas-guide.css (all .atg-* components). This file adds ONLY the
   page-specific hero and CTA background imagery, so no component CSS is
   duplicated. Loaded AFTER atlas-guide.css so these two rules win.
   ========================================================================== */

.atg-hero__bg {
  background-image: linear-gradient(180deg, rgba(20,16,11,.20) 0%, rgba(20,16,11,.38) 45%, rgba(20,16,11,.86) 100%),
                    url('/assets/img/merzouga.webp');
  background-position: center 42%;
}

.atg-cta__bg {
  background-image: linear-gradient(180deg, rgba(20,16,11,.74), rgba(20,16,11,.84)),
                    url('/assets/img/marrakech.webp');
}