:root{
  --sand:#f3eee6;--sand2:#ebe1d4;--ink:#1d2a2d;--muted:#6f6d68;--white:#fff;--line:#d9cfc2;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--sand);color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.6}img{width:100%;display:block;object-fit:cover}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:40;height:72px;padding:0 3vw;display:flex;align-items:center;justify-content:space-between;background:rgba(243,238,230,.96);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.06)}.brand{font-family:"Cormorant Garamond",serif;letter-spacing:.22em;font-weight:600;font-size:1.1rem}.site-header nav{display:flex;gap:28px;align-items:center;font-size:.76rem;text-transform:uppercase;letter-spacing:.15em}.nav-cta{padding:10px 14px;border:1px solid var(--ink)}.menu-toggle{display:none;background:none;border:0;font-size:1.4rem}.hero{min-height:86vh;position:relative;display:flex;align-items:flex-end}.hero>img{position:absolute;inset:0;height:100%}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 30%,rgba(0,0,0,.55) 100%)}.hero-content{position:relative;z-index:2;color:#fff;padding:8vw 7vw;max-width:900px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;font-weight:600}.eyebrow.dark{color:#806e5b}.hero h1,.section-heading h2,.feature-copy h2,.intro h2,.destination h2,.contact h2{font-family:"Cormorant Garamond",serif;font-weight:500;line-height:.98;margin:.25em 0;font-size:clamp(2.6rem,6vw,5.8rem)}.hero p:not(.eyebrow){font-size:1.1rem;max-width:620px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-block;padding:13px 18px;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;border:1px solid transparent;cursor:pointer}.button.light{background:#fff;color:#222}.button.ghost{border-color:#fff;color:#fff}.button.dark{background:#1f2b2d;color:#fff}.section-pad{padding:8vw 7vw}.intro{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:start}.intro-text{font-size:1.05rem}.facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.facts span{border:1px solid var(--line);padding:9px 12px;font-size:.78rem}.alt-bg{background:#eee7dc}.feature-split{display:grid;grid-template-columns:1.15fr .85fr;gap:6vw;align-items:center}.feature-image img{height:72vh}.feature-copy p{max-width:620px}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}.mini-grid h3,.facilities h3,.destination-cards h3{font-family:"Cormorant Garamond",serif;font-size:1.7rem;margin:0}.note{font-size:.78rem;color:var(--muted);margin-top:25px}.gallery-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px}.gallery-pair img{height:62vh}.section-heading{max-width:840px;margin-bottom:40px}.section-heading.compact{margin-bottom:28px}.resort-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px}.resort-grid figure{margin:0}.resort-grid .large{grid-row:span 2}.resort-grid img{height:100%;min-height:260px}.facilities{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:42px}.facilities>div{padding-top:18px;border-top:1px solid var(--line)}.facilities span{font-size:.7rem;color:#8c7964}.destination-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:36px}.destination-cards img{height:360px}.destination-cards article p{color:var(--muted)}.masonry{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.masonry img{height:520px}.contact{background:#243033;color:#fff;display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw}.contact form{display:grid;gap:14px}.contact label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.contact input,.contact select,.contact textarea{width:100%;margin-top:7px;background:transparent;color:#fff;border:0;border-bottom:1px solid rgba(255,255,255,.45);padding:12px 0;font:inherit}.contact textarea{border:1px solid rgba(255,255,255,.35);padding:12px}.contact option{color:#222}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}footer{padding:28px 7vw;display:grid;grid-template-columns:1fr 1fr auto;gap:20px;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}
@media(max-width:900px){.site-header nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--sand);padding:24px;flex-direction:column;align-items:flex-start}.site-header nav.open{display:flex}.menu-toggle{display:block}.intro,.feature-split,.contact{grid-template-columns:1fr}.feature-image img{height:55vh}.gallery-pair,.destination-cards,.facilities,.masonry{grid-template-columns:1fr 1fr}.resort-grid{grid-template-columns:1fr 1fr}.resort-grid .large{grid-row:auto;grid-column:span 2}.hero{min-height:78vh}}
@media(max-width:620px){.section-pad{padding:18vw 6vw}.hero-content{padding:12vw 6vw}.intro,.gallery-pair,.destination-cards,.facilities,.masonry,.two-col{grid-template-columns:1fr}.gallery-pair img,.masonry img{height:52vh}.resort-grid{grid-template-columns:1fr}.resort-grid .large{grid-column:auto}.site-header{padding:0 5vw}.brand{font-size:.95rem}.hero h1,.section-heading h2,.feature-copy h2,.intro h2,.destination h2,.contact h2{font-size:3.1rem}footer{grid-template-columns:1fr;gap:8px}.feature-image img{height:48vh}}

