/* Expert Jury Panel (homepage) */
.jury-section { margin: 2rem 0; }
.jury-section .title { text-align: center; font-size: 1.7rem; margin: 1.7rem 0; }
.jury-section .expert-text { font-weight: 300; font-family: "Poppins", sans-serif; }
.jury-section .jury-panel-text { font-weight: 600; }

.jury-slider { max-width: 60%; }
.jury-card { text-align: center; }

/* Circle crop on a square box; the hover zoom happens inside the clip,
   so no sub-pixel edge ("thin line") can appear around the circle. */
.jury-photo {
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden;
  isolation: isolate;
  transform: translateZ(0);
}
.jury-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(1);
  transition: transform 0.5s ease, filter 0.5s ease;
}
.jury-card:hover .jury-photo img { transform: scale(1.08); filter: grayscale(0); }
.jury-card[data-details] { cursor: pointer; }

.jury-name { margin-top: 1rem; }
.jury-role { opacity: 0.7; font-size: 0.9rem; }

/* Detail panel (height animates via grid rows) */
.jury-detail {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.4s ease;
}
.jury-detail.is-open { grid-template-rows: 1fr; }
.jury-detail__inner {
  min-height: 0;
  overflow: hidden;
  position: relative;
  background: #ececec;
  max-width: 100rem;
  margin: 0 auto;
  width: 100%;
  padding: 0 2rem;
  color: #3b3b3b;
}
.jury-detail.is-open .jury-detail__inner { padding: 2rem; margin-top: 2rem; margin-bottom: 2rem; }
.jury-detail__close {
  position: absolute; top: 1rem; right: 1rem;
  background: none; border: 0; cursor: pointer; color: inherit;
}
.jury-detail__side { text-align: center; }
.jury-detail__photo {
  width: 13rem; height: 13rem; margin: 0 auto;
  border-radius: 50%; overflow: hidden; border: 0.2rem solid #7f8285;
}
.jury-detail__photo img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1); transition: filter 0.6s ease; }
.jury-detail__photo img:hover { filter: grayscale(0); }
.jury-detail__name { margin-top: 2rem; font-size: 1.7rem; font-weight: bold; color: #000; }
.jury-detail__meta { margin-top: 0.7rem; font-size: 1.3rem; }
.jury-detail__main h3 { font-size: 2rem; margin-top: 2rem; }
.jury-detail__main p { margin-top: 1.5rem; font-size: 1.1rem; text-align: justify; }
.jury-detail__contact { margin-top: 1.5rem; font-size: 1.1rem; }
.jury-detail__contact a { color: inherit; text-decoration: none; }
.jury-detail__social { margin-top: 1rem; display: flex; gap: 1rem; }
.jury-detail__social a { font-size: 2rem; color: #6e6e6e; transition: color 0.3s; }
.jury-detail__social a:hover { color: #db7c00; }

@media (min-width: 768px) {
  .jury-section { margin: 3rem 0; }
  .jury-section .title { font-size: 2.3rem; margin-bottom: 3rem; }
}
@media (min-width: 1024px) {
  .jury-section { margin: 5rem 0; }
  .jury-section .title { font-size: 2.7rem; margin-bottom: 4rem; }
  .jury-detail.is-open .jury-detail__inner { display: flex; align-items: center; gap: 2rem; }
  .jury-detail__side { width: 35%; flex: none; }
  .jury-detail__photo { width: 17rem; height: 17rem; }
  .jury-detail__main h3 { font-size: 3.5rem; margin-top: 0; }
  .jury-detail__main p, .jury-detail__contact { font-size: 1.3rem; }
}