/* Reviewronde 2 oktober: rustiger beeld, ruimere tekst en bruikbare interacties. */
.version-three-four .header nav { font-size:clamp(15px,1.33vw,18px); }
@media (min-width: 761px) {
  .version-three-four .moment-list { max-width:none; margin-left:0; }
  .version-three-four .moment-list > a { width:100%; }
  .version-three-four .scroll-statement h2 {
    max-width:none;
    width:100%;
    font-size:clamp(44px,5.8vw,94px);
    line-height:1.11;
  }
  .version-three-four .wonen-intro {
    max-width:none;
    grid-template-columns:1fr 1fr;
    column-gap:clamp(50px,8vw,150px);
    row-gap:24px;
    align-items:start;
  }
  .version-three-four .wonen-intro p:first-child { grid-column:1; grid-row:1 / span 2; }
  .version-three-four .wonen-intro p:nth-child(2),
  .version-three-four .wonen-intro p:nth-child(3) { grid-column:2; }
}
.version-three-four .quality-story-visuals .quality-collage,
.version-three-four .quality-step-collage .quality-collage { gap:10px; padding:0; }
.version-three-four .quality-collage img,
.version-three-four .quality-collage img:first-child,
.version-three-four .quality-collage img:nth-child(2),
.version-three-four .quality-collage img:nth-child(3) { transform:none; }
.version-three-four .quality-story-visuals .story-badge {
  width:140px;
  height:140px;
  min-width:0;
  min-height:0;
  border-radius:50%;
  padding:18px;
}
.version-three-four .quality-story-visuals figcaption {
  background:var(--blue);
  color:var(--cream);
}
.version-three-four .qualities-intro {
  max-width:850px;
  color:var(--blue);
  font:400 clamp(20px,1.85vw,28px)/1.5 Basis,Arial,sans-serif;
  letter-spacing:0;
}
.version-three-four .panorama-frame > .panorama-slides { position:absolute; inset:0; overflow:hidden; }
.panorama-slides .panorama-slide {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  transition:opacity 1.15s ease;
  pointer-events:none;
}
.panorama-slides .panorama-slide.is-active { opacity:1; }
.version-three-four .intro > .project-facts {
  position:absolute;
  z-index:4;
  top:-78px;
  right:var(--gutter);
  height:auto;
}
.version-three-four .project-facts-badge {
  position:relative;
  top:auto;
  right:auto;
  width:270px;
  padding:18px 22px;
  gap:0 12px;
  transform:rotate(-2deg);
  box-shadow:4px 5px 0 #8e242724;
}
.version-three-four .fact-number { font-size:65px; }
.version-three-four .project-facts-badge > span:nth-child(2) { font-size:16px; }
.version-three-four .fact-total { font-size:12px; margin-top:10px; padding-top:10px; }
.panorama-controls {
  position:absolute;
  z-index:5;
  right:var(--gutter);
  bottom:76px;
  display:flex;
  align-items:center;
  gap:16px;
  color:#fff7ec;
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  transition:opacity .45s,transform .45s,visibility .45s;
}
.panorama.is-slideshow-ready .panorama-controls { opacity:1; visibility:visible; transform:none; }
.panorama-controls button { display:grid; place-items:center; width:36px; height:36px; padding:0; border:1px solid #fff9; border-radius:50%; background:#17281c55; color:inherit; }
.panorama-controls button:hover,.panorama-controls button:focus-visible { background:var(--pink); color:var(--wine); border-color:var(--pink); }
.panorama-controls svg { width:17px; height:17px; }
.panorama-controls .panorama-prev svg { transform:rotate(180deg); }
.panorama-count { min-width:48px; text-align:center; font:12px/1.2 Basis,Arial,sans-serif; }
.version-three-four .registration-frame { max-width:none; width:100%; border:0; font-family:Basis,Arial,sans-serif; }
.version-three-four .registration-form h3 { font:500 clamp(32px,3.2vw,50px)/1.12 Prefere,Georgia,serif; }
.version-three-four .registration-form h4 { font-family:Basis,Arial,sans-serif; font-weight:700; }
.version-three-four .registration-form input,
.version-three-four .registration-form select,
.version-three-four .registration-form button { font-family:Basis,Arial,sans-serif; }
.version-three-four .partner-card { position:relative; transition:transform .3s ease,background .3s ease,box-shadow .3s ease; }
.version-three-four .partner-card:hover,
.version-three-four .partner-card:focus-visible { transform:translateY(-6px); background:#fff; box-shadow:0 18px 38px #304b9a22; }
.version-three-four .partner-card span { display:flex; align-items:center; justify-content:center; gap:8px; }
.version-three-four .partner-card span svg { width:14px; height:14px; transform:rotate(-45deg); transition:transform .3s ease; }
.version-three-four .partner-card:hover span svg,
.version-three-four .partner-card:focus-visible span svg { transform:translate(3px,-3px) rotate(-45deg); }
@media (max-width:760px) {
  .version-three-four .wonen-intro p:first-child,
  .version-three-four .wonen-intro p:nth-child(2),
  .version-three-four .wonen-intro p:nth-child(3) { grid-column:auto; grid-row:auto; }
  .version-three-four .quality-story-visuals .story-badge,
  .version-three-four .quality-step-collage .story-badge { width:106px; height:106px; min-width:0; min-height:0; border-radius:50%; }
  .version-three-four .intro > .project-facts { top:-70px; right:var(--gutter); }
  .version-three-four .project-facts-badge { width:205px; padding:12px 15px; }
  .version-three-four .fact-number { font-size:49px; }
  .version-three-four .project-facts-badge > span:nth-child(2) { font-size:12px; }
  .version-three-four .fact-total { font-size:10px; margin-top:6px; padding-top:6px; }
  .panorama-controls { bottom:62px; gap:10px; }
  .panorama-controls button { width:34px; height:34px; }
}
@media (prefers-reduced-motion:reduce) {
  .panorama-slides .panorama-slide,
  .panorama-controls,
  .version-three-four .partner-card { transition:none; }
}