/* =========================================================
   GRATIAURA - UNIFIED LAYOUT SYSTEM
   Standardizes container widths, hero alignment, and section spacing
   WITHOUT changing colors/typography/animations/aesthetic/content.
========================================================= */

/* Shared container helper.
   Keep .container as the canonical layout system.
   Alias .ga-wrap to avoid duplicate spacing systems.
*/
.ga-wrap {
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 var(--container-pad);
}


/* NOTE:
   Internal hero spacing for `.ga-page-hero` is owned by `css/page-hero.css`.
   This file keeps only shared structural helpers so we avoid conflicting `!important` rules.
*/

/* Hero content wrapper: width + left padding rhythm */
.ga-hero-wrap {
  position: relative;
  z-index: 2;
}


/* Premium editorial alignment helper */
.ga-editorial-left {
  text-align: left;
}

/* Ensure hero paragraph shares the same left padding rhythm */
.ga-editorial-left > p {
  margin-left: 0;
}


/* Shared section spacing helper (for pages that use inline padding-top) */
.ga-section-compact-top {
  padding-top: 10px;
}

/* IMPORTANT:
   Do NOT set `.page-hero` padding here.
   Internal hero spacing must be controlled exclusively by `css/page-hero.css`.
*/