/* Verified master modules, scoped to this case study. */

.wf-case-urban-tribe .urban-tribe-gallery {
  --gallery-gap: clamp(20px, 3vw, 44px);
  display: grid;
  gap: var(--gallery-gap);
}
.wf-case-urban-tribe .urban-tribe-gallery-feature { grid-template-columns: 1fr; }
.wf-case-urban-tribe .urban-tribe-gallery-pages { align-items: start; }
.wf-case-urban-tribe .urban-tribe-prototype {
  padding: 0 clamp(20px, 4vw, 64px) clamp(96px, 12vw, 180px);
  background: var(--white);
}
.wf-case-urban-tribe .urban-tribe-prototype iframe {
  display: block;
  width: 100%;
  height: clamp(560px, 72vw, 850px);
  border: 1px solid rgba(45, 52, 64, 0.16);
  background: #f7f7f7;
}
@media (max-width: 760px) {
  .wf-case-urban-tribe .urban-tribe-gallery-pair { grid-template-columns: 1fr; }
  .wf-case-urban-tribe .urban-tribe-gallery-pages { grid-template-columns: 1fr; }
}