/* Landing content for the Unit site. */
.brand-climbing-wall {
  position: fixed;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  pointer-events: none;
  z-index: 0;
  color: var(--c-ct-text-color);
  fill: none;
  stroke: currentColor;
  stroke-linejoin: round;
  mask-image: linear-gradient(90deg, transparent 25%, rgb(0 0 0 / .52) 53%, #000 78%);
}
.brand-climbing-wall path { vector-effect: non-scaling-stroke; }
.brand-wall-ground {
  fill: color-mix(in srgb, var(--c-app-bg) 96%, currentColor);
  stroke-opacity: .38;
}
.brand-wall-facet {
  --facet-neutral: color-mix(in srgb, currentColor var(--facet-shade), var(--c-app-bg));
  fill: color-mix(in srgb, var(--c-ct-title-color-accent) var(--facet-warmth), var(--facet-neutral));
  stroke-opacity: .25;
}
@media (max-width: 46rem) {
  .clvc-app .brand-climbing-wall {
    inset-inline-start: -42%;
    inline-size: 142%;
    max-inline-size: none;
    mask-image: linear-gradient(180deg, rgb(0 0 0 / .21), rgb(0 0 0 / .35) 52%, rgb(0 0 0 / .76));
  }
}
.brand-intro > .clvc-cts, .brand-contacts > .clvc-cts {
  --v-cts--mw: min(100%, var(--c-ct-width-big));
  box-sizing: border-box;
}
.brand-intro > .clvc-cts {
  padding-block: clamp(2rem, 5vw, 4.5rem) var(--c-bl-indent-big);
}
.brand-intro .clvc-ct-caption { margin: 0 0 .75rem; }
.brand-intro .clvc-ct-title { margin: 0; max-inline-size: 22ch; }
.brand-intro .clvc-ct-lead { margin: 1rem 0 0; max-inline-size: 60ch; }
.brand-contacts > .clvc-cts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(1.25rem, 4vw, 4rem);
  border-block-start: 1px solid var(--c-ct-border-color);
  padding-block: clamp(1.5rem, 4vw, 3rem);
}
.brand-contacts > .clvc-cts > .clvc-ct { grid-column: auto; min-inline-size: 0; }
.brand-contacts .clvc-ct-title { margin: 0 0 .75rem; font-size: clamp(1.25rem, 3vw, 1.65rem); }
.brand-contacts address { font-style: normal; }
.brand-contacts .brand-contact-links {
  margin-inline-start: calc(0px - var(--c-ui-indent-sml) - var(--c-ui-el-border-size));
}
.brand-contact-list {
  display: grid;
  justify-items: start;
  gap: var(--c-ui-indent-lit);
  list-style: none;
  padding: 0;
  margin: 0;
}
.brand-contact-icon { display: inline-flex; flex: none; }
.brand-contact-icon svg { inline-size: var(--c-ui-icon-sml); block-size: var(--c-ui-icon-sml); }
.brand-contacts .clvc-nav-link {
  color: var(--c-ct-text-color);
  text-decoration: underline;
  text-underline-offset: .2em;
}
@media (max-width: 36rem) {
  .brand-contacts > .clvc-cts { grid-template-columns: minmax(0, 1fr); }
}