.recognition-layout {
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  gap: 64px;
}
.atmo-block {
  justify-content: center;
  min-height: 0;
  padding: 24px;
  border: 1px solid #d4e4d8;
  background: #fff;
  transition: border-color .2s, box-shadow .2s;
}
.atmo-block img {
  width: 100%;
  max-width: 410px;
  height: auto;
}
.atmo-block:hover {
  border-color: #8bb69a;
  box-shadow: 0 8px 24px #193f2c0d;
}
@media (max-width: 960px) {
  .recognition-layout { gap: 32px; }
}
@media (max-width: 720px) {
  .recognition-layout { grid-template-columns: minmax(0, 1fr); }
  .atmo-block { padding: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .atmo-block { transition: none; }
}