/* Cooperation page (sotrudnichestvo) — glass blocks */

.dm-page--cooperation{ padding: 26px 0 48px; }
.dm-coop-wrap{ max-width: 1200px; margin: 0 auto; padding: 0 18px; }

.dm-coop-head{ margin: 6px 0 16px; }
.dm-coop-title{ font-size: 44px; line-height: 1.05; margin: 0 0 10px; }
.dm-coop-note{ margin: 0; color: rgba(255,255,255,.92); font-size: 16px; line-height: 1.45; }

.dm-glass-tile{
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 16px 42px rgba(0,0,0,.24);
  border-radius: 18px;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.dm-coop-tiles{ display: grid; gap: 16px; }
.dm-coop-tile{ padding: 18px 18px 16px; }

.dm-tile-title{
  margin: 0 0 10px;
  font-size: 20px;
  line-height: 1.25;
  color: rgba(255,255,255,.96);
}

.dm-tile-list,
.dm-tile-steps{ margin: 0; padding-left: 20px; color: rgba(255,255,255,.92); }
.dm-tile-list li,
.dm-tile-steps li{ margin: 6px 0; line-height: 1.5; }

.dm-tile-footnote{ margin: 10px 0 0; color: rgba(255,255,255,.78); font-size: 13px; line-height: 1.45; }

.dm-link{ color: rgba(255,255,255,.96); text-decoration: underline; text-underline-offset: 3px; }

.dm-coop-cta{ display:flex; gap: 10px; flex-wrap: wrap; margin-top: 12px; }

@media (max-width: 900px){
  .dm-coop-title{ font-size: 34px; }
}
@media (max-width: 560px){
  .dm-coop-title{ font-size: 30px; }
  .dm-coop-tile{ padding: 16px 14px 14px; }
}