/* aboutQuietIntro — presentación breve y centrada bajo la portada.
   Un solo fondo (ninguno propio), sin cajas, sin filetes decorativos: sólo aire,
   un párrafo grande y un enlace. Todo el color sale de las variables del sitio. */

/* altura muy contenida: la mitad del aire de una sección normal, para que la
   sección grande que venga después siga siendo la protagonista */
.g-aboutQuietIntro-sec { padding-block: clamp(54px, 7.5vh, 92px); }

.g-aboutQuietIntro-say {
  max-width: 44ch;
  margin-inline: auto;
  font-size: clamp(22px, 2.2vw, 28px);
  line-height: 1.46;
  letter-spacing: -0.012em;
  color: var(--text);
  text-wrap: pretty;
  /* a este cuerpo, `hyphens: auto` parte casi todas las líneas en alemán
     («dazwi-schenschiebt»): se guiona sólo donde lo pida el texto */
  hyphens: manual;
  overflow-wrap: break-word;
}

.g-aboutQuietIntro-say em {
  font-family: var(--em-font, var(--font-iserif)), serif;
  font-style: italic;
  font-weight: 400;
  color: var(--a2);
}

/* enlace de texto (no botón): subrayado fino del acento + la flecha del kit */
.g-aboutQuietIntro-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: clamp(26px, 3.6vh, 40px);
  padding-bottom: 5px;
  font-size: 15px;
  font-weight: 600;
  color: var(--text);
  border-bottom: 1px solid color-mix(in srgb, var(--a2) 42%, transparent);
  transition: color .35s cubic-bezier(.22,.61,.36,1), border-color .35s cubic-bezier(.22,.61,.36,1);
}
.g-aboutQuietIntro-link:hover { color: var(--a2); border-bottom-color: var(--a2); }
.g-aboutQuietIntro-link svg { transition: transform .4s cubic-bezier(.22,.61,.36,1); }
.g-aboutQuietIntro-link:hover svg { transform: translate(3px, -3px); }

@media (max-width: 900px) {
  .g-aboutQuietIntro-sec { padding-block: 52px; }
  .g-aboutQuietIntro-say { max-width: none; font-size: 22px; line-height: 1.5; letter-spacing: -0.008em; }
  .g-aboutQuietIntro-link { margin-top: 26px; }
}

@media (prefers-reduced-motion: reduce) {
  .g-aboutQuietIntro-link, .g-aboutQuietIntro-link svg { transition: none; }
  .g-aboutQuietIntro-link:hover svg { transform: none; }
}