/* About Page Responsive */

/* ===== MOBILE (base, under 768px) ===== */
.dossier-tab {
  grid-template-columns: auto 1fr auto;
  gap: 0.75rem;
  padding: 1.25rem 1.25rem;
}
.dossier-tab-role {
  display: none;
}
.dossier-grid {
  grid-template-columns: 1fr;
  gap: 2rem;
  padding: 1.5rem 1.25rem 2rem;
}
.dossier-photo-wrap {
  max-width: 220px;
}
.dossier-fields {
  grid-template-columns: 1fr;
}
.page-hero {
  min-height: 50vh;
}

/* ===== TABLET (768px+) ===== */
@media (min-width: 768px) {
  .dossier-tab {
    grid-template-columns: auto 1fr auto auto;
    gap: 1.5rem;
    padding: 1.5rem 2rem;
  }
  .dossier-tab-role {
    display: block;
  }
  .dossier-grid {
    grid-template-columns: 220px 1fr;
    gap: 2.5rem;
    padding: 2rem;
  }
  .dossier-fields {
    grid-template-columns: 1fr 1fr;
  }
  .page-hero {
    min-height: 60vh;
  }
}

/* ===== DESKTOP (1024px+) ===== */
@media (min-width: 1024px) {
  .dossier-grid {
    grid-template-columns: 260px 1fr;
    gap: 3rem;
    padding: 2.5rem 2rem 3rem;
  }
  .page-hero {
    min-height: 70vh;
  }
}