.version-three .hero h1>span{will-change:transform}.version-three .panorama{background:var(--blue);padding:45px 0}.version-three .panorama-frame{height:calc(100svh - 100px);min-height:460px;max-height:1000px;isolation:isolate}.version-three .panorama-frame>img{height:100%;object-fit:cover}.panorama-progress{position:absolute;bottom:32px;left:var(--gutter);height:2px;width:160px;background:#ffffff60;z-index:2}.panorama-progress span{display:block;height:100%;width:100%;background:var(--pink);transform-origin:left}.moments{background:var(--pink);color:var(--wine)}.moments-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:70px}.moments-heading p{font-size:14px;max-width:350px}.moment-list>a{border-top:1px solid #8e242750;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 0;position:relative}.moment-list>a:last-child{border-bottom:1px solid #8e242750}.moment-list>a>span{font:500 clamp(30px,4.4vw,70px)/1.2 Prefere,Georgia,serif;letter-spacing:-.025em}.moment-list>a>svg{width:34px;height:34px;flex-shrink:0;transition:transform .3s}.moment-list>a:hover>svg{transform:translateX(8px) rotate(-35deg)}.moment-list>a>img{width:85px;height:85px;object-fit:cover}.hover-enhanced .moment-list>a>img{display:none}.cursor-photo{position:fixed;top:0;left:0;width:clamp(220px,23vw,350px);z-index:35;pointer-events:none;opacity:0;visibility:hidden;will-change:transform;margin:0}.cursor-photo img{width:100%;height:clamp(210px,25vw,365px);object-fit:cover;box-shadow:0 16px 50px #17191430}.cursor-photo figcaption{background:var(--cream);color:var(--blue);padding:12px 16px;font-size:12px;line-height:1.5}.scroll-statement{position:relative;overflow:hidden;background:var(--blue);color:var(--cream);padding-top:110px;padding-bottom:145px}.scroll-statement h2{font-size:clamp(43px,7.4vw,115px);max-width:1200px;position:relative;z-index:1;line-height:1.08;margin-top:45px}.statement-word{display:inline-block}.statement-bands{position:absolute;inset:0;opacity:.15;pointer-events:none;transform:rotate(-9deg)}.statement-bands i{display:block;position:absolute;background:var(--green);height:18%;width:140%;left:-20%;clip-path:polygon(0 40%,30% 0,70% 70%,100% 20%,100% 80%,70% 100%,30% 40%,0 100%)}.statement-bands i:nth-child(1){top:8%}.statement-bands i:nth-child(2){top:44%}.statement-bands i:nth-child(3){top:80%}.version-three .intro-pictures{position:relative}.version-three .intro .portrait{will-change:transform}.version-three .quality-image{overflow:visible}.version-three .homes .card-image{isolation:isolate}.version-three .home-card:hover .card-plus{background:var(--pink)}.version-three .card-plus{transition:background .2s}.version-three .sketch-story{position:relative}.version-three .footer-wordmark{transform-origin:left center}
@media(max-width:760px){.moments-heading{display:block;margin-bottom:35px}.moments-heading p{margin-top:25px}.moment-list>a{gap:12px;flex-wrap:wrap;padding:22px 0}.moment-list>a>span{font-size:34px;flex:1}.moment-list>a>svg{width:22px}.moment-list>a>img{width:100%;height:230px;margin-top:5px}.scroll-statement{padding-top:65px;padding-bottom:80px}.version-three .panorama{padding:15px 0}.version-three .panorama-frame{min-height:450px;height:70svh}.cursor-photo{display:none}}
@media(prefers-reduced-motion:reduce){.version-three .hero h1>span,.version-three .intro .portrait{will-change:auto}.cursor-photo{display:none}}

/* v3.1: het panorama krijgt een creme lijst zodat blauw-blauw-blauw bovenaan blauw-creme-blauw wordt. Hier en niet in style.css, omdat dit bestand later laadt en de blauwe v2-regel anders wint. */
.version-three-one .panorama{background:var(--cream);padding:clamp(28px,5vw,70px) var(--gutter)}
.scene-on .version-three-one .panorama{background:transparent}
@media(max-width:760px){.version-three-one .panorama{padding:18px var(--gutter)}}