.bm-about-page{
  --bm-about-blue:#083b91;
  --bm-about-blue-deep:#042767;
  --bm-about-orange:#ff7b13;
  --bm-about-gold:#ffd36d;
  --bm-about-text:#0d2d66;
  --bm-about-muted:#385176;
  width:100%;
  max-width:none;
  margin:0 auto;
  padding:clamp(10px, 1.6vw, 24px) clamp(8px, 1.6vw, 24px) clamp(34px, 5vw, 72px);
  box-sizing:border-box;
  overflow-x:clip;
  color:var(--bm-about-text);
  font-size:clamp(22px, 1.55vw, 30px);
  font-weight:500;
  text-shadow:
    0 1px 0 rgba(255,255,255,.45),
    0 0 8px rgba(255,255,255,.28);
}

.bm-about-page *,
.bm-about-page *::before,
.bm-about-page *::after{
  box-sizing:border-box;
}

.bm-about-hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0, .86fr) minmax(390px, 1fr);
  gap:clamp(18px, 3vw, 46px);
  align-items:center;
  min-height:clamp(540px, 56vw, 720px);
  padding:clamp(24px, 4vw, 58px);
  overflow:hidden;
  border-radius:34px;
  background:
    linear-gradient(100deg, rgba(255,255,255,.56), rgba(255,224,188,.36) 32%, rgba(37,137,236,.28) 66%, rgba(255,123,19,.16)),
    radial-gradient(circle at 73% 34%, rgba(255,211,109,.5), transparent 24%),
    radial-gradient(circle at 65% 68%, rgba(35,135,234,.34), transparent 34%),
    linear-gradient(135deg, rgba(7,42,114,.2), rgba(255,123,19,.16));
  border:1px solid rgba(255,255,255,.78);
  box-shadow:0 32px 70px rgba(6,27,78,.24), inset 0 1px 0 rgba(255,255,255,.86);
  backdrop-filter:blur(18px) saturate(1.18);
  -webkit-backdrop-filter:blur(18px) saturate(1.18);
}

.bm-about-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(255,255,255,.14) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255,255,255,.1) 1px, transparent 1px);
  background-size:68px 68px;
  mask-image:linear-gradient(90deg, transparent, #000 24%, #000 74%, transparent);
  opacity:.36;
  pointer-events:none;
}

.bm-about-hero::after{
  content:"";
  position:absolute;
  inset:auto -8% -14% 18%;
  height:46%;
  background:linear-gradient(100deg, rgba(255,123,19,0), rgba(255,123,19,.46), rgba(255,211,109,.28), rgba(35,135,234,.08), rgba(35,135,234,0));
  transform:rotate(-7deg);
  pointer-events:none;
}

.bm-about-hero__copy,
.bm-about-hero__art{
  position:relative;
  z-index:2;
  min-width:0;
}

.bm-about-hero__logo{
  display:block;
  width:clamp(240px, 29vw, 390px);
  height:auto;
  margin:0 0 clamp(12px, 1.6vw, 20px);
  filter:drop-shadow(0 18px 18px rgba(6,27,78,.12));
}

.bm-about-eyebrow{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  min-height:30px;
  padding:0 13px;
  border-radius:999px;
  color:#fff;
  font-size:1rem;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  background:linear-gradient(135deg, var(--bm-about-blue), #1677dd);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24);
}

.bm-about-hero h1{
  margin:clamp(14px, 1.8vw, 22px) 0 0;
  max-width:10.5ch;
  color:var(--bm-about-blue-deep);
  font-size:clamp(3.4rem, 7.4vw, 7.6rem);
  line-height:.9;
  letter-spacing:0;
  text-shadow:
    0 1px 0 rgba(255,255,255,.72),
    0 0 10px rgba(255,255,255,.42),
    0 18px 36px rgba(6,27,78,.18);
}

.bm-about-hero p{
  max-width:52ch;
  margin:clamp(14px, 2vw, 24px) 0 0;
  color:#082b66;
  font-size:clamp(1.55rem, 2.4vw, 2.28rem);
  font-weight:620;
  line-height:1.5;
}

.bm-about-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:clamp(20px, 2.6vw, 32px);
}

.bm-about-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  min-width:174px;
  padding:0 22px;
  border-radius:18px;
  color:#fff;
  text-decoration:none;
  font-size:1.35rem;
  font-weight:900;
  box-shadow:0 14px 28px rgba(8,43,112,.18), inset 0 1px 0 rgba(255,255,255,.18);
  transition:transform .2s ease, box-shadow .2s ease;
}

