:root{--ink:#19342d;--green:#274d3f;--cream:#f8f7f2;--sage:#e8eee8;--muted:#607368}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.6 system-ui,-apple-system,Segoe UI,Arial,sans-serif}a{color:inherit}header{position:sticky;top:0;z-index:10;background:#f8f7f2ee;border-bottom:1px solid #e1e7df;backdrop-filter:blur(12px)}.nav{max-width:1260px;margin:auto;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{text-decoration:none;font:700 24px Georgia,serif;letter-spacing:-.6px}.brand small{display:block;font:600 9px system-ui;letter-spacing:3px;color:var(--muted)}nav{display:flex;align-items:center;gap:24px}nav a{text-decoration:none;font-size:13px;font-weight:650}nav button{background:transparent;border:1px solid #aebdb0;border-radius:30px;padding:9px 15px;cursor:pointer;color:var(--ink)}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px}.hero-copy{padding:100px max(36px,calc((100vw - 1220px)/2)) 80px;display:flex;flex-direction:column;justify-content:center}.eyebrow{text-transform:uppercase;letter-spacing:2.5px;color:#63816e;font-weight:800;font-size:11px}.hero h1,h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-1.5px;line-height:1.14}.hero h1{font-size:clamp(43px,5vw,74px);margin:18px 0}.hero p{font-size:18px;color:#5a6e61;max-width:500px}.hero-photo{min-height:580px;background:#dce5dc center/cover no-repeat}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.button{display:inline-block;text-decoration:none;background:var(--green);color:white;border:1px solid var(--green);padding:13px 20px;border-radius:3px;font-size:13px;font-weight:700}.button.secondary{background:transparent;color:var(--green)}.price{margin-top:36px;font-size:14px;color:var(--muted)}.price strong{font-size:29px;color:var(--ink);display:block}.section{max-width:1260px;margin:auto;padding:95px 28px}.section-heading{max-width:760px;margin-bottom:38px}.section h2{font-size:clamp(34px,4vw,55px);margin:14px 0 20px}.section p{color:#5a6e61;font-size:17px}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.fact{border-top:1px solid #b9c7bc;padding:22px 8px}.fact strong{display:block;font:38px Georgia,serif}.fact span{font-size:13px;color:var(--muted)}.light{max-width:none;background:var(--sage);padding-left:max(28px,calc((100vw - 1204px)/2));padding-right:max(28px,calc((100vw - 1204px)/2))}.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.gallery button{padding:0;border:0;background:transparent;cursor:pointer;aspect-ratio:4/3;overflow:hidden}.gallery img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}.gallery button:hover img{transform:scale(1.045)}.location{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.location-photo{min-height:340px;background:#dce5dc center/cover no-repeat}.contact{text-align:center;padding-bottom:120px}.contact p{max-width:600px;margin:0 auto 25px}#contact-links{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}footer{background:var(--green);color:#fff;padding:30px;text-align:center;font-size:12px}dialog{max-width:94vw;max-height:94vh;background:#10251e;border:0;padding:20px}dialog img{max-width:88vw;max-height:80vh;object-fit:contain}#close-viewer{position:absolute;top:0;right:0;background:white;border:0;font-size:28px;cursor:pointer}body:has(dialog[open]){overflow:hidden}@media(max-width:800px){.nav{padding:14px 18px}.brand{font-size:19px}nav{gap:9px}nav a{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:65px 25px}.hero-photo{min-height:380px;grid-row:1}.section{padding:65px 22px}.light{padding:65px 22px}.facts{grid-template-columns:repeat(2,1fr)}.gallery{grid-template-columns:repeat(2,1fr)}.location{grid-template-columns:1fr}}
/* Meer ruimte rondom de hoofdtekst */
.hero-copy {
  padding-left: 65px;
  padding-right: 65px;
}

/* Extra ruimte op telefoons */
@media (max-width: 800px) {
  .hero-copy {
    padding-left: 32px;
    padding-right: 32px;
  }
}
/* Duidelijke afzonderlijke menuknoppen */
nav {
  gap: 10px;
}

nav a {
  display: inline-block;
  padding: 9px 13px;
  border: 1px solid #b9c7bc;
  border-radius: 25px;
  white-space: nowrap;
  font-size: 13px;
}

/* Menuknoppen ook op mobiele schermen tonen */
@media (max-width: 800px) {
  nav {
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
  }

  nav a {
    display: inline-block;
    padding: 7px 10px;
    font-size: 12px;
  }
}/* Meer ruimte rondom de hoofdtekst */
.hero-copy {
  padding-left: 65px;
  padding-right: 65px;
}

/* Afzonderlijke menuknoppen */
nav {
  gap: 10px;
}

nav a {
  display: inline-block;
  padding: 9px 13px;
  border: 1px solid #b9c7bc;
  border-radius: 25px;
  white-space: nowrap;
}

/* Aanpassingen voor mobiele telefoons */
@media (max-width: 800px) {
  .hero-copy {
    padding-left: 32px;
    padding-right: 32px;
  }

  nav {
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
  }

  nav a {
    display: inline-block;
    padding: 7px 10px;
    font-size: 12px;
  }
}