/* drop:tpl:general~pages~index@2 */
.ech-hero__inner{
  display: grid;
  justify-items: center;
  gap: var(--space-6);
  max-width: 56rem;
}
.ech-hero__mark{
  width: min(78vw, 34rem);
  height: auto;
  fill: currentColor;
}
.ech-hero__rule{
  width: min(42vw, 16rem);
  height: 1px;
  background: rgb(255 255 255 / 0.6);
}
.ech-hero__title{
  margin: 0;
  font-family: var(--font-heading);
  font-size: clamp(0.9375rem, 0.85rem + 0.5vw, 1.25rem);
  font-weight: 500;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  line-height: 1.5;
  color: #ffffff;
}
.ech-hero__scroll{
  position: absolute;
  inset-inline: 0;
  bottom: var(--space-6);
  display: grid;
  justify-items: center;
  gap: var(--space-3);
  margin-inline: auto;
  width: max-content;
  font-family: var(--font-heading);
  font-size: var(--text-xs);
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgb(255 255 255 / 0.9);
  text-decoration: none;
}
.ech-hero__scroll::after{
  content: "";
  width: 1px;
  height: 2.75rem;
  background: linear-gradient(rgb(255 255 255 / 0.9), rgb(255 255 255 / 0));
  transform-origin: top;
  animation: ech-drip 2.4s var(--ease-out-quart) infinite;
}
@media (prefers-reduced-motion: reduce){.ech-hero__scroll::after{ animation: none; }}
.ech-intro__facts{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
  gap: var(--space-6);
  margin: var(--space-10) 0 0;
  padding: var(--space-8) 0 0;
  border-block-start: var(--border-width) solid var(--color-border);
}
.ech-intro__facts div{ display: grid; gap: var(--space-1); }
.ech-intro__facts dt{
  order: 2;
  font-size: var(--text-sm);
  color: var(--color-text-muted);
}
.ech-intro__facts dd{
  margin: 0;
  font-family: var(--font-heading);
  font-size: var(--text-3xl);
  font-weight: 600;
  letter-spacing: var(--tracking-tight);
  line-height: 1.1;
  color: var(--color-text);
}
.ech-person__sign{
  display: flex;
  align-items: center;
  gap: var(--space-6);
  margin-block-start: var(--space-8);
  padding-block-start: var(--space-8);
  border-block-start: var(--border-width) solid var(--color-border);
}
.ech-person__sign img{ width: 9.5rem; height: auto; }
.ech-person__sign p{ margin: 0; font-size: var(--text-sm); color: var(--color-text-muted); }
.ech-person__sign strong{ display: block; font-family: var(--font-heading); font-size: var(--text-base); color: var(--color-text); }
.ech-person__sign a{ font-weight: 600; text-decoration: none; }