/* ==========================================================================
   Kilipath African Safaris — brand layer (loads after the layout CSS)
   Logo teal #128d87 · logo orange #f9a94a · deep teal #2b2118
   Headings: Poppins · Body: Inter (the fonts used on kilpathafricansafaris.com)
   ========================================================================== */
:root {
  --teal: #128d87;
  --teal-btn: #0d807d;
  --teal-ink: #0a6b68;
  --teal-soft: #e0f1f0;
  --orange: #f9a94a;
  --orange-hover: #fbb967;
  --orange-ink: #a8620a;
  --orange-soft: #fdeed8;
  --gold-soft: #f9a94a;
  --night: #2b2118;
  --night-2: #3d2f22;
  --head: 'Poppins', 'Segoe UI', Helvetica, Arial, sans-serif;
  --sans: 'Inter', 'Helvetica Neue', Arial, sans-serif;
}
body { font-family: var(--sans); font-size: 16px; line-height: 1.7; }
h1, h2, h3, h4, .h2, .hero__title { font-family: var(--head); }
.h2, .hero__title, .pp-hero h1, .st-head .h2 { font-weight: 600; letter-spacing: -.02em; }
.hero__title { font-weight: 600; line-height: 1.04; letter-spacing: -.03em; font-size: clamp(42px, 5.6vw, 84px); }
.hero__title em, .pp-hero h1 em { font-style: normal; color: var(--orange); }
.h2 { font-size: clamp(28px, 3.1vw, 42px); line-height: 1.2; }
.logo img { width: 176px; height: auto; }
.footer__logo img { width: 200px; height: auto; background: #fff; padding: 10px 16px; border-radius: 10px; }
.utility__tag { font-size: 12.5px; }
.pk__title, .dst__body h3, .xp__body strong { font-family: var(--head); font-weight: 500; }
.kicker { font-family: var(--sans); }
.btn { font-family: var(--sans); }
.nav__link { font-family: var(--sans); font-weight: 500; text-transform: uppercase; font-size: 13px; letter-spacing: .04em; }
.header__bar { padding-left: 22px; }
.mono, .intro__word { font-family: var(--head); }
.hero__slide img { object-position: center; }
.hero__shade { background: linear-gradient(180deg, rgba(43,33,24,.55) 0%, rgba(43,33,24,.35) 45%, rgba(43,33,24,.78) 100%); }