/* ==========================================================================
   Despre noi — stiluri specifice paginii
   ========================================================================== */

/* Lățimea de conținut: 10 din 12 coloane, centrat (pe desktop) */
.about-wrap { width: 83.333%; margin-left: auto; margin-right: auto; }

@media (max-width: 1023px) {
  .about-wrap { width: 100%; }
}

/* ---------- Hero: cutie roșie centrată, ancorată jos ---------- */
.about-hero { justify-content: center; }
.about-hero .hero__overlay { opacity: 0; }
.about-hero__inner { display: flex; justify-content: center; padding-bottom: var(--spacing-md); }
.about-hero__box {
  width: 50%;
  padding: var(--spacing-sm);
  text-align: center;
}
.about-hero__box .h1 { margin-top: 0; }
.about-hero__box .about-hero__lead { margin-top: var(--spacing-xxs); }
.about-hero__box .btn { margin-top: var(--spacing-sm); }

@media (max-width: 1023px) {
  .about-hero__box { width: 100%; }
}

/* ---------- Carduri inversate (fundal închis, imagine 16:9) ---------- */
.about-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--spacing-xs);
}

.rcard { display: flex; flex-direction: column; height: 100%; overflow: hidden; }
.rcard__media { aspect-ratio: 16 / 9; transition: transform 0.3s ease; }
.rcard__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
  gap: var(--spacing-sm);
  padding: var(--spacing-xs);
  background: var(--color-grey-6);
}
.rcard__content .h5 { margin-bottom: var(--spacing-xxs); }
.rcard__more {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-xs);
  padding-bottom: var(--spacing-xxs);
  border-bottom: 1px solid var(--color-white);
}
.rcard__more svg { width: 20px; height: 20px; flex: 0 0 20px; color: var(--color-red-1); transition: transform 0.25s var(--ease); }
.rcard:hover .rcard__media { transform: scale(1.05); }
.rcard:hover .rcard__more svg { transform: translateX(3px); }

@media (max-width: 1023px) {
  .about-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
  .about-cards { grid-template-columns: 1fr; }
}

/* ---------- Secțiunea roșie: imagine lată + promisiune ---------- */
.about-wide { aspect-ratio: 1800 / 740; }
.about-wide.ph { background: rgba(255, 255, 255, 0.18); }
.about-wide.ph::after { color: rgba(255, 255, 255, 0.75); }

.about-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--spacing-sm);
}
.about-row__w4 { width: 33%; }
.about-row__w5 { width: 42%; }

@media (max-width: 1023px) {
  .about-row { flex-direction: column; }
  .about-row__w4,
  .about-row__w5 { width: 100%; }
}

.about-mission .h4 { margin-bottom: var(--spacing-xxs); }

/* Lista de valori (tabel cu linii albe) */
.values { margin-top: var(--spacing-xs); border-top: 1px solid var(--color-white); }
.values__row { padding: var(--spacing-xxs) 0; border-bottom: 1px solid var(--color-white); }
.values__row:last-child { border-bottom: 0; }
.values__row p { margin-top: var(--spacing-xxxs); }

/* ---------- Cultură: citat + portret ---------- */
.member-quote {
  display: flex;
  justify-content: space-between;
  gap: var(--spacing-xxs);
  padding-left: var(--spacing-xxs);
  border-left: 1px solid var(--color-white);
}
.member-quote__text {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--spacing-xxs);
}
.member-quote__who { display: flex; flex-direction: column; gap: var(--spacing-xxs); }
.member-quote__media { width: 50%; aspect-ratio: 4 / 3; max-height: 350px; }

.theme-dark .btn-tertiary, .theme-dark .btn-tertiary svg { color: var(--color-white); }
.theme-dark .btn-tertiary:hover { color: var(--color-grey-3); }

@media (max-width: 767px) {
  .member-quote {
    flex-direction: column-reverse;
    padding-left: 0;
    padding-top: var(--spacing-xxs);
    border-left: 0;
    border-top: 1px solid var(--color-white);
  }
  .member-quote__text,
  .member-quote__media { width: 100%; }
}

/* ---------- Banner parteneriat cu cutie estompată ---------- */
.about-banner { min-height: 640px; }
.about-banner .hero__overlay { opacity: 0; }
.about-banner__inner { padding-top: var(--spacing-lg); padding-bottom: var(--spacing-lg); }
.about-banner__box {
  width: 50%;
  padding: var(--spacing-md);
  background: rgba(37, 41, 41, 0.6);
  -webkit-backdrop-filter: blur(17px);
  backdrop-filter: blur(17px);
}
.about-banner__box .body-lg { margin-top: var(--spacing-xxs); }
.about-banner__box .btn { margin-top: var(--spacing-sm); }

@media (max-width: 1023px) {
  .about-banner { min-height: 0; }
  .about-banner__box { width: 100%; padding: var(--spacing-sm); }
}

/* ---------- Distincție ---------- */
.about-award { display: flex; justify-content: space-between; align-items: flex-end; gap: var(--spacing-sm); }
.about-award__text { width: 66%; }
.about-award__media { width: 25%; aspect-ratio: 2 / 1; }
.about-award__kicker { color: var(--color-red-1); font-weight: 700; }

@media (max-width: 1023px) {
  .about-award { flex-direction: column; align-items: flex-start; }
  .about-award__text,
  .about-award__media { width: 100%; }
  .about-award__media { max-width: 360px; }
}

/* Fotografii în cadrele definite */
.media-fill { position: relative; overflow: hidden; }
.media-fill > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.about-award__media.cert-logo { aspect-ratio: auto; }
.hero__bg.media-fill { position: absolute; inset: 0; }
.about-award__media.cert-logo { width: auto; }