.hidden-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.form-note{font-size:.82rem;opacity:.85;line-height:1.5;margin:0}.contact input:focus,.contact textarea:focus,.contact select:focus{outline:2px solid #d9cfc2;outline-offset:3px}.contact .button.light{justify-self:start;font-weight:600}

/* Versie 3: rustige, luchtige presentatie */
:root{--sand:#f8f5ef;--sand2:#f2ede5;--line:#ded7cd}
body{line-height:1.85} .section-pad{padding:clamp(85px,10vw,160px) 8vw} .alt-bg{background:#f1ede6}
.hero-content{padding-bottom:9vw}.intro{gap:9vw}.intro-text{max-width:610px}.intro-text>p{font-size:1.1rem;line-height:2}
.feature-split{grid-template-columns:1fr 1fr;gap:8vw}.feature-image img{height:78vh}.feature-copy>p{line-height:1.95}
.mini-grid{grid-template-columns:1fr;gap:0;margin-top:42px}.mini-grid>div{padding:24px 0;border-top:1px solid var(--line)}.mini-grid h3{margin-bottom:8px}.mini-grid p{margin:0;color:#565b58;line-height:1.9}.note{line-height:1.7}
.section-heading{max-width:950px;margin-bottom:55px}.section-heading>p:not(.eyebrow){max-width:750px;line-height:2}.resort-story{max-width:780px;margin:0 auto 65px;display:grid;gap:16px}.resort-story p{margin:0;line-height:2;color:#4e5553}.resort-grid{gap:20px}.resort-extra{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}.resort-extra img{height:290px}.facilities{margin-top:75px;gap:35px}.facilities>div{padding-top:25px}.destination-cards{gap:35px}.destination-cards article p{line-height:1.9}.gallery-pair{gap:28px}.masonry{gap:26px}
@media(max-width:900px){.feature-split{grid-template-columns:1fr}.feature-image img{height:55vh}.resort-extra{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.section-pad{padding:85px 6vw}.resort-extra{grid-template-columns:1fr}.resort-extra img{height:300px}.mini-grid{gap:0}.hero-content{padding-bottom:15vw}}


/* Versie 4 — ingetogen, ruimtelijke hotel-esthetiek; eigen ontwerp. */
:root{--sand:#faf9f6;--sand2:#f4f2ed;--ink:#343b39;--muted:#777a73;--line:#e4e2dc}
html{scroll-padding-top:76px}body{background:var(--sand);color:var(--ink);font-weight:300;line-height:1.75}
.site-header{height:82px;background:rgba(250,249,246,.97);border-bottom:1px solid #eeece7;padding:0 5vw}
.brand{font-size:1.12rem;font-weight:500;letter-spacing:.20em}
.site-header nav{gap:30px;font-size:.67rem;letter-spacing:.16em;font-weight:400}
.nav-cta{border-color:#b7b6ae;padding:12px 17px}
.hero{min-height:calc(100svh - 82px);align-items:center}.hero>img{object-position:center 45%}
.hero-overlay{background:linear-gradient(90deg,rgba(24,31,31,.45),rgba(24,31,31,.03) 85%)}
.hero-content{padding:7vw 10vw;max-width:850px}.hero h1{font-size:clamp(3.4rem,6.4vw,7.4rem);line-height:1.04;letter-spacing:-.018em;margin:.35em 0 .22em}
.hero p:not(.eyebrow){font-size:1rem;line-height:1.9;max-width:420px;font-weight:300}
.eyebrow{font-size:.67rem;letter-spacing:.24em;font-weight:500}.eyebrow.dark{color:#898276}
.hero-actions{margin-top:37px;gap:26px}.button{padding:14px 22px;font-weight:400;letter-spacing:.16em;font-size:.66rem;transition:background .2s,color .2s}
.button.light{background:#f9f8f4;color:#323a37}.button.ghost{border:0;border-bottom:1px solid rgba(255,255,255,.8);padding:14px 0}
.section-pad{padding:clamp(100px,11vw,175px) max(7vw,calc((100vw - 1450px)/2))}
.intro{grid-template-columns:1.05fr .95fr;gap:12vw;align-items:center}.intro h2,.feature-copy h2,.section-heading h2,.destination h2,.contact h2{font-size:clamp(2.8rem,4.6vw,5.2rem);line-height:1.12;letter-spacing:-.015em;font-weight:500;margin:.4em 0}
.intro-text>p{font-size:1rem;line-height:2.05;color:#626862}.facts{gap:0;margin-top:38px;border-top:1px solid var(--line);max-width:500px}.facts span{border:0;border-bottom:1px solid var(--line);padding:12px 17px 12px 0;margin-right:20px;font-size:.72rem;color:#696f69}
.alt-bg{background:var(--sand2)}.feature-split{grid-template-columns:1fr 1fr;gap:9vw}.feature-image img{height:min(77vh,850px)}.feature-copy>p{color:#666b65;font-size:.96rem;line-height:2}
.mini-grid{margin-top:35px}.mini-grid>div{padding:18px 0}.mini-grid h3,.facilities h3,.destination-cards h3{font-size:1.55rem;font-weight:500}.mini-grid p{font-size:.87rem;line-height:1.85;color:#6b706a}.note{font-size:.72rem;color:#858780}
.gallery-pair{gap:12px;padding-top:0}.gallery-pair img{height:55vh}.section-heading{max-width:760px;margin-bottom:58px}.section-heading>p:not(.eyebrow){font-size:1rem;color:#686e68;line-height:2}.resort-story{max-width:830px;grid-template-columns:1fr 1fr;gap:55px;margin:0 0 70px}.resort-story p{font-size:.9rem;color:#6b706a;line-height:1.95}
.resort-grid{grid-template-columns:1.35fr 1fr;gap:12px}.resort-grid .large{grid-row:span 3}.resort-grid img{min-height:0;height:280px}.resort-grid .large img{height:100%}.resort-extra{gap:12px;margin-top:12px}.resort-extra img{height:245px}.facilities{margin-top:85px;gap:45px}.facilities>div{padding-top:20px}.facilities h3{font-size:1.45rem}.facilities p{font-size:.83rem;color:#6b706a}
.destination-cards{gap:26px}.destination-cards img{height:320px}.destination-cards article h3{margin-top:18px}.destination-cards article p{font-size:.86rem}.masonry{gap:12px}.masonry img{height:440px}
.contact{background:#eaece8;color:#343b39;gap:11vw}.contact-copy>p:not(.eyebrow){max-width:430px;color:#626a63;line-height:2}.contact input,.contact select,.contact textarea{color:#343b39;border-bottom:1px solid #aeb5ad}.contact textarea{border:1px solid #aeb5ad}.contact input::placeholder,.contact textarea::placeholder{color:#8c938b}.contact .button.light{background:#394540;color:#fff}.contact label{font-size:.7rem;letter-spacing:.13em}.form-note{color:#747d75;font-size:.74rem}footer{background:#f5f4f0;color:#69716a;font-size:.68rem;letter-spacing:.14em;padding-top:40px;padding-bottom:40px}
@media(max-width:900px){.hero{min-height:78svh}.intro,.feature-split,.contact{grid-template-columns:1fr;gap:50px}.resort-story{grid-template-columns:1fr;gap:15px}.resort-grid{grid-template-columns:1fr 1fr}.resort-grid .large{grid-row:auto;grid-column:span 2}.resort-grid .large img{height:450px}.feature-image img{height:58vh}.site-header nav{top:82px;background:var(--sand)}}
@media(max-width:620px){.site-header{padding:0 6vw}.brand{font-size:.88rem}.hero{min-height:76svh}.hero-content{padding:15vw 7vw}.hero h1{font-size:3.6rem}.hero-actions{gap:12px}.hero .button{font-size:.6rem}.section-pad{padding:88px 7vw}.intro h2,.feature-copy h2,.section-heading h2,.destination h2,.contact h2{font-size:3.15rem}.gallery-pair{padding-top:0;gap:12px}.resort-grid{grid-template-columns:1fr}.resort-grid .large{grid-column:auto}.resort-grid .large img{height:340px}.resort-grid img{height:260px}.resort-extra{grid-template-columns:1fr}.resort-extra img{height:270px}.facilities{gap:20px}.masonry img{height:360px}.feature-image img{height:48vh}}
\n\n/* Versie 5 — zachtere hoofdstukovergangen en persoonlijk contact */\n.chapter-transition{min-height:220px;padding:55px 8vw;display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:center;background:linear-gradient(180deg,#faf9f6 0%,#f7f5f0 55%,#faf9f6 100%);color:#8a887f}\n.chapter-transition.soft{background:linear-gradient(180deg,#faf9f6 0%,#f4f2ed 100%)}\n.chapter-transition span{height:1px;background:linear-gradient(90deg,transparent,#d8d4ca)}\n.chapter-transition span:last-child{background:linear-gradient(90deg,#d8d4ca,transparent)}\n.chapter-transition p{margin:0;font-family:"Cormorant Garamond",serif;font-size:clamp(1.35rem,2vw,2rem);font-style:italic;letter-spacing:.02em;text-align:center;color:#817d73}\n.reveal-section{position:relative}\n.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:11vw;background:#faf9f6;border-top:1px solid var(--line)}\n.about h2{font-family:"Cormorant Garamond",serif;font-size:clamp(2.8rem,4.6vw,5.2rem);line-height:1.12;letter-spacing:-.015em;font-weight:500;margin:.4em 0}\n.about-copy{max-width:680px}.about-copy p{color:#626862;line-height:2;margin:0 0 22px}.about-copy .signature{font-family:"Cormorant Garamond",serif;font-size:1.8rem;color:#3d4541;margin-top:34px;margin-bottom:20px}\n.text-link{display:inline-flex;gap:14px;align-items:center;margin-top:5px;padding-bottom:5px;border-bottom:1px solid #a8aaa3;text-transform:uppercase;letter-spacing:.14em;font-size:.68rem;font-weight:400}.text-link span{font-size:1rem}\n@media(max-width:900px){.about{grid-template-columns:1fr;gap:40px}.chapter-transition{min-height:170px;padding:45px 7vw;gap:18px}}\n@media(max-width:620px){.chapter-transition{min-height:150px;grid-template-columns:35px 1fr 35px;padding:38px 7vw;gap:12px}.chapter-transition p{font-size:1.25rem}.about{padding-top:90px;padding-bottom:90px}.about h2{font-size:3.15rem}}\n