.akva-new-materials{
  padding:76px 0 82px;
  background:var(--akva-cream);
  border-top:1px solid var(--akva-line);
  border-bottom:1px solid var(--akva-line);
}

.akva-new-materials__head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:36px;
  margin-bottom:30px;
}

.akva-new-materials__head h2{
  margin:7px 0 0;
}

.akva-new-materials__head p{
  max-width:430px;
  margin:0 0 4px;
  color:var(--akva-muted);
  line-height:1.55;
}

.akva-new-materials__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.akva-new-card{
  min-width:0;
}

.akva-new-card>a{
  display:flex;
  flex-direction:column;
  height:100%;
  overflow:hidden;
  background:var(--akva-white);
  border:1px solid var(--akva-line);
  color:var(--akva-ink)!important;
  text-decoration:none;
  transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}

.akva-new-card>a:hover{
  border-color:#aebdb8;
  transform:translateY(-2px);
  box-shadow:0 9px 22px rgba(16,54,58,.08);
}

.akva-new-card__media{
  aspect-ratio:16/9;
  overflow:hidden;
  background:var(--akva-soft);
  border-bottom:1px solid var(--akva-line);
}

.akva-new-card__media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.akva-new-card__body{
  display:flex;
  flex:1;
  flex-direction:column;
  padding:22px 22px 24px;
}

.akva-new-card--text .akva-new-card__body{
  min-height:285px;
  padding-top:26px;
}

.akva-new-card__meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:13px;
  color:#74817e;
  font-size:11px;
  line-height:1.35;
}

.akva-new-card__meta span{
  color:var(--akva-water-dark);
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.akva-new-card__meta time{
  white-space:nowrap;
}

.akva-new-card h3{
  margin:0;
  color:var(--akva-deep);
  font-family:Georgia,"Times New Roman",serif;
  font-size:25px;
  font-weight:500;
  letter-spacing:-.02em;
  line-height:1.12;
}

.akva-new-card p{
  margin:13px 0 0;
  color:#5c6a67;
  font-size:14px;
  line-height:1.55;
}

.akva-new-card>a:hover h3{
  color:var(--akva-water-dark);
}

@media (max-width:980px){
  .akva-new-materials__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:640px){
  .akva-new-materials{
    padding:58px 0 62px;
  }

  .akva-new-materials__head{
    display:block;
    margin-bottom:24px;
  }

  .akva-new-materials__head p{
    margin-top:14px;
  }

  .akva-new-materials__grid{
    grid-template-columns:1fr;
    gap:14px;
  }

  .akva-new-card__body{
    padding:20px 20px 22px;
  }

  .akva-new-card--text .akva-new-card__body{
    min-height:0;
  }

  .akva-new-card h3{
    font-size:23px;
  }
}
