/* The real photographic series keeps its full framing, including on phones. */
.gallery-track img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:var(--paper)}
.river-today{margin:0 0 clamp(2rem,5vw,5rem)}
.river-today img{display:block;width:100%;height:auto}
.river-today figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem 1.5rem;border-bottom:1px solid var(--journal-rule);padding:1rem 0;font:400 1rem/1.4 var(--font-label)}
/* Keep the entire aerial view visible; the caption follows the photograph. */
#vorteile .difference-photo{min-height:0;height:auto;max-height:none;align-self:start;overflow:visible}
#vorteile .difference-photo>a{position:relative;display:block;width:100%;height:auto;line-height:0}
#vorteile .difference-photo img{position:static;inset:auto;display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center}
#vorteile .difference-photo figcaption{position:static;inset:auto}
.neighbours-photo img{object-position:center}

/* Archive photographs: equal paper margins around each complete original. */
.archive-additions-grid{align-items:start;column-gap:2rem;row-gap:2.5rem}
.archive-additions-grid figure>a:first-child,
.front-archive-image,
.history-stage .archive-mount{
  display:block;
  height:auto;
  min-height:0;
  padding:clamp(10px,1.2vw,16px);
  border:1px solid var(--ink);
  border-radius:0;
  background:var(--paper);
  box-shadow:none;
  line-height:0;
}
.archive-additions-grid figure>a:first-child img,
.front-archive-image img,
.history-stage .archive-mount img{
  display:block;
  width:100%;
  height:auto;
  max-height:none;
  aspect-ratio:auto;
  object-fit:contain;
  background:transparent;
}
.archive-additions figcaption{gap:.25rem;padding:.875rem 0 0;line-height:1.45}
.archive-additions figcaption strong{font-size:1rem;font-weight:600}
.archive-additions figcaption>span{font-size:.875rem;color:var(--paper);opacity:.8}
.archive-additions figcaption>a{
  justify-self:start;
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  min-height:44px;
  margin-top:.125rem;
  font:400 .875rem/1.4 var(--font-label);
  letter-spacing:.035em;
  text-decoration:underline;
  text-underline-offset:4px;
  text-decoration-color:#d6efc066;
}
.archive-additions figcaption>a:hover{text-decoration-color:currentColor}
.archive-link-arrow{font-family:Arial,sans-serif;font-variant-emoji:text}
.history-stage{box-shadow:none;align-items:start}
.history-stage .history-image{padding:clamp(10px,1.2vw,16px);border:0;background:transparent;box-shadow:none}
.history-stage .archive-caption{margin-top:.75rem;gap:.5rem 1rem;color:var(--paper);font-size:.875rem;letter-spacing:.035em}
.history-stage .archive-caption>a{color:inherit;min-height:44px;display:inline-flex;align-items:center;gap:.4rem}
.archive-additions-grid figure>a:first-child:focus-visible,
.front-archive-image:focus-visible{outline:2px solid var(--brand-green);outline-offset:4px}