/* ILPAC 2X page-specific styles.
   Must be linked after the shared stylesheets so these rules win by cascade order. */

/* No vignette over the rotation canvas (machine.css draws one via .canvas_mask) */
.canvas_mask {
  display: none;
}

/* The 1px bottom border under the rotation canvas / static image flickers while the pinned
   block is being transformed by GSAP. Draw the line as a shadow instead, which stays stable. */
canvas,
.platforms_bild_1 {
  border-bottom: none;
  box-shadow: 0 1px 0 #fff;
}

/* Body text is #eee (dark.css); pure white plus a heavier weight makes the bolds stand out more */
.main_container .item_text b {
  color: #fff;
  font-weight: 900;
}

/* main.css resets list-style on every element; restore disc bullets for the text lists */
.main_container .item_text ul {
  list-style: disc;
  padding-left: 1.5rem;
}

.main_container .item_text li {
  list-style: disc;
}

/* Sample Results: three photos in a row with captions, stacked on small screens */
.sample_results {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin-top: 2rem;
}

.sample_results figure {
  margin: 0;
}

.sample_results img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 0.1rem;
}

/* CaF2 lens photo: keep the bottom of the image, crop the top */
.sample_results figure:nth-child(3) img {
  object-position: center bottom;
}

.sample_results figcaption {
  margin-top: 0.4rem;
  text-align: left;
  font-size: 0.85rem;
}

@media only screen and (max-width: 768px) {
  .sample_results {
    grid-template-columns: 1fr;
  }
}