/* ===========================================================
   Freedom and Success - shared foundations
   Brand:  charcoal #1A1A1E | red #E0312B | bone #F7F4F0
   Type:   'Source Serif 4' (editorial headlines) + Archivo (labels, UI)
   Scope:  front page only. Each section has its own snippet.
   =========================================================== */

/* the theme footer is replaced by the in-page branded footer */
#colophon { display: none !important; }

/* section shells: the Elementor container is a bare wrapper,
   the .fhx canvas inside it owns all padding and background */
.elementor-element-ksec4, .elementor-element-ksec4 > .e-con-inner,
.elementor-element-ksec5, .elementor-element-ksec5 > .e-con-inner,
.elementor-element-ksec6, .elementor-element-ksec6 > .e-con-inner,
.elementor-element-ksec7, .elementor-element-ksec7 > .e-con-inner,
.elementor-element-ksec8, .elementor-element-ksec8 > .e-con-inner,
.elementor-element-kfoot > .e-con-inner { padding: 0 !important; }

.elementor-element-ksec4,
.elementor-element-ksec5,
.elementor-element-ksec7,
.elementor-element-ksec8 { background-color: #F4F0EA !important; }
.elementor-element-ksec6 { background-color: #F0EBE3 !important; }

/* ---------- canvas ---------- */
.fhx { position: relative; overflow: hidden; padding: 118px 24px; }
@media (max-width: 767px) { .fhx { padding: 72px 16px; } }

/* dark canvas (used sparingly - one section, not every section) */
.fhx:not(.fhx-lt) {
  background:
    radial-gradient(98% 78% at 84% 6%, rgba(208, 78, 60, .17), transparent 62%),
    radial-gradient(82% 72% at 4% 106%, rgba(150, 66, 50, .11), transparent 62%),
    linear-gradient(165deg, #251B16 0%, #1D1512 60%, #150F0D 100%);
}

/* light canvas - brand bone, no salmon glow */
.fhx.fhx-lt {
  background: linear-gradient(176deg, #F7F4F0 0%, #F2EEE7 62%, #ECE7DF 100%);
}

/* ---------- oversized section watermark ---------- */
.fhx-wm {
  position: absolute; z-index: 0; pointer-events: none;
  left: 50%; bottom: 1%; transform: translateX(-50%);
  font-family: Archivo, sans-serif; font-weight: 800;
  font-size: 16vw; line-height: .8; letter-spacing: -.04em;
  white-space: nowrap; color: rgba(247, 240, 231, .03);
}
.fhx-lt .fhx-wm { color: rgba(26, 22, 18, .05); }

/* ---------- section eyebrow ---------- */
.fh-eyebrow {
  display: inline-block; color: #E0312B;
  font-family: Archivo, sans-serif; font-size: 12.5px; font-weight: 700;
  letter-spacing: 2.6px; text-transform: uppercase;
}

/* ---------- scroll reveal (JS adds .is-in) ---------- */
[data-fhr] {
  opacity: 0; transform: translateY(22px);
  transition: opacity .85s cubic-bezier(.16, 1, .3, 1),
              transform .85s cubic-bezier(.16, 1, .3, 1);
}
[data-fhr].is-in { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
  [data-fhr] { opacity: 1; transform: none; transition: none; }
}