.bm-about-button:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 34px rgba(8,43,112,.24), inset 0 1px 0 rgba(255,255,255,.24);
}

.bm-about-button--primary{
  background:linear-gradient(135deg, #0f7ee9, #083b91);
}

.bm-about-button--accent{
  background:linear-gradient(135deg, #ff9a25, #e65f00);
}

.bm-about-hero__art{
  min-height:clamp(440px, 42vw, 600px);
  display:grid;
  place-items:end center;
}

.bm-about-network{
  position:absolute;
  inset:clamp(12px, 2vw, 30px) 0 0;
  display:grid;
  place-items:center;
  isolation:isolate;
}

.bm-about-network::before,
.bm-about-network::after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}

.bm-about-network::before{
  width:min(86%, 560px);
  aspect-ratio:1;
  background:radial-gradient(circle, rgba(255,211,109,.24), rgba(35,135,234,.2) 38%, rgba(35,135,234,0) 66%);
  filter:blur(2px);
}

.bm-about-network::after{
  width:min(70%, 430px);
  aspect-ratio:1;
  border:1px solid rgba(16,126,233,.28);
  box-shadow:0 0 0 18px rgba(16,126,233,.06), 0 0 44px rgba(255,123,19,.24);
}

.bm-about-network__map{
  position:relative;
  z-index:1;
  width:min(92%, 560px);
  max-height:430px;
  object-fit:contain;
  filter:drop-shadow(0 26px 30px rgba(7,28,74,.18));
  opacity:.94;
}

.bm-about-network__hub{
  position:absolute;
  z-index:4;
  display:grid;
  place-items:center;
  width:clamp(86px, 10vw, 128px);
  aspect-ratio:1;
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 42%, rgba(255,255,255,.94), rgba(255,211,109,.48) 42%, rgba(255,123,19,.26) 70%, rgba(8,59,145,.28));
  box-shadow:0 18px 36px rgba(6,27,78,.24), 0 0 0 10px rgba(255,255,255,.22), inset 0 1px 0 rgba(255,255,255,.7);
}

.bm-about-network__hub img{
  width:90%;
  height:auto;
  object-fit:contain;
}

.bm-about-network__beam{
  position:absolute;
  z-index:2;
  left:50%;
  top:50%;
  width:min(42%, 260px);
  height:3px;
  transform-origin:left center;
  background:linear-gradient(90deg, rgba(255,255,255,.88), rgba(92,218,255,.72), rgba(255,123,19,0));
  box-shadow:0 0 16px rgba(92,218,255,.78);
}

.bm-about-network__beam--one{ transform:rotate(-26deg); }
.bm-about-network__beam--two{ transform:rotate(18deg); }
.bm-about-network__beam--three{ transform:rotate(62deg); }

.bm-about-network__chip{
  position:absolute;
  z-index:5;
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  color:#fff;
  font-size:1.05rem;
  font-weight:900;
  text-transform:uppercase;
  background:linear-gradient(135deg, rgba(8,59,145,.94), rgba(15,126,233,.86));
  border:1px solid rgba(255,255,255,.34);
  box-shadow:0 14px 28px rgba(6,27,78,.22), inset 0 1px 0 rgba(255,255,255,.22);
}

.bm-about-network__chip--services{
  top:18%;
  right:5%;
}

.bm-about-network__chip--jobs{
  left:4%;
  bottom:28%;
  background:linear-gradient(135deg, rgba(255,123,19,.96), rgba(255,178,74,.88));
}

.bm-about-network__chip--questions{
  right:14%;
  bottom:17%;
}

.bm-about-mascot{
  position:absolute;
  bottom:0;
  width:auto;
  height:auto;
  max-height:clamp(290px, 37vw, 500px);
  filter:drop-shadow(0 24px 28px rgba(7,28,74,.22));
  z-index:6;
}

.bm-about-mascot--regla{
  left:2%;
  max-width:44%;
}

.bm-about-mascot--lupa{
  right:0;
  max-width:46%;
}

.bm-about-card-grid,
.bm-about-pillars,
.bm-about-category-grid{
  display:grid;
  gap:clamp(14px, 1.8vw, 22px);
}

.bm-about-card-grid{
  grid-template-columns:repeat(3, minmax(0, 1fr));
  margin-top:clamp(18px, 3vw, 34px);
}

