:root{--paper:#f3eee5;--ink:#171713;--wine:#6b1f2b;--moss:#4d5544;--line:#cfc5b7}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
nav{position:absolute;z-index:5;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:28px 4vw;color:white}
.brand{font-family:Georgia,serif;letter-spacing:.08em;font-size:20px}.navlinks{display:flex;gap:26px;font-size:12px;text-transform:uppercase;letter-spacing:.12em}
a{color:inherit;text-decoration:none}.hero{height:100svh;min-height:650px;position:relative;background-position:center 43%;background-size:cover;background-repeat:no-repeat;display:flex;align-items:flex-end}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.06) 40%,rgba(0,0,0,.58))}
.hero-copy{position:relative;z-index:2;color:#fff;padding:0 5vw 7vh;max-width:1050px}
.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:11px;margin-bottom:18px}.hero h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(52px,8vw,118px);line-height:.88;margin:0 0 24px}
.hero p{font-family:Georgia,serif;font-size:clamp(19px,2vw,27px);max-width:640px;line-height:1.35;margin:0}
section{padding:110px 6vw}.intro{display:grid;grid-template-columns:1.15fr .85fr;gap:9vw;align-items:center}.intro h2,.history h2,.stay h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(42px,5vw,76px);line-height:1.02;margin:0}
.copy{font-size:16px;line-height:1.8;max-width:580px}.link{display:inline-block;margin-top:24px;border-bottom:1px solid;padding-bottom:6px;text-transform:uppercase;letter-spacing:.15em;font-size:11px}
.door{width:100%;height:700px;object-fit:cover}.band{background:var(--wine);color:#f8f2e9;padding:26px 6vw;display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.16em;font-size:11px}
.stay{background:#171713;color:#f3eee5}.stay-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:55px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{min-height:510px;border:1px solid #48483f;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(180deg,transparent,#111)}
.card .num{font-size:11px;letter-spacing:.18em;text-transform:uppercase;opacity:.65}.card h3{font-family:Georgia,serif;font-weight:400;font-size:35px;margin:10px 0}.card p{line-height:1.6;color:#c9c4ba}
.placeholder{background:linear-gradient(135deg,#5b5a50,#24241f);position:relative;overflow:hidden}.placeholder:before{content:"Fotografie verblijf";position:absolute;top:25px;left:28px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#aaa}
.history{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:center}.year{font-family:Georgia,serif;font-size:clamp(100px,18vw,250px);line-height:.8;color:var(--wine);letter-spacing:-.06em}
.location{background:var(--moss);color:#f3eee5;text-align:center;padding:120px 8vw}.location h2{font-family:Georgia,serif;font-size:clamp(44px,6vw,88px);font-weight:400;margin:0 auto 28px;max-width:900px}.location p{max-width:620px;margin:auto;line-height:1.8}
footer{padding:70px 6vw 35px}.footergrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footerbrand{font-family:Georgia,serif;font-size:34px}.small{font-size:12px;line-height:1.8;color:#5d594f}.copyright{margin-top:60px;padding-top:20px;border-top:1px solid var(--line);font-size:10px;text-transform:uppercase;letter-spacing:.12em}
@media(max-width:800px){.navlinks{display:none}.intro,.history{grid-template-columns:1fr}.door{height:520px}.cards{grid-template-columns:1fr}.stay-head{display:block}.band{gap:20px;flex-wrap:wrap}.footergrid{grid-template-columns:1fr}.hero h1{font-size:56px}section{padding:75px 6vw}}

.cards{grid-template-columns:repeat(4,1fr);gap:16px}
.card{position:relative;min-height:540px;overflow:hidden;border:0;background:#26251f;padding:0}
.card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03) 25%,rgba(0,0,0,.72) 100%);z-index:1}
.card-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.card:hover .card-bg{transform:scale(1.025)}
.card-content{position:relative;z-index:2;padding:30px;height:100%;min-height:540px;display:flex;flex-direction:column;justify-content:flex-end;color:white}
.card .num{color:rgba(255,255,255,.72)}
.card h3{font-size:34px;margin:10px 0 12px}
.card p{color:rgba(255,255,255,.86);margin:0;line-height:1.55}
@media(max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.cards{grid-template-columns:1fr}.card,.card-content{min-height:480px}}




.editorial-page{font-family:Arial,Helvetica,sans-serif;background:#eeeae2;color:#28231c}
.editorial-page h1,.editorial-page h2,.editorial-page h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}
.page-hero{height:88vh;min-height:650px;background-size:cover;background-position:center;position:relative;color:#f6f1e8}
.page-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,15,12,.68),rgba(17,15,12,.05) 70%)}
.page-hero-copy{position:absolute;left:6vw;bottom:9vh;max-width:760px}
.page-hero-copy span,.eyebrow{font-size:12px;letter-spacing:.22em;font-weight:700}
.page-hero-copy h1{font-size:clamp(64px,9vw,138px);line-height:.82;margin:22px 0 30px}
.page-hero-copy p{font-size:20px;line-height:1.5;max-width:560px}
.story-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;padding:120px 7vw}
.story-year{font-family:Georgia,serif;font-size:clamp(100px,18vw,270px);line-height:.8;color:#8c2330}
.story-copy{max-width:650px}.story-copy h2,.story-split h2,.house-today h2{font-size:clamp(46px,5vw,78px);line-height:.98;margin:18px 0 30px}
.story-copy p,.story-split p,.house-today p{font-size:17px;line-height:1.75}
.editorial-image-wide{padding:0 4vw 120px}.editorial-image-wide img{width:100%;height:75vh;object-fit:cover}
.story-split,.house-today{display:grid;grid-template-columns:1fr 1fr;min-height:720px}
.story-split-copy,.house-today-copy{padding:9vw 8vw;display:flex;flex-direction:column;justify-content:center}
.story-split-image img,.house-today-image img{width:100%;height:100%;object-fit:cover}
.detail-band{background:#8c2330;color:#f7f1e8;display:grid;grid-template-columns:repeat(4,1fr);padding:42px 6vw;gap:30px}
.detail-band div{border-left:1px solid rgba(255,255,255,.35);padding-left:20px}.detail-band small{display:block;letter-spacing:.16em;font-size:10px;margin-bottom:10px}.detail-band strong{font-family:Georgia,serif;font-size:25px;font-weight:400}
.house-today{background:#171713;color:#f4efe5}.text-cta{color:inherit;text-decoration:none;border-bottom:1px solid;padding-bottom:7px;align-self:flex-start;margin-top:25px;font-size:12px;letter-spacing:.16em}
.contact-editorial{text-align:center;padding:130px 20px;background:#d6d1c7}.contact-editorial span{font-size:11px;letter-spacing:.2em}.contact-editorial h2{font-size:clamp(48px,6vw,88px);line-height:.95;margin:25px}.contact-editorial p{font-size:17px}.contact-editorial a{display:inline-block;margin-top:20px;color:inherit;text-decoration:none;border-bottom:1px solid;padding-bottom:6px}
.practical-page{padding:120px 6vw}.practical-head{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end;margin-bottom:80px}.practical-head h1{font-size:clamp(70px,10vw,145px);margin:10px 0 0;line-height:.8}.practical-head p{font-size:20px;line-height:1.5}
.practical-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #777;border-left:1px solid #777}.practical-grid article{padding:45px;border-right:1px solid #777;border-bottom:1px solid #777;min-height:260px}.practical-grid article>span{font-size:11px;letter-spacing:.18em}.practical-grid h3{font-size:35px;margin:18px 0}.practical-grid p{line-height:1.65}
.rules-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;padding:130px 0}.rules-title h2{font-size:clamp(52px,6vw,90px);line-height:.95;margin:20px 0}.rules-title p{font-size:17px;line-height:1.6}.rules-list{display:grid;grid-template-columns:1fr 1fr;gap:0 45px}.rules-list div{border-top:1px solid #8e887e;padding:25px 0 35px}.rules-list h3{font-size:26px;margin:0 0 12px}.rules-list p{line-height:1.55;margin:0}
.longstay{background:#28352c;color:#f4efe5;padding:75px;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end}.longstay span{font-size:11px;letter-spacing:.2em}.longstay h2{font-size:80px;margin:10px 0 0}.longstay p{font-size:17px;line-height:1.6}.longstay a{color:inherit;text-decoration:none;border-bottom:1px solid;padding-bottom:6px;font-size:12px;letter-spacing:.1em}
@media(max-width:800px){
.story-intro,.story-split,.house-today,.practical-head,.rules-wrap,.longstay{grid-template-columns:1fr}
.story-intro{padding:80px 7vw}.story-year{font-size:120px}.story-split,.house-today{min-height:0}.story-split-image,.house-today-image{height:65vh}.detail-band{grid-template-columns:1fr 1fr}.practical-grid,.rules-list{grid-template-columns:1fr}.practical-page{padding:80px 5vw}.longstay{padding:50px 30px}.longstay h2{font-size:60px}
}



/* V5.1 refinements */
:root{
  --hmv-dark:#39362f;
  --hmv-dark-soft:#454138;
  --hmv-cream:#eeeae2;
  --hmv-ink:#29251f;
}
/* Softer dark fields, still boutique but less abrupt */
.stay{background:var(--hmv-dark) !important;}
.house-today{background:var(--hmv-dark-soft) !important;}
.stay,.house-today{color:#f6f1e8 !important;}

/* Brand lockup with the two original-style vase ornaments */
.brand-lockup{
  display:flex;align-items:center;gap:9px;
  font-family:Georgia,'Times New Roman',serif !important;
  letter-spacing:.065em !important;font-size:18px !important;
  white-space:nowrap;
}
.brand-lockup span{display:flex;align-items:baseline;gap:7px}
.brand-lockup em{font-style:normal;font-size:.58em;letter-spacing:.12em}
.brand-vase{width:18px;height:34px;object-fit:contain;opacity:.95}
.brand-vase-right{transform:scaleX(-1)}

/* Let the façade image focus on the ornaments / upper front */
.facade-focus{overflow:hidden}
.facade-focus img{
  object-fit:cover !important;
  object-position:68% 18% !important;
  transform:scale(1.06);
}

/* Gallery behaves like a separate page in the same standalone file */
.gallery-page{
  display:none;
  min-height:100vh;
  background:#eeeae2;
  color:#29251f;
  padding:55px 5vw 90px;
}
body.gallery-open > *:not(#gallery-page){display:none !important}
body.gallery-open #gallery-page{display:block}
.gallery-top{
  display:grid;grid-template-columns:.45fr 1.55fr;gap:6vw;
  align-items:start;padding-bottom:70px;border-bottom:1px solid #8d877d;
}
.gallery-back{
  color:inherit;text-decoration:none;font-size:11px;letter-spacing:.17em;
  border-bottom:1px solid currentColor;padding-bottom:7px;justify-self:start;
}
.gallery-top h1{
  font-family:Georgia,'Times New Roman',serif;font-weight:400;
  font-size:clamp(70px,11vw,160px);line-height:.82;margin:18px 0 30px;
}
.gallery-top p{max-width:600px;font-size:18px;line-height:1.6}
.masonry-gallery{
  columns:3 320px;column-gap:18px;padding-top:18px;
}
.gallery-item{
  break-inside:avoid;margin:0 0 18px;overflow:hidden;background:#d8d2c8;
}
.gallery-item img{width:100%;height:auto;display:block;transition:transform .6s ease}
.gallery-item:hover img{transform:scale(1.015)}
.gallery-item-1 img,.gallery-item-4 img{aspect-ratio:4/5;object-fit:cover}
.gallery-item-2 img{aspect-ratio:4/3;object-fit:cover}
.gallery-footer{text-align:center;padding-top:80px}

@media(max-width:850px){
  .brand-lockup{font-size:14px !important;gap:6px}
  .brand-vase{width:14px;height:28px}
  .gallery-top{grid-template-columns:1fr;gap:40px}
}



#het-huis .page-hero{
  background-position:center center !important;
}



/* V5.3 — grouped gallery, inspired by the current site's room-by-room structure */
.grouped-gallery{padding-bottom:110px}
.gallery-group{padding:75px 0 90px;border-bottom:1px solid #a49d92}
.gallery-group-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}
.gallery-group h2{
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(42px,5vw,74px);
  font-weight:400;line-height:1;margin:0 0 10px;
}
.gallery-group-head p{margin:0;font-size:14px;letter-spacing:.035em;color:#5c574f}
.gallery-row{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.gallery-row figure{margin:0;overflow:hidden;background:#d7d1c6}
.gallery-row img{
  width:100%;height:520px;display:block;object-fit:cover;
  transition:transform .5s ease;
}
.gallery-row figure:hover img{transform:scale(1.015)}
.gallery-group:nth-of-type(2) .gallery-row img{object-position:center}
@media(max-width:900px){
  .gallery-row{grid-template-columns:1fr}
  .gallery-row img{height:auto;aspect-ratio:4/3}
  .gallery-group{padding:55px 0 65px}
}

.wp-fallback{min-height:70vh;padding:140px 6vw 80px;background:#f3eee5}
.wp-fallback-inner{max-width:900px;margin:auto}