/* ═══════════════════════════════════════════
   ПРО НАС
═══════════════════════════════════════════ */
.about-layout {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 80px; align-items: center;
}
.about-body p {
  font-size: 16px; font-weight: 400; line-height: 1.9;
  color: rgba(24,18,8,.78); margin-bottom: 20px;
}
.about-visual { position: relative; height: 560px; }
.av-main {
  position: absolute; right:0; top:0; width:77%; height:84%;
  background: linear-gradient(135deg, #2D4A22, #1a2e12);
  display: flex; align-items:center; justify-content:center;
  overflow: hidden;
}
.av-main img {
  width:100%; height:100%; object-fit:cover; display:block;
}
.av-accent {
  position: absolute; left:0; bottom:0; width:43%; height:45%;
  background: var(--terra);
  display: flex; align-items:center; justify-content:center;
}
.av-accent::after {
  content:'ДЕТАЛЬ'; font-family:var(--sans); font-size:9px;
  letter-spacing:.3em; text-transform:uppercase; color:rgba(242,232,214,.22);
}
.av-accent.has-img::after { display: none; }
.av-accent img { width:100%; height:100%; object-fit:cover; display:block; }
.av-badge {
  position: absolute; right: -20px; bottom: 48px;
  width: 110px; height: 110px; border-radius: 50%;
  background: var(--gold); display: flex; flex-direction:column;
  align-items:center; justify-content:center; gap: 5px;
  box-shadow: 0 8px 28px rgba(184,135,46,.35);
  animation: spinBadge 24s linear infinite;
}
.av-badge svg { display: block; }
.av-badge-txt {
  font-family: var(--sans); font-size: 9px; font-weight: 500;
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--soil); text-align: center; line-height: 1.45;
}
@keyframes spinBadge { from{transform:rotate(0)} to{transform:rotate(360deg)} }