/* Project page */

.project-hero h1 {
  margin: 0 0 var(--s-5);
}

/* Optional: tighter project layout spacing */
.project-hero {
  padding-top: var(--s-8);
  padding-bottom: var(--s-7);
}

.project-body {
  padding-bottom: var(--s-9);
}

/* HERO MEDIA */
.project-hero__media {
  margin-top: 40px;
  border-radius: 0px;
  overflow: hidden;
  border: 0px solid rgba(0,0,0,.0);
}

.project-hero__media img {
  display: block;
  width: 100%;
  height: auto;
}

/* Ensure blocks never constrain media width */
.block {
  width: 100%;
}

/* Single image blocks */
.media {
  margin: 48px 0;
  border-radius: 0px;
  overflow: hidden;
  border: 0px solid rgba(0,0,0,.0);
}

.media img {
  width: 100%;
  display: block;
  height: auto;
}

/* If you have richtext, keep it full width.
   Later we can constrain text measure separately without affecting media. */
.richtext {
  width: 100%;
}


/* Make media truly content-area wide (1150px max) by canceling container padding */
.project-hero__media,
.project-body .media,
.project-body .carousel,
.project-body .video {
  margin-left: calc(var(--container-pad) * -1);
  margin-right: calc(var(--container-pad) * -1);
  width: calc(100% + (var(--container-pad) * 2));
}