/* The capabilities show different parts of the same sample meeting. */
.cap-evidence {
  display: grid;
  place-items: center;
  container: gallery / inline-size;
  background: var(--l-bg);
}
.gallery-proof {
  --proof-line: #b6adbf;
  --proof-ink: #261e30;
  display: grid;
  align-items: center;
  position: relative;
  width: min(92%, 900px);
  margin: clamp(26px, 6cqw, 64px) auto;
  color: var(--proof-ink);
}
.gallery-proof .gallery-object,
.gallery-proof figcaption {
  min-width: 0;
}
.gallery-proof .gallery-object img {
  position: static;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.gallery-proof figcaption {
  position: relative;
  font-size: clamp(14px, 2.25cqw, 23px);
  line-height: 1.42;
}
.gallery-proof small,
.gallery-turn time,
.gallery-file dt {
  font: 400 clamp(11px, 1.5cqw, 15px)/1.45 var(--mono);
  color: #51445c;
}
.gallery-proof small {
  display: block;
  letter-spacing: 0.015em;
}
.gallery-meetings {
  grid-template-columns: 0.68fr 1fr;
  gap: 2%;
}
.gallery-forms {
  grid-template-columns: minmax(0, .6fr) minmax(0, 1fr);
  gap: 3%;
}
.gallery-forms .gallery-object {
  height: clamp(100px, 27cqw, 265px);
}
.gallery-form-count {
  display: block;
  margin: .25em 0 .6em;
  font-size: clamp(20px, 4cqw, 38px);
  letter-spacing: var(--tr-title);
}
.gallery-form-fields {
  margin: 0;
}
.gallery-form-fields > div {
  padding: .5em 0;
  border-top: 1px solid var(--proof-line);
}
.gallery-form-fields dt {
  color: #51445c;
  font: 400 clamp(11px, 1.5cqw, 15px)/1.3 var(--mono);
}
.gallery-form-fields dd {
  margin: 3px 0 0;
}
.gallery-form-fields .field-open {
  color: #674e30;
  font-style: italic;
}
.gallery-meetings .gallery-object {
  height: clamp(180px, 42cqw, 405px);
}
.gallery-meetings .gallery-object img {
  object-fit: cover;
}
.gallery-meetings small {
  padding-bottom: 0.95em;
}
.gallery-turn {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: clamp(8px, 1.8cqw, 20px);
  border-top: 1px solid var(--proof-line);
  padding: clamp(11px, 2.25cqw, 23px) 0;
}
.gallery-turn strong {
  display: block;
  margin-bottom: 3px;
  font-size: 0.88em;
}
.gallery-queries {
  max-width: 780px;
  padding: clamp(18px, 3.4cqw, 38px) 0;
}
.gallery-queries .gallery-object {
  position: absolute;
  right: 5%;
  top: -2%;
  width: 36%;
  height: 65%;
}
.gallery-queries figcaption > small,
.gallery-query {
  max-width: 63%;
}
.gallery-query {
  display: block;
  font: 400 clamp(27px, 6.4cqw, 68px)/1.05 var(--font-pixel);
  letter-spacing: -0.045em;
  margin: 0.28em 0 0.65em;
}
.gallery-match {
  background: #dcd0e6;
  border-left: 3px solid #79618d;
  padding: clamp(16px, 3.8cqw, 42px);
}
.gallery-match blockquote {
  margin: 0.55em 0 0;
  font-size: clamp(20px, 3.9cqw, 39px);
  line-height: 1.17;
  letter-spacing: var(--tr-title);
}
.gallery-match mark {
  background: var(--accent-highlight);
  color: #25211b;
}
.gallery-share {
  grid-template-columns: 0.67fr 1fr;
}
.gallery-share .gallery-object {
  margin-right: -24%;
  transform: rotate(-12deg);
}
.gallery-share figcaption {
  margin-block: 12px;
  padding: clamp(18px, 3.6cqw, 40px);
  background: var(--ink-1);
  box-shadow: 3px 5px 0 #d4ccd8;
  border-top: 3px solid #a896b8;
}
.gallery-share figcaption > p {
  margin: 0.65em 0 0;
}
.gallery-file {
  margin: 0.85em 0 0;
}
.gallery-share h4 {
  margin-top: .35em;
  padding-bottom: .4em;
  font-size: clamp(20px, 3.8cqw, 37px);
  letter-spacing: var(--tr-title);
  border-bottom: 1px solid var(--proof-line);
}
.gallery-file > div {
  display: grid;
  align-items: baseline;
}
.gallery-file dd {
  margin: 0;
}
.gallery-integrations {
  max-width: 770px;
}
.gallery-integrations .gallery-object {
  height: clamp(100px, 24cqw, 200px);
}
.gallery-file {
  border-bottom: 1px solid var(--proof-line);
  background: var(--l-bg);
}
.gallery-file > div {
  grid-template-columns: minmax(3.6em, 0.22fr) 1fr;
  gap: 0;
  border-top: 1px solid var(--proof-line);
}
.gallery-file dt,
.gallery-file dd {
  padding: 0.85em;
}
.gallery-file dt {
  align-self: stretch;
  border-inline-end: 1px solid var(--proof-line);
  background: var(--mist);
}
@container gallery (max-width: 430px) {
  .gallery-forms {
    grid-template-columns: 1fr;
  }
  .gallery-forms .gallery-object {
    width: 52%;
    margin-bottom: 8px;
  }
  .gallery-meetings,
  .gallery-share {
    grid-template-columns: minmax(0, 1fr);
  }
  .gallery-meetings .gallery-object {
    width: 100%;
    height: clamp(116px, 34cqw, 150px);
    margin-bottom: 10px;
  }
  .gallery-meetings .gallery-object img {
    object-fit: contain;
  }
  .gallery-share .gallery-object {
    width: 48%;
    height: 94px;
    margin: 0 0 -20px 3%;
  }
}
@media (max-width: 540px) {
  .cap-tabs {
    display: flex;
    flex-wrap: wrap;
  }
  .cap-tabs button {
    flex: 1 0 31%;
    min-height: 44px;
    border-bottom: 1px solid var(--paper-rule);
  }
  .gallery-proof {
    width: calc(100% - 2 * var(--spread-gutter));
    margin-block: 26px;
  }
}