@media (max-width:767px){ .section-pad{ padding:56px 0; } }

 
  /* ---------- Page Banner ---------- */
  .page-banner{
    position:relative;
    padding:150px 0 70px;
    background:      linear-gradient(125deg, rgba(36,31,32,.92) 35%, rgba(233,29,38,.55) 100%),
      url('/wp-content/uploads/2026/08/474776674_1235339794901290_7850853682255069242_n.jpg') center/cover no-repeat;
    background-color:var(--color-black);
    color:var(--color-white);
    text-align:center;
    overflow:hidden;
  }

    .page-banner-about{
   
    background:      linear-gradient(125deg, rgba(36,31,32,.92) 35%, rgba(233,29,38,.55) 100%),
      url('/wp-content/uploads/2026/08/474776674_1235339794901290_7850853682255069242_n.jpg') center/cover no-repeat;
  
  }
  
  .page-banner::before{
    content:"";
    position:absolute; inset:0;
    background:repeating-linear-gradient(135deg, rgba(255,255,255,.05) 0 2px, transparent 2px 40px);
    pointer-events:none;
  }
  .page-banner__inner{ position:relative; }
  .page-banner__crumb{
    font-family:var(--font-heading);
    font-size:.85rem;
    letter-spacing:1px;
    text-transform:uppercase;
    color:#dcdcdc;
    margin-bottom:14px;
  }
  .page-banner__crumb a{ color:var(--color-white); }
  .page-banner__crumb a:hover{ color:var(--color-red); }
  .page-banner__crumb .sep{ margin:0 8px; color:#777; }
  .page-banner__title{ font-size:3rem; margin-bottom:14px; }
  .page-banner__text{ color:#dcdcdc; max-width:600px; margin:0 auto; font-size:1.02rem; }

  /* ---------- Our Story ---------- */
  .story__img-wrap{ position:relative; }
  .story__img{
    width:100%;
    border-radius:8px;
    object-fit:cover;
    height:460px;
  }
  .story__badge{
    position:absolute;
    bottom:-24px; right:-24px;
    background:var(--color-red);
    color:var(--color-white);
    padding:22px 26px;
    border-radius:8px;
    text-align:center;
    box-shadow:0 15px 30px rgba(233,29,38,.35);
  }
  .story__badge-num{ font-family:var(--font-heading); font-size:2.2rem; line-height:1; }
  .story__badge-label{ font-size:.75rem; text-transform:uppercase; letter-spacing:1px; }
  @media (max-width:991px){ .story__badge{ right:12px; bottom:-18px; } }
  .story__text p{ color:#555; margin-bottom:16px; }
  .story__text p:last-child{ margin-bottom:0; }
  .story__signoff{
    margin-top:24px;
    padding-top:20px;
    border-top:1px solid #eee;
    font-family:var(--font-heading);
    font-size:.95rem;
    color:var(--color-black);
  }
  .story__signoff span{ display:block; font-family:var(--font-body); font-weight:400; text-transform:none; letter-spacing:0; color:#888; font-size:.85rem; margin-top:2px; }

  /* ---------- Mission Statement (identical to homepage) ---------- */
  .mission{
    position:relative;
    background:linear-gradient(125deg, var(--color-black) 30%, var(--color-red) 130%);
    color:var(--color-white);
    padding:80px 0;
    text-align:center;
    overflow:hidden;
  }
  .mission::before{
    content:"";
    position:absolute; inset:0;
    background:repeating-linear-gradient(135deg, rgba(255,255,255,.04) 0 2px, transparent 2px 40px);
    pointer-events:none;
  }
  .mission__inner{ max-width:760px; margin:0 auto; position:relative; }
  .mission__eyebrow{
    display:inline-flex; align-items:center; gap:8px;
    color:var(--color-white);
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.3);
    padding:6px 16px;
    border-radius:30px;
    font-family:var(--font-heading);
    font-size:.78rem;
    letter-spacing:1.5px;
    text-transform:uppercase;
    margin-bottom:22px;
  }
  .mission__statement{ font-size:2rem; line-height:1.3; margin-bottom:18px; }
  .mission__text{
    color:rgba(255,255,255,.85);
    font-family:var(--font-body);
    text-transform:none;
    letter-spacing:normal;
    font-weight:400;
    font-size:1.02rem;
    margin:0;
  }

  /* ---------- Our Values ---------- */
  .values{ background:var(--gradient-wash), var(--color-bg-light); }
  .card--value{
    background:var(--color-white);
    border:1px solid #eee;
    border-radius:8px;
    padding:32px 26px;
    text-align:center;
    height:100%;
    box-shadow:0 4px 18px rgba(0,0,0,.05);
    transition:var(--transition-base);
  }
  .card--value:hover{ transform:translateY(-8px); box-shadow:0 18px 30px rgba(0,0,0,.1); }
  .card--value__icon{
    width:60px; height:60px;
    margin:0 auto 18px;
    border-radius:50%;
    background:var(--color-black);
    color:var(--color-white);
    display:flex; align-items:center; justify-content:center;
    font-size:1.4rem;
  }
  .card--value__title{ font-size:1.05rem; margin-bottom:8px; }
  .card--value__text{ font-size:.88rem; color:#666; margin:0; }

  /* ---------- Meet The Team (identical card style to homepage) ---------- */
  .card--instructor{ text-align:center; }
  .card--instructor__img-wrap{
    position:relative;
    border-radius:8px;
    overflow:hidden;
    margin-bottom:20px;
  }
  .card--instructor__img{ width:100%; height:320px; object-fit:cover; display:block; transition:var(--transition-base); }
  .card--instructor:hover .card--instructor__img{ transform:scale(1.05); }
  .card--instructor__social{
    position:absolute; bottom:0; left:0; right:0;
    background:linear-gradient(0deg, rgba(36,31,32,.9), transparent);
    padding:16px 0 12px;
    display:flex; justify-content:center; gap:12px;
    opacity:0; transform:translateY(10px);
    transition:var(--transition-base);
  }
  .card--instructor__img-wrap:hover .card--instructor__social{ opacity:1; transform:translateY(0); }
  .card--instructor__social a{
    width:34px; height:34px;
    background:var(--color-red);
    color:var(--color-white);
    border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    font-size:.85rem;
  }
  .card--instructor__name{ font-size:1.15rem; margin-bottom:2px; }
  .card--instructor__role{ color:var(--color-red); font-size:.85rem; text-transform:uppercase; letter-spacing:1px; margin-bottom:10px; display:block; }
  .card--instructor__text{ font-size:.88rem; color:#666; }