/* Global resets */
  body{ font-family: 'Lato', Arial, sans-serif; color: var(--muted-dark); }
  a{ color: var(--roundel-blue); }

  /* HERO */
  .hero { 
    background: 
    linear-gradient(rgba(10,20,30,0.6), rgba(10,20,30,0.6)), var(--roundel-blue); 
    color: #fff; 
    padding: 60px 0 64px; 
    text-align:center; 
    position: relative; 
  }

  .hero.hero-sections {
     padding: 28px 0 20px !important; 
  }

  .hero-sections h1, .hero-sections p {
    color: #fff !important;
  }

  .hero .title { font-family: 'Montserrat', Arial, sans-serif; font-size: 48px; letter-spacing: 1px; margin-bottom: 8px; }
  .hero .subtitle{  font-size: 20px; margin-bottom: 24px; opacity: 0.95; }
  .btn-join { background: var(--brick-red); color: #fff; border-radius: 8px; padding: 12px 28px; font-weight:700; border: none; box-shadow: 0 3px 0 rgba(0,0,0,0.12); }
  .btn-join:hover { background: #9b423f; color:#fff; }

  /* subtle roundel watermark */
  .hero:after{
    content: '';
    width: 300px; height:300px; 
    border-radius:50%; 
    opacity:0.03; 
    position:absolute; 
    right:25%; 
    bottom:-100px; 
    /* background: radial-gradient(circle at center, #ffffff 18%, #b8564b 18%, #b8564b 33%, #263042 33%); */
    /* Red centre 0–33%, white ring 33–46%, blue 46–100% */
    background: radial-gradient(circle,
        var(--brick-red) 0 17%,
        /* inner ring changed to white */
        #ffffff 17% 51%,
        var(--roundel-blue) 51% 100%
    );

    /* thin yellow perimeter OUTSIDE the blue — increase/decrease spread (6px) to thicken/thin */
    /*box-shadow: 0 0 0 6px var(--raf-yellow);*/
    transform: translateZ(0);
  }

  /* ABOUT / MISSION */
  .about{ background: var(--olive-muted); color: var(--roundel-blue); padding: 50px 0; }
  .about p{ font-size:16px; line-height:1.6; }
  .about .roundel-c1 {
    margin-top: 40px;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    display: inline-block;
    margin-left: 25px;
    vertical-align: middle;
    box-sizing: border-box;

    /* Red centre 0–33%, white ring 33–46%, blue 46–100% */
    background: radial-gradient(circle,
        var(--brick-red) 0 33%,
        /* inner ring changed to white */
        #ffffff 33% 46%,
        var(--roundel-blue) 46% 100%
    );

    /* thin yellow perimeter OUTSIDE the blue — increase/decrease spread (6px) to thicken/thin */
    box-shadow: 0 0 0 6px var(--raf-yellow);
  }

  /* PILOTS GRID */
  .pilots{ padding: 48px 0; background: var(--paper); }
  .pilot-card{ background:#fff; border: 1px solid rgba(38,48,66,0.06); padding:14px; text-align:center; margin-bottom:18px; }
  .pilot-card img{ width:100%; height:auto; display:block; margin-bottom:10px; }
  .pilot-name{ font-weight:700; color: var(--roundel-blue); }
  .pilot-role{ font-size:13px; color:#606060; margin-bottom:4px; }

  /* CTA BAND */
  .cta-band{ background: var(--raf-yellow); padding:48px 0; text-align:center; }
  .cta-band h2{ font-family: 'Montserrat', Arial, sans-serif; font-size:36px; color: var(--roundel-blue); margin-bottom:18px; }
  .cta-band .btn{ background: var(--roundel-blue); color: #fff; padding:12px 28px; border-radius:8px; border:none; font-weight:700; }

  /* MORE-LINKS */

  .more-links{ background: var(--roundel-blue); color: var(--paper); padding: 50px 0; }
  .more-links h3 { font-family: 'Allerta Stencil', sans-serif; color: var(--paper); }

  /* Footer */
  .site-footer{ background: var(--roundel-blue); color: #fff; padding: 24px 0; margin-top:40px; }
  .site-footer h3{ font-family: 'Allerta Stencil', Arial, sans-serif; font-size:36px; color: var(--roundel-blue); margin-bottom:18px; }

  /* Responsive tweaks */
  @media (max-width:767px){
    .hero .title{ font-size:28px; }
    .hero .subtitle{ font-size:15px; }
    .hero:after{ display:none; }
    .about .roundel-small{ display:block; margin-bottom:12px; }
  }

  /* small utility */
  .muted-card{ 
    background: #fff; 
    padding: 18px; 
    border-radius: 6px; 
    box-shadow: 0 1px 3px rgba(0,0,0,0.04); 
    max-width: 350px;
    margin: 10px auto;
  }

/* my added */


#pilots {
   /* background-image: url('/landing/airfield.jpg'); */
   opactity:.4;
}

.text-muted {
    text-align: center;
}

.pilot-card {
    max-width: 350px;
    margin: 10px auto;
}