@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;1,400&display=swap');
:root{--ink:#24332a;--forest:#17231e;--cream:#f5f1e9;--sand:#e8e2d5;--gold:#c5a77b;--muted:#5b665e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:'DM Sans',Arial,sans-serif;line-height:1.85}a{color:inherit;text-decoration:none}img{max-width:100%;display:block;object-fit:cover}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:400;line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(4rem,8vw,8rem);margin:.25em 0}h2{font-size:clamp(2.6rem,5vw,5rem);margin:.3em 0 .55em}h3{font-size:clamp(1.65rem,2.5vw,2.1rem);margin:.3em 0}.eyebrow{font-size:.7rem;letter-spacing:.29em;text-transform:uppercase;font-weight:700;color:#9c835f}.top{position:absolute;top:0;left:0;right:0;z-index:10;background:transparent;border-bottom:1px solid #ffffff45;color:white}.nav{max-width:1600px;margin:auto;padding:29px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-family:'Playfair Display',Georgia,serif;font-size:1.85rem;letter-spacing:-.045em;line-height:1}.brand small{display:block;font:600 .55rem 'DM Sans',sans-serif;letter-spacing:.27em;text-transform:uppercase;margin-top:10px}.links{display:flex;align-items:center;gap:20px}.links>a:not(.btn){font-size:.68rem;text-transform:uppercase;letter-spacing:.11em;font-weight:700;transition:color .2s}.links>a:not(.btn):hover{color:#e3c99d}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:16px 27px;border:1px solid var(--gold);font-size:.68rem;line-height:1.4;font-weight:700;letter-spacing:.17em;text-transform:uppercase;transition:background .25s,color .25s,transform .25s,border-color .25s;cursor:pointer;text-align:center;background:var(--gold);color:#1b2921;min-height:52px}.btn::after{content:'↗';font-size:1rem;font-weight:400;line-height:1;transition:transform .25s}.btn:hover{background:#dfc49b;border-color:#dfc49b;transform:translateY(-3px)}.btn:hover::after{transform:translate(2px,-2px)}.btn.dark{background:var(--forest);border-color:var(--forest);color:#fff}.btn.dark:hover{background:#344c3e;border-color:#344c3e}.btn.light{background:transparent;border-color:#ffffffa8;color:white}.btn.light:hover{background:#fff;color:var(--forest)}.hero{min-height:720px;height:93svh;max-height:1050px;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--forest);color:white;overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;filter:brightness(.55) saturate(.85)}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,23,16,.58),rgba(10,23,16,.12) 48%,rgba(10,23,16,.58))}.hero .inner{position:relative;z-index:1;max-width:1050px;width:100%;padding:120px 6% 75px}.hero .eyebrow{color:#e0cba9}.hero p{max-width:670px;margin:0 auto 30px;font-size:1.09rem;line-height:1.9;color:#f1eee7}.hero .call{justify-content:center}.wrap{max-width:1310px;margin:auto;padding:115px 5%}.intro{max-width:860px}.lead{font-size:1.25rem;line-height:1.95}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:55px 0}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.tile{background:#fffdf9;box-shadow:0 15px 45px #17231e0a;overflow:hidden;transition:transform .3s,box-shadow .3s}.tile:hover{transform:translateY(-6px);box-shadow:0 20px 60px #17231e1a}.tile img{width:100%;height:340px}.tile .copy{padding:33px}.tile p{color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;margin:95px 0}.split>img{width:100%;height:580px}.line{height:1px;background:#d7d0c4;margin:60px 0}.price{display:flex;justify-content:space-between;gap:28px;border-bottom:1px solid #ded9ce;padding:17px 0;line-height:1.55}.price b{white-space:nowrap;font-weight:700}.muted{color:var(--muted)}.darkpanel{background:var(--forest);color:white;padding:100px 5%}.darkpanel .wrap{padding:0}.darkpanel .eyebrow{color:#c5aa84}.footer{background:#101e18;color:#e9e5da;padding:90px 5% 35px}.footerin{max-width:1250px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer a{display:block;margin:9px 0}.footer a:hover{color:var(--gold)}.small{font-size:.82rem;color:#aab6ac}.mobile{display:none}.call{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.tag{border:1px solid #c7c0b4;padding:7px 15px;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;display:inline-block;margin:5px}.notice{background:#eae3d6;padding:33px 38px;border-left:3px solid var(--gold);margin:35px 0}.menu-list{max-width:920px}.menu-list .price span{max-width:80%}a:focus-visible,button:focus-visible{outline:3px solid #d8b77d;outline-offset:4px}
@media(max-width:1200px){.nav{flex-wrap:wrap}.links{gap:12px}.links>a:not(.btn){font-size:.61rem}.brand{font-size:1.5rem}}@media(max-width:950px){.top{position:absolute}.nav{padding:20px 5%}.mobile{display:block;border:1px solid #ffffffa0;color:white;background:transparent;padding:8px 14px;font-size:1.3rem}.links{display:none;flex-direction:column;align-items:stretch;width:100%;gap:0;padding:20px;background:#17231ef5}.links.open{display:flex}.links>a:not(.btn){font-size:.83rem;padding:10px}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.hero{height:80svh;min-height:640px}.hero .inner{padding:130px 6% 60px}.hero h1{font-size:clamp(3.6rem,14vw,5.5rem)}.wrap{padding:75px 6%}.grid,.grid.two,.split,.footerin{grid-template-columns:1fr}.split{gap:35px;margin:55px 0}.split>img{height:360px}.tile img{height:270px}.footerin{gap:22px}.call .btn{width:100%}.hero .call .btn{width:auto}.price{font-size:.88rem}h2{font-size:2.7rem}}

/* Alle nieuw aangeleverde beelden in identiek 3:2-formaat; ook de uitsnede is consistent. */
.photo-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:45px}.photo-gallery figure{margin:0;position:relative;overflow:hidden;background:#18251d}.photo-gallery img{width:100%;aspect-ratio:3/2;height:auto;object-fit:cover;transition:transform .6s ease}.photo-gallery figure:hover img{transform:scale(1.035)}.photo-gallery figcaption{position:absolute;left:0;bottom:0;right:0;color:white;padding:35px 22px 18px;font-size:.75rem;text-transform:uppercase;letter-spacing:.16em;background:linear-gradient(transparent,#0009)}.tile img{aspect-ratio:3/2;height:auto}.split>img{aspect-ratio:3/2;height:auto}.hero>img{height:100%;aspect-ratio:auto}.hero:after{background:linear-gradient(180deg,rgba(10,23,16,.65),rgba(10,23,16,.3) 48%,rgba(10,23,16,.7))}@media(max-width:720px){.photo-gallery{grid-template-columns:1fr;gap:14px}}

/* V6 — subtiele saliegroene hospitality-kleuren, met behoud van het luxe ontwerp. */
:root{--ink:#263d34;--forest:#1c352b;--cream:#f4f6f0;--sand:#e5ebe2;--gold:#c5a77b;--muted:#536b5e}
body{background:var(--cream);color:var(--ink)}
.wrap{background:transparent}
.eyebrow{color:#64816c}
.tile{background:#fbfcf8;border:1px solid #e2e9df;box-shadow:0 12px 34px rgba(27,59,41,.045)}
.tile p,.muted{color:#586e60}
.line,.price{border-color:#dbe4d9}
.line{background:#dbe4d9}
.notice{background:#e7eee4;border-left-color:#73967a;color:#294638}
.tag{border-color:#a8bca9;color:#3b6048}
.btn.dark{background:#264838;border-color:#264838;color:#fff}
.btn.dark:hover{background:#365d49;border-color:#365d49}
.btn:not(.dark):not(.light){background:#dfe9dd;border-color:#c1d3bf;color:#264737}
.btn:not(.dark):not(.light):hover{background:#c8dcc6;border-color:#9cb89b;color:#1d3b2c}
.darkpanel{background:#203e30}
.footer{background:#142c22}
.photo-gallery figure{background:#dce8dc}
.links>a:not(.btn):hover{color:#c7dfc5}
@media(max-width:1000px){.links{background:#1c352bf5}}

/* V7: natuurlijke, rustige tinten en expliciete contrasten voor leesbaarheid */
:root{--ink:#26352c;--forest:#20382c;--cream:#f7f5ef;--sand:#e8e6da;--gold:#bca27c;--muted:#4f5e53}
body{background:var(--cream);color:var(--ink)}
.eyebrow{color:#526b4f}
.tile{background:#fffefa;border-color:#dddcd1;box-shadow:0 12px 32px rgba(35,47,37,.055)}
.tile p,.muted{color:#4d5b50}
.notice{background:#e6e9de;border-left-color:#687d60;color:#263b2d}
.tag{border-color:#aeb9a6;color:#344d38}
.price{border-color:#d9d9cc}
.line{background:#d9d9cc}
.btn.dark{background:#284635;border-color:#284635;color:#fff}
.btn.dark:hover{background:#365d45;border-color:#365d45;color:#fff}
.btn:not(.dark):not(.light){background:#e1e6da;border-color:#a8b9a6;color:#263f2e}
.btn:not(.dark):not(.light):hover{background:#cdd9c7;border-color:#8fa58a;color:#1c3526}
.darkpanel{background:#223c30;color:#fff}
.footer{background:#1b3027;color:#f5f2e9}
.footer .small{color:#d3d9cf}
.photo-gallery figure{background:#dfe6dc}
.links>a:not(.btn){color:#f7f6f0}
.links>a:not(.btn):hover{color:#e1c9a5}
.hero .eyebrow{color:#e9d3b3}
@media(max-width:1000px){.links{background:#20382cf7}}


/* V8 — gelaagde natuurachtergrond, rustige blur en heldere contrasten */
body{
 background-color:#f7f5ef;
 background-image:
   radial-gradient(ellipse 65% 45% at 7% 20%,rgba(144,168,141,.22),transparent 78%),
   radial-gradient(ellipse 52% 46% at 96% 42%,rgba(197,174,137,.19),transparent 78%),
   radial-gradient(ellipse 58% 42% at 20% 78%,rgba(132,162,151,.17),transparent 76%),
   linear-gradient(125deg,#faf8f3 0%,#eff2e9 44%,#f8f3ea 100%);
 background-attachment:fixed;
 color:#243a2e;
}
.top{background:rgba(248,248,242,.89);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.wrap{position:relative}
.tile{background:rgba(255,255,251,.88);box-shadow:0 12px 40px rgba(37,55,39,.07);border:1px solid rgba(86,112,87,.12);backdrop-filter:blur(8px)}
.notice{background:rgba(231,237,225,.85);backdrop-filter:blur(9px);color:#243a2e}
.hero img{filter:brightness(.50)}
.btn{border-radius:999px;box-shadow:0 7px 19px rgba(28,54,39,.11);transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(28,54,39,.17)}
.btn:focus-visible,.links a:focus-visible{outline:3px solid #b6a17a;outline-offset:3px}
@media(max-width:720px){body{background-attachment:scroll}}