.bm-about-card,
.bm-about-pillars article,
.bm-about-category,
.bm-about-mission,
.bm-about-local{
  position:relative;
  border:1px solid rgba(82,240,255,.7);
  background:
    linear-gradient(135deg, rgba(12,69,156,.26), rgba(255,123,19,.14) 56%, rgba(255,211,109,.08)),
    rgba(255,255,255,.1);
  box-shadow:
    0 22px 46px rgba(6,27,78,.18),
    0 0 30px rgba(82,240,255,.26),
    0 0 10px rgba(82,240,255,.22),
    inset 0 1px 0 rgba(255,255,255,.42),
    inset 0 -1px 0 rgba(82,240,255,.18);
  backdrop-filter:blur(18px) saturate(1.18);
  -webkit-backdrop-filter:blur(18px) saturate(1.18);
}

.bm-about-card::before,
.bm-about-pillars article::after,
.bm-about-category::before,
.bm-about-mission::before,
.bm-about-local::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(135deg, rgba(82,240,255,.92), rgba(255,255,255,.24), rgba(26,164,255,.76), rgba(82,240,255,.86));
  mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite:exclude;
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  pointer-events:none;
}

.bm-about-card{
  min-height:245px;
  padding:clamp(22px, 2.5vw, 32px);
  border-radius:22px;
  overflow:hidden;
}

.bm-about-card::before{
  inset:0 0 auto;
  padding:0;
  height:5px;
  background:linear-gradient(90deg, var(--bm-about-blue), #39a8ff, var(--bm-about-orange));
  mask:none;
  -webkit-mask:none;
}

.bm-about-card::after{
  content:"";
  position:absolute;
  right:-42px;
  top:-42px;
  width:120px;
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,211,109,.32), transparent 68%);
  pointer-events:none;
}

.bm-about-card__icon{
  display:grid;
  place-items:center;
  width:72px;
  height:72px;
  border-radius:50%;
  background:linear-gradient(135deg, rgba(16,126,233,.18), rgba(255,123,19,.16));
  box-shadow:0 12px 24px rgba(8,59,145,.12), inset 0 1px 0 rgba(255,255,255,.7);
}

.bm-about-card__icon img{
  width:48px;
  height:48px;
  object-fit:contain;
}

.bm-about-card h2,
.bm-about-mission h2,
.bm-about-pillars h2,
.bm-about-section-head h2,
.bm-about-local h2{
  margin:14px 0 0;
  color:var(--bm-about-blue-deep);
  font-size:clamp(2.15rem, 3vw, 3.1rem);
  font-weight:950;
  line-height:1.05;
  text-shadow:
    0 1px 0 rgba(255,255,255,.62),
    0 0 9px rgba(255,255,255,.36);
}

.bm-about-card p,
.bm-about-mission p,
.bm-about-pillars p,
.bm-about-category p,
.bm-about-local p{
  margin:14px 0 0;
  color:#092c64;
  font-size:1.28rem;
  font-weight:560;
  line-height:1.6;
  text-shadow:
    0 1px 0 rgba(255,255,255,.52),
    0 0 8px rgba(255,255,255,.32);
}

.bm-about-mission{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(180px, 300px);
  gap:clamp(18px, 3vw, 40px);
  align-items:center;
  margin-top:clamp(18px, 3vw, 34px);
  padding:clamp(24px, 3vw, 38px);
  border-radius:24px;
  overflow:hidden;
  background:
    linear-gradient(105deg, rgba(10,61,151,.25), rgba(255,123,19,.12)),
    radial-gradient(circle at 80% 40%, rgba(255,211,109,.16), transparent 32%),
    rgba(255,255,255,.08);
}

.bm-about-mission img{
  width:100%;
  max-height:230px;
  object-fit:contain;
}

.bm-about-pillars{
  grid-template-columns:repeat(3, minmax(0, 1fr));
  margin-top:clamp(18px, 3vw, 34px);
}

.bm-about-pillars article{
  position:relative;
  padding:clamp(20px, 2.4vw, 30px);
  border-radius:22px;
  overflow:hidden;
}

.bm-about-pillars article::before{
  content:"";
  position:absolute;
  inset:auto -20% -38% 28%;
  height:70%;
  background:linear-gradient(100deg, rgba(16,126,233,0), rgba(82,217,255,.24), rgba(255,123,19,.2), rgba(255,123,19,0));
  transform:rotate(-8deg);
}

.bm-about-pillars span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border-radius:50%;
  color:#fff;
  font-weight:900;
  background:linear-gradient(135deg, var(--bm-about-orange), #ffb24a);
}

.bm-about-categories{
  margin-top:clamp(24px, 4vw, 48px);
}

