/* Annotaties 2 oktober: overgangen, badges, beeldverhaal en formulierkader. */
.version-three-four .section-zigzag { position:absolute; inset:auto 0 -1px; height:clamp(90px,11vw,170px); pointer-events:none; }
.section-zigzag svg { display:block; width:100%; height:100%; stroke:none; }
.version-three-four .intro { position:relative; padding-bottom:145px; }
.project-facts { height:0; position:relative; z-index:5; }
.project-facts-badge { position:absolute; right:var(--gutter); top:0; transform:translateY(-50%) rotate(-3deg); display:grid; grid-template-columns:auto auto; gap:0 20px; width:330px; padding:26px 32px; color:var(--wine); background:var(--pink); box-shadow:7px 8px 0 #8e242724; }
.fact-number { font:500 86px/.95 Prefere,Georgia,serif; }
.project-facts-badge > span:nth-child(2) { align-self:center; font-size:19px; line-height:1.2; }
.fact-total { grid-column:1/-1; margin-top:17px; border-top:1px solid #8e242755; padding-top:14px; font-size:14px; line-height:1.4; }
.version-three-four .scroll-statement { padding-bottom:clamp(170px,19vw,290px); background:var(--blue); color:var(--cream); }
.version-three-four .statement-zigzag { height:clamp(100px,13vw,190px); }
.version-three-four .qualities { background:var(--green); }
.version-three-four .quality-story-visuals { overflow:visible; background:transparent; }
.version-three-four .quality-story-visuals > figure { transform:none; }
.version-three-four .story-badge { position:absolute; z-index:4; top:28px; right:-16px; display:grid; place-items:center; min-width:135px; min-height:135px; padding:20px; background:var(--pink); color:var(--wine); font:400 23px/1.15 Titel,Arial,sans-serif; text-align:center; transform:rotate(7deg); border-radius:50%; box-shadow:5px 5px 0 #8e24271a; }
.quality-collage { display:grid; width:100%; height:100%; grid-template-columns:1.15fr 1fr; grid-template-rows:1fr 1fr; gap:16px; padding:8px; }
.quality-collage img { min-width:0; min-height:0; }
.quality-collage img:first-child { grid-row:1 / 3; transform:rotate(-3deg); }
.quality-collage img:nth-child(2) { transform:rotate(3deg); }
.quality-collage img:nth-child(3) { transform:rotate(-2deg); }
.version-three-four .quality-step-collage { position:relative; overflow:visible; }
.quality-step-collage .story-badge { min-width:100px; min-height:100px; font-size:18px; right:0; }
.version-three-four .life-gallery { position:relative; background:#fff; color:var(--blue); padding-bottom:clamp(160px,16vw,240px); }
.gallery-heading { display:flex; justify-content:space-between; align-items:end; gap:40px; margin-bottom:65px; }
.gallery-heading h2 { font-size:clamp(44px,5.4vw,82px); margin-top:24px; }
.gallery-heading > p { max-width:30ch; font-size:16px; }
.life-gallery-grid { display:grid; grid-template-columns:1.2fr .8fr 1fr; grid-template-rows:280px 280px; gap:22px; }
.gallery-card { position:relative; padding:0; border:0; min-width:0; min-height:0; color:white; background:var(--blue); text-align:left; overflow:hidden; }
.gallery-card:first-child { grid-row:1 / 3; }
.gallery-card:nth-child(4) { grid-column:2; }
.gallery-card:nth-child(5) { grid-column:3; }
.gallery-card img { transition:transform .5s; }
.gallery-card:hover img { transform:scale(1.035); }
.gallery-card > span { position:absolute; inset:auto 0 0; padding:40px 20px 20px; display:flex; align-items:center; justify-content:space-between; gap:10px; background:linear-gradient(transparent,#142245b8); font-size:19px; }
.gallery-card > span svg { flex-shrink:0; width:26px; height:26px; }
.version-three-four .contact { background:var(--pink); color:var(--wine); padding-top:clamp(135px,12vw,180px); padding-bottom:clamp(165px,18vw,270px); overflow:visible; }
.version-three-four .contact-top { top:-80px; bottom:auto; height:160px; background:#fff; }
.version-three-four .contact-top svg { background:transparent; }
.contact-heading { max-width:1000px; margin-bottom:60px; }
.version-three-four .contact-heading h2 { font-size:clamp(46px,6vw,88px); margin:26px 0; }
.contact-heading > p:last-child { font-size:18px; }
.registration-frame { max-width:1320px; margin:0 auto; padding:clamp(26px,4vw,64px); border:2px solid #d8d9d8; background:#fff; color:#26364c; }
.registration-frame > iframe { display:block; width:100%; min-height:1200px; border:0; }
.registration-form h3 { font:400 clamp(30px,3vw,46px)/1.2 Basis,Arial,sans-serif; letter-spacing:0; }
.registration-demo { font-size:12px; color:#556575; margin-top:12px; }
.registration-form h4 { font-size:26px; margin:36px 0 20px; color:#4b606c; }
.registration-form fieldset { padding:0; margin:0 0 34px; border:0; min-width:0; }
.registration-form legend { font-weight:700; font-size:18px; padding:0; margin-bottom:12px; color:#253438; }
.form-grid { display:grid; gap:20px; }
.personal-grid { grid-template-columns:1fr 2fr; }
.address-grid { grid-template-columns:1.7fr 1fr .7fr .7fr; }
.contact-grid { grid-template-columns:1fr 1fr; }
.field-wide { grid-column:1/-1; }
.registration-form .field { margin:0; display:flex; flex-direction:column; font-size:13px; color:#516572; gap:5px; }
.registration-form input:not([type=checkbox]),.registration-form select { width:100%; min-width:0; min-height:56px; border:1px solid #d8dee3; background:white; color:#344c5b; padding:12px 15px; font-size:17px; margin:0; border-radius:0; }
.registration-form select option { background:white; }
.registration-form small { font-size:12px; line-height:1.4; }
.registration-form .form-consent { display:flex; align-items:flex-start; gap:12px; font-size:15px; line-height:1.5; margin:42px 0 24px; }
.registration-form .form-consent input { width:18px; height:18px; flex:0 0 18px; margin:3px 0 0; accent-color:var(--blue); }
.registration-form .inline-form-link { padding:0; border:0; background:none; color:var(--blue); text-decoration:underline; text-underline-offset:3px; font:inherit; }
.registration-form .submit { width:auto; min-width:180px; margin:0; padding:15px 24px; gap:30px; background:var(--blue); color:white; }
.registration-form .submit:hover { background:var(--wine); }
.registration-form .form-login { margin-top:22px; font-size:15px; }
.registration-form #form-status { color:var(--blue); }
.form-info-close { position:absolute; right:15px; top:10px; font-size:30px; background:none; color:var(--blue); border:0; }
#form-info-dialog { max-width:650px; }
.version-three-four .partners { position:relative; padding-bottom:clamp(200px,20vw,310px); }
.version-three-four .partners-bottom { height:clamp(100px,12vw,180px); }
.version-three-four .footer-nieuwbouw { align-items:center; }
.version-three-four .footer-nieuwbouw img { transform:translateY(-5px); }
.version-three-four .footer-bottom { align-items:center; }
.scene-on .version-three-four .intro { background:var(--blue); color:var(--cream); }
.scene-on .version-three-four .scroll-statement { background:var(--blue); color:var(--cream); }
.scene-on .version-three-four .qualities { background:var(--green); color:#203369; }
.scene-on .version-three-four .contact { background:var(--pink); color:var(--wine); }
.scene-on .version-three-four .life-gallery { background:white; color:var(--blue); }
@media(max-width:1000px) {
  .life-gallery-grid { grid-template-rows:220px 220px; gap:14px; }
  .gallery-heading { display:block; }
  .gallery-heading > p { margin-top:25px; }
}
@media(max-width:760px) {
  .version-three-four .intro { padding-bottom:145px; }
  .project-facts-badge { right:var(--gutter); width:270px; padding:20px 24px; }
  .fact-number { font-size:64px; }
  .project-facts-badge > span:nth-child(2) { font-size:17px; }
  .fact-total { font-size:12px; margin-top:12px; padding-top:12px; }
  .version-three-four .panorama { padding-top:100px; }
  .version-three-four .life-gallery { padding-bottom:130px; }
  .life-gallery-grid { grid-template-columns:1fr 1fr; grid-template-rows:340px 210px 210px; gap:12px; }
  .gallery-card:first-child { grid-column:1/-1; grid-row:auto; }
  .gallery-card:nth-child(4),.gallery-card:nth-child(5) { grid-column:auto; }
  .gallery-card > span { font-size:14px; padding:35px 12px 14px; }
  .gallery-card > span svg { width:20px; }
  .version-three-four .contact { padding-top:110px; padding-bottom:145px; }
  .version-three-four .contact-top { height:95px; top:-45px; }
  .contact-heading { margin-bottom:36px; }
  .contact-heading > p:last-child { font-size:16px; }
  .registration-frame { padding:25px 18px; margin-inline:-8px; }
  .registration-form h3 { font-size:28px; }
  .registration-form h4 { font-size:23px; }
  .personal-grid,.contact-grid { grid-template-columns:1fr; }
  .address-grid { grid-template-columns:1fr 1fr; }
  .address-grid .field:first-child,.address-grid .field:nth-child(2) { grid-column:1/-1; }
  .registration-form .form-consent { font-size:13px; }
  .registration-form input:not([type=checkbox]),.registration-form select { font-size:16px; }
  .version-three-four .partners { padding-bottom:170px; }
}
@media(prefers-reduced-motion:reduce) { .gallery-card img { transition:none; } }