/* ---------- Einblicke: Fotos im Kachel-Mosaik ---------- */
.einblicke { background: var(--burgund); color: var(--creme); padding: 120px var(--pad); }
.einblicke__inner {
  max-width: 1200px; margin: 0 auto;
  display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 56px 88px; align-items: center;
}
.einblicke__titel { margin: 0; font-size: clamp(56px, 8vw, 120px); font-weight: 500; line-height: .95; letter-spacing: -0.04em; }
.einblicke__intro { margin: 28px 0 0; max-width: 28em; font-size: 19px; line-height: 1.6; }
.einblicke__unter { margin: 40px 0 0; min-height: 1.4em; font-family: 'Beautique', Georgia, serif; font-style: italic; font-size: clamp(24px, 2.4vw, 34px); }
.einblicke__zaehler { margin: 8px 0 0; font-size: 14px; letter-spacing: .1em; font-variant-numeric: tabular-nums; opacity: .8; }

.mosaik {
  position: relative; width: 100%; max-width: 520px; justify-self: center; aspect-ratio: 3 / 4;
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-template-rows: repeat(4, minmax(0, 1fr));
  background: var(--creme); overflow: hidden;
}
.mosaik__bildbox { position: relative; z-index: 0; overflow: hidden; }
.mosaik__bild { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.mosaik__zelle { position: relative; z-index: 1; overflow: hidden; box-shadow: inset 0 0 0 .5px rgba(71, 20, 35, .12); }
.mosaik__grund { position: absolute; inset: 0; background: var(--creme); }
.mosaik__block { position: absolute; inset: -0.5px; will-change: transform; }
.mosaik__zelle { box-shadow: none; }