.bm-about-section-head{
  text-align:center;
}

.bm-about-section-head .bm-about-eyebrow{
  margin:0 auto;
}

.bm-about-category-grid{
  grid-template-columns:repeat(7, minmax(0, 1fr));
  margin-top:18px;
}

.bm-about-category{
  min-height:158px;
  padding:18px 12px;
  border-radius:18px;
  text-align:center;
  transition:transform .2s ease, box-shadow .2s ease;
}

.bm-about-category:hover{
  transform:translateY(-3px);
  box-shadow:0 22px 42px rgba(6,27,78,.18), inset 0 1px 0 rgba(255,255,255,.9);
}

.bm-about-category img{
  display:block;
  width:54px;
  height:54px;
  object-fit:contain;
  margin:0 auto 10px;
}

.bm-about-category h3{
  margin:0;
  color:var(--bm-about-blue-deep);
  font-size:1.55rem;
  font-weight:950;
  line-height:1.1;
  text-shadow:
    0 1px 0 rgba(255,255,255,.58),
    0 0 8px rgba(255,255,255,.3);
}

.bm-about-category p{
  margin-top:8px;
  font-size:1.08rem;
  line-height:1.5;
}

.bm-about-local{
  position:relative;
  display:grid;
  grid-template-columns:minmax(220px, .75fr) minmax(0, 1fr) minmax(120px, .32fr);
  gap:clamp(18px, 3vw, 38px);
  align-items:center;
  margin-top:clamp(20px, 3vw, 36px);
  padding:clamp(24px, 3.2vw, 42px);
  border-radius:28px;
  overflow:hidden;
  background:
    linear-gradient(100deg, rgba(10,61,151,.24), rgba(255,123,19,.12)),
    radial-gradient(circle at 18% 48%, rgba(82,217,255,.18), transparent 34%),
    radial-gradient(circle at 86% 30%, rgba(255,211,109,.18), transparent 30%),
    rgba(255,255,255,.08);
}

.bm-about-local__map img,
.bm-about-local__mascot{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}

.bm-about-local__badges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}

.bm-about-local__badges span{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:0 13px;
  border-radius:999px;
  color:var(--bm-about-blue-deep);
  font-size:1.06rem;
  font-weight:950;
  background:rgba(15,126,233,.1);
  border:1px solid rgba(15,126,233,.16);
}

.bm-footer-brand .bm-footer-about-link{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  margin-top:8px;
  color:#ffb24a;
  font-weight:800;
  text-decoration:underline;
  text-underline-offset:4px;
}

@media (max-width: 980px){
  .bm-about-page{
    width:100%;
    padding-inline:clamp(8px, 2vw, 18px);
  }

  .bm-about-hero,
  .bm-about-mission,
  .bm-about-local{
    grid-template-columns:1fr;
  }

  .bm-about-hero{
    min-height:0;
  }

  .bm-about-hero__art{
    min-height:clamp(260px, 58vw, 390px);
  }

  .bm-about-card-grid,
  .bm-about-pillars{
    grid-template-columns:1fr;
  }

  .bm-about-category-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .bm-about-local__mascot{
    max-width:220px;
    justify-self:center;
  }
}

@media (max-width: 560px){
  .bm-about-page{
    width:100%;
    padding-inline:8px;
    padding-top:14px;
    font-size:21px;
  }

  .bm-about-hero,
  .bm-about-card,
  .bm-about-pillars article,
  .bm-about-mission,
  .bm-about-local{
    border-radius:16px;
  }

  .bm-about-hero{
    padding:20px;
  }

  .bm-about-hero h1{
    font-size:clamp(2.7rem, 18vw, 4.2rem);
  }

  .bm-about-hero p,
  .bm-about-card p,
  .bm-about-mission p,
  .bm-about-pillars p,
  .bm-about-category p,
  .bm-about-local p{
    font-size:1.08rem;
    font-weight:560;
    line-height:1.58;
  }

  .bm-about-card h2,
  .bm-about-mission h2,
  .bm-about-pillars h2,
  .bm-about-section-head h2,
  .bm-about-local h2{
    font-size:clamp(1.9rem, 9vw, 2.45rem);
    font-weight:950;
  }

  .bm-about-hero__logo{
    width:min(250px, 86vw);
  }

  .bm-about-actions,
  .bm-about-button{
    width:100%;
  }

  .bm-about-hero__art{
    min-height:250px;
  }

  .bm-about-mascot{
    max-height:250px;
  }

  .bm-about-category-grid{
    grid-template-columns:1fr;
  }
}