/*
  FILE: spyscape-museum.css
  PURPOSE: Page-specific overrides for the SPYSCAPE Museum project page.
  Everything else on this page uses the shared classes in project.css
  as-is (no page-specific sections of its own, unlike most other
  project pages) -- this file exists only for the one exception below.

  The "zone" showcase grids (Encryption, Deception, Surveillance,
  Special Ops, Question Stations, Debrief) use the shared
  .project-showcase__grid/.project-showcase__grid img classes from
  project.css, same as every other project's Final designs section.
  Per Lucrecia's request, on THIS page only those grid images should
  run edge to edge (not just fill their own flex slot, which they
  already do -- they need to break out of .project-showcase__section's
  own 40px/20px side padding too) and lose their corner radius. Scoped
  here rather than changed in project.css so every other project's
  showcase grids (Chabad, CSA Website, etc.) keep their default inset +
  rounded-corner look.
*/

/* Breaks the grid out of .project-showcase__section's own side padding
   (40px desktop, 20px mobile, see project.css), same negative-margin
   escape trick .project-immersive-final__full already uses on CSA
   Immersive's own full-bleed elements. */
.project-showcase__grid {
  width: calc(100% + 80px);
  margin-left: -40px;
  margin-right: -40px;
}

.project-showcase__grid img {
  border-radius: 0;
}

@media (max-width: 768px) {
  .project-showcase__grid {
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-right: -20px;
  }
}

/* ---- Role image: 5px corner radius, per Lucrecia's request ---- */
.project-role__image {
  border-radius: 5px;
}