:root{
  /* Kleuren afgelezen van nummenlinna.fi screenshot */
  --sage:#AEB795;        /* hoofdgroen: strips, footer, paginarand */
  --sage-light:#C6CDB2;  /* lichte accenten */
  --sage-bg:#B3BC9B;     /* body-achtergrond naast content */
  --cream:#EFE9DC;       /* logo-cirkel / zachte vlakken */
  --paper:#FBFAF6;       /* contentkaart */
  --dark:#1F1F1F;        /* zwarte topbar */
  --ink:#2A2A26;
  --ink-soft:#565349;
}
*{box-sizing:border-box;} html{scroll-behavior:smooth;}
body{margin:0;font-family:'EB Garamond',serif;color:var(--ink);background:var(--sage-bg);font-size:18px;}
img{max-width:100%;display:block;} a{color:inherit;text-decoration:none;} ul{margin:0;padding:0;list-style:none;}
h1,h2,h3{font-family:'EB Garamond',serif;margin:0;font-weight:600;line-height:1.2;}
p{margin:0;line-height:1.75;}
.wrap{max-width:1180px;margin:0 auto;}

/* Zwarte topbar met 24/7 nummer */
.topbar{background:var(--dark);color:#fff;text-align:center;font-size:14.5px;padding:7px 16px;}
.topbar a{color:#fff;} .topbar a:hover{text-decoration:underline;}
.sage-strip{height:12px;background:var(--sage);}

/* Header: gecentreerd logo + tagline, Instagram rechts */
.site-header{background:#fff;position:relative;padding:26px 16px 20px;text-align:center;}
.site-header .logo{width:150px;height:150px;margin:0 auto;border-radius:50%;background:var(--cream);display:flex;align-items:center;justify-content:center;overflow:hidden;}
.site-header .logo img{width:100%;height:100%;object-fit:contain;}
.site-header h1.tagline{font-size:30px;font-style:italic;font-weight:600;margin-top:14px;}
.site-header .sub{font-style:italic;font-size:17px;color:var(--ink-soft);margin-top:4px;}
.header-insta{position:absolute;right:26px;top:50%;transform:translateY(-50%);color:var(--ink);}
.header-insta svg{width:22px;height:22px;}

/* Navigatie — sticky, klein logo linksboven */
.main-nav{background:#fff;border-top:1px solid #eee;box-shadow:0 3px 10px rgba(0,0,0,.08);position:sticky;top:0;z-index:100;}
.nav-inner{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:14px;padding:6px 16px;min-height:60px;}
.nav-logo{flex:0 0 46px;width:46px;height:46px;display:flex;align-items:center;justify-content:center;align-self:center;line-height:0;opacity:0;pointer-events:none;transition:opacity .25s ease;}
.main-nav.scrolled .nav-logo,body.navstuck .main-nav .nav-logo,.pdfmodal .nav-logo{opacity:1;pointer-events:auto;}
.nav-logo img{flex:0 0 auto;width:46px;height:46px;min-width:46px;border-radius:50%;background:var(--cream);object-fit:contain;padding:2px;}
.nav-links{display:flex;flex:1;justify-content:center;flex-wrap:wrap;gap:2px;}
.main-nav a{font-size:16px;font-weight:600;padding:10px 14px;border-radius:6px;transition:background .2s;}
.nav-links a:hover{background:var(--cream);}
.nav-links a.active{background:var(--sage);color:#fff;}
.nav-toggle{display:none;}
/* Fallback: oude nav-markup (.main-nav .wrap) blijft correct renderen */
.main-nav .wrap{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2px;padding:6px 16px;min-height:60px;}
.main-nav .wrap a:hover{background:var(--cream);}
.main-nav .wrap a.active{background:var(--sage);color:#fff;}

/* Fotobanner */
.banner{max-width:1180px;margin:0 auto;}
.banner img{width:100%;height:min(52vh,520px);object-fit:cover;}

/* Content-kaart */
.content{background:var(--paper);max-width:1180px;margin:14px auto 0;padding:44px clamp(20px,4vw,60px) 56px;box-shadow:0 2px 12px rgba(0,0,0,.06);border-top:2px solid var(--ink);}
.content h1.page-title{font-size:32px;margin-bottom:26px;}
.content p{margin-top:18px;color:var(--ink);}
.kicker{font-size:15px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin-top:36px;font-weight:600;}
.status{background:var(--cream);border-left:4px solid var(--sage);padding:12px 18px;margin-bottom:24px;font-size:16.5px;}

/* Fotorijen */
.photos2,.photos3{display:grid;gap:14px;margin-top:22px;}
.photos2{grid-template-columns:1fr;} .photos3{grid-template-columns:1fr;}
@media(min-width:720px){.photos2{grid-template-columns:1fr 1fr;}.photos3{grid-template-columns:repeat(3,1fr);}}
.photos2 img,.photos3 img,.ph{width:100%;aspect-ratio:4/3;object-fit:cover;}
.ph{background:var(--cream);display:flex;align-items:center;justify-content:center;color:var(--ink-soft);font-size:14px;font-style:italic;text-align:center;padding:12px;}

/* Contact-blokken */
.grid2{display:grid;grid-template-columns:1fr;gap:18px;margin-top:30px;}
@media(min-width:820px){.grid2{grid-template-columns:1fr 1fr;}}
.pane{background:#fff;border:1px solid #E5E2D6;padding:24px;}
.pane h3{font-size:20px;margin-bottom:12px;}
.pane dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:0;font-size:16.5px;}
.pane dt{font-weight:700;} .pane dd{margin:0;color:var(--ink-soft);}
.callbtn{display:inline-block;background:var(--sage);color:#fff;font-weight:600;padding:11px 22px;margin-top:14px;transition:background .2s;}
.callbtn:hover{background:#9AA381;}

/* Footer: witte menuregel + sage blok */
.footmenu{background:var(--paper);max-width:1180px;margin:26px auto 0;padding:16px 20px;display:flex;justify-content:center;flex-wrap:wrap;gap:6px 22px;font-size:15.5px;font-weight:600;}
.footmenu a:hover{text-decoration:underline;}
footer.sage{background:var(--sage);color:var(--ink);padding:34px 0 30px;font-size:15.5px;}
footer.sage .wrap{padding:0 24px;}
footer.sage p{margin-top:6px;}

@media(max-width:760px){
  .site-header .logo{width:110px;height:110px;}
  .site-header h1.tagline{font-size:24px;}
  .header-insta{top:24px;transform:none;}

  .nav-logo{flex:0 0 38px;width:38px;height:38px;align-self:center;order:1;}
  .nav-logo img{width:38px;height:38px;min-width:38px;}

  .nav-toggle{display:inline-flex;align-items:center;justify-content:center;background:none;border:1px solid #ddd;border-radius:8px;width:42px;height:42px;cursor:pointer;flex:0 0 auto;order:2;margin-left:auto;align-self:center;}
  .nav-toggle svg{width:22px;height:22px;}

  .nav-inner,.main-nav .wrap{position:relative;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;min-height:54px;padding:6px 16px;}

  /* Uitklapmenu als paneel onder de balk */
  .nav-links,.main-nav .wrap > a{display:none;}
  .nav-links{position:absolute;top:100%;left:0;right:0;background:#fff;border-top:1px solid #eee;box-shadow:0 8px 18px rgba(0,0,0,.12);flex-direction:column;align-items:stretch;text-align:left;padding:0;z-index:120;}
  .main-nav.open .nav-links{display:flex;}
  .main-nav.open .wrap > a{display:block;}
  .main-nav .nav-links a,.main-nav.open .wrap > a{padding:15px 20px;border-radius:0;border-bottom:1px solid #eee;font-size:17px;}
  .main-nav .nav-links a:last-child{border-bottom:none;}
  .main-nav .nav-links a.active,.main-nav.open .wrap > a.active{background:transparent;color:var(--sage);border-left:4px solid var(--sage);padding-left:16px;}
  .main-nav .wrap{flex-wrap:nowrap;}
}

/* PDF-viewer met vaste navigatie */
.pdfmodal{display:none;position:fixed;inset:0;background:rgba(20,20,18,.94);z-index:9999;flex-direction:column;}
.pdfmodal.open{display:flex;}
.pdfmodal .main-nav{position:relative;flex:0 0 auto;}
.pdfmodal-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--sage);color:#fff;padding:9px 18px;}
.pdfmodal-title{font-size:16px;font-weight:600;}
.pdfmodal-close{background:none;border:none;color:#fff;font-size:28px;line-height:1;cursor:pointer;padding:0 6px;}
.pdfmodal-body{position:relative;flex:1;background:#3a3a38;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.pdfpages{display:flex;flex-direction:column;align-items:center;gap:16px;padding:16px;}
canvas.pdfpage{display:block;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.35);max-width:100%;
  user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;pointer-events:none;}
.pdfstatus{color:#f2f0e9;text-align:center;padding:40px 20px;font-size:17px;}

/* Documentlijst */
.doclist{margin-top:14px;}
.doclist li{margin-top:10px;}
.doclist a{color:var(--ink);border-bottom:1px solid var(--sage);padding-bottom:2px;font-weight:600;}
.doclist a:hover{color:#7d8663;border-color:#7d8663;}