/* Despre noi: page-specific layout on top of inteli-tech.css. */
.about-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  gap: 3rem;
  align-items: center;
  padding-top: 3rem;
}
.about-hero h1 { margin: 0 0 1.25rem; }
.about-lead { margin: 0; font-size: 1.25rem; line-height: 1.5; }
.about-lead + .about-lead { margin-top: 1rem; }
.about-collage {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  grid-template-rows: repeat(2, 12rem);
  gap: .75rem;
}
.about-tile { position: relative; margin: 0; overflow: hidden; border-radius: .5rem; }
.about-tile-main { grid-row: span 2; }
.about-tile img { width: 100%; height: 100%; object-fit: cover; display: block; }
.about-tile figcaption {
  position: absolute;
  left: .75rem;
  bottom: .75rem;
  padding: .2rem .6rem;
  border-radius: .25rem;
  background: rgba(255, 255, 255, .92);
  font-size: .875rem;
  font-weight: 500;
}

.about-facts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin: 0;
}
.about-fact {
  padding: 1.5rem;
  border: 1px solid #e1e4e8;
  border-radius: .5rem;
  background: #fff;
}
.about-fact dt { margin: 0 0 .5rem; font-size: 2rem; font-weight: 600; line-height: 1.1; }
.about-fact dd { margin: 0; color: #586069; line-height: 1.4; }

.about-section h2 { margin: 0 0 1.5rem; }
.about-section > p { max-width: 48rem; font-size: 1.125rem; line-height: 1.6; }

.about-lines {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
}
.about-line {
  display: flex;
  flex-direction: column;
  padding: 2rem;
  border: 1px solid #e1e4e8;
  border-radius: .5rem;
  background: #fff;
}
.about-line h3 { margin: 0 0 .75rem; font-size: 1.5rem; line-height: 1.2; }
.about-line p { flex: 1; margin: 0 0 1.5rem; line-height: 1.55; }
.about-line a.about-more { align-self: flex-start; font-weight: 500; box-shadow: inset 0 -.4rem 0 #8ddf64; }


.about-gallery {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
  margin: 0;
}
.about-gallery figure { margin: 0; }
.about-gallery img { width: 100%; height: auto; border-radius: .5rem; display: block; }
.about-gallery figcaption { margin-top: .6rem; color: #586069; line-height: 1.4; }

.about-creds {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
}
.about-cred {
  padding: 1.75rem 2rem;
  border: 1px solid #e1e4e8;
  border-top: .3rem solid #8ddf64;
  border-radius: .5rem;
  background: #fff;
}
.about-cred h3 { margin: 0 0 .6rem; font-size: 1.375rem; line-height: 1.2; }
.about-cred p { margin: 0; line-height: 1.55; }
.about-cred .about-cred-ref { margin-top: .9rem; color: #586069; font-size: .875rem; line-height: 1.4; }

@media screen and (max-width: 991px) {
  .about-hero { grid-template-columns: 1fr; gap: 2rem; padding-top: 3rem; }
  .about-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .about-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .about-creds { grid-template-columns: 1fr; }
}
@media screen and (max-width: 767px) {
  .about-lines, .about-gallery, .about-creds { grid-template-columns: 1fr; }
  .about-line, .about-cred { padding: 1.5rem; }
  .about-collage { grid-template-rows: repeat(2, 9rem); }
}
@media screen and (max-width: 479px) {
  .about-facts { grid-template-columns: 1fr; }
}