:root{
      --bg:#15100d;--bg-2:#1c1511;--panel:#221a15;--panel-2:#2a2019;
      --sand:#d1b08e;--sand-2:#b78f68;--cream:#f4ece2;--muted:#bfae9d;
      --olive:#77735e;--line:rgba(220,195,168,.18);--white:#fff;
      --max:1180px;--radius:20px;
      --font-serif:Georgia, 'Times New Roman', serif;
      --font-sans:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
      --text-eyebrow:.78rem;--text-label:.82rem;--text-body:.96rem;--text-body-large:1.02rem;
      --text-card-title:1.35rem;--text-heading-small:1.75rem;
      --text-heading-section:clamp(1.9rem,2.2vw,2.2rem);--text-heading-hero:clamp(2.4rem,2.8vw,3rem);
      --text-button:.92rem;--text-navigation:.92rem;--text-footer-body:.92rem;--text-footer-heading:1.25rem;
      --serif:var(--font-serif);--sans:var(--font-sans);
    }
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font-family:var(--font-sans);font-size:var(--text-body);line-height:1.7}
    img{display:block;width:100%;height:auto}.wrap{width:min(var(--max),calc(100% - 38px));margin:0 auto}
    a{color:inherit;text-decoration:none}.eyebrow{font-family:var(--font-sans);font-size:var(--text-eyebrow);font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--sand)}
    h1,h2,h3{font-family:var(--font-serif);font-weight:400;line-height:1.08;margin:0}h1{font-size:var(--text-heading-hero)}h2{font-size:var(--text-heading-section)}h3{font-size:var(--text-card-title)}
    p{margin:0;color:var(--muted)}
    .rebrand{background:#d7b590;color:#1a1410;text-align:center;padding:10px 16px;font-size:var(--text-label);font-weight:600;letter-spacing:.14em;text-transform:uppercase}
    .header{position:sticky;top:0;z-index:20;background:rgba(21,16,13,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
    .nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{min-width:220px}.brand-name{font-family:var(--font-serif);font-size:1.38rem;letter-spacing:.15em}.brand-sub{font-size:.7rem;color:var(--sand);letter-spacing:.12em;text-transform:uppercase;margin-top:2px}
    .links,.mobile-nav{font-size:var(--text-navigation);font-weight:400}.links{display:flex;align-items:center;gap:28px;color:#d9cbbb}.links a:hover{color:var(--cream)}
    .menu-btn{display:none;background:none;border:1px solid var(--line);color:var(--cream);border-radius:999px;padding:9px 14px;font-size:var(--text-navigation);font-weight:500}
    .hero{min-height:540px;display:grid;grid-template-columns:1.05fr .95fr;align-items:stretch;background:linear-gradient(135deg,#211711,#130f0c)}
    .hero-copy{display:flex;align-items:center;padding:48px 58px 44px clamp(56px,6vw,112px)}.hero-inner{width:100%;max-width:720px}
    .transition-tag{display:inline-flex;border:1px solid rgba(209,176,142,.34);background:rgba(209,176,142,.08);color:var(--sand);border-radius:999px;padding:10px 16px;margin-bottom:30px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:var(--text-label)}
    .hero h1 span{color:var(--sand)}.hero p{font-size:var(--text-body-large);max-width:650px;margin-top:26px;line-height:1.8}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
    .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;border:1px solid var(--line);font-size:var(--text-button);font-weight:500;transition:.2s}.btn-primary{background:var(--sand);color:#1c1511;border-color:var(--sand)}.btn:hover{transform:translateY(-1px);filter:brightness(1.05)}
    .hero-image{position:relative;min-height:540px;height:540px;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:50% 48%}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#15100d 0%,rgba(21,16,13,.12) 35%,rgba(21,16,13,.12) 100%),linear-gradient(0deg,rgba(21,16,13,.35),transparent 38%)}
    .section{padding:94px 0}.section.alt{background:#1a1411}.section.taupe{background:#b99d83;color:#1c1511}.section.taupe p{color:#4d4036}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:38px}.section-head p{max-width:650px}.section-title{margin-top:10px}
    .moment-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.moment{background:rgba(255,255,255,.018);border:1px solid var(--line);padding:26px 22px;border-radius:16px;transition:.2s}.moment:hover{background:rgba(209,176,142,.06);border-color:rgba(209,176,142,.36);transform:translateY(-2px)}.moment h3{font-size:1.18rem}.moment small{display:block;color:#a99482;margin-top:8px}
    .experiences{display:grid;grid-template-columns:1.12fr 1.12fr .88fr .88fr;gap:15px;align-items:stretch}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.card.big .card-img{height:370px}.card .card-img{height:280px;overflow:hidden}.card-img img{height:100%;object-fit:cover}.card.breakfast .card-img img{filter:brightness(.74) saturate(.88) contrast(1.03)}.card.kids .card-img img{object-position:50% 30%;transform:scale(1.12)}.card.duo .card-img img{object-position:50% 58%;transform:scale(1.14)}.card.choco .card-img img{object-position:center}.card-body{padding:22px 22px 24px;display:flex;flex-direction:column;gap:12px;flex:1}.card-body p{font-size:var(--text-body)}.card-meta{margin-top:auto;padding-top:4px;color:var(--sand);font-size:var(--text-label)}
    .story-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}.story-photo{border-radius:24px;overflow:hidden;min-height:520px}.story-photo img{height:100%;min-height:520px;object-fit:cover}.pill-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}.pill{border-top:1px solid rgba(34,26,21,.25);padding-top:14px}.pill strong{font-family:var(--serif);font-size:1.35rem;font-weight:400}.pill span{display:block;color:#5b4b40;font-size:.9rem;margin-top:4px}
    .kids-layout,.voucher-layout,.rebrand-layout{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}.media{border-radius:24px;overflow:hidden;max-height:520px}.media img{height:520px;object-fit:cover}.kids-layout .media img{object-position:center 32%}.copy p{margin-top:20px;font-size:var(--text-body-large);line-height:1.8}.copy .actions{margin-top:28px}
    .voucher-layout{grid-template-columns:.9fr 1.1fr}.voucher-layout .media img{object-position:center}.rebrand-layout .media img{filter:brightness(.7) saturate(.8)}
    .reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.review{border:1px solid var(--line);border-radius:18px;padding:26px;background:rgba(255,255,255,.018)}.stars{color:var(--sand);letter-spacing:.14em;margin-bottom:14px}.review p{font-size:var(--text-body)}.review b{display:block;margin-top:18px;color:var(--cream);font-size:.9rem}
    .cta{padding:110px 0;text-align:center;background:radial-gradient(circle at 50% 10%,rgba(181,143,104,.18),transparent 32%),#15100d}.cta p{max-width:670px;margin:20px auto 0}.cta .actions{justify-content:center}
    footer{background:#0f0c0a;border-top:1px solid var(--line);padding:56px 0 28px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:38px}.footer-grid h4{font-family:var(--font-serif);font-size:var(--text-footer-heading);font-weight:400;margin:0 0 14px}.footer-grid a,.footer-grid p{display:block;font-size:var(--text-footer-body);color:#a99787;margin:7px 0}.footer-bottom{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:#7f6f62;font-size:var(--text-eyebrow)}
    dialog{border:none;border-radius:18px;background:#241b16;color:var(--cream);max-width:460px;padding:28px;box-shadow:0 30px 90px rgba(0,0,0,.45)}dialog::backdrop{background:rgba(0,0,0,.7)}dialog p{margin-top:12px}.close{margin-top:22px}
    @media(min-width:1500px){.hero{grid-template-columns:1fr 1fr}.hero-copy{padding-left:clamp(72px,6.2vw,120px);padding-right:64px}.hero-inner{max-width:720px}}
    @media(max-width:980px){.links{display:none}.menu-btn{display:block}.hero{grid-template-columns:1fr}.hero-copy{padding:70px 24px 52px}.hero-image{min-height:460px}.hero-image:after{background:linear-gradient(0deg,#15100d 0%,rgba(21,16,13,.1) 55%)}.moment-grid{grid-template-columns:repeat(2,1fr)}.experiences{grid-template-columns:1fr 1fr}.story-grid,.kids-layout,.voucher-layout,.rebrand-layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.section-head{align-items:start;flex-direction:column}.card.big .card-img,.card .card-img{height:320px}}
    @media(max-width:640px){.wrap{width:min(100% - 28px,var(--max))}.rebrand{font-size:.68rem;letter-spacing:.1em}.nav{height:70px}.brand-name{font-size:1.08rem}.brand-sub{font-size:.58rem}.hero{min-height:0}.hero-copy{padding-top:58px}.hero-image{min-height:390px}.hero p{font-size:var(--text-body-large)}.moment-grid{grid-template-columns:1fr}.experiences{grid-template-columns:1fr}.card.big .card-img,.card .card-img{height:300px}.section{padding:68px 0}.pill-grid,.reviews,.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.actions .btn{width:100%}.media img{height:400px}}

/* Shared public navigation: five primary links on desktop, full practical menu on mobile. */
.links{gap:clamp(14px,1.7vw,28px)}
.mobile-nav-secondary{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.mobile-nav-secondary a{color:#a99787}
  
/* v8: correcte uniforme uitlijning voor het echte .experiences-blok */
@media (min-width: 981px){
  .experiences{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:18px !important;
    align-items:stretch !important;
  }

  .experiences .card{
    height:100% !important;
    display:flex !important;
    flex-direction:column !important;
  }

  .experiences .card.big .card-img,
  .experiences .card .card-img{
    height:320px !important;
    min-height:320px !important;
    max-height:320px !important;
    flex:0 0 320px !important;
    overflow:hidden !important;
  }

  .experiences .card .card-img img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
  }

  .experiences .card-body{
    display:grid !important;
    grid-template-rows:76px 1fr auto !important;
    gap:14px !important;
    flex:1 !important;
  }

  .experiences .card-body h3{
    margin:0 !important;
    min-height:0 !important;
    align-self:start !important;
  }

  .experiences .card-body p{
    margin:0 !important;
    align-self:start !important;
  }

  .experiences .card-meta{
    margin-top:0 !important;
    align-self:end !important;
  }
}

/* v10: meerpagina-test — visuele basis v9 blijft behouden */
.page-hero{
  padding:82px 0 68px;
  background:
    radial-gradient(circle at 85% 15%,rgba(183,143,104,.14),transparent 30%),
    linear-gradient(135deg,#211711,#130f0c);
  border-bottom:1px solid var(--line);
}
.page-hero .lead{max-width:760px;margin-top:24px;font-size:var(--text-body-large);line-height:1.8}
.breadcrumb{font-size:var(--text-eyebrow);letter-spacing:.12em;text-transform:uppercase;color:var(--sand);margin-bottom:20px}
.breadcrumb a{color:var(--muted)}
.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.info-card{border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:28px}
.info-card h3{margin-bottom:12px}.info-card p{line-height:1.75}
.link-arrow{display:inline-block;margin-top:18px;color:var(--sand);font-weight:700}
.nav .links a.active{color:var(--cream);position:relative}
.nav .links a.active:after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:1px;background:var(--sand)}
.mobile-nav{display:none;border-top:1px solid var(--line);background:#15100d}
.mobile-nav.open{display:block}
.mobile-nav .wrap{padding:14px 0 20px}
.mobile-nav a{display:block;padding:12px 0;border-bottom:1px solid rgba(220,195,168,.08);color:#d9cbbb}
.page-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.notice{border-left:3px solid var(--sand);padding:16px 18px;background:rgba(209,176,142,.06);color:var(--muted);margin-top:28px}
.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}
.contact-card{border:1px solid var(--line);border-radius:18px;padding:26px;background:rgba(255,255,255,.018)}
.contact-card h3{font-size:var(--text-card-title);margin-bottom:8px}
.simple-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}
.simple-form label{display:block;font-size:var(--text-label);color:var(--muted)}
.simple-form input,.simple-form textarea{
  width:100%;margin-top:7px;background:#17110e;border:1px solid var(--line);color:var(--cream);
  border-radius:12px;padding:13px 14px;font:inherit
}
.simple-form textarea{min-height:140px;resize:vertical}
.simple-form .full{grid-column:1/-1}
@media(max-width:980px){
  .content-grid,.contact-cards{grid-template-columns:1fr}
}
@media(max-width:640px){
  .page-hero{padding:58px 0 48px}
  .simple-form{grid-template-columns:1fr}
}