.page-work-index.work-index-layout {
  background-color: var(--color-background,#fff);
  height: min-content;
  overflow: var(--overflow-clip-fallback,clip);
  flex-flow: column;
  place-content: center flex-start;
  align-items: center;
  gap: 0;
  width: 1200px;
  padding: 0;
  display: flex;
  position: relative;
}
.page-work-index .work-index-container {
  flex-flow: column;
  flex: none;
  place-content: center flex-start;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: min-content;
  padding: 16px;
  display: flex;
  position: relative;
  overflow: visible;
}
.page-work-index .work-index-header-slot,.page-work-index .work-index-footer-slot {
  flex: none;
  width: 100%;
  height: auto;
  position: relative;
}
.page-work-index .work-index-content {
  max-width: 1440px;
  height: min-content;
  overflow: var(--overflow-clip-fallback,clip);
  flex-flow: column;
  flex: none;
  place-content: center flex-start;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 240px 0 160px;
  display: flex;
  position: relative;
}
.page-work-index .work-index-hero-section {
  height: min-content;
  overflow: var(--overflow-clip-fallback,clip);
  flex-flow: column;
  flex: none;
  place-content: flex-start center;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  padding: 0 0 80px;
  display: flex;
  position: relative;
}
.page-work-index .work-index-hero-heading {
  --link-text-color: #09f;
  --link-text-decoration: underline;
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  flex: none;
  width: 586px;
  height: auto;
  position: relative;
}
.page-work-index .work-index-content-world-vision-canada {
  height: min-content;
  overflow: var(--overflow-clip-fallback,clip);
  flex: none;
  grid-template-rows: repeat(2,minmax(0,1fr));
  grid-template-columns: repeat(2,minmax(50px,1fr));
  grid-auto-rows: minmax(0,1fr);
  justify-content: center;
  gap: 40px 4px;
  width: 100%;
  padding: 0;
  display: grid;
  position: relative;
}
.page-work-index .work-index-worldvision-dashboard-handheld-media-slot,.page-work-index .work-index-willow-property-trading-preview-media-slot,.page-work-index .work-index-clickvoyant-insights-laptop-media-slot,.page-work-index .work-index-mec-adventures-mobile-preview-media-slot {
  cursor: pointer;
  flex: none;
  place-self: start;
  width: 100%;
  height: auto;
  position: relative;
}
.page-work-index .work-index-indigo-homepage-preview-desktop-media-slot {
  cursor: pointer;
  flex: none;
  place-self: start;
  width: 100%;
  height: 100%;
  position: relative;
}
@media (max-width:1199.98px) {
  .page-work-index.work-index-layout {
    width: 390px;
  }
  .page-work-index .work-index-content {
    align-content: flex-start;
    align-items: flex-start;
    padding: 120px 0 160px;
  }
  .page-work-index .work-index-hero-section {
    width: 70%;
  }
  .page-work-index .work-index-hero-heading {
    width: 100%;
  }
  .page-work-index .work-index-content-world-vision-canada {
    flex-flow: column;
    place-content: center flex-start;
    align-items: center;
    display: flex;
  }
  .page-work-index .work-index-worldvision-dashboard-handheld-media-slot,.page-work-index .work-index-willow-property-trading-preview-media-slot,.page-work-index .work-index-clickvoyant-insights-laptop-media-slot,.page-work-index .work-index-mec-adventures-mobile-preview-media-slot {
    align-self: unset;
  }
  .page-work-index .work-index-indigo-homepage-preview-desktop-media-slot {
    align-self: unset;
    height: auto;
  }
}
.project-card.project-card-target,.project-card .project-card-target {
  display: block;
}
.project-card.project-card-layout {
  cursor: pointer;
  flex-flow: column;
  place-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  width: 538px;
  height: min-content;
  padding: 0;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: visible;
}
.project-card .project-card-image,.project-card .work-index-project-card-willow-property-trading-preview-video-slot {
  flex: none;
  width: 100%;
  height: 500px;
  position: relative;
}
.project-card .project-card-copy {
  height: min-content;
  overflow: var(--overflow-clip-fallback,clip);
  flex-flow: column;
  flex: none;
  place-content: flex-start center;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  padding: 0;
  display: flex;
  position: relative;
}
.project-card .project-card-title,.project-card .project-card-summary,.project-card .project-card-year {
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  flex: none;
  width: 100%;
  height: auto;
  position: relative;
}
.project-card .project-card-description {
  flex-flow: column;
  flex: none;
  place-content: center;
  align-items: center;
  gap: 0;
  width: 100%;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}
.project-card .project-card-tags {
  flex-flow: wrap;
  flex: none;
  place-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 100%;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}
.project-card .project-card-tag-primary,.project-card .project-card-tag-secondary,.project-card .project-card-tag-tertiary {
  flex: none;
  width: auto;
  height: auto;
  position: relative;
}
.project-card.project-card--image .project-card-image {
  order: 0;
}
.project-card.project-card--image .project-card-copy,.project-card.project-card--image-mobile .project-card-copy {
  order: 2;
}
.project-card.project-card--image .project-card-tags,.project-card.project-card--image-mobile .project-card-tags {
  order: 3;
}
.project-card.project-card--video-mobile .work-index-project-card-willow-property-trading-preview-video-slot {
  aspect-ratio: .707895;
  height: auto;
}
.project-card.project-card--image-mobile .project-card-image {
  aspect-ratio: .707895;
  order: 0;
  height: auto;
}