/* Landing content for the Unit site. */
.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-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; }

/* Leave extra page height after the contacts so the two sections stay together. */
.clvc-areas--app:has(.brand-intro) {
  --brand-section-space: clamp(2.5rem, 7svh, 5rem);
  grid-template-rows: auto 1fr auto;
}
.brand-intro > .clvc-cts {
  padding-block: var(--brand-section-space) var(--c-bl-indent-big);
}
.brand-intro .clvc-ct-title {
  font-size: clamp(2.25rem, 5.25vw, 4.5rem);
  text-wrap: balance;
}
.brand-linework {
  position: fixed;
  inset: 0;
  z-index: 0;
  inline-size: 100%;
  block-size: 100%;
  color: var(--c-ct-text-color);
  pointer-events: none;
  stroke-width: 1;
  stroke-linejoin: round;
  mask-image:
    linear-gradient(90deg, rgb(0 0 0 / .15), rgb(0 0 0 / .24) 45%, #000 85%),
    linear-gradient(180deg, rgb(0 0 0 / .42) 38%, #000 72%);
  mask-composite: intersect;
}
.brand-linework__grid { opacity: .16; }
.brand-linework__guides { opacity: .26; stroke-dasharray: 3 4; }
.brand-linework__structure { opacity: .36; }
.brand-linework__outlines { opacity: .58; stroke-width: 1.15; }
.brand-linework__accent {
  stroke: color-mix(in srgb, var(--c-ct-title-color-accent) 68%, var(--c-ct-text-color));
  stroke-width: 1.35;
}
@media (max-width: 46rem) {
  .brand-linework {
    mask-image: linear-gradient(180deg, rgb(0 0 0 / .12), rgb(0 0 0 / .22) 45%, #000 100%);
    mask-composite: add;
  }
}
.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: calc(var(--brand-section-space) / 2 - 1px) 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); }
}