.elementor-kit-516{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-8a4880c:#CC0000;--e-global-color-b7421f6:#F5F5F3;--e-global-color-f902bec:#1B3A5C;--e-global-color-35e02bf:#0D0D0D;--e-global-color-cd5a1c2:#444444;--e-global-typography-primary-font-family:"Barlow";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Barlow Condensed";--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"Barlow";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Barlow";--e-global-typography-accent-font-weight:500;}.elementor-kit-516 e-page-transition{background-color:var( --e-global-color-8a4880c );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */:root {
  /* ── Brand colours ─────────────────────────────── */
  --red:           #CC0000;   /* DFM Red — primary */
  --navy:          #1B3A5C;   /* RamSpec Navy — secondary */
  --dark-1:        #080808;   /* Footer background */
  --dark-2:        #0D0D0D;   /* Hero background */
  --dark-3:        #111111;   /* Nav, dark sections */
  --dark-4:        #141414;   /* Product cards */
  --dark-5:        #161616;   /* Audience cards */
  --dark-6:        #1E1E1E;   /* Card borders, dividers */
  --dark-7:        #252525;   /* Dropdown borders */
  --off-white:     #F5F5F3;   /* Light section backgrounds */
  --white:         #FFFFFF;
  --grey-body:     #444444;   /* Body copy */
  --grey-muted:    rgba(255,255,255,0.45);  /* Muted text on dark */
  --grey-hint:     rgba(255,255,255,0.25);  /* Hint text on dark */

  /* ── Typography ────────────────────────────────── */
  --font-display:  "Barlow Condensed", Arial, sans-serif;
  --font-body:     "Barlow", Arial, sans-serif;

  /* ── Type scale ────────────────────────────────── */
  --text-hero:     clamp(48px, 6vw, 72px);
  --text-h2:       clamp(28px, 3.5vw, 42px);
  --text-h3:       clamp(18px, 2vw, 24px);
  --text-body:     16px;
  --text-sm:       14px;
  --text-xs:       12px;
  --text-label:    11px;

  /* ── Layout ────────────────────────────────────── */
  --max-width:     1280px;
  --gutter:        40px;
  --section-pad:   64px;
  --card-gap:      3px;
  --nav-height:    58px;
  --radius:        0;         /* NO rounded corners */

  /* ── Transitions ───────────────────────────────── */
  --transition:    0.15s ease;
}

/* ── Global reset & base styles (Section 3.1) ───── */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font-body);
  background: var(--dark-2);
  color: var(--white);
  line-height: 1.6;
}

img {
  max-width: 100%;
  display: block;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  cursor: pointer;
  border: none;
  background: none;
  font-family: var(--font-body);
}

/* ── Utility classes (Section 3.2) ──────────────── */
.container {
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0 var(--gutter);
}

.section {
  padding: var(--section-pad) 0;
}

.section-dark {
  background: var(--dark-3);
}

.section-light {
  background: var(--off-white);
  color: var(--grey-body);
}

.section-white {
  background: var(--white);
  color: var(--grey-body);
}

.eyebrow {
  font-size: var(--text-label);
  font-weight: 700;
  color: var(--red);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.section-heading {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--text-h2);
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: -0.3px;
}

.section-sub {
  font-size: var(--text-body);
  color: var(--grey-muted);
  max-width: 500px;
  line-height: 1.65;
}/* End custom CSS */