/* Home intro section (2026-10-14) — plain-language company definition below the hero */
.home-intro {
  position: relative;
  z-index: 6; /* sits above the fixed mobile case selector (z-index 5) */
  padding: clamp(96px, 12vw, 168px) var(--page, 20px);
  background: var(--delta-canvas, #050505);
  color: var(--delta-text, #f5f5f2);
  border-top: 1px solid var(--delta-border, rgb(245 245 242 / 20%));
}
.home-intro-inner {
  width: min(100%, 760px);
  margin-left: calc(33.3333vw - var(--page, 20px) + 8px);
}
.home-intro-label {
  margin: 0 0 28px;
  color: var(--delta-muted, #a7a7a1);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
}
.home-intro h2 {
  margin: 0 0 clamp(40px, 5vw, 64px);
  font-size: clamp(26px, 2.6vw, 38px);
  font-weight: 700;
  line-height: 1.42;
  letter-spacing: -.035em;
  word-break: keep-all;
}
.home-intro p:not(.home-intro-label) {
  margin: 0 0 1.4em;
  color: var(--delta-text, #f5f5f2);
  opacity: .84;
  font-size: clamp(16px, 1.2vw, 19px);
  line-height: 1.8;
  letter-spacing: -.01em;
  word-break: keep-all;
}
.home-intro a { color: inherit; text-underline-offset: 4px; }
.home-intro .home-intro-goal {
  opacity: 1;
  font-weight: 650;
}
.home-intro-link {
  display: inline-block;
  margin-top: 24px;
  padding-bottom: 4px;
  border-bottom: 1px solid currentColor;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .04em;
  text-decoration: none;
}
.home-intro-link span { display: inline-block; transition: transform 180ms ease; }
.home-intro-link:hover span { transform: translateX(6px); }
@media (max-width: 967px) {
  .home-intro-inner { margin-left: 0; }
}

/* Paged layout (wide screens): the intro is exactly one screen tall, with its
   content placed below the fixed header so nothing overlaps the wordmark. */
@media (min-width: 968px) {
  .home-intro {
    min-height: 100svh;
    display: flex;
    align-items: center;
    padding: 84px var(--page, 24px) 40px;
    border-top: 0;
  }
  .home-intro-inner {
    width: auto;
    max-width: none;
    margin-left: calc(33.3333vw - var(--page, 24px) + 8px);
    margin-right: var(--page, 24px);
    display: grid;
    grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
    column-gap: clamp(40px, 5vw, 96px);
    align-items: start;
  }
  .home-intro-label { grid-column: 1 / -1; margin-bottom: clamp(16px, 2.6vh, 32px); }
  .home-intro h2 {
    grid-column: 1;
    margin: 0;
    font-size: clamp(22px, min(2.3vw, 3.6vh), 38px);
  }
  .home-intro-body { grid-column: 2; }
  .home-intro p:not(.home-intro-label) {
    font-size: clamp(14px, min(1.15vw, 2vh), 18px);
    line-height: 1.66;
    margin-bottom: 1em;
  }
  .home-intro-link { margin-top: 8px; }
}
@media (min-width: 968px) and (max-width: 1279px) {
  .home-intro-inner { margin-left: 0; }
}
/* Short laptop screens (768px tall and below): tighten so the intro still fits one screen. */
@media (min-width: 968px) and (max-height: 800px) {
  .home-intro { padding-top: 72px; padding-bottom: 24px; }
  .home-intro h2 { font-size: clamp(20px, min(2.1vw, 3.3vh), 30px); }
  .home-intro p:not(.home-intro-label) { font-size: clamp(13.5px, min(1.05vw, 1.95vh), 16px); line-height: 1.6; margin-bottom: .85em; }
  .home-intro-label { margin-bottom: 14px; }
}

/* Desktop: keep the left case-study buttons on screen while the intro is shown. */
@media (min-width: 968px) {
  .hero-selector { position: fixed; z-index: 15; }
}
@media (min-width: 968px) and (max-width: 1279px) {
  .home-intro-inner { margin-left: 150px; }
}