:root{
      /* === DESIGN SYSTEM TOKENS === */
      --esp-brand: #FCB017;
      --esp-ink: #111111;
      --esp-dark: #000000;
      --esp-text-muted: #424a57; 
      --esp-card-radius: 18px;
      --esp-line: rgba(0,0,0,.08);
    }

    body{
      margin: 0;
      font-family: Nunito, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
      background: #ffffff;
      color: var(--esp-ink);
      line-height: 1.7;
      -webkit-font-smoothing: antialiased;
      overflow-x: hidden;
    }

    h1, h2, h3, h4, h5, h6 {
        margin: 0 0 16px;
        font-weight: 700;
        line-height: 1.2;
        color: var(--esp-ink);
    }

    p {
        margin: 0 0 24px;
        color: var(--esp-text-muted);
        font-size: 16.5px;
    }

    /* ========================= HERO SECTION ========================= */
    .esp-founder-hero {
      --brand: #FCB017;
      --ink: #ffffff;
      --overlay: rgba(17, 17, 17, 0.85);
      position: relative;
      isolation: isolate;
      min-height: 40vh;
      display: flex;
      align-items: center;
      color: var(--ink);
      /* Default background in case inline is missing */
      background: url("") center / cover no-repeat #222;
      padding-block: clamp(80px, 10vw, 120px);
    }

    .esp-founder-hero .esp-loc__overlay {
      position: absolute;
      inset: 0;
      background: var(--overlay);
      z-index: 0;
    }

    .esp-founder-hero .esp-loc__in {
      position: relative;
      z-index: 1;
      width: min(1200px, calc(100% - 48px));
      margin-inline: auto;
      text-align: left;
    }

  

  .esp-founder-hero .esp-loc__bar {
      display: inline-block;
      width: 88px; height: 8px;
      background: var(--brand);
      border-radius: 6px;
      margin-bottom: 20px;

    }

    .esp-founder-hero .esp-loc__title {
      margin: 0 0 16px;
      font: 700 clamp(36px, 5vw, 40px)/1.1 Nunito, system-ui, sans-serif;
      color: #fff;
      max-width: 25ch;
    }

    .esp-founder-hero .esp-loc__lead {
      margin: 0 0 24px;
      font: 600 18px/1.6 Nunito, system-ui, sans-serif;
      max-width: 65ch;
      color: #e5e7eb;
    }

    @media (max-width: 768px) {
      .esp-founder-hero { min-height: 50vh; padding-block: 60px; }
      .esp-founder-hero .esp-loc__title { font-size: 32px; }
    }

    /* ========================= TILING SECTIONS ========================= */
    .esp-section-white {
      background: #ffffff;
      padding: clamp(60px, 8vw, 80px) 24px;
    }
    
    .esp-section-gray {
      background: #fafafa;
      padding: clamp(60px, 8vw, 80px) 24px;
      border-top: 1px solid var(--esp-line);
      border-bottom: 1px solid var(--esp-line);
    }

    .esp-container {
      max-width: 900px;
      margin: 0 auto;
    }
    
    .esp-container-wide {
      max-width: 1200px;
      margin: 0 auto;
    }

    /* ========================= QUOTE BLOCK ========================= */
    .esp-quote-block {
      background: #fff8eb;
      border-left: 6px solid var(--esp-brand);
      padding: 32px 40px;
      margin: 40px 0;
      border-radius: 0 16px 16px 0;
      position: relative;
    }
    .esp-quote-block::before {
      content: "“";
      position: absolute;
      top: 10px;
      left: 20px;
      font-size: 80px;
      line-height: 1;
      color: rgba(252, 176, 23, 0.3);
      font-family: Georgia, serif;
    }
    .esp-quote-block p {
      font-size: 20px;
      font-weight: 700;
      font-style: italic;
      color: var(--esp-ink);
      line-height: 1.6;
      margin-bottom: 12px;
      position: relative;
      z-index: 1;
    }
    .esp-quote-block span {
      font-size: 16px;
      font-weight: 700;
      color: var(--esp-text-muted);
      text-transform: uppercase;
      letter-spacing: 0.05em;
    }

    /* ========================= LEADERSHIP & EXPERTISE (SCREENSHOT DESIGN) ========================= */
    .esp-leadership-wrapper {
      display: grid;
      grid-template-columns: 1fr;
      gap: 40px;
      align-items: stretch;
    }

    @media (min-width: 960px) {
      .esp-leadership-wrapper {
        grid-template-columns: 1fr 450px;
        gap: 80px;
      }
    }

    .esp-leadership-content {
      position: relative;
      padding-left: 32px;
      border-left: 6px solid var(--esp-brand); /* Thick yellow line from image */
    }

    .esp-leadership-content h2 {
      font-size: clamp(32px, 4vw, 48px);
      margin-bottom: 32px;
      position: relative;
      z-index: 1;
    }

    .esp-expertise-list {
      list-style: none;
      padding: 0;
      margin: 0;
      position: relative;
      z-index: 1;
    }

    .esp-expertise-list li {
      position: relative;
      margin-bottom: 16px;
      font-size: 16px;
      font-weight: 600;
      color: var(--esp-ink);
      line-height: 1.6;
      padding-left: 20px;
    }
    .esp-expertise-list li:last-child { margin-bottom: 0; }

    .esp-expertise-list li::before {
      content: "";
      position: absolute;
      left: 0;
      top: 10px;
      width: 6px;
      height: 6px;
      background-color: var(--esp-ink);
      border-radius: 50%;
    }

    /* Grayscale Image Card */
    .esp-founder-card {
      position: relative;
      border-radius: 12px;
      overflow: hidden;
      background: #e2e8f0;
      aspect-ratio: 3/4;
      box-shadow: 0 16px 40px rgba(0,0,0,0.1);
      z-index: 1;
      height: 100%;
      min-height: 500px;
    }

    .esp-founder-card img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      filter: grayscale(100%); 
      transition: filter 0.4s ease, transform 0.4s ease;
    }
    
    .esp-founder-card:hover img {
      filter: grayscale(0%);
      transform: scale(1.02);
    }

    .esp-founder-overlay {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      background: linear-gradient(to top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.6) 60%, transparent 100%);
      padding: 60px 32px 32px;
      color: #ffffff;
    }

    .esp-founder-overlay h3 {
      color: #ffffff;
      margin: 0 0 6px;
      font-size: 26px;
    }

    .esp-founder-overlay p {
      color: #e5e7eb;
      margin: 0;
      font-size: 16px;
      font-weight: 600;
    }

    /* ========================= EXPERTISE CARDS ========================= */
    .esp-skills-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 24px;
      margin-top: 40px;
    }
    @media (min-width: 768px) {
      .esp-skills-grid { grid-template-columns: repeat(3, 1fr); }
    }
    
    .esp-skill-card {
      background: #ffffff;
      border: 1px solid var(--esp-line);
      border-radius: 16px;
      padding: 32px 24px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.03);
      transition: transform 0.2s, border-color 0.2s, box-shadow 0.2s;
    }
    .esp-skill-card:hover {
      transform: translateY(-4px);
      border-color: var(--esp-brand);
      box-shadow: 0 12px 24px rgba(252, 176, 23, 0.1);
    }
    .esp-skill-card h4 {
      font-size: 18px;
      margin-bottom: 12px;
      color: var(--esp-ink);
    }
    .esp-skill-card p {
      font-size: 15px;
      margin: 0;
      line-height: 1.6;
    }

