/* LIVE PRO PROJECT - IMAGE GRIDS */

.live-pro-hero-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 16/9;
}

.live-pro-img-grid-three {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  align-items: start;
}

.live-pro-img-grid-three img {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: 4px;
  background: #1a1a1a;
}

/* Row 3 - Grid */
.live-pro-img-grid-half-row3 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: start;
}

.live-pro-img-grid-half-row3 .live-pro-grid-img-4,
.live-pro-img-grid-half-row3 .live-pro-grid-img-5 {
  aspect-ratio: 20/9;
}

.live-pro-img-grid-half-row3 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
  background: #1a1a1a;
  object-position: center top;
}

/* Row 4 - Grid */
.live-pro-img-grid-half-row4 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: start;
}

.live-pro-img-grid-half-row4 .live-pro-grid-img-6,
.live-pro-img-grid-half-row4 .live-pro-grid-img-7 {
  aspect-ratio: 4/5;
  height: 700px;
}

.live-pro-img-grid-half-row4 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
  background: #1a1a1a;
}

/* Responsive */
@media (max-width: 768px) {
  .project-hero-img {
    aspect-ratio: 16/9;
  }

  .live-pro-img-grid-three {
    grid-template-columns: repeat(2, 1fr);
  }

  .live-pro-img-grid-three img:last-child {
    grid-column: 1 / -1;
  }

  .live-pro-img-grid-half-row3,
  .live-pro-img-grid-half-row4 {
    grid-template-columns: 1fr;
  }
}

/* TAYAARI PROJECT - IMAGE GRIDS */

.tayaari-hero-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Row 2 - 2 col grid */
.tayaari-img-grid-row2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: start;
}

.tayaari-img-grid-row2 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 4px;
  background: #1a1a1a;
}

/* Row 3 - 3 col grid */
.tayaari-img-grid-row3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  align-items: start;
}

.tayaari-img-grid-row3 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 4px;
  background: #1a1a1a;
}

/* Row 4 - 2 col grid */
.tayaari-img-grid-row4 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: start;
}

.tayaari-img-grid-row4 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 4px;
  background: #1a1a1a;
}

/* Row 5 - 3 col grid */
.tayaari-img-grid-row5 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  align-items: start;
}

.tayaari-img-grid-row5 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 4px;
  background: #1a1a1a;
}

/* Responsive */
@media (max-width: 768px) {
  .tayaari-img-grid-row2,
  .tayaari-img-grid-row4 {
    grid-template-columns: 1fr;
  }

  .tayaari-img-grid-row3,
  .tayaari-img-grid-row5 {
    grid-template-columns: repeat(2, 1fr);
  }

  .tayaari-img-grid-row3 img:last-child,
  .tayaari-img-grid-row5 img:last-child {
    grid-column: 1 / -1;
  }
}

/* AARAMBH PROJECT - IMAGE GRIDS */

.aarambh-hero-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Row 2 - 2 col grid */
.aarambh-img-grid-row2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: stretch;
}

.aarambh-img-grid-row2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
  background: #1a1a1a;
}

/* Row 3 - Full width */
.aarambh-img-grid-row3 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 4px;
  background: #1a1a1a;
}

/* Responsive */
@media (max-width: 768px) {
  .aarambh-img-grid-row2 {
    grid-template-columns: 1fr;
  }
}

/* OSWAL PROJECT - IMAGE GRIDS */

.oswal-hero-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Row 2 - 2 col portrait */
.oswal-img-grid-row2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: start;
}

.oswal-img-grid-row2 img {
  width: 100%;
  height: 100%;
  aspect-ratio: 3/4;
  object-fit: cover;
  border-radius: 4px;
  background: #1a1a1a;
}

/* Row 3 - 2 col landscape */
.oswal-img-grid-row3 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: start;
}

.oswal-img-grid-row3 img {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: 4px;
  background: #1a1a1a;
}

/* Row 4 - 3 col portrait */
.oswal-img-grid-row4 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  align-items: start;
}

.oswal-img-grid-row4 img {
  width: 100%;
  height: 100%;
  aspect-ratio: 9/16;
  object-fit: contain;
  border-radius: 4px;
  background: #1a1a1a;
}

/* Responsive */
@media (max-width: 768px) {
  .oswal-img-grid-row2,
  .oswal-img-grid-row3 {
    grid-template-columns: 1fr;
  }

  .oswal-img-grid-row4 {
    grid-template-columns: repeat(2, 1fr);
  }

  .oswal-img-grid-row4 img:last-child {
    grid-column: 1 / -1;
  }
}

/* BOOKS PROJECT - IMAGE GRIDS */

.books-hero-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Row 2 - 2 col landscape */
.books-img-grid-row2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: start;
}

.books-img-grid-row2 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 4px;
  background: #1a1a1a;
}

/* Row 3 - Full width */
.books-img-grid-row3 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 4px;
  background: #1a1a1a;
}

/* Responsive */
@media (max-width: 768px) {
  .books-img-grid-row2 {
    grid-template-columns: 1fr;
  }
}