nav{position:fixed;top:0;left:0;right:0;z-index:200;background:rgba(247,246,242,.96);box-shadow:0 1px 0 rgba(30,46,42,.07);backdrop-filter:blur(10px)}
.nav-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:16px 52px}.nav-logo{font-family:'Geologica',sans-serif;font-size:1.6rem;font-weight:800;color:var(--text);text-decoration:none;letter-spacing:-.03em}.nav-right{display:flex;align-items:center;gap:28px}.nav-links{list-style:none;display:flex;gap:28px;align-items:center}.nav-links a{font-size:.82rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;color:rgba(30,46,42,.45);transition:color .2s}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--text)}.lang-group{display:flex;align-items:center;gap:6px}.lang-btn{width:24px;height:24px;border-radius:50%;border:0;overflow:hidden;cursor:pointer;transition:transform .15s;background:none;padding:0;opacity:.5;display:block}.lang-btn:hover{transform:scale(1.12);opacity:1}.lang-btn img{width:100%;height:100%;object-fit:cover;display:block}.lang-btn.active{opacity:1}.lang-btn:disabled{cursor:not-allowed;opacity:.25}.nav-cta{border:1.5px solid var(--petrol);color:var(--petrol);padding:9px 22px;border-radius:100px;font-weight:700;font-size:.78rem;text-decoration:none}.nav-hamburger{display:none;background:none;border:0;cursor:pointer;color:var(--text);padding:4px}.mobile-menu{display:none;position:fixed;inset:0;background:rgba(247,246,242,.98);z-index:300;flex-direction:column;align-items:center;justify-content:center;gap:32px}.mobile-menu.open{display:flex}.mobile-menu a{font-size:1.4rem;font-weight:700;color:var(--text);text-decoration:none}.mobile-menu .nav-cta{font-size:1rem;padding:14px 36px}.mobile-close{position:absolute;right:24px;top:24px;border:0;background:none;padding:10px;color:var(--text)}.mobile-lang{display:flex;gap:10px}
main{padding-top:72px}.eyebrow{display:block;margin-bottom:18px;color:var(--sage-dk);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}h1,h2{font-family:'Geologica',sans-serif;color:var(--petrol);font-weight:800;letter-spacing:-.045em;line-height:.97}h1{font-size:clamp(3rem,6vw,6.4rem)}h2{font-size:clamp(2.35rem,4.5vw,4.9rem)}h1 em,h2 em{font-family:Georgia,serif;font-weight:400;color:var(--sage-dk)}.button{display:inline-flex;align-items:center;justify-content:center;padding:15px 24px;border-radius:999px;text-decoration:none;font-size:.83rem;font-weight:800;letter-spacing:.02em}.button-primary{background:var(--petrol);color:#fff}.button-light{background:var(--offwhite);color:var(--petrol)}.text-link{display:inline-block;color:var(--petrol);font-size:.82rem;font-weight:800;text-decoration:none;border-bottom:1px solid rgba(30,50,64,.25);padding-bottom:4px}
.house-hero{max-width:1400px;margin:0 auto;padding:62px 52px 48px;display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:center;min-height:720px}.house-hero-copy p{max-width:540px;font-size:1.08rem;line-height:1.75;color:rgba(30,46,42,.67);margin:28px 0}.hero-actions{display:flex;align-items:center;gap:25px}.house-hero-image{height:620px;position:relative;border-radius:64px;overflow:hidden;background:var(--sand)}.house-hero-image img{width:100%;height:100%;object-fit:cover}.hero-sticker{position:absolute;right:7%;bottom:8%;width:112px;height:112px;border-radius:50%;background:var(--sage);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(7deg);box-shadow:0 12px 32px rgba(30,50,64,.18)}.hero-sticker strong{font-family:'Geologica';font-size:1.45rem;line-height:1;white-space:nowrap}.hero-sticker span{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-top:5px}
.quick-facts{max-width:1296px;margin:0 auto 18px;padding:0 26px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.quick-facts article{min-height:205px;border-radius:28px;padding:28px;background:white;display:flex;flex-direction:column}.quick-facts article:nth-child(2),.quick-facts article:nth-child(4){background:var(--sand)}.fact-icon{width:44px;height:44px;border-radius:15px;background:var(--sage);display:grid;place-items:center;margin-bottom:auto}.fact-icon img{width:27px;height:27px;display:block}.quick-facts strong{font-family:'Geologica';font-size:1.05rem;color:var(--petrol);margin:20px 0 7px}.quick-facts small{font-size:.78rem;line-height:1.5;color:rgba(30,46,42,.57)}
.rating-strip{max-width:1244px;margin:0 auto 130px;border-radius:28px;background:var(--petrol);color:#fff;padding:28px 34px;display:grid;grid-template-columns:1.4fr .7fr .7fr;gap:20px;align-items:center}.rating-strip .eyebrow{color:var(--sage);margin-bottom:7px}.rating-intro>strong{font-family:'Geologica';font-size:1.15rem}.rating-platform{border-left:1px solid rgba(255,255,255,.14);padding-left:30px}.rating-platform>span{display:block;color:rgba(255,255,255,.58);font-size:.7rem;font-weight:700;margin-bottom:6px}.rating-platform>strong{font-family:'Geologica';font-size:2rem}.rating-platform small{font-family:'Inter';font-size:.7rem;color:rgba(255,255,255,.5)}.rating-stars{color:#ffb552;font-size:.68rem;letter-spacing:.12em;margin-top:5px}.rating-label{color:var(--sand);font-size:.68rem;font-weight:700;margin-top:5px}
.room-tour,.gallery-section,.floorplans{max-width:1296px;margin:0 auto;padding:0 26px 140px}.section-heading{margin-bottom:48px}.room-list{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.room-card{position:relative;height:540px;border-radius:30px;overflow:hidden;background:var(--sand);grid-column:span 7}.room-card:nth-child(2){grid-column:span 5}.room-card:nth-child(3){grid-column:span 4;height:680px}.room-card:nth-child(4){grid-column:span 8;height:680px}.room-card:nth-child(5){grid-column:1/-1;height:560px}.room-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.room-card:hover img{transform:scale(1.025)}.room-card:nth-child(1) img{object-position:center 55%}.room-card:nth-child(2) img{object-position:center}.room-card:nth-child(3) img{object-position:center 58%}.room-card:nth-child(4) img{object-position:center 42%}.room-card:nth-child(5) img{object-position:center}.room-card-reverse img{order:0}.room-copy{position:absolute;left:18px;right:18px;bottom:18px;padding:24px 27px;border-radius:22px;background:rgba(247,246,242,.94);backdrop-filter:blur(8px);box-shadow:0 12px 35px rgba(30,50,64,.12)}.room-card:nth-child(5) .room-copy{right:auto;width:min(440px,calc(100% - 36px))}.room-copy>span{display:block;color:var(--sage);font-size:.65rem;font-weight:800;letter-spacing:.12em}.room-copy h3{font-family:'Geologica';font-size:1.45rem;color:var(--petrol);margin:5px 0 12px}.room-copy ul{list-style:none}.room-copy li{position:relative;padding:6px 0 6px 16px;font-size:.78rem;line-height:1.4;color:rgba(30,46,42,.67);border-top:1px solid rgba(30,46,42,.07)}.room-copy li:before{content:'•';position:absolute;left:0;color:var(--sage)}
.good-to-know{max-width:1296px;margin:0 auto 140px;padding:62px;border-radius:40px;background:var(--sand);display:grid;grid-template-columns:80px 1fr 1fr;gap:42px;align-items:start}.know-mark{width:70px;height:70px;border-radius:50% 50% 46% 54%;display:grid;place-items:center;background:var(--petrol);color:white;font-family:'Geologica';font-size:2rem}.good-to-know h2{font-size:clamp(2rem,3.4vw,3.6rem)}.know-points{padding-top:32px}.know-points p{padding:16px 0;border-top:1px solid rgba(30,46,42,.14);font-size:.9rem;line-height:1.65;color:rgba(30,46,42,.65)}.know-points strong{color:var(--text)}
.split-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.split-heading>p{font-size:.8rem;color:rgba(30,46,42,.5);padding-bottom:8px}.photo-grid{display:grid;grid-template-columns:1.25fr .75fr 1fr;grid-auto-rows:250px;gap:14px}.photo-grid button{border:0;padding:0;overflow:hidden;border-radius:26px;background:var(--sand);cursor:zoom-in}.photo-grid button:first-child{grid-row:span 2}.photo-grid button:nth-child(4){grid-column:span 2}.photo-grid img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.photo-grid button:nth-child(2) img{object-position:center 62%}.photo-grid button:nth-child(4) img{object-position:center 58%}.photo-grid button:nth-child(6) img{object-position:center 54%}.photo-grid button:hover img{transform:scale(1.035)}
.floorplans{background:var(--petrol);max-width:none;padding:110px max(26px,calc((100vw - 1296px)/2 + 26px));margin-bottom:140px}.floorplans .eyebrow{color:var(--sage)}.floorplans h2{color:#fff}.floorplans h2 em{color:var(--sand)}.floorplan-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.floorplan-grid figure{background:var(--offwhite);border-radius:30px;padding:28px}.floorplan-image{height:260px;display:flex;align-items:center;justify-content:center}.floorplan-image img{width:100%;height:100%;object-fit:contain}.floorplan-grid figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:15px;border-top:1px solid rgba(30,46,42,.1);padding-top:20px}.floorplan-grid strong{font-family:'Geologica';color:var(--petrol)}.floorplan-grid span{font-size:.75rem;color:rgba(30,46,42,.5)}
.location-strip{max-width:1296px;margin:0 auto 140px;padding:0 26px;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:end}.location-copy p{font-size:.98rem;line-height:1.75;color:rgba(30,46,42,.65);max-width:570px;margin:27px 0}.distance-list{border-top:1px solid rgba(30,46,42,.15)}.distance-list div{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:24px 0;border-bottom:1px solid rgba(30,46,42,.15)}.distance-list strong{font-family:'Geologica';font-size:1.85rem;color:var(--petrol)}.distance-list span{font-size:.8rem;color:rgba(30,46,42,.55);text-align:right}
.history-section{max-width:1296px;margin:0 auto 140px;padding:0 26px;display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.history-image{position:relative;aspect-ratio:4/3;border-radius:32px;overflow:hidden}.history-image img{width:100%;height:100%;object-fit:cover;filter:sepia(.22) saturate(.8)}.history-image span{position:absolute;bottom:24px;left:26px;background:rgba(247,246,242,.9);border-radius:999px;padding:9px 14px;font-size:.67rem;font-weight:700}.history-copy>p{font-size:.95rem;line-height:1.75;color:rgba(30,46,42,.65);margin:28px 0}.history-copy ol{list-style:none}.history-copy li{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:18px 0;border-top:1px solid rgba(30,46,42,.12)}.history-copy li>span{color:var(--sage);font-size:.68rem;font-weight:800;letter-spacing:.1em}.history-copy strong{color:var(--petrol);font-size:.9rem}.history-copy li p{font-size:.78rem;color:rgba(30,46,42,.55);margin-top:5px;line-height:1.5}
.house-cta{max-width:1400px;height:610px;margin:0 auto;position:relative;overflow:hidden;border-radius:44px 44px 0 0;display:grid;place-items:center;text-align:center}.house-cta:after{content:'';position:absolute;inset:0;background:linear-gradient(rgba(30,50,64,.28),rgba(30,50,64,.62))}.house-cta img{position:absolute;width:100%;height:100%;object-fit:cover}.house-cta>div{position:relative;z-index:1}.house-cta .eyebrow{color:var(--sand)}.house-cta h2{color:#fff;margin-bottom:32px}.house-cta h2 em{color:var(--sand)}.lightbox[hidden]{display:none}.lightbox{position:fixed;z-index:500;inset:0;background:rgba(15,27,34,.94);display:grid;grid-template-columns:52px minmax(0,1fr) 52px;align-items:center;gap:22px;padding:60px}.lightbox-stage{position:relative;display:grid;place-items:center;min-width:0;touch-action:pan-y}.lightbox-stage img{display:block;max-width:100%;max-height:88vh;border-radius:20px;user-select:none}.lightbox-count{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);padding:7px 12px;border-radius:999px;background:rgba(15,27,34,.68);color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.08em}.lightbox-close{position:absolute;z-index:2;top:18px;right:25px;border:0;background:none;color:#fff;font-size:2.5rem;cursor:pointer}.lightbox-nav{width:48px;height:48px;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(247,246,242,.1);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .2s,transform .2s}.lightbox-nav:hover{background:var(--sage);transform:scale(1.05)}.lightbox-nav svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.no-scroll{overflow:hidden}

/* Kamerpanelen: boven in beeld, met het buitenpaneel rechtsonder. */
.room-photo{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:var(--sand);cursor:zoom-in}
.room-copy{top:18px;bottom:auto;background:rgba(247,246,242,.76);transition:transform .42s ease,opacity .32s ease}
.room-card:nth-child(1) .room-copy,.room-card:nth-child(2) .room-copy,.room-card:nth-child(4) .room-copy{right:auto;width:min(440px,calc(100% - 36px))}
.room-card:nth-child(5) .room-copy{left:auto;right:18px;top:auto;bottom:18px;width:min(440px,calc(100% - 36px))}
@media(min-width:621px) and (hover:hover) and (pointer:fine){.room-card:hover .room-copy{transform:translateY(calc(-100% - 36px));opacity:0}.room-card:nth-child(5):hover .room-copy{transform:translateY(calc(100% + 36px))}}

/* Fotomuur: ieder formaat volgt de oriëntatie van de bronfoto. */
.photo-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:210px;grid-auto-flow:dense}
.photo-grid button:first-child,.photo-grid button:nth-child(4){grid-column:auto;grid-row:auto}
.photo-grid button.tile-feature{grid-column:span 2;grid-row:span 2}
.photo-grid button.tile-portrait{grid-column:span 1;grid-row:span 2}
.photo-grid button.tile-landscape{grid-column:span 2;grid-row:span 1}
.photo-grid button:nth-child(2) img{object-position:center 56%}.photo-grid button:nth-child(4) img{object-position:center 58%}.photo-grid button:nth-child(6) img{object-position:center 55%}.photo-grid button:nth-child(10) img{object-position:center 48%}

@media(max-width:620px){
  .room-card,.room-card:nth-child(2),.room-card:nth-child(3),.room-card:nth-child(4),.room-card:nth-child(5){height:auto}
  .room-photo{position:relative;inset:auto;display:block;height:300px;flex:none}
  .room-card:nth-child(3) .room-photo{height:430px}
  .room-card .room-photo img{height:100%;object-fit:cover}
  .room-copy,.room-card:nth-child(5) .room-copy{position:static;width:auto;padding:24px 23px;border-radius:0;background:#fff;box-shadow:none;backdrop-filter:none;transform:none;opacity:1}
}
@media(max-width:900px){.nav-inner{padding:15px 20px;justify-content:flex-start}.nav-logo{margin-right:auto}.nav-right{gap:0;margin-right:8px}.nav-links{display:none}.nav-hamburger{display:flex!important}.nav-cta{display:none}.house-hero{padding:50px 20px 40px;grid-template-columns:1fr;gap:35px;min-height:0}.house-hero-image{height:500px}.quick-facts{grid-template-columns:1fr 1fr}.rating-strip{margin-left:26px;margin-right:26px;grid-template-columns:1fr 1fr}.rating-intro{grid-column:1/-1}.room-card,.room-card:nth-child(2),.room-card:nth-child(4){grid-column:span 6}.room-card:nth-child(3){grid-column:span 6}.room-card:nth-child(5){grid-column:1/-1}.good-to-know{margin-left:20px;margin-right:20px;padding:42px 30px;grid-template-columns:60px 1fr}.know-mark{width:55px;height:55px}.know-points{grid-column:2}.location-strip,.history-section{grid-template-columns:1fr;gap:48px}.history-image{height:auto}.house-cta{margin:0 20px;border-radius:30px}.footer-inner{margin-top:20px}}
@media(min-width:901px) and (max-width:1100px){.rating-strip,.good-to-know,.house-cta{border-radius:0}}
@media(max-width:620px){main{padding-top:64px}h1{font-size:3.25rem}h2{font-size:2.55rem}.house-hero{padding-top:40px}.house-hero-image{height:390px;border-radius:36px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-sticker{width:88px;height:88px}.quick-facts{grid-template-columns:1fr;padding:0 20px;gap:10px}.quick-facts article{min-height:170px}.rating-strip{margin:14px 20px 90px;padding:30px 25px;grid-template-columns:1fr}.rating-intro,.rating-platform{grid-column:auto}.rating-platform{padding:20px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.14)}.room-tour,.gallery-section,.floorplans{padding-bottom:90px}.room-list{display:block}.room-card,.room-card:nth-child(2),.room-card:nth-child(3),.room-card:nth-child(4),.room-card:nth-child(5){height:560px;margin-bottom:14px}.room-card:nth-child(3){height:650px}.room-card:nth-child(5) .room-copy{width:auto;right:18px}.room-copy{padding:22px 23px}.good-to-know{display:block;margin-bottom:90px}.good-to-know>div:nth-child(2){margin-top:25px}.know-points{padding-top:20px}.split-heading{display:block}.split-heading>p{margin-top:18px}.photo-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-left:-26px;margin-right:-26px}.photo-grid:before,.photo-grid:after{content:'';flex:0 0 12px}.photo-grid:before{scroll-snap-align:start}.photo-grid button,.photo-grid button:first-child,.photo-grid button:nth-child(4){flex:0 0 82vw;height:390px;scroll-snap-align:start}.floorplans{padding-top:80px}.floorplan-grid{grid-template-columns:1fr}.floorplan-image{height:180px}.floorplan-grid figcaption{display:block}.floorplan-grid span{display:block;margin-top:6px}.location-strip{gap:40px;margin-bottom:100px}.history-image{height:auto}.history-section{gap:40px;margin-bottom:100px}.house-cta{height:520px}.lightbox{grid-template-columns:minmax(0,1fr);padding:52px 8px 28px}.lightbox-stage img{max-height:80vh;border-radius:14px}.lightbox-nav{position:absolute;z-index:2;top:50%;width:40px;height:40px;transform:translateY(-50%);background:rgba(15,27,34,.58)}.lightbox-nav:hover{transform:translateY(-50%) scale(1.05)}.lightbox-prev{left:12px}.lightbox-next{right:12px}.lightbox-count{bottom:10px}}

@media(max-width:620px){
  .room-card,.room-card:nth-child(2),.room-card:nth-child(3),.room-card:nth-child(4),.room-card:nth-child(5){height:auto}
  .room-photo{position:relative;inset:auto;display:block;height:300px;flex:none}
  .room-card:nth-child(3) .room-photo{height:430px}
  .room-card .room-photo img{height:100%;object-fit:cover}
  .room-copy,.room-card:nth-child(1) .room-copy,.room-card:nth-child(2) .room-copy,.room-card:nth-child(4) .room-copy,.room-card:nth-child(5) .room-copy{position:static;inset:auto;width:auto;padding:24px 23px;border-radius:0;background:#fff;box-shadow:none;backdrop-filter:none;transform:none!important;opacity:1!important;transition:none}
}