.service-hero {
      position: relative;
      overflow: hidden;
      background: linear-gradient(135deg, #071522 0%, #112f4b 100%);
      color: #ffffff;
      padding: clamp(3.5rem, 7vw, 5.5rem) 0;
    }
    .service-hero .container {
      position: relative;
      z-index: 1;
    }
    .service-hero .page-hero-label {
      display: inline-block;
      color: #f0c96a;
      font-weight: 700;
      margin-bottom: 1rem;
    }
    .service-hero .page-hero-title {
      max-width: 850px;
      margin: 0 0 1rem;
      color: #ffffff;
      line-height: 1.12;
      text-wrap: balance;
    }
    .service-hero-description {
      max-width: 750px;
      margin: 0;
      color: rgba(255, 255, 255, 0.92);
      font-size: clamp(1rem, 1.8vw, 1.125rem);
      line-height: 1.75;
    }
    @media (max-width: 600px) {
      .service-hero { padding: 3rem 0; }
      .service-hero .page-hero-title { font-size: clamp(2rem, 9vw, 2.6rem); }
    }
    .service-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 1.5rem;
      margin-top: 2rem;
    }
    .service-card {
      background-color: var(--colour-secondary);
      border: 1px solid var(--colour-border);
      border-top: 4px solid var(--colour-accent);
      padding: 1.75rem;
      border-radius: 8px;
      box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);
    }
    .service-card h3 {
      font-size: 1.25rem;
      margin-bottom: 0.5rem;
      color: var(--colour-primary);
    }
    .service-card p {
      color: var(--colour-text-secondary);
      font-size: 0.95rem;
      line-height: 1.5;
    }