/* ========================================
   R&D Pages (연구개발 공통)
   ======================================== */

/* Certificate Grid */
.rnd-cert {
  background-color: var(--color-white);
  padding: var(--space-4xl) 0;
}

.rnd-cert__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.875rem var(--space-lg);
}

.rnd-cert__item {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}

.rnd-cert__item-img {
  width: 100%;
  aspect-ratio: 300 / 400;
  object-fit: cover;
  border: 1px solid var(--color-border);
}

.rnd-cert__item-org {
  font-size: 1.125rem;
  font-weight: 400;
  color: var(--color-text-dark);
  letter-spacing: -0.0225rem;
  line-height: 1.8;
  margin-bottom: 0;
}

.rnd-cert__item-name {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--color-text-dark);
  letter-spacing: -0.025rem;
  line-height: 1.4;
  margin-top: 0;
}

/* Lab Section */
.rnd-lab {
  background-color: var(--color-white);
  padding: var(--space-4xl) 0;
}

.rnd-lab__inner {
  display: flex;
  flex-direction: column;
  gap: var(--space-4xl);
}

.rnd-lab__heading {
  text-align: center;
}

.rnd-lab__title {
  font-size: 2.125rem;
  font-weight: 700;
  color: var(--color-text-dark);
  letter-spacing: -0.085rem;
  line-height: 1.4;
  margin-bottom: var(--space-lg);
}

.rnd-lab__desc {
  font-size: var(--text-subheading);
  font-weight: 400;
  color: var(--color-text);
  letter-spacing: -0.05rem;
  line-height: 1.5;
}

.rnd-lab__section-title {
  border-left: 3px solid var(--color-primary);
  padding-left: var(--space-lg);
  font-size: 1.875rem;
  font-weight: 700;
  color: var(--color-text-dark);
  letter-spacing: -0.075rem;
  line-height: 1.4;
}

.rnd-lab__photos {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-lg);
}

.rnd-lab__photo {
  height: 240px;
  overflow: hidden;
}

.rnd-lab__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Patent Grid */
.rnd-patent__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.875rem var(--space-lg);
}

.rnd-patent__item {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}

.rnd-patent__item-img {
  width: 100%;
  aspect-ratio: 300 / 400;
  object-fit: cover;
  border: 1px solid var(--color-border);
}

.rnd-patent__item-num {
  font-size: 1.125rem;
  font-weight: 400;
  color: var(--color-text-dark);
  letter-spacing: -0.0225rem;
  line-height: 1.8;
  margin-bottom: 0;
}

.rnd-patent__item-name {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--color-text-dark);
  letter-spacing: -0.025rem;
  line-height: 1.4;
  margin-top: 0;
}

/* Tablet */
@media (min-width: 768px) {
  .rnd-cert,
  .rnd-lab {
    padding: var(--space-5xl) 0;
  }

  .rnd-lab__inner {
    gap: var(--space-5xl);
  }

  .rnd-lab__title {
    font-size: var(--text-h1);
    letter-spacing: -0.125rem;
  }

  .rnd-lab__desc {
    font-size: var(--text-body);
    letter-spacing: -0.055rem;
  }

  .rnd-lab__section-title {
    font-size: var(--text-h2);
    letter-spacing: -0.09rem;
  }

  .rnd-cert__grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 5rem 3.75rem;
  }

  .rnd-lab__photos {
    grid-template-columns: repeat(3, 1fr);
  }

  .rnd-lab__photo {
    height: 220px;
  }

  .rnd-patent__grid {
    grid-template-columns: repeat(5, 1fr);
    gap: 5rem 3.75rem;
  }
}

/* Desktop */
@media (min-width: 1024px) {
  .rnd-cert,
  .rnd-lab {
    padding: var(--space-section) 0;
  }

  .rnd-cert__grid {
    grid-template-columns: repeat(5, 1fr);
  }

  .rnd-lab__photo {
    height: 280px;
  }
}