/* Inline styles for founder-profile-page.html */
.st-b0822d75 { background-image: url('') !important; }
.st-b1a36b1a { font-size: 28px !important; margin-top: 40px !important; }
:root { /* BRAND COLORS */
      --esp-brand: #FCB017;
      --esp-brand-text: #FCB017; 
      --esp-ink: #111111;
      --esp-text-muted: #424a57;
      --esp-line: rgba(0,0,0,.08);
      --esp-card-radius: 18px; }
.esp-section-white { background: #ffffff;
        padding: 60px 0 50px; }
.esp-section-fafafa { background: #fafafa;
        padding: 60px 0 50px; }
.esp-section-white, .esp-section-fafafa { padding: 70px 0 60px; }
.esp-locations-hero { --brand: #FCB017;
      --ink: #ffffff;
      --overlay: rgba(0,0,0,.64);
      --minh: 30vh;
      position: relative;
      isolation: isolate;
      min-height: var(--minh);
      display: grid;
      place-items: center;
      color: var(--ink);
      background: url("https://eaglesecurityprotection.co.uk/wp-content/uploads/2026/02/New-Project-1.webp") center / cover no-repeat #222;
      padding-block: clamp(80px, 10vw, 120px); }
.esp-intro { text-align: center; }
.esp-slice__media { position: relative;
      width: 100%;
      min-height: 260px;
      background: #e2e8f0;
      box-sizing: border-box;
      border-bottom: 4px solid var(--esp-brand);
      border-top: 0; border-left: 0; border-right: 0; border-radius: 0; }
.esp-slice__media { border-top-left-radius: var(--esp-card-radius);
             border-bottom-left-radius: var(--esp-card-radius);
             border-bottom: 0; border-right: 4px solid var(--esp-brand); }
.esp-slice--reverse .esp-slice__media { border-radius: 0; 
             border-top-right-radius: var(--esp-card-radius);
             border-bottom-right-radius: var(--esp-card-radius);
             border-right: 0; border-left: 4px solid var(--esp-brand); }
.esp-step-item { margin-bottom: 12px; font-size: 15.5px; line-height: 1.6; color: var(--esp-text-muted); }
.esp-step-item:last-child { margin-bottom: 0; }
.esp-step-item strong { color: var(--esp-ink); display: block; margin-bottom: 2px; }
.esp-location { width: 100%; }
.esp-location__grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px;
      margin: 0 auto; max-width: 900px; margin-top: 40px; }
.esp-location__item { background: #ffffff;
      border: 2px solid var(--esp-line); border-radius: 999px;
      padding: 12px 24px 12px 20px;
      display: flex; align-items: center; gap: 10px;
      font-weight: 700; color: var(--esp-ink); transition: all 0.2s; font-size: 16px; }
.esp.mg-faqs-birmingham.v2 { all: revert;
        --brand:#FCB017; --ink:#111; --line:#d9d9d9;
        font-family: Nunito, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
        color:#222; 
        
        /* Enforce White Background */
        background: #ffffff;
        
        padding: 60px 16px 50px;
        border: none;
        scroll-margin-top:100px; }

/* === GLOBAL FOOTER ACCESSIBLE CONTRAST === */
.esp-global-footer,.esp-global-footer p,.esp-global-footer span,.esp-global-footer strong{color:#f3f4f6!important}
.esp-global-footer a{color:#fff!important;text-decoration-color:#fcb017!important}
.esp-global-footer a:hover,.esp-global-footer a:focus{color:#fcb017!important}


/* === GLOBAL HONEYPOT VISIBILITY FIX === */
input[name="company_site"] {
  position: fixed !important;
  left: -10000px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}