@media (max-width: 649px) {
  .intro-merk { font-size: 11rem; }
}
@media (orientation: portrait) and (max-width: 649px) {
  .intro-links { top: calc(50% - 7.9rem); }
  .intro-rechts { top: calc(50% + 7.9rem); }
}

.voet-contact { display: block; }

@media (max-width: 649px) {
  .kop-lang { display: none; }
}

.held-beeld img { object-position: 50% 50%; }
@media (max-aspect-ratio: 1 / 1) {
  .held-beeld img { object-position: 60% 50%; }
}
.oplevering-beeld img { object-position: 47% 50%; }

:root { --vrij: #4C9A76; }

.nacht { position: relative; overflow: hidden; background: var(--nacht); color: var(--wit); }
.nacht-beeld { position: relative; overflow: hidden; aspect-ratio: 4 / 5; }
@media (min-width: 650px) { .nacht-beeld { aspect-ratio: 4 / 3; } }
@media (min-width: 1024px) { .nacht-beeld { aspect-ratio: 5504 / 3072; } }
.nacht-beeld picture { display: block; width: 100%; height: 100%; }
.nacht-beeld img {
  width: 100%; height: 100%; object-fit: cover; object-position: 46% 60%;
  transform: scale(calc(1.06 - .06 * var(--p, 1))); transform-origin: 46% 55%;
}
.nacht-beeld::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background:
    linear-gradient(180deg, rgba(10, 18, 32, .22) 0%, rgba(10, 18, 32, 0) 30%),
    linear-gradient(0deg, rgba(10, 18, 32, .4) 0%, rgba(10, 18, 32, 0) 22%);
}
.nacht-inhoud { position: absolute; top: 2.8rem; left: var(--rand); right: var(--rand); z-index: 1; }
.nacht-inhoud .label { color: rgba(255, 255, 255, .85); }
.nacht-inhoud h2 { margin-top: 1.6rem; color: var(--wit); }
.nacht-onderschrift {
  position: absolute; right: var(--rand); bottom: 1.8rem; z-index: 1; max-width: 36rem; text-align: right;
  font-size: 1rem; color: rgba(255, 255, 255, .7);
}
@media (min-width: 650px) { .nacht-inhoud { top: 4.8rem; } .nacht-onderschrift { bottom: 2.4rem; } }
@media (min-width: 1024px) {
  .nacht-inhoud { top: 5vw; }
  .nacht-inhoud h2 { margin-top: 2rem; font-size: clamp(5.6rem, 4.6vw, 8.8rem); }
}