/* ============================================
   PAGE PROJET — La Tente Islaise (spécifique)
   ============================================ */

/* ---------- Comparatif logos ---------- */
.lti-logo-compare {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.4rem;
  margin-bottom: 2rem;
}

.lti-logo-card {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3rem;
  border-radius: var(--radius);
  background: var(--accent-dim);
}

.lti-logo-card img {
  max-width: 60%;
  max-height: 160px;
  object-fit: contain;
}

/* ---------- Vidéo du site ---------- */
.lti-video-wrap {
  border-radius: var(--radius);
  overflow: hidden;
  background: var(--accent-dim);
}

.lti-video-wrap video {
  width: 100%;
  display: block;
}

/* ---------- Responsive ---------- */
@media (max-width: 900px) {
  .lti-logo-compare {
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
  }

  .lti-logo-card {
    padding: 1.6rem;
  }
}