/* Fotomerk (2026-10-12, by hand): the homepage's marks on the subpage's photos. The operator: "on all versions,
   introduce back the same label, logo, etc that we have on all the homepage picture, location etc." So every photo
   of the picked main sections (q3, t2, x1) and every tile of the Projecten block carries what the homepage's project
   cards carry (../index.html .werk__open, its rules in ../home.css, which the subpages do not load): a shade from the
   foot with the place and date on it beside the pin, and his stamp top right (#i-zegel, put in the page's sprite by
   bouw.py). The "+N" tile carries neither, as on the homepage.

   The homepage's sizes are for a photo of about 320 px across and wider; these photos run from 460 px down to 111 px,
   so every size scales with the photo's own width (container units) and stops at the homepage's: the stamp 76 px at
   most, the place 22 px. The generators write the markup (class "fotomerk" on the photo's link). */
.fotomerk { container-type: inline-size; }

.fotomerk .label:not(.label--plain) {
  position: absolute; left: 0; right: 0; bottom: 0; top: auto; z-index: 1; max-width: none;
  display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end;
  padding: clamp(28px, 24cqi, 80px) clamp(9px, 6cqi, 20px) clamp(8px, 5cqi, 18px);
  border: 0; border-radius: 0; pointer-events: none;
  background: linear-gradient(to top, rgba(26, 36, 41, .86) 0%, rgba(26, 36, 41, .55) 50%, rgba(26, 36, 41, 0) 100%);
}
.fotomerk .label__waar {
  display: flex; align-items: center; gap: clamp(5px, 2.5cqi, 8px);
  color: #fff; font: 700 clamp(12px, 7cqi, 22px)/1.15 var(--f-tech); letter-spacing: .02em;
  text-shadow: 0 1px 10px rgba(0, 0, 0, .3);
}
.fotomerk .label__waar::before {
  content: ''; flex: none; width: clamp(12px, 6cqi, 19px); height: clamp(12px, 6cqi, 19px); background: var(--dakpan-licht);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 00-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 00-7-7zm0 9.6a2.6 2.6 0 110-5.2 2.6 2.6 0 010 5.2z'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 00-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 00-7-7zm0 9.6a2.6 2.6 0 110-5.2 2.6 2.6 0 010 5.2z'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* his stamp, tilted as if pressed on */
.fotomerk .zegel {
  display: block; position: absolute; z-index: 2; right: clamp(6px, 4cqi, 12px); top: clamp(6px, 4cqi, 12px);
  width: clamp(34px, 23cqi, 76px); height: clamp(34px, 23cqi, 76px); pointer-events: none;
  transform: rotate(-12deg); filter: drop-shadow(0 2px 5px rgba(26, 36, 41, .38)); font-family: var(--f-tech);
}