/* Portfolio Case (Coinseeker) - Importing base styles from portfolio1.css */

@import url('./portfolio1.css');

/* Override specific styles for Coinseeker */

/* Change banner images for Coinseeker */
.banner--one { 
    background: url("../../assets/images/portfolio/coinseeker.webp") center / cover no-repeat;
}

.banner--two { 
    background: url("../../assets/images/portfolio/coinseeker.webp") center / cover no-repeat;
  margin-bottom: 10rem;
  display: none;
}

/* Zigzag layout for Services section on Coinseeker */
.project-services .section-two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: auto;
  gap: 40px 70px;
  align-items: start;
}

.project-services .project-services__inner {
  grid-column: 1;
  grid-row: 1 / span 2;
}

/* Make inner children participate in the parent grid for precise placement */
.project-services .project-services__inner { display: contents; }

/* Place title and first paragraph on the left above first image */
.project-services .project-services__title { grid-column: 1; grid-row: 1; }
.project-services .project-services__description { grid-column: 1; grid-row: 2; }

/* Allow images to participate directly in the parent grid */
.project-services .section-image {
  display: contents;
}

.project-services .section-image img {
  width: 100%;
  height: auto;
  display: block;
}

.project-services .section-image img:nth-child(1) { grid-column: 2; grid-row: 2; }

.project-services .section-image img:nth-child(2) { grid-column: 1; grid-row: 3; }

/* Place the second text block to the right of image 2 */
.project-services .project-services__description-2 { grid-column: 2; grid-row: 3;font-size: 18px; }