.bibco-about{
  padding:100px 24px;
  background:#fafbfc;
  overflow:hidden;
}
.bibco-about-subtitle{
  font-size:14px;
  font-weight:600;
  letter-spacing:0.4px;
  color:var(--bibco-red);
  margin:14px 0 4px;
  text-transform:uppercase;
}
.bibco-about-inner{
  max-width:1200px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:70px;
  align-items:center;
}

/* Image side */
.bibco-about-media{
  position:relative;
  max-width:460px;
}

.bibco-about-shape{
  position:absolute;
  top:-30px;
  left:-30px;
  width:100%;
  height:100%;
  background:var(--bibco-green);
  border-radius:20px;
  opacity:0.12;
  z-index:1;
}

.bibco-about-frame{
  position:relative;
  z-index:2;
  border-radius:16px;
  overflow:hidden;
  border:6px solid #fff;
  box-shadow:0 20px 50px rgba(27,42,74,0.18);
}

.bibco-about-frame::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:10px;
  border:2px solid var(--bibco-red);
  outline:1px solid rgba(255,255,255,0.6);
  outline-offset:-10px;
  z-index:3;
  pointer-events:none;
}

.bibco-about-frame img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:4/5;
  object-fit:cover;
  transition:transform 0.6s ease;
}

.bibco-about-media:hover .bibco-about-frame img{
  transform:scale(1.05);
}

.bibco-about-badge{
  position:absolute;
  bottom:-24px;
  right:-24px;
  z-index:4;
  background:var(--bibco-navy);
  color:#fff;
  border-radius:14px;
  padding:18px 22px;
  box-shadow:0 12px 28px rgba(27,42,74,0.35);
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  border-bottom:4px solid var(--bibco-red);
}

.bibco-about-badge-num{
  font-size:28px;
  font-weight:800;
  line-height:1;
  color:#fff;
}

.bibco-about-badge-label{
  font-size:11px;
  font-weight:600;
  letter-spacing:0.4px;
  text-transform:uppercase;
  color:#c7cede;
  margin-top:6px;
  line-height:1.4;
}

/* Content side */
.bibco-about-title{
  font-size:clamp(26px, 3vw, 38px);
  font-weight:700;
  line-height:1.3;
  color:var(--bibco-navy);
  margin:16px 0 20px;
}

.bibco-about-content p{
  font-size:18px;
  line-height:1.8;
  color:var(--bibco-gray);
  margin:0 0 16px;
}

.bibco-about-points{
  display:flex;
  flex-direction:column;
  gap:12px;
  margin:24px 0 32px;
}

.bibco-about-point{
  display:flex;
  align-items:center;
  gap:12px;
  font-size:14px;
  font-weight:600;
  color:var(--bibco-navy);
}

.bibco-about-point-icon{
  width:24px;
  height:24px;
  flex-shrink:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--bibco-green);
  color:#fff;
  border-radius:50%;
  font-size:12px;
  font-weight:700;
}

@media (max-width:900px){
  .bibco-about-inner{
    grid-template-columns:1fr;
    gap:60px;
  }
  .bibco-about-media{
    max-width:380px;
    margin:0 auto;
  }
}

@media (max-width:480px){
  .bibco-about{
    padding:70px 20px;
  }
  .bibco-about-badge{
    padding:14px 16px;
    bottom:-16px;
    right:-16px;
  }
  .bibco-about-badge-num{
    font-size:22px;
  }
}