{"id":999,"date":"2026-09-25T23:01:54","date_gmt":"2026-09-25T23:01:54","guid":{"rendered":"https:\/\/kathleenpeetersartandstories.com\/?page_id=999"},"modified":"2026-09-25T23:01:55","modified_gmt":"2026-09-25T23:01:55","slug":"exhibition","status":"publish","type":"page","link":"https:\/\/kathleenpeetersartandstories.com\/nl\/exhibition\/","title":{"rendered":"Expositie"},"content":{"rendered":"\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,500;0,600;1,500&family=Lato:wght@300;400&display=swap');\n\n.exh-page {\n  position: relative;\n  width: 100vw;\n  margin-left: calc(-50vw + 50%);\n  margin-right: calc(-50vw + 50%);\n  padding: 90px 20px 0 20px;\n  background:\n    radial-gradient(ellipse at 15% 0%, rgba(201, 168, 76, 0.08), transparent 50%),\n    radial-gradient(ellipse at 85% 30%, rgba(27, 58, 107, 0.04), transparent 50%),\n    linear-gradient(180deg, #FBF8F1 0%, #F4EEE1 60%, #F9F5ED 85%, #FFFFFF 100%);\n  overflow: hidden;\n}\n\n.exh-page::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background-image: repeating-linear-gradient(45deg, rgba(27,58,107,0.012) 0 2px, transparent 2px 6px);\n  pointer-events: none;\n}\n\n.exh-wrap {\n  position: relative;\n  max-width: 1280px;\n  margin: 0 auto;\n}\n\n\/* ===== Editorial header ===== *\/\n.exh-head {\n  text-align: center;\n  margin-bottom: 26px;\n}\n\n.exh-eyebrow {\n  font-family: 'Lato', sans-serif;\n  font-weight: 400;\n  font-size: 12px;\n  letter-spacing: 4px;\n  text-transform: uppercase;\n  color: #b39a55;\n  margin: 0 0 18px 0;\n}\n\n.exh-head h1 {\n  font-family: 'Playfair Display', Georgia, serif;\n  font-weight: 600;\n  font-size: clamp(42px, 6vw, 64px);\n  line-height: 1.08;\n  color: #1B3A6B;\n  margin: 0 0 22px 0;\n}\n\n.exh-head h1 em {\n  font-style: italic;\n  font-weight: 500;\n  color: #C9A84C;\n}\n\n.exh-ornament {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 14px;\n  margin-bottom: 22px;\n}\n\n.exh-ornament::before,\n.exh-ornament::after {\n  content: '';\n  width: 72px;\n  height: 1px;\n  background: linear-gradient(90deg, transparent, #C9A84C);\n}\n\n.exh-ornament::after {\n  background: linear-gradient(90deg, #C9A84C, transparent);\n}\n\n.exh-ornament i {\n  width: 8px;\n  height: 8px;\n  background: #C9A84C;\n  transform: rotate(45deg);\n  display: block;\n}\n\n.exh-lede {\n  font-family: 'Playfair Display', Georgia, serif;\n  font-style: italic;\n  font-weight: 500;\n  font-size: 19px;\n  line-height: 1.7;\n  color: #7d7566;\n  max-width: 540px;\n  margin: 0 auto 70px auto;\n}\n\n\/* ===== Gallery grid \u2014 editorial rhythm ===== *\/\n.exh-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  grid-auto-rows: 240px;\n  grid-auto-flow: dense;\n  gap: 18px;\n}\n\n.exh-grid a {\n  position: relative;\n  display: block;\n  overflow: hidden;\n  border-radius: 8px;\n  background: #ebe3d2;\n  box-shadow:\n    0 5px 20px rgba(27, 58, 107, 0.10),\n    0 1px 4px rgba(27, 58, 107, 0.06);\n  opacity: 0;\n  transform: translateY(28px);\n  transition: opacity 0.7s ease, transform 0.7s ease, box-shadow 0.4s ease;\n  cursor: zoom-in;\n}\n\n.exh-grid a.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.exh-grid a:hover {\n  box-shadow:\n    0 22px 52px rgba(27, 58, 107, 0.22),\n    0 6px 16px rgba(27, 58, 107, 0.10);\n}\n\n.exh-grid a.feature {\n  grid-column: span 2;\n  grid-row: span 2;\n}\n\n.exh-grid img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  display: block;\n  transition: transform 0.75s cubic-bezier(0.2, 0.6, 0.2, 1);\n}\n\n.exh-grid a:hover img {\n  transform: scale(1.055);\n}\n\n\/* hover veil + \"View\" hint *\/\n.exh-grid a .veil {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(180deg, rgba(27,58,107,0) 55%, rgba(20, 32, 55, 0.42) 100%);\n  opacity: 0;\n  transition: opacity 0.45s ease;\n  pointer-events: none;\n}\n\n.exh-grid a .hint {\n  position: absolute;\n  left: 50%;\n  bottom: 22px;\n  transform: translateX(-50%) translateY(8px);\n  font-family: 'Lato', sans-serif;\n  font-size: 11px;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  color: #F5E6C8;\n  padding: 7px 18px;\n  border: 1px solid rgba(245, 230, 200, 0.55);\n  border-radius: 30px;\n  opacity: 0;\n  transition: opacity 0.45s ease, transform 0.45s ease;\n  pointer-events: none;\n  backdrop-filter: blur(2px);\n}\n\n.exh-grid a:hover .veil { opacity: 1; }\n.exh-grid a:hover .hint { opacity: 1; transform: translateX(-50%) translateY(0); }\n\n\/* ===== Credit ===== *\/\n.exh-credit {\n  text-align: center;\n  padding: 75px 20px 70px 20px;\n}\n\n.exh-credit-rule {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 14px;\n  margin-bottom: 24px;\n}\n\n.exh-credit-rule::before,\n.exh-credit-rule::after {\n  content: '';\n  width: 46px;\n  height: 1px;\n  background: linear-gradient(90deg, transparent, #cbb87e);\n}\n\n.exh-credit-rule::after {\n  background: linear-gradient(90deg, #cbb87e, transparent);\n}\n\n.exh-credit-rule i {\n  width: 6px;\n  height: 6px;\n  background: #cbb87e;\n  transform: rotate(45deg);\n  display: block;\n}\n\n.exh-credit-label {\n  font-family: 'Lato', sans-serif;\n  font-weight: 300;\n  font-size: 12px;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  color: #9a9librar27b;\n  color: #9a917b;\n  margin: 0 0 8px 0;\n}\n\n.exh-credit-name {\n  font-family: 'Playfair Display', Georgia, serif;\n  font-style: italic;\n  font-weight: 500;\n  font-size: 26px;\n  color: #C9A84C;\n  margin: 0;\n}\n\n\/* ===== Responsive ===== *\/\n@media (max-width: 1000px) {\n  .exh-grid {\n    grid-template-columns: repeat(2, 1fr);\n    grid-auto-rows: 210px;\n    gap: 13px;\n  }\n}\n\n@media (max-width: 560px) {\n  .exh-page { padding-top: 60px; }\n  .exh-lede { margin-bottom: 45px; font-size: 17px; }\n  .exh-grid {\n    grid-template-columns: repeat(2, 1fr);\n    grid-auto-rows: 150px;\n    gap: 10px;\n  }\n  .exh-grid a.feature {\n    grid-column: span 2;\n    grid-row: span 2;\n  }\n}\n\n\/* ===== Lightbox ===== *\/\n#exhLightboxOverlay {\n  display: none;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  background: rgba(9, 13, 21, 0.96);\n  z-index: 999999;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  animation: exhFadeIn 0.35s ease;\n}\n\n@keyframes exhFadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n#exhLightboxOverlay.active { display: flex; }\n\n#exhLbImg {\n  max-width: 86vw;\n  max-height: 86vh;\n  display: block;\n  border-radius: 5px;\n  box-shadow: 0 30px 90px rgba(0,0,0,0.65);\n  animation: exhZoomIn 0.35s cubic-bezier(0.2, 0.6, 0.2, 1);\n}\n\n@keyframes exhZoomIn {\n  from { transform: scale(0.93); opacity: 0; }\n  to { transform: scale(1); opacity: 1; }\n}\n\n.exh-lb-close {\n  position: fixed;\n  top: 22px;\n  right: 30px;\n  font-size: 32px;\n  color: #fff;\n  cursor: pointer;\n  z-index: 9999999;\n  line-height: 1;\n  transition: color 0.25s ease, transform 0.25s ease;\n}\n\n.exh-lb-close:hover {\n  color: #C9A84C;\n  transform: rotate(90deg);\n}\n\n.exh-lb-prev,\n.exh-lb-next {\n  position: fixed;\n  top: 50%;\n  transform: translateY(-50%);\n  font-size: 52px;\n  color: rgba(255,255,255,0.85);\n  cursor: pointer;\n  z-index: 9999999;\n  user-select: none;\n  padding: 14px 22px;\n  transition: color 0.25s ease;\n}\n\n.exh-lb-prev:hover, .exh-lb-next:hover { color: #C9A84C; }\n\n.exh-lb-prev { left: 8px; }\n.exh-lb-next { right: 8px; }\n\n.exh-lb-counter {\n  position: fixed;\n  top: 24px;\n  left: 24px;\n  color: #fff;\n  font-size: 13px;\n  font-family: 'Lato', sans-serif;\n  letter-spacing: 2px;\n  z-index: 9999999;\n  background: rgba(201, 168, 76, 0.22);\n  border: 1px solid rgba(201, 168, 76, 0.5);\n  padding: 5px 16px;\n  border-radius: 20px;\n}\n<\/style>\n\n<div class=\"exh-page\">\n  <div class=\"exh-wrap\">\n\n    <div class=\"exh-head\">\n      <p class=\"exh-eyebrow\">Kathleen Peeters \u2014 Art &amp; Stories<\/p>\n      <h1>The <em>Exhibition<\/em><\/h1>\n      <div class=\"exh-ornament\"><i><\/i><\/div>\n      <p class=\"exh-lede\">Where paintings leave the studio and meet the world \u2014 moments, encounters and quiet emotions, captured along the way.<\/p>\n    <\/div>\n\n    <div class=\"exh-grid\" id=\"exhGallery\">\n      <a href=\"#\" class=\"feature\"><img decoding=\"async\" src=\"https:\/\/kathleenpeetersartandstories.com\/wp-content\/uploads\/2026\/09\/Exhibition8.jpg\" alt=\"Exhibition\" \/><span class=\"veil\"><\/span><span class=\"hint\">View<\/span><\/a>\n      <a href=\"#\"><img decoding=\"async\" src=\"https:\/\/kathleenpeetersartandstories.com\/wp-content\/uploads\/2026\/09\/Exhibition1.jpg\" alt=\"Exhibition\" \/><span class=\"veil\"><\/span><span class=\"hint\">View<\/span><\/a>\n      <a href=\"#\"><img decoding=\"async\" src=\"https:\/\/kathleenpeetersartandstories.com\/wp-content\/uploads\/2026\/09\/Exhibition2.jpg\" alt=\"Exhibition\" \/><span class=\"veil\"><\/span><span class=\"hint\">View<\/span><\/a>\n      <a href=\"#\"><img decoding=\"async\" src=\"https:\/\/kathleenpeetersartandstories.com\/wp-content\/uploads\/2026\/09\/Exhibition3.jpg\" alt=\"Exhibition\" \/><span class=\"veil\"><\/span><span class=\"hint\">View<\/span><\/a>\n      <a href=\"#\"><img decoding=\"async\" src=\"https:\/\/kathleenpeetersartandstories.com\/wp-content\/uploads\/2026\/09\/Exhibition4.jpg\" alt=\"Exhibition\" \/><span class=\"veil\"><\/span><span class=\"hint\">View<\/span><\/a>\n      <a href=\"#\"><img decoding=\"async\" src=\"https:\/\/kathleenpeetersartandstories.com\/wp-content\/uploads\/2026\/09\/Exhibition5.jpg\" alt=\"Exhibition\" \/><span class=\"veil\"><\/span><span class=\"hint\">View<\/span><\/a>\n      <a href=\"#\"><img decoding=\"async\" src=\"https:\/\/kathleenpeetersartandstories.com\/wp-content\/uploads\/2026\/09\/Exhibition6.jpg\" alt=\"Exhibition\" \/><span class=\"veil\"><\/span><span class=\"hint\">View<\/span><\/a>\n      <a href=\"#\" class=\"feature\"><img decoding=\"async\" src=\"https:\/\/kathleenpeetersartandstories.com\/wp-content\/uploads\/2026\/09\/Exhibition13.jpg\" alt=\"Exhibition\" \/><span class=\"veil\"><\/span><span class=\"hint\">View<\/span><\/a>\n      <a href=\"#\"><img decoding=\"async\" src=\"https:\/\/kathleenpeetersartandstories.com\/wp-content\/uploads\/2026\/09\/Exhibition7.jpg\" alt=\"Exhibition\" \/><span class=\"veil\"><\/span><span class=\"hint\">View<\/span><\/a>\n      <a href=\"#\"><img decoding=\"async\" src=\"https:\/\/kathleenpeetersartandstories.com\/wp-content\/uploads\/2026\/09\/Exhibition9.jpg\" alt=\"Exhibition\" \/><span class=\"veil\"><\/span><span class=\"hint\">View<\/span><\/a>\n      <a href=\"#\"><img decoding=\"async\" src=\"https:\/\/kathleenpeetersartandstories.com\/wp-content\/uploads\/2026\/09\/Exhibition10.jpg\" alt=\"Exhibition\" \/><span class=\"veil\"><\/span><span class=\"hint\">View<\/span><\/a>\n      <a href=\"#\"><img decoding=\"async\" src=\"https:\/\/kathleenpeetersartandstories.com\/wp-content\/uploads\/2026\/09\/Exhibition11.jpg\" alt=\"Exhibition\" \/><span class=\"veil\"><\/span><span class=\"hint\">View<\/span><\/a>\n      <a href=\"#\"><img decoding=\"async\" src=\"https:\/\/kathleenpeetersartandstories.com\/wp-content\/uploads\/2026\/09\/Exhibition12.jpg\" alt=\"Exhibition\" \/><span class=\"veil\"><\/span><span class=\"hint\">View<\/span><\/a>\n      <a href=\"#\"><img decoding=\"async\" src=\"https:\/\/kathleenpeetersartandstories.com\/wp-content\/uploads\/2026\/09\/Exhibition14.jpg\" alt=\"Exhibition\" \/><span class=\"veil\"><\/span><span class=\"hint\">View<\/span><\/a>\n    <\/div>\n\n    <div class=\"exh-credit\">\n      <div class=\"exh-credit-rule\"><i><\/i><\/div>\n      <p class=\"exh-credit-label\">Photography by<\/p>\n      <p class=\"exh-credit-name\">Jitte Cornelissens<\/p>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script>\n(function() {\n  var exhLinks = document.querySelectorAll('#exhGallery a');\n  var exhImages = [];\n  var exhCurrent = 0;\n\n  exhLinks.forEach(function(link, i) {\n    var img = link.querySelector('img');\n    exhImages.push(img.src);\n    link.addEventListener('click', function(e) {\n      e.preventDefault();\n      exhOpen(i);\n    });\n  });\n\n  var exhObserver = new IntersectionObserver(function(entries) {\n    entries.forEach(function(entry, i) {\n      if (entry.isIntersecting) {\n        setTimeout(function() {\n          entry.target.classList.add('visible');\n        }, (i % 4) * 110);\n        exhObserver.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.06 });\n\n  exhLinks.forEach(function(link) {\n    exhObserver.observe(link);\n  });\n\n  var lbHTML = '<div id=\"exhLightboxOverlay\">' +\n    '<span class=\"exh-lb-counter\" id=\"exhLbCounter\">1 \/ ' + exhImages.length + '<\/span>' +\n    '<span class=\"exh-lb-close\" id=\"exhLbClose\">&#10005;<\/span>' +\n    '<span class=\"exh-lb-prev\" id=\"exhLbPrev\">&#8249;<\/span>' +\n    '<img decoding=\"async\" id=\"exhLbImg\" src=\"\" alt=\"\" \/>' +\n    '<span class=\"exh-lb-next\" id=\"exhLbNext\">&#8250;<\/span>' +\n    '<\/div>';\n\n  document.body.insertAdjacentHTML('beforeend', lbHTML);\n\n  var overlay = document.getElementById('exhLightboxOverlay');\n  var lbImg = document.getElementById('exhLbImg');\n  var lbCounter = document.getElementById('exhLbCounter');\n\n  function exhUpdate() {\n    lbImg.src = exhImages[exhCurrent];\n    lbCounter.textContent = (exhCurrent + 1) + ' \/ ' + exhImages.length;\n  }\n\n  function exhOpen(i) {\n    exhCurrent = i;\n    exhUpdate();\n    overlay.classList.add('active');\n    document.body.style.overflow = 'hidden';\n  }\n\n  function exhClose() {\n    overlay.classList.remove('active');\n    document.body.style.overflow = '';\n  }\n\n  function exhNext() {\n    exhCurrent = (exhCurrent + 1) % exhImages.length;\n    exhUpdate();\n  }\n\n  function exhPrev() {\n    exhCurrent = (exhCurrent - 1 + exhImages.length) % exhImages.length;\n    exhUpdate();\n  }\n\n  document.getElementById('exhLbClose').addEventListener('click', exhClose);\n  document.getElementById('exhLbPrev').addEventListener('click', exhPrev);\n  document.getElementById('exhLbNext').addEventListener('click', exhNext);\n  overlay.addEventListener('click', function(e) {\n    if (e.target === overlay) exhClose();\n  });\n\n  document.addEventListener('keydown', function(e) {\n    if (!overlay.classList.contains('active')) return;\n    if (e.key === 'ArrowRight') exhNext();\n    if (e.key === 'ArrowLeft') exhPrev();\n    if (e.key === 'Escape') exhClose();\n  });\n\n  var touchStartX = 0;\n  overlay.addEventListener('touchstart', function(e) {\n    touchStartX = e.changedTouches[0].screenX;\n  }, { passive: true });\n  overlay.addEventListener('touchend', function(e) {\n    var diff = e.changedTouches[0].screenX - touchStartX;\n    if (diff < -50) exhNext();\n    if (diff > 50) exhPrev();\n  }, { passive: true });\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Kathleen Peeters \u2014 Art &amp; Stories The Exhibition Where paintings leave the studio and meet the world \u2014 moments, encounters and quiet emotions, captured along the way. View View View View View View View View View View View View View View Photography by Jitte Cornelissens<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-999","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/kathleenpeetersartandstories.com\/nl\/wp-json\/wp\/v2\/pages\/999","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kathleenpeetersartandstories.com\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kathleenpeetersartandstories.com\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kathleenpeetersartandstories.com\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kathleenpeetersartandstories.com\/nl\/wp-json\/wp\/v2\/comments?post=999"}],"version-history":[{"count":2,"href":"https:\/\/kathleenpeetersartandstories.com\/nl\/wp-json\/wp\/v2\/pages\/999\/revisions"}],"predecessor-version":[{"id":1015,"href":"https:\/\/kathleenpeetersartandstories.com\/nl\/wp-json\/wp\/v2\/pages\/999\/revisions\/1015"}],"wp:attachment":[{"href":"https:\/\/kathleenpeetersartandstories.com\/nl\/wp-json\/wp\/v2\/media?parent=999"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}