:root{color-scheme:dark;--black:#070807;--panel:#0d0e0e;--ink:#e0dbd1;--muted:#a8a49e;--silver:#c8c4be;--rule:#56534d;--accent:#d1cbc0;--serif:Georgia,'Times New Roman',serif;--sans:'Trebuchet MS',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}::selection{background:#a69c8a;color:#080909}.demo-banner{height:24px;display:grid;place-items:center;letter-spacing:2px;font:9px var(--sans);background:#232624;color:#ceccc8;border-bottom:1px solid #363735;text-align:center}.site-header{height:77px;padding:0 min(5.5vw,90px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #55534f;background:#090a0a;position:relative;z-index:20;gap:20px}.wordmark{font-size:19px;letter-spacing:2.5px;font-weight:500;white-space:nowrap}.wordmark span{color:#a9a8a4}.main-nav{display:flex;align-items:center;gap:clamp(13px,2vw,34px)}.main-nav>a{font-size:13px;letter-spacing:.2px;color:#c5c3bd;white-space:nowrap;padding:28px 0 26px;position:relative}.main-nav>a:hover,.main-nav>a.active{color:#fff}.main-nav>a.active::after{content:'';position:absolute;bottom:15px;left:0;right:0;height:1px;background:#ddd7cc}.search-toggle,.menu-toggle{background:none;color:#d9d5cb;border:0}.search-toggle{font-size:24px;display:flex;align-items:center}.search-toggle span{font-size:0}.menu-toggle{display:none;font-size:25px}.search-panel{position:absolute;z-index:30;right:min(5.5vw,90px);top:101px;width:min(530px,92vw);padding:28px 30px;background:#171918;border:1px solid #545650;box-shadow:0 15px 60px #000b}.search-panel[hidden]{display:none}.search-panel label{font:10px var(--sans);letter-spacing:3px;color:#bbb4a8}.search-input-row{display:flex;border-bottom:1px solid #85817b;margin-top:16px}.search-input-row input{flex:1;background:none;color:#f0eee8;border:0;padding:13px 0;outline:none;font-size:16px;min-width:0}.search-input-row button{background:none;border:0;color:#d5d1ca;font-size:18px}.search-results{margin-top:14px}.search-hit{display:block;padding:12px 0;border-bottom:1px solid #454440}.search-hit strong{display:block;font-size:17px;font-weight:400}.search-hit small{display:block;margin-top:3px;color:var(--muted);font-size:10px;letter-spacing:1px}.search-none{padding:20px 0;color:var(--muted)}
.hero{position:relative;min-height:640px;overflow:hidden;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #5f5b53;background:#090a09}.hero-art{position:absolute;inset:0;background-image:url('willink-landschap.jpg');background-size:cover;background-position:center 53%;filter:grayscale(1) contrast(1.12) brightness(.70);transform:scale(1.015)}.hero-art::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.30),rgba(0,0,0,.02) 30%,rgba(0,0,0,.10) 60%,#080808 100%)}.hero-shade{position:absolute;inset:0;background:radial-gradient(ellipse 31% 62% at 50% 44%,rgba(4,4,4,.55),rgba(4,4,4,.04) 100%),linear-gradient(90deg,rgba(0,0,0,.2),transparent 20%,transparent 82%,rgba(0,0,0,.1)),linear-gradient(to bottom,rgba(0,0,0,.13),rgba(0,0,0,.05) 53%,#080808 100%)}.hero-content{position:relative;z-index:1;display:flex;align-items:center;flex-direction:column;width:100%;padding:38px 20px 53px;text-align:center}.emblem{width:min(27vw,255px);min-width:170px;aspect-ratio:1;object-fit:contain;filter:grayscale(1) brightness(.98);margin-bottom:12px}.eyebrow,.kicker,.section-label{font-family:var(--sans);font-size:10px;font-weight:normal;letter-spacing:4px;color:#c0bcb3;text-transform:uppercase}.eyebrow{margin:1px 0 16px;font-size:10px;color:#eee9df}.hero-title{font-size:clamp(35px,5.1vw,70px);letter-spacing:4px;line-height:1.06;font-weight:400;margin:0;text-shadow:0 2px 10px #0009}.hero-divider{display:flex;align-items:center;gap:13px;color:#bdbbb3;margin:22px 0 12px;font-size:20px}.hero-divider:before,.hero-divider:after{content:'';width:min(16vw,165px);height:1px;background:#a9a69e}.hero-subtitle{font-size:clamp(19px,2vw,26px);font-style:italic;margin:0 0 24px}.hero-quote{max-width:850px;margin:0;font-size:clamp(16px,1.6vw,21px);font-style:italic;line-height:1.6;text-shadow:0 2px 10px #000}.hero-reference{font:10px var(--sans);letter-spacing:4px;color:#bdb9b3;margin:10px 0 0}.scroll-cue{font:10px var(--sans);letter-spacing:3px;background:transparent;color:#dad6cd;margin-top:30px;border:1px solid #918c81;padding:12px 21px;transition:background .15s}.scroll-cue:hover{background:#292929}
.page-container{max-width:1300px;margin:0 auto;padding:0 clamp(21px,5.3vw,76px)}.section-heading{display:flex;align-items:center;gap:18px;margin:57px 0 29px;color:#d8d5cf}.section-heading:before,.section-heading:after{content:'';flex:1;border-top:1px solid #6c6862}.section-heading h2{font-family:var(--sans);font-size:12px;font-weight:400;letter-spacing:5px;text-align:center;margin:0;white-space:nowrap}.feature-story{display:grid;grid-template-columns:1.05fr 1fr;gap:47px;align-items:center;padding-bottom:46px;border-bottom:1px solid var(--rule)}.feature-image{width:100%;aspect-ratio:1.8;object-fit:cover;filter:grayscale(1) contrast(1.12) brightness(.67);border:1px solid #6c655b}.feature-body h3{font-size:clamp(28px,3vw,43px);font-weight:normal;margin:14px 0 18px;line-height:1.17}.feature-body p{font-size:18px;line-height:1.6;color:#bdb9b2;margin:0 0 20px}.read-link{font:10px var(--sans);letter-spacing:2.8px;display:inline-block;color:#e8e5dd;padding-bottom:5px;border-bottom:1px solid #99958f}.read-link:hover{color:white;border-color:white}.articles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0 0 70px}.article-card{padding:0 0 18px;border-bottom:1px solid #54514b}.article-card .article-photo{display:block;overflow:hidden;margin-bottom:16px}.article-card .article-photo img{display:block;width:100%;height:195px;object-fit:cover;filter:grayscale(1) contrast(1.12) brightness(.64);transition:transform .3s,filter .3s}.article-card:hover img{transform:scale(1.035);filter:grayscale(1) contrast(1.08) brightness(.83)}.article-card h3{font-size:25px;line-height:1.2;font-weight:normal;margin:12px 0 10px}.article-card p{color:#b8b4ad;font-size:15px;line-height:1.6;margin:0 0 15px}.article-card .kicker{font-size:9px;letter-spacing:2.5px}.article-footer{display:flex;justify-content:space-between;align-items:center;gap:10px}.article-footer span{font:9px var(--sans);letter-spacing:1.5px;color:#a6a39b}.article-footer a{font:10px var(--sans);letter-spacing:1px;color:#dad6cc}.mission-strip{border-top:1px solid #5a5853;padding:52px 20px 62px;text-align:center;max-width:850px;margin:auto}.mission-strip h2{font-size:31px;font-weight:400;margin:13px 0}.mission-strip p{font-size:18px;line-height:1.6;color:#b7b2a9}.mission-strip a{display:inline-block;margin-top:8px;border-bottom:1px solid #96928a;padding-bottom:5px;color:#ddd9d2}
.page-hero{position:relative;padding:85px 20px 70px;text-align:center;border-bottom:1px solid #5c5953;overflow:hidden;background:linear-gradient(#161817e6,#0b0c0b),url('hemel.jpg') center 35%/cover}.page-hero .small-cross{color:#d4d0c6;font-size:22px}.page-hero h1{font-size:clamp(40px,5vw,66px);font-weight:normal;letter-spacing:2px;margin:15px 0 13px}.page-hero p{font-size:18px;font-style:italic;color:#bdb8ae;max-width:740px;margin:auto}.category-pills{display:flex;gap:12px;flex-wrap:wrap;margin:39px 0 31px}.category-pills button{background:transparent;border:1px solid #77736b;color:#c7c1b6;padding:11px 16px;font:10px var(--sans);letter-spacing:1.2px}.category-pills button.active,.category-pills button:hover{background:#c5c0b8;color:#121312}.page-articles{padding:4px 0 65px}.page-articles .article-card{margin-bottom:17px}.empty-note{color:#aaa;padding:60px 0}
.article-hero{background:#101111;border-bottom:1px solid #59564f;padding:67px 20px 53px;text-align:center}.article-hero h1{max-width:950px;font-size:clamp(36px,5vw,67px);line-height:1.12;font-weight:400;margin:17px auto 18px}.article-hero p{max-width:850px;margin:0 auto 17px;color:#aaa49b;font-style:italic;font-size:20px;line-height:1.45}.article-hero .article-meta{font:10px var(--sans);letter-spacing:2px;color:#b7b4ac}.article-illustration{width:min(100%,1000px);display:block;max-height:330px;object-fit:cover;margin:34px auto 0;filter:grayscale(1) brightness(.76);border:1px solid #555}.article-prose{max-width:790px;padding:55px 26px 70px;margin:auto;font-size:19px;line-height:1.94;color:#d5d0c7}.article-prose p{margin:0 0 28px}.article-prose p:first-child::first-letter{float:left;font-size:82px;line-height:.8;padding:10px 12px 0 0;color:#e9e3d6}.article-prose h2{font-size:30px;font-weight:normal;margin:45px 0 18px}.article-prose blockquote{margin:45px 0;padding:10px 23px;border-left:2px solid #a69f92;font-size:24px;color:#eee9df;font-style:italic}.article-end{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #66615a;padding-top:22px}.article-end button{border:1px solid #7d7972;background:transparent;color:#e6e1d7;padding:10px 13px;font-size:14px}.about-copy{max-width:770px;margin:0 auto;padding:70px 25px 100px;font-size:20px;line-height:1.85;color:#d0cac1}.about-copy h2{font-weight:400;font-size:33px}.about-copy p{margin:0 0 25px}.about-copy .opening{font-size:26px;font-style:italic;color:#f1e8d9}
.site-footer{border-top:1px solid #6f6a61;padding:37px clamp(21px,5.3vw,76px) 24px;background:#090a09}.footer-inner{max-width:1150px;margin:auto;display:flex;align-items:center;gap:20px}.footer-symbol{font-size:30px}.footer-name{font-size:19px;letter-spacing:2px}.footer-verse{color:#b2aea5;font-style:italic;font-size:14px;margin-top:5px}.footer-inner>a{margin-left:auto;font-size:13px;color:#d0ccc4;text-decoration:underline;text-underline-offset:5px}.copyright{text-align:center;color:#817e78;font:9px var(--sans);letter-spacing:2px;margin-top:35px}
@media(max-width:1100px){.site-header{padding:0 26px}.main-nav{gap:14px}.main-nav>a{font-size:12px}.wordmark{font-size:16px;letter-spacing:1.5px}.hero{min-height:610px}}@media(max-width:800px){.site-header{height:65px}.wordmark{font-size:15px}.menu-toggle{display:block;margin-left:auto}.main-nav{position:absolute;top:65px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;background:#0b0b0b;padding:10px 26px 25px;gap:0;border-bottom:1px solid #5e5a53}.main-nav.open{display:flex}.main-nav>a{font-size:15px;padding:15px 0}.main-nav>a.active::after{display:none}.search-toggle{padding:10px 0}.search-toggle span{font-size:13px;margin-left:6px}.search-panel{top:89px;right:10px}.hero{min-height:635px}.hero-art{background-position:60% center}.emblem{min-width:175px;width:37vw}.hero-title{font-size:clamp(33px,7vw,50px)}.hero-quote{max-width:95%}.feature-story{grid-template-columns:1fr;gap:24px}.articles-grid{grid-template-columns:repeat(2,1fr)}.article-card .article-photo img{height:180px}.footer-inner{flex-wrap:wrap}.footer-inner>a{margin-left:0;width:100%}}@media(max-width:540px){.hero{min-height:620px}.hero-content{padding:25px 12px 38px}.emblem{width:220px;margin-bottom:8px}.eyebrow{font-size:8px;letter-spacing:2px}.hero-title{font-size:38px;letter-spacing:1.8px}.hero-subtitle{font-size:20px}.hero-quote{font-size:15px;line-height:1.6}.hero-reference{font-size:9px}.scroll-cue{margin-top:25px}.section-heading h2{font-size:10px;letter-spacing:3px}.section-heading{margin-top:43px}.articles-grid{grid-template-columns:1fr}.article-card .article-photo img{height:220px}.feature-body h3{font-size:31px}.page-hero{padding:65px 20px 53px}.page-hero h1{font-size:41px}.article-prose{font-size:18px;line-height:1.82}.article-end{flex-direction:column}.site-footer{padding-top:30px}.footer-name{font-size:16px}}
/* Aanvullingen voor WordPress */
.main-nav .menu-item>a{font-size:13px;color:#c5c3bd;white-space:nowrap;padding:28px 0 26px;position:relative;display:inline-block}.main-nav .current-menu-item>a{color:#fff}.main-nav .current-menu-item>a::after{content:'';position:absolute;bottom:15px;left:0;right:0;height:1px;background:#ddd7cc}.category-pills a{background:transparent;border:1px solid #77736b;color:#c7c1b6;padding:11px 16px;font:10px var(--sans);letter-spacing:1.2px}.category-pills a:hover,.category-pills a.active{background:#c5c0b8;color:#121312}.zwg-pagination{padding:12px 0 55px;color:#ddd}.zwg-pagination a,.zwg-pagination span{display:inline-block;padding:9px 12px;border:1px solid #4e4c47;margin-right:6px}.article-prose a:not(.read-link){text-decoration:underline;text-underline-offset:4px}.article-prose figure{margin:35px 0}.article-prose img{max-width:100%;height:auto}.article-prose ul,.article-prose ol{margin-bottom:24px}.article-prose h3{font-size:25px;font-weight:normal}.wp-block-quote{border-left:2px solid #bcb3a5;padding-left:25px}.alignwide{max-width:1000px}.alignfull{max-width:100%}body.admin-bar .site-header{top:0}
@media(max-width:800px){.main-nav .menu-item>a{font-size:15px;padding:15px 0}.main-nav .current-menu-item>a::after{display:none}}

.main-nav .menu-item{list-style:none;margin:0;padding:0}

/* =============================================================
   Versie 2.0: compactere gekleurde schilderij-hero en rustige nav
   ============================================================= */
.site-header { height: 72px; }
.main-nav { gap: clamp(22px, 3vw, 46px); }
.main-nav > a { font-size: 14px; padding: 25px 0; }
.main-nav > a.active { color: #fff; }
.main-nav > a.active::after { content: ''; position: absolute; bottom: 15px; left: 0; right: 0; height: 1px; background: #d2cdc3; }
.hero {
  min-height: 535px;
  padding: 24px 0;
  isolation: isolate;
}
.hero-art {
  background-image: url('willink-landschap.jpg');
  background-position: center 50%;
  background-size: cover;
  filter: saturate(.95) contrast(1.06) brightness(.87) blur(.15px);
  transform: scale(1.005);
}
.hero-art::after {
  background: linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,0) 28%, rgba(0,0,0,.08) 72%, #080808 100%);
}
.hero-shade {
  background:
    radial-gradient(ellipse 37% 76% at 50% 43%, rgba(3,7,8,.78) 0%, rgba(3,7,8,.48) 46%, rgba(3,7,8,0) 100%),
    linear-gradient(90deg, rgba(0,0,0,.18), transparent 16%, transparent 82%, rgba(0,0,0,.13)),
    linear-gradient(180deg, rgba(0,0,0,.06), transparent 55%, #080808 100%);
}
.hero-content {
  width: min(900px,100%);
  padding: 20px 24px 34px;
  background: radial-gradient(ellipse closest-side at center 42%, rgba(2,5,6,.18), transparent 100%);
}
.emblem {
  width: clamp(145px, 17vw, 190px);
  min-width: 0;
  margin-bottom: 10px;
  filter: grayscale(1) contrast(1.05) drop-shadow(0 4px 15px rgba(0,0,0,.7));
}
.eyebrow { margin: 0 0 10px; text-shadow: 0 2px 8px #000; }
.hero-title { font-size: clamp(35px, 4.75vw, 62px); letter-spacing: 2.8px; text-shadow: 0 3px 16px #000, 0 1px 4px #000; }
.hero-divider { margin: 13px 0 8px; }
.hero-subtitle { font-size: clamp(19px, 1.9vw, 24px); margin-bottom: 12px; text-shadow: 0 2px 10px #000; }
.hero-quote { max-width: 780px; font-size: clamp(15px, 1.45vw, 19px); line-height: 1.5; text-shadow: 0 3px 13px #000; }
.hero-reference { margin-top: 8px; text-shadow: 0 2px 7px #000; }
.scroll-cue { margin-top: 20px; padding: 10px 18px; }
@media (max-width: 1100px) {
  .hero { min-height: 520px; }
}
@media (max-width: 800px) {
  .site-header { height: 65px; }
  .main-nav { top: 65px; }
  .main-nav > a { padding: 15px 0; }
  .main-nav > a.active::after { display: none; }
  .hero { min-height: 490px; }
  .hero-art { background-position: 62% center; }
  .hero-content { padding: 22px 18px 30px; }
  .emblem { width: clamp(145px, 28vw, 170px); }
}
@media (max-width: 540px) {
  .hero { min-height: 490px; padding: 18px 0; }
  .hero-art { background-position: 66% center; }
  .hero-content { padding: 18px 13px 25px; }
  .emblem { width: 142px; min-width: 0; margin-bottom: 8px; }
  .hero-title { font-size: clamp(31px, 9.4vw, 38px); letter-spacing: 1.1px; }
  .hero-divider { margin: 11px 0 7px; }
  .hero-subtitle { font-size: 18px; margin-bottom: 12px; }
  .hero-quote { font-size: 14px; max-width: 94%; line-height: 1.5; }
  .scroll-cue { margin-top: 17px; }
}