/* Abu Namous v2.2.3 — replace the homepage about vehicle image with a polished brand logo panel. */
.anm-home-about .anm-intro-media.anm-intro-media-logo{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:linear-gradient(145deg,#eef6f9,#e1edf2) !important;
  padding:28px !important;
}

.anm-about-logo-panel{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}

.anm-about-logo-card{
  width:min(100%, 470px);
  min-height:420px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:22px;
  padding:34px 28px;
  text-align:center;
  background:rgba(255,255,255,.92);
  border:1px solid #d7e6ed;
  border-radius:24px;
  box-shadow:0 16px 42px rgba(12,45,64,.10);
}

.anm-about-logo-kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 14px;
  border-radius:999px;
  background:#e9f6fb;
  color:#0f6f8f;
  font-size:13px;
  font-weight:800;
}

.anm-about-logo-art{
  width:100%;
  min-height:180px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.anm-about-logo-image{
  display:block;
  width:min(100%, 300px);
  max-width:100%;
  height:auto;
  max-height:190px;
  object-fit:contain;
}

.anm-about-logo-image-fallback{
  width:min(100%, 240px);
}

.anm-about-logo-copy{
  display:flex;
  flex-direction:column;
  gap:10px;
  align-items:center;
}

.anm-about-logo-copy strong{
  color:var(--brand);
  font-size:clamp(24px,2vw,31px);
  line-height:1.35;
}

.anm-about-logo-copy span{
  color:#587282;
  font-size:15px;
  line-height:1.9;
  max-width:30ch;
}

@media (max-width: 920px){
  .anm-home-about .anm-intro-media.anm-intro-media-logo{
    padding:22px !important;
  }
  .anm-about-logo-card{
    min-height:340px;
    padding:26px 22px;
  }
  .anm-about-logo-image{
    width:min(100%, 250px);
    max-height:160px;
  }
}