:root {
  --cream: #f3e9d6;
  --gold: #d5a24b;
  --green: #173e3b;
  --ink: #1e1e1e;
  --wine: #7e2e3e;
  --stage-w: 1280px;
  --stage-h: 5900px;
}

* { box-sizing: border-box; }

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  margin: 0;
  background: var(--cream);
  color: var(--ink);
  display: flex;
  justify-content: center;
}

html.is-capped,
html.is-capped body {
  background: #000;
}

img { display: block; max-width: none; }

a { color: inherit; }

.stage {
  position: relative;
  width: var(--stage-w);
  height: var(--stage-h);
  flex: none;
  overflow: clip;
  background: #fff;
}

.stage.is-podcast-off {
  --stage-h: 5120px;
}

.home-news-wave {
  position: absolute;
  left: 0;
  top: -108px;
  z-index: 0;
  width: 1280px;
  height: 180px;
  pointer-events: none;
}

.home-news-wave svg {
  display: block;
  width: 100%;
  height: 100%;
}

.layer {
  position: absolute;
  pointer-events: none;
}

.layer img,
.fit img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cream-mid {
  left: 0;
  top: 498px;
  width: 1298px;
  height: 1256px;
  background: var(--cream);
}

.hero-photo {
  left: -1px;
  top: -4px;
  width: 1281px;
  height: 643px;
}

.organic-quote {
  left: -283px;
  top: 450px;
  width: 2000px;
  height: 1413px;
}

.organic-hero {
  right: -692px;
  top: -770px;
  width: 1830px;
  height: 1627px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.organic-hero img {
  width: 1509px;
  height: 1111px;
  object-fit: contain;
  transform: rotate(23.91deg);
}

.seal {
  left: -99px;
  top: 843px;
  width: 787px;
  height: 787px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.seal img {
  width: 663px;
  height: 663px;
  object-fit: cover;
  transform: rotate(-12.05deg);
}

.portrait {
  left: -18px;
  top: 1052px;
  width: 1424px;
  height: 1257px;
  isolation: isolate;
}

.portrait::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--green);
  -webkit-mask-image: url("/assets/portrait.webp");
  mask-image: url("/assets/portrait.webp");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  pointer-events: none;
}

.portrait img {
  position: relative;
  z-index: 1;
  -webkit-mask-image: url("/assets/portrait.webp"), linear-gradient(to right, transparent 0%, transparent 26%, #fff 48%, #fff 100%);
  mask-image: url("/assets/portrait.webp"), linear-gradient(to right, transparent 0%, transparent 26%, #fff 48%, #fff 100%);
  -webkit-mask-size: 100% 100%, 100% 100%;
  mask-size: 100% 100%, 100% 100%;
  -webkit-mask-repeat: no-repeat, no-repeat;
  mask-repeat: no-repeat, no-repeat;
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}

.green-fade {
  left: -1px;
  top: 1535px;
  width: 1282px;
  height: 1288px;
  background: linear-gradient(to bottom, rgba(23, 62, 59, 0) 0%, var(--green) 38.942%);
}

.cream-rest {
  left: -30px;
  top: 2670px;
  width: 1333px;
  height: 3290px;
  background: var(--cream);
}

.organic-story {
  left: -18px;
  top: 2202px;
  width: 1395px;
  height: 861px;
  overflow: hidden;
}

.organic-story img {
  position: absolute;
  width: 100.02%;
  height: 135.31%;
  left: -0.01%;
  top: -35.31%;
  max-width: none;
  object-fit: fill;
}

.book-blob {
  left: 50px;
  top: 2989px;
  width: 646px;
  height: 606px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.book-blob img {
  width: 515px;
  height: 440px;
  object-fit: cover;
  transform: rotate(157deg);
}

.organic-gold {
  left: -438px;
  top: 3631px;
  width: 2226px;
  height: 1964px;
}

.organic-wine {
  left: -153px;
  top: 3570px;
  width: 1889px;
  height: 1262px;
  overflow: hidden;
}

.organic-wine img {
  position: absolute;
  width: 100%;
  height: 124.99%;
  left: 0;
  top: -0.01%;
  max-width: none;
  object-fit: fill;
}

.organic-podcast {
  left: -256px;
  top: 4240px;
  width: 2005px;
  height: 1092px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.organic-podcast .rot {
  position: relative;
  width: 1900px;
  height: 779px;
  transform: rotate(9.84deg);
  overflow: hidden;
}

.organic-podcast .rot img {
  position: absolute;
  width: 100%;
  height: 215.34%;
  left: 0;
  top: -115.34%;
  max-width: none;
  object-fit: fill;
}

.organic-wave {
  left: 59px;
  top: 4280px;
  width: 713px;
  height: 681px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.organic-wave img {
  width: 557px;
  height: 492px;
  object-fit: cover;
  transform: rotate(25.01deg);
}

.book {
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.book img {
  object-fit: cover;
  box-shadow: 9px 11px 10.5px 2px rgba(30, 30, 30, 0.22);
}

.book-kroko {
  left: 490px;
  top: 3176px;
  width: 190px;
  height: 286px;
}

.book-kroko img {
  width: 176px;
  height: 272px;
  transform: rotate(2deg);
}

.book-lief {
  left: 902px;
  top: 3752px;
  width: 209px;
  height: 308px;
}

.book-lief img {
  width: 199px;
  height: 301px;
  transform: rotate(1.8deg);
}

.logo-disc {
  left: 792px;
  top: 5149px;
  width: 383px;
  height: 383px;
}

.logo-disc img {
  width: 383px;
  height: 383px;
}

.footer-mark {
  position: absolute;
  left: 828px;
  top: 5185px;
  width: 312px;
  height: 312px;
  pointer-events: none;
}

.footer-mark img {
  width: 312px;
  height: 312px;
  object-fit: cover;
}

.rule {
  position: absolute;
  display: block;
}

.rule-koen { left: 745px; top: 860px; width: 63px; height: 1px; }
.rule-herman { left: 910px; top: 2563px; width: 63px; height: 1px; }
.rule-footer { left: 40px; top: 5647px; width: 1188px; height: 1px; }

.copy {
  position: absolute;
  margin: 0;
  font-family: "Manrope", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5;
}

.copy p { margin: 0; }
.copy p + p { margin-top: 1em; }

h1, h2, blockquote, p { margin: 0; }

.hero-title {
  position: absolute;
  left: 462px;
  top: 208px;
  width: 689px;
  font-family: "Newsreader", serif;
  font-weight: 800;
  font-size: 96px;
  line-height: 1;
  color: var(--cream);
}

.hero-kicker {
  position: absolute;
  left: 462px;
  top: 389px;
  width: 599px;
  font-family: "Manrope", sans-serif;
  font-weight: 800;
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--gold);
}

.quote {
  position: absolute;
  left: 0;
  top: 740px;
  width: 1280px;
  font-family: "Newsreader", serif;
  font-weight: 200;
  font-size: 40px;
  line-height: 1.202;
  text-align: center;
  color: var(--green);
}

.wave-shine {
  fill: none;
  pointer-events: none;
  opacity: 0;
  filter: drop-shadow(0 0 4px rgba(255, 244, 214, 0.95));
}

.wave-shine.is-green {
  filter: drop-shadow(0 0 6px rgba(23, 62, 59, 0.9));
}

.wave-shine-svg {
  position: absolute;
  z-index: 2;
  pointer-events: none;
  overflow: visible;
}

.gold { color: var(--gold); }

.attr {
  position: absolute;
  width: 267px;
  font-family: "Manrope", sans-serif;
  font-weight: 200;
  font-size: 20px;
  line-height: normal;
  text-align: right;
}

.attr-koen { left: 717px; top: 846px; color: var(--green); }
.attr-herman { left: 910px; top: 2547px; color: var(--cream); }

.heading {
  position: absolute;
  width: 291px;
  font-family: "Newsreader", serif;
  font-weight: 600;
  font-size: 31px;
  line-height: 1.202;
}

.intro-title { left: 157px; top: 1509px; color: var(--cream); z-index: 2; }
.intro-body { left: 157px; top: 1605px; width: 416px; color: var(--cream); z-index: 2; }
.block-intro .btn { z-index: 2; }

.story-title { left: 157px; top: 2185px; color: var(--cream); }
.story-body { left: 158px; top: 2242px; width: 416px; color: var(--cream); }

.pullquote {
  position: absolute;
  left: 736px;
  top: 2344px;
  width: 409px;
  font-family: "Newsreader", serif;
  font-weight: 200;
  font-size: 31px;
  line-height: 1.202;
  text-align: center;
  color: var(--cream);
}

.books-title { left: 764px; top: 3068px; color: var(--ink); }
.books-body { left: 764px; top: 3125px; width: 416px; color: var(--ink); }

.book-label {
  position: absolute;
  font-family: "Manrope", sans-serif;
  font-weight: 200;
  line-height: normal;
}

.book1-title {
  left: 118px;
  top: 3208px;
  width: 320px;
  font-size: 28px;
  font-weight: 300;
  color: var(--cream);
  text-decoration: underline;
  text-underline-offset: 6px;
  text-decoration-thickness: 1px;
}
.book1-sub {
  left: 118px;
  top: 3256px;
  width: 370px;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4;
  color: var(--cream);
}

.lover-title { left: 187px; top: 3753px; color: var(--cream); }
.lover-lead {
  position: absolute;
  left: 187px;
  top: 3814px;
  width: 416px;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
  color: var(--cream);
}
.lover-body { left: 187px; top: 3880px; width: 416px; color: var(--cream); }

.book2-title { left: 724px; top: 3771px; width: 267px; font-size: 20px; color: var(--ink); }
.book2-sub { left: 724px; top: 3798px; width: 165px; font-size: 10px; color: var(--ink); }

.pod-title { left: 764px; top: 4390px; color: var(--cream); }
.pod-lead {
  position: absolute;
  left: 764px;
  top: 4486px;
  width: 416px;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
  color: var(--cream);
}
.pod-body { left: 764px; top: 4538px; width: 416px; color: var(--cream); }

.news-title { left: 165px; top: 5193px; color: var(--green); }
.news-body { left: 166px; top: 5250px; width: 416px; color: var(--green); }

.site-end {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 4;
  width: 1280px;
  pointer-events: auto;
}

.site-newsletter {
  position: relative;
  z-index: 1;
  height: 460px;
  overflow: hidden;
  background: var(--cream);
  color: var(--green);
}

.sn-glow {
  position: absolute;
  left: 0;
  bottom: 60px;
  z-index: 1;
  width: 100%;
  height: 200px;
  pointer-events: none;
}

.stage-book .sn-glow {
  bottom: 0;
  height: 168px;
}

.stage-faq .sn-glow {
  top: 140px;
  bottom: auto;
  height: 220px;
}

.sn-gold {
  position: absolute;
  left: -438px;
  top: -780px;
  z-index: 0;
  width: 2226px;
  height: 1160px;
  pointer-events: none;
}

.sn-gold img {
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: fill;
}

.sn-title {
  position: absolute;
  left: 165px;
  top: 44px;
  z-index: 2;
  margin: 0;
  width: 291px;
  font-family: "Newsreader", serif;
  font-weight: 600;
  font-size: 31px;
  line-height: 1.202;
  color: var(--green);
}

.sn-body {
  position: absolute;
  left: 166px;
  top: 101px;
  z-index: 2;
  margin: 0;
  width: 416px;
  font-family: "Manrope", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.45;
  color: var(--green);
}

.sn-form {
  position: absolute;
  left: 165px;
  top: 192px;
  z-index: 2;
  width: 417px;
  height: 110px;
}

.sn-email {
  display: block;
  width: 417px;
  height: 43px;
  border: none;
  border-radius: 50px;
  background: var(--cream);
  color: var(--green);
  font-family: "Manrope", sans-serif;
  font-weight: 300;
  font-size: 13px;
  letter-spacing: -0.065px;
  text-align: right;
  padding: 0 16px;
  box-sizing: border-box;
}

.sn-email::placeholder { color: var(--green); opacity: 1; }
.sn-email:focus-visible { outline: 2px solid var(--green); outline-offset: 3px; }

.sn-submit.btn {
  position: absolute;
  left: 304px;
  top: 67px;
  margin: 0;
  width: 113px;
}

.sn-hp {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.sn-status {
  position: absolute;
  left: 0;
  top: 50px;
  width: 286px;
  margin: 0;
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 1.35;
  color: var(--green);
}

.sn-status:empty { display: none; }

.stage-book.news-dark .sn-status,
.stage-books.news-dark .sn-status { color: var(--cream); }

.sn-seal {
  position: absolute;
  left: 792px;
  top: 0;
  z-index: 2;
  width: 383px;
  height: 383px;
  pointer-events: none;
}

.sn-seal-ring {
  position: absolute;
  inset: 0;
  width: 383px;
  height: 383px;
}

.sn-seal-logo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.block.block-footer {
  display: block;
  position: relative;
  left: auto;
  top: auto;
  z-index: 4;
  width: 1280px;
  padding: 12px 43px 48px;
  background: var(--cream);
}

.stage-over .block.block-footer,
.stage-books .block.block-footer,
.stage-book .block.block-footer,
.stage-faq .block.block-footer,
.stage-contact .block.block-footer,
.stage-news .block.block-footer,
.stage-post .block.block-footer,
.stage-privacy .block.block-footer,
.stage .block.block-footer {
  top: auto;
  left: auto;
}

.block-footer .rule-footer {
  position: static;
  left: auto;
  top: auto;
  width: 100%;
  height: 1px;
}

.footer-grid {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 48px;
  margin-top: 28px;
}

.footer-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 12px 26px;
  max-width: 820px;
}

.footer-nav a,
.footer-mail {
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: 0.01em;
  color: var(--ink);
  text-decoration: none;
}

.footer-nav a:hover,
.footer-mail:hover,
.footer-nav a[aria-current="page"] { text-decoration: underline; text-underline-offset: 3px; }

.footer-contact { text-align: right; }

.footer-label {
  margin: 0 0 4px;
  font-family: "Newsreader", serif;
  font-weight: 600;
  font-size: 22px;
  line-height: 1.2;
  color: var(--ink);
}

.footer-meta {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px 32px;
  flex-wrap: wrap;
  margin-top: 28px;
}

.copyright,
.footer-credit {
  position: static;
  left: auto;
  top: auto;
  width: auto;
  margin: 0;
  font-family: "Newsreader", serif;
  font-weight: 300;
  font-size: 16px;
  line-height: normal;
  color: var(--ink);
}

.footer-credit {
  font-family: "Manrope", sans-serif;
  font-size: 13px;
  letter-spacing: 0.01em;
}

.footer-credit a {
  color: inherit;
  text-decoration: none;
}

.footer-credit a:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.contact-title {
  left: 937px;
  top: 5678px;
  color: var(--ink);
  text-decoration: none;
}

.waveform {
  position: absolute;
  left: 169px;
  top: 4544px;
  width: 453px;
  height: 210px;
  pointer-events: none;
}

.waveform span {
  position: absolute;
  width: 7.1px;
  border-radius: 17px;
  background: var(--wine);
}

.btn {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 43px;
  padding: 0 16px;
  border-radius: 50px;
  border: 1px solid transparent;
  font-family: "Manrope", sans-serif;
  font-weight: 300;
  font-size: 13px;
  letter-spacing: -0.065px;
  line-height: 1.45;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  background: transparent;
}

.btn:hover { filter: brightness(0.96); }
.btn:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }

.btn-fill { background: var(--cream); border-color: var(--cream); color: var(--green); }
.btn-ghost { border-color: var(--cream); color: var(--cream); }
.btn-ghost:hover { background: rgba(243, 233, 214, 0.14); filter: none; }
.btn-ink { background: var(--cream); border-color: var(--ink); color: var(--ink); }
.btn-wine { background: var(--cream); border-color: var(--wine); color: var(--wine); }
.btn-dark { background: var(--green); border-color: var(--green); color: var(--cream); }

.btn-mini {
  height: 23px;
  font-size: 10px;
  letter-spacing: -0.05px;
}

.btn-mini-cream { border: 0.5px solid var(--cream); color: var(--cream); }
.btn-mini-ink { border: 0.5px solid var(--ink); color: var(--ink); }

.site-nav {
  position: absolute;
  inset: 0 0 auto 0;
  height: 80px;
  z-index: 5;
}

.site-nav a {
  position: absolute;
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 2;
  text-decoration: none;
  text-align: right;
}

.nav-home { left: 524px; top: 30px; width: 44px; color: var(--gold); }
.nav-over { left: 575px; top: 29px; width: 79px; color: var(--cream); }
.nav-item-boeken {
  position: absolute;
  left: 681px;
  top: 29px;
  z-index: 6;
}
.site-nav .nav-boeken {
  position: static;
  left: auto;
  top: auto;
  width: auto;
  display: inline-block;
  color: var(--cream);
  white-space: nowrap;
}
.nav-submenu {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  min-width: 210px;
  margin: 0;
  padding: 10px 0;
  list-style: none;
  background: var(--cream);
  box-shadow: 0 12px 28px rgba(30, 30, 30, 0.18);
}
.nav-item-boeken::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 10px;
}
.nav-item-boeken:hover .nav-submenu,
.nav-item-boeken:focus-within .nav-submenu {
  display: block;
}
.nav-item-boeken:hover .nav-boeken,
.nav-item-boeken:focus-within .nav-boeken {
  color: var(--gold);
}
.site-nav .nav-submenu a {
  position: static;
  display: block;
  left: auto;
  top: auto;
  width: auto;
  max-width: 240px;
  padding: 8px 18px;
  color: var(--green);
  text-align: left;
  font-size: 13px;
  line-height: 1.35;
  white-space: normal;
}
.site-nav .nav-submenu a:hover,
.site-nav .nav-submenu a[aria-current="page"] {
  color: var(--wine);
}
.nav-nieuws { left: 727px; top: 28px; width: 118px; color: var(--cream); }
.nav-podcast { left: 862px; top: 28px; width: 62px; color: var(--cream); }
.site-nav.is-podcast-off .nav-faq { left: 862px; }
.site-nav.is-podcast-off .nav-contact { left: 919px; }
.nav-faq { left: 941px; top: 28px; width: 29px; color: var(--cream); }

.nav-logo {
  position: absolute;
  left: 1192px;
  top: 19px;
  width: 48px;
  height: 48px;
}

.nav-logo img { width: 48px; height: 48px; object-fit: contain; }

.nav-contact { left: 998px; top: 22px; width: 129px; height: 42px; }

.email-field {
  position: absolute;
  left: 165px;
  top: 5341px;
  width: 417px;
  height: 43px;
  border: none;
  border-radius: 50px;
  background: var(--cream);
  color: var(--green);
  font-family: "Manrope", sans-serif;
  font-weight: 300;
  font-size: 13px;
  letter-spacing: -0.065px;
  text-align: right;
  padding: 0 16px;
}

.email-field::placeholder { color: var(--green); opacity: 1; }
.email-field:focus-visible { outline: 2px solid var(--green); outline-offset: 3px; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.block,
.actions,
.book-card,
.book-card-copy,
.brand-mark,
.nav-links { display: contents; }

.nav-toggle {
  display: none;
}

@media (max-width: 820px) {
  html { overflow-x: hidden; }

  body {
    display: block;
    background: var(--cream);
  }

  .stage {
    width: 100%;
    height: auto;
    overflow: visible;
    background: var(--cream);
  }

  .block,
  .actions,
  .book-card,
  .book-card-copy,
  .brand-mark {
    display: block;
  }

  .block { display: flow-root; }

  .layer { display: none; }

  .hero-photo,
  .portrait,
  .book,
  .brand-mark .logo-disc {
    display: block;
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    height: auto;
    overflow: hidden;
  }

  .heading,
  .hero-title,
  .hero-kicker,
  .quote,
  .pullquote,
  .copy,
  .intro-body,
  .story-body,
  .books-body,
  .lover-body,
  .pod-body,
  .lover-lead,
  .pod-lead,
  .attr,
  .book-label,
  .book1-title,
  .book1-sub,
  .book2-title,
  .book2-sub,
  .copyright,
  .contact-title,
  .rule,
  .footer-mark,
  .email-field,
  .waveform {
    position: static;
    left: auto;
    top: auto;
    width: auto;
    height: auto;
  }

  .btn {
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: auto !important;
    height: 52px !important;
    min-height: 52px !important;
    padding: 0 24px;
    font-size: 15px;
  }

  .btn-mini {
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 16px;
    font-size: 12px;
  }

  .site-nav {
    position: sticky;
    top: 0;
    left: auto;
    right: auto;
    height: auto;
    z-index: 20;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 14px;
    padding: 14px 18px 12px;
    background: var(--green);
  }

  .site-nav a {
    position: static;
    width: auto;
    color: var(--cream);
    text-align: left;
    line-height: 1.3;
    font-size: 14px;
  }

  .nav-home { color: var(--gold); }
  .nav-logo { order: 1; width: 42px; height: 42px; }
  .nav-logo img { width: 42px; height: 42px; border-radius: 50%; }
  .nav-contact { order: 2; margin-left: auto; height: 38px; padding: 0 16px; }

  .nav-toggle {
    order: 3;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 42px;
    height: 42px;
    margin-left: 8px;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: transparent;
    cursor: pointer;
  }

  .nav-toggle span {
    display: block;
    width: 20px;
    height: 1.5px;
    background: var(--cream);
    transition: transform 0.2s ease, opacity 0.2s ease;
  }

  .site-nav.is-open .nav-toggle span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
  .site-nav.is-open .nav-toggle span:nth-child(2) { opacity: 0; }
  .site-nav.is-open .nav-toggle span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }

  .nav-links {
    display: none;
    order: 4;
    flex-basis: 100%;
    flex-direction: column;
    gap: 0;
    padding-top: 8px;
  }

  .site-nav.is-open .nav-links { display: flex; }

  .nav-links a {
    padding: 13px 2px;
    border-top: 1px solid rgba(243, 233, 214, 0.22);
    font-size: 16px;
  }

  .nav-item-boeken {
    position: static;
    left: auto;
    top: auto;
    width: 100%;
  }

  .nav-item-boeken::after { display: none; }

  .nav-boeken {
    display: block;
    width: 100%;
  }

  .nav-submenu {
    display: block;
    position: static;
    left: auto;
    top: auto;
    transform: none;
    min-width: 0;
    margin: 0;
    padding: 0 0 6px 16px;
    background: transparent;
    box-shadow: none;
  }

  .site-nav .nav-submenu a {
    padding: 10px 2px;
    border-top: 1px solid rgba(243, 233, 214, 0.14);
    color: rgba(243, 233, 214, 0.88);
    font-size: 15px;
    max-width: none;
  }

  .site-nav .nav-submenu a:hover,
  .site-nav .nav-submenu a[aria-current="page"] {
    color: var(--gold);
  }

  .stage-books .nav-boeken,
  .stage-book .nav-boeken {
    color: var(--gold);
  }

  .block-hero,
  .block-intro,
  .block-story { background: var(--green); }

  .block-quote,
  .block-books,
  .block-news,
  .block.block-footer { background: var(--cream); }

  .block-lover,
  .block-podcast { background: var(--wine); }

  .hero-photo { height: 72vw; min-height: 260px; max-height: 440px; }
  .hero-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 18% 30%;
  }

  .hero-title {
    font-size: 46px;
    padding: 28px 22px 8px;
  }

  .hero-kicker {
    font-size: 13px;
    letter-spacing: 0.06em;
    padding: 0 22px 32px;
  }

  .quote {
    font-size: 28px;
    padding: 40px 22px 12px;
  }

  .rule-koen,
  .rule-herman {
    display: block;
    width: 63px;
    margin: 8px 22px 8px auto;
  }

  .attr {
    text-align: right;
    font-size: 16px;
    padding: 0 22px 36px;
  }

  .heading {
    font-size: 32px;
    padding: 36px 22px 0;
    scroll-margin-top: 92px;
  }

  .copy,
  .lover-lead,
  .pod-lead {
    font-size: 16px;
    line-height: 1.55;
    padding: 14px 22px 0;
  }

  .actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 18px 22px 36px;
  }

  .portrait { height: auto; overflow: visible; }
  .portrait::before { content: none; }
  .portrait img {
    width: 100%;
    height: auto;
    object-fit: contain;
    -webkit-mask-image: none;
    mask-image: none;
  }

  .pullquote {
    font-size: 26px;
    padding: 4px 22px 8px;
  }

  .book-card {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 4px 22px 32px;
    padding: 16px;
    border-radius: 22px;
  }

  .book-card-kroko { background: var(--green); }
  .book-card-lief { background: var(--cream); }

  .book,
  .book-kroko,
  .book-lief {
    width: 112px;
    height: auto;
    flex: none;
  }

  .book img,
  .book-kroko img,
  .book-lief img {
    width: 112px;
    height: auto;
    transform: none;
  }

  .book-card-copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    min-width: 0;
  }

  .book1-title,
  .book2-title { font-size: 18px; text-decoration: none; }

  .book-card .book1-title,
  .book-card .book1-sub,
  .book-card .book2-title,
  .book-card .book2-sub {
    position: static;
    left: auto;
    top: auto;
    width: auto;
  }

  .book1-sub,
  .book2-sub { font-size: 13px; line-height: 1.4; }

  .btn-mini {
    height: 34px;
    margin-top: 6px;
    font-size: 12px;
  }

  .waveform { display: none; }

  .site-end {
    position: static;
    width: auto;
  }

  .site-newsletter {
    height: auto;
    min-height: 0;
    padding: 36px 0 8px;
    overflow: visible;
    background: var(--gold);
  }

  .m-glow {
    position: absolute;
    left: 0;
    top: -16px;
    z-index: 5;
    width: 100%;
    height: 32px;
    pointer-events: none;
    overflow: visible;
  }

  .sn-gold,
  .home-news-wave { display: none; }

  .sn-seal {
    position: relative;
    left: auto;
    top: auto;
    width: 180px;
    height: 180px;
    margin: 0 auto 8px;
  }

  .sn-seal-ring,
  .sn-seal-logo {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }

  .sn-title,
  .sn-body,
  .sn-form {
    position: static;
    left: auto;
    top: auto;
    width: auto;
    margin: 0;
    padding: 8px 22px 0;
  }

  .sn-title { font-size: 32px; padding-top: 12px; }
  .sn-body { padding-top: 12px; }

  .sn-form {
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    padding: 18px 22px 36px;
  }

  .sn-email,
  .email-field,
  .books-email,
  .news-email,
  .over-email,
  .book-input,
  .faq-email,
  .contact-name,
  .contact-mail {
    width: 100%;
    height: 52px;
    min-height: 52px;
    padding: 0 18px;
    box-sizing: border-box;
    font-size: 16px;
    text-align: left;
  }

  .sn-email {
    background: #fff;
    border: 1px solid rgba(23, 62, 59, 0.18);
  }

  .sn-submit.btn {
    position: relative;
    left: auto;
    top: auto;
    align-self: flex-end;
    margin-top: 0;
  }

  .sn-status {
    position: static;
    width: auto;
  }

  .block.block-footer {
    position: static;
    width: auto;
    padding: 22px 0 28px;
  }

  .footer-grid {
    flex-direction: column;
    gap: 22px;
    margin: 0 22px;
  }

  .footer-nav {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    max-width: none;
  }

  .footer-nav a {
    padding: 12px 0;
    border-top: 1px solid rgba(30, 30, 30, 0.14);
  }

  .footer-nav a:first-child { border-top: none; }

  .footer-contact { text-align: left; }

  .rule-footer { display: none; }

  .footer-meta {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    margin: 8px 0 0;
    padding: 16px 22px 0;
  }

  .copyright,
  .footer-credit {
    width: auto;
    margin: 0;
    padding: 0;
  }

  .contact-title {
    display: block;
    font-size: 32px;
    padding: 8px 22px 28px;
  }
}

.stage-over {
  height: 4656px;
  background: #fff;
}

.stage-over .nav-home { color: var(--cream); }
.stage-over .nav-over { color: var(--gold); }

.over-band-cream { left: 0; top: 0; width: 1298px; height: 1754px; background: var(--cream); }
.over-band-green { left: -1px; top: 1080px; width: 1282px; height: 2142px; background: var(--green); }
.over-band-wine { left: -1px; top: 3222px; width: 1282px; height: 458px; background: var(--wine); }
.over-band-foot { left: -30px; top: 4041px; width: 1333px; height: 615px; background: var(--cream); }

.over-photo {
  left: 0;
  top: 0;
  width: 1324px;
  height: 883px;
}

.over-photo img { width: 100%; height: 100%; object-fit: cover; }

.over-fade {
  left: 315px;
  top: 0;
  width: 965px;
  height: 1100px;
  background: linear-gradient(90deg, rgba(23, 62, 59, 0) 0%, rgba(30, 30, 30, 0.5) 38.942%);
  mix-blend-mode: multiply;
}

.over-watermark {
  left: -246px;
  top: 466px;
  width: 1000px;
  height: 1000px;
  opacity: 0.1;
  mix-blend-mode: multiply;
}

.over-watermark img { width: 100%; height: 100%; object-fit: cover; }

.over-shape { display: flex; align-items: center; justify-content: center; }

.over-shape-green {
  left: 0;
  top: 532px;
  width: 1280px;
  height: 660px;
}

.over-shape-green svg {
  display: block;
  width: 1280px;
  height: 660px;
}

.over-shape-green-2 {
  left: 297px;
  top: 1055px;
  width: 1665px;
  height: 1616px;
  mix-blend-mode: multiply;
}

.over-shape-green-2 img {
  width: 1273px;
  height: 1087px;
  object-fit: cover;
  transform: rotate(-34.4deg);
}

.over-shape-wine-b {
  left: -123px;
  top: 2845px;
  width: 2005px;
  height: 1092px;
  overflow: hidden;
  transform: rotate(9.84deg);
}

.over-shape-wine-b img {
  position: absolute;
  left: 0;
  top: -115.34%;
  width: 100%;
  height: 215.34%;
  max-width: none;
  object-fit: cover;
}

.over-shape-wine-a {
  left: -411px;
  top: 3310px;
  width: 2335px;
  height: 1271px;
  overflow: hidden;
  transform: rotate(9.84deg);
}

.over-shape-wine-a img {
  position: absolute;
  left: 0;
  top: -115.34%;
  width: 100%;
  height: 215.34%;
  max-width: none;
  object-fit: cover;
}

.over-shape-book {
  left: 393px;
  top: 2419px;
  width: 1162px;
  height: 1299px;
}

.over-shape-book img {
  width: 1088px;
  height: 714px;
  object-fit: cover;
  transform: rotate(-60deg);
}

.over-portrait {
  position: absolute;
  left: -306px;
  top: 1375px;
  width: 913px;
  height: 780px;
  pointer-events: none;
}

.over-portrait img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.over-book {
  position: absolute;
  left: 206px;
  top: 3002px;
  width: 447px;
  height: 604px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.over-book img {
  width: 367px;
  height: auto;
  aspect-ratio: auto;
  object-fit: contain;
  transform: rotate(-8.77deg);
  box-shadow: 9px 11px 10.5px 2px rgba(30, 30, 30, 0.22);
}

.over-seal {
  position: absolute;
  left: 792px;
  top: 3900px;
  width: 383px;
  height: 383px;
  pointer-events: none;
}

.over-seal img { width: 383px; height: 383px; }

.over-seal-logo {
  position: absolute;
  left: 36px;
  top: 36px;
  width: 312px;
  height: 312px;
  object-fit: cover;
}

.over-hero-title,
.over-heading,
.over-copy,
.over-aside,
.over-pull,
.over-attr,
.over-rule,
.over-email,
.over-cta,
.over-submit {
  position: absolute;
  margin: 0;
}

.over-hero-title {
  left: 804px;
  top: 162px;
  width: 381px;
  font-family: "Newsreader", serif;
  font-weight: 800;
  font-size: 75px;
  line-height: 1;
  color: var(--cream);
}

.over-heading {
  font-family: "Newsreader", serif;
  font-weight: 600;
  font-size: 31px;
  line-height: 1.202;
  color: var(--cream);
}

.over-copy {
  font-family: "Manrope", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.45;
  color: var(--cream);
}

.over-copy p { margin: 0; }
.over-copy p + p { margin-top: 1em; }

.over-hero-intro { left: 813px; top: 403px; width: 416px; }
.over-h-teller { left: 151px; top: 669px; width: 291px; }
.over-lead { left: 150px; top: 782px; width: 500px; }
.over-body-teller { left: 151px; top: 1038px; width: 500px; }

.over-aside {
  width: 350px;
  font-family: "Newsreader", serif;
  font-weight: 300;
  font-style: italic;
  font-size: 16px;
  line-height: 1.299;
  text-align: center;
  color: var(--cream);
}

.over-quote-teller { left: 204px; top: 877px; }
.over-quote-heart { left: 762px; top: 2014px; }
.over-quote-journey { left: 218px; top: 2639px; }

.over-pull {
  left: 744px;
  top: 908px;
  width: 409px;
  font-family: "Newsreader", serif;
  font-weight: 200;
  font-size: 31px;
  line-height: 1.202;
  text-align: center;
  color: var(--cream);
}

.over-pull::before,
.over-pull::after {
  color: var(--gold);
  font-weight: 200;
}

.over-pull::before { content: "“"; }
.over-pull::after { content: "”"; }

.over-rule { left: 918px; top: 1127px; width: 63px; height: 1px; }

.over-attr {
  left: 918px;
  top: 1111px;
  width: 267px;
  font-family: "Manrope", sans-serif;
  font-weight: 200;
  font-size: 20px;
  line-height: normal;
  text-align: right;
  color: var(--cream);
}

.over-pull-trouw { top: 1196px; }
.over-rule-trouw { top: 1304px; }
.over-attr-trouw { top: 1288px; }

.over-h-heart { left: 696px; top: 1586px; width: 341px; }
.over-body-heart { left: 695px; top: 1660px; width: 500px; }
.over-h-journey { left: 152px; top: 2341px; width: 446px; }
.over-body-journey { left: 151px; top: 2415px; width: 500px; }
.over-body-journey-2 { left: 152px; top: 2718px; width: 500px; }
.over-h-stories { left: 695px; top: 3025px; width: 291px; }
.over-body-stories { left: 695px; top: 3082px; width: 500px; }

.over-cta {
  left: 695px;
  top: 3382px;
  width: 187px;
  height: 43px;
  background: var(--cream);
  border-color: var(--cream);
  color: var(--ink);
}

.over-h-news { left: 165px; top: 3936px; width: 291px; color: var(--green); }
.over-news-body { left: 166px; top: 3993px; width: 416px; color: var(--green); }

.over-email {
  left: 165px;
  top: 4084px;
  width: 417px;
  height: 43px;
  border: none;
  border-radius: 50px;
  background: var(--cream);
  color: var(--green);
  font-family: "Manrope", sans-serif;
  font-weight: 300;
  font-size: 13px;
  letter-spacing: -0.065px;
  text-align: right;
  padding: 0 16px;
}

.over-email::placeholder { color: var(--green); opacity: 1; }
.over-email:focus-visible { outline: 2px solid var(--green); outline-offset: 3px; }

.over-submit {
  left: 469px;
  top: 4151px;
  width: 113px;
  height: 43px;
  background: var(--green);
  border-color: var(--green);
  color: var(--cream);
}


@media (max-width: 820px) {
  .stage-over { height: auto; background: var(--cream); }

  .stage-over .nav-home { color: var(--cream); }
  .stage-over .nav-over { color: var(--gold); }

  .stage-over .over-band,
  .stage-over .over-fade,
  .stage-over .over-shape,
  .stage-over .over-watermark,
  .stage-over .over-seal img:first-child { display: none; }

  .stage-over .site-newsletter {
    height: auto;
    overflow: hidden;
    background: var(--gold);
  }

  .stage-over .over-photo,
  .stage-over .over-portrait,
  .stage-over .over-book,
  .stage-over .over-seal {
    display: block;
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    height: auto;
    overflow: hidden;
  }

  .stage-over .over-photo { height: 72vw; min-height: 260px; max-height: 440px; }
  .stage-over .over-portrait { height: 420px; background: var(--green); }
  .stage-over .over-book {
    width: min(280px, 78%);
    height: auto;
    margin: 40px auto 8px;
    overflow: visible;
  }

  .stage-over .over-book img {
    width: 100%;
    height: auto;
    aspect-ratio: auto;
    object-fit: contain;
  }

  .stage-over .over-book img,
  .stage-over .over-shape img { transform: none; }

  .stage-over .over-seal {
    width: 220px;
    height: 220px;
    margin: 28px auto 8px;
  }

  .stage-over .over-seal-logo {
    position: absolute;
    left: 22px;
    top: 22px;
    width: 176px;
    height: 176px;
  }

  .stage-over .over-hero-title,
  .stage-over .over-heading,
  .stage-over .over-copy,
  .stage-over .over-aside,
  .stage-over .over-pull,
  .stage-over .over-attr,
  .stage-over .over-email,
  .stage-over .over-cta,
  .stage-over .over-submit,
  .stage-over .over-rule {
    position: static;
    left: auto;
    top: auto;
    width: auto;
    height: auto;
    text-align: left;
  }

  .stage-over .over-hero-title {
    font-size: 46px;
    padding: 28px 22px 8px;
  }

  .stage-over .over-heading { font-size: 32px; padding: 36px 22px 0; }
  .stage-over .over-copy,
  .stage-over .over-aside,
  .stage-over .over-news-body { padding: 14px 22px 0; }
  .stage-over .over-pull {
    font-size: 26px;
    line-height: 1.4;
    padding: 36px 36px 12px;
  }
  .stage-over .over-attr { text-align: right; padding: 16px 36px 56px; }
  .stage-over .over-rule { display: block; width: 63px; margin: 16px 36px 0 auto; }
  .stage-over .over-cta,
  .stage-over .over-submit { margin: 18px 22px 48px; }

  .stage-over .block-hero,
  .stage-over .block-teller,
  .stage-over .block-heart,
  .stage-over .block-journey { background: var(--green); color: var(--cream); }

  .stage-over .block-journey { padding-bottom: 36px; }

  .stage-over .block-stories { background: var(--wine); }
  .stage-over .block-news,
  .stage-over .block.block-footer { background: var(--cream); }

  .stage-over .over-h-news,
  .stage-over .over-news-body { color: var(--green); }

  .stage-over .block-footer .copyright,
  .stage-over .block-footer .contact-title { color: var(--ink); }

  .stage-over .over-email {
    display: block;
    width: calc(100% - 44px);
    height: 52px;
    min-height: 52px;
    margin: 18px 22px 0;
    text-align: left;
    background: #fff;
    border: 1px solid rgba(23, 62, 59, 0.18);
  }
}

.stage-books {
  height: calc(3065px + var(--books-extra, 0px));
  background: var(--cream);
}

.stage-books .nav-home { color: var(--cream); }
.stage-books .nav-boeken { color: var(--gold); }

.books-photo {
  left: 0;
  top: 0;
  width: 1324px;
  height: 883px;
  overflow: hidden;
}

.books-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.books-fade {
  left: 0;
  top: 0;
  width: 980px;
  height: 883px;
  background: linear-gradient(90deg, rgba(30, 30, 30, 0.72) 0%, rgba(30, 30, 30, 0.28) 48%, rgba(23, 62, 59, 0) 100%);
  mix-blend-mode: multiply;
}

.books-band-gold {
  left: 0;
  top: 884px;
  width: 1280px;
  height: calc(1936px + var(--books-extra, 0px));
  background: var(--books-grid, var(--gold));
}

.books-color-filters { position: absolute; width: 0; height: 0; }
.books-wine img { filter: url("#books-featured-ink"); }
.books-gold img { filter: url("#books-grid-ink"); }

.stage-books.is-featured-light .books-lover-title,
.stage-books.is-featured-light .books-lover-body,
.stage-books.is-featured-light .books-lover-label,
.stage-books.is-featured-light .books-lover-ideal { color: var(--ink); }
.stage-books.is-featured-light .books-btn-cream { border-color: var(--ink); color: var(--ink); }

.stage-books.is-grid-dark .books-card .books-heading,
.stage-books.is-grid-dark .books-card .books-copy,
.stage-books.is-grid-dark .books-card .books-ideal-label { color: var(--cream); }
.stage-books.is-grid-dark .books-btn-ink { border-color: var(--cream); color: var(--cream); }

.stage-books .sn-gold img { filter: url("#books-news-ink"); }
.stage-books .sn-glow { z-index: 2; bottom: 28px; }
.stage-books .site-newsletter { overflow: visible; }
.stage-books .sn-gold { top: -748px; clip-path: inset(780px 0 0 0); }

.books-news-crest {
  position: absolute;
  left: 0;
  top: -117px;
  z-index: 0;
  width: 100%;
  height: 230px;
  pointer-events: none;
}

.stage-books .sn-title { top: 76px; }
.stage-books .sn-body { top: 133px; }
.stage-books .sn-form { top: 224px; }

.books-after {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 1280px;
  height: 3065px;
  transform: translateY(var(--books-extra, 0px));
  pointer-events: none;
}

.books-after a,
.books-after button,
.books-after input,
.books-after label { pointer-events: auto; }

.books-wine {
  left: -491px;
  top: 543px;
  width: 2000px;
  height: 1708px;
}

.books-gold {
  left: 0;
  top: 164px;
  width: 1280px;
  height: 3101px;
}

.books-cover {
  left: 812px;
  top: 390px;
  width: 364px;
  height: 515px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.books-cover img {
  width: 323px;
  height: 489px;
  object-fit: cover;
  transform: rotate(5.03deg);
  box-shadow: 9px 11px 10.5px 2px rgba(30, 30, 30, 0.22);
  transition: transform 0.5s ease;
}

.books-cover { pointer-events: auto; }

@media (prefers-reduced-motion: no-preference) {
  .books-photo img {
    transform: scale(1.55);
  }

  .books-cover:hover img {
    transform: rotate(2.2deg) translateY(-16px) scale(1.04);
  }
}

.books-band-foot {
  left: 0;
  top: 2820px;
  width: 1280px;
  height: 245px;
  background: var(--cream);
}

.books-seal {
  position: absolute;
  left: 792px;
  top: 2516px;
  width: 383px;
  height: 383px;
  pointer-events: none;
}

.books-seal-ring {
  width: 383px;
  height: 383px;
}

.books-seal-logo {
  position: absolute;
  left: 36px;
  top: 36px;
  width: 312px;
  height: 312px;
  object-fit: cover;
}

.books-hero-title,
.books-heading,
.books-copy,
.books-ideal-label,
.books-email,
.books-submit {
  position: absolute;
  margin: 0;
}

.books-hero-title {
  left: 141px;
  top: 123px;
  width: 420px;
  font-family: "Newsreader", serif;
  font-weight: 800;
  font-size: 75px;
  line-height: 1;
  color: var(--cream);
}

.books-copy {
  font-family: "Manrope", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.45;
  color: var(--ink);
}

.books-copy p { margin: 0; }
.books-copy p + p { margin-top: 1em; }

.books-heading {
  font-family: "Newsreader", serif;
  font-weight: 600;
  font-size: 31px;
  line-height: 1.202;
  color: var(--ink);
}

.books-ideal-label {
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.45;
  color: var(--ink);
}

.books-intro { left: 150px; top: 284px; width: 416px; color: var(--cream); }

.books-lover-title { left: 163px; top: 847px; width: 341px; color: var(--cream); }
.books-lover-body { left: 162px; top: 921px; width: 500px; color: var(--cream); }
.books-lover-label { left: 162px; top: 1046px; width: 416px; color: var(--cream); }
.books-lover-ideal { left: 162px; top: 1083px; width: 500px; color: var(--cream); }
.books-lover-cta { left: 162px; top: 1187px; width: auto; min-width: 187px; z-index: 2; }
.books-lover-title,
.books-lover-body,
.books-lover-label,
.books-lover-ideal { z-index: 2; }

.books-grid {
  position: absolute;
  left: 162px;
  top: 1468px;
  z-index: 2;
  width: 1064px;
  display: grid;
  grid-template-columns: 500px 500px;
  column-gap: 64px;
  row-gap: 72px;
}

.books-card .books-heading,
.books-card .books-copy,
.books-card .books-ideal-label,
.books-card .books-btn {
  position: static;
  width: auto;
  max-width: 500px;
}

.books-card .books-heading { display: block; margin: 0 0 16px; }
.books-card .books-ideal-label { display: block; margin: 18px 0 8px; }
.books-card .books-btn { display: inline-flex; width: auto; margin-top: 22px; }

.books-pigs-title { left: 166px; top: 1468px; width: 291px; }
.books-pigs-body { left: 166px; top: 1525px; width: 500px; }
.books-pigs-label { left: 162px; top: 1641px; width: 416px; }
.books-pigs-ideal { left: 162px; top: 1678px; width: 500px; }
.books-pigs-cta { left: 162px; top: 1764px; width: 187px; }

.books-mercy-title { left: 726px; top: 1468px; width: 291px; }
.books-mercy-body { left: 726px; top: 1525px; width: 500px; }
.books-mercy-label { left: 722px; top: 1671px; width: 416px; }
.books-mercy-ideal { left: 722px; top: 1708px; width: 500px; }
.books-mercy-cta { left: 722px; top: 1794px; width: 187px; }

.books-tears-title { left: 166px; top: 1917px; width: 485px; }
.books-tears-body { left: 166px; top: 1974px; width: 500px; }
.books-tears-label { left: 162px; top: 2122px; width: 416px; }
.books-tears-ideal { left: 162px; top: 2159px; width: 500px; }
.books-tears-cta { left: 162px; top: 2245px; width: 202px; }

.books-plea-title { left: 726px; top: 1917px; width: 485px; }
.books-plea-body { left: 726px; top: 2056px; width: 500px; }
.books-plea-label { left: 722px; top: 2204px; width: 416px; }
.books-plea-ideal { left: 722px; top: 2241px; width: 500px; }
.books-plea-cta { left: 722px; top: 2327px; width: 482px; }

.books-news-title { left: 165px; top: 2552px; width: 291px; color: var(--green); }
.books-news-body { left: 166px; top: 2609px; width: 416px; color: var(--green); }

.books-btn-cream { border-color: var(--cream); color: var(--cream); background: transparent; }
.books-btn-ink { border-color: var(--ink); color: var(--ink); background: transparent; }

.books-email {
  left: 165px;
  top: 2700px;
  width: 417px;
  height: 43px;
  border: none;
  border-radius: 50px;
  background: var(--cream);
  color: var(--green);
  font-family: "Manrope", sans-serif;
  font-weight: 300;
  font-size: 13px;
  letter-spacing: -0.065px;
  text-align: right;
  padding: 0 16px;
}

.books-email::placeholder { color: var(--green); }
.books-email:focus-visible { outline: 2px solid var(--green); outline-offset: 3px; }

.books-submit {
  left: 469px;
  top: 2767px;
  width: 113px;
  height: 43px;
  background: var(--green);
  border-color: var(--green);
  color: var(--cream);
}


@media (max-width: 820px) {
  .stage-books { height: auto; background: var(--cream); }
  .stage-books .books-after {
    position: static;
    z-index: auto;
    width: auto;
    height: auto;
    transform: none;
    pointer-events: auto;
  }
  .stage-books .nav-home { color: var(--cream); }
  .stage-books .nav-boeken { color: var(--gold); }

  .stage-books .books-fade,
  .stage-books .books-gold,
  .stage-books .books-band-gold,
  .stage-books .books-wine,
  .stage-books .books-band-foot { display: none; }

  .stage-books .books-photo,
  .stage-books .books-cover,
  .stage-books .books-seal {
    display: block;
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    height: auto;
  }

  .stage-books .books-photo {
    height: 72vw;
    min-height: 260px;
    max-height: 440px;
    overflow: hidden;
  }

  .stage-books .books-photo img { transform: none; }

  .stage-books .books-cover {
    width: min(220px, 58%);
    height: auto;
    margin: 24px 22px 8px auto;
  }

  .stage-books .books-grid {
    position: static;
    display: block;
    width: auto;
  }

  .stage-books .books-cover img {
    width: 100%;
    height: auto;
  }

  .stage-books .books-hero-title,
  .stage-books .books-heading,
  .stage-books .books-copy,
  .stage-books .books-ideal-label,
  .stage-books .books-email,
  .stage-books .books-submit {
    position: static;
    left: auto;
    top: auto;
    width: auto;
    height: auto;
  }

  .stage-books .books-hero-title {
    font-size: 46px;
    padding: 28px 22px 8px;
  }

  .stage-books .books-intro { padding: 8px 22px 28px; }

  .stage-books .block-featured { background: var(--books-featured, var(--wine)); }
  .stage-books .books-heading { font-size: 32px; padding: 28px 22px 0; }
  .stage-books .books-copy,
  .stage-books .books-ideal-label { display: block; padding: 14px 22px 0; }
  .stage-books .books-copy.books-intro { padding-bottom: 48px; }
  .stage-books .books-lover-title,
  .stage-books .books-lover-body,
  .stage-books .books-lover-label,
  .stage-books .books-lover-ideal { color: var(--cream); }
  .stage-books .books-lover-cta,
  .stage-books .books-card .books-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: auto !important;
    max-width: calc(100% - 44px);
    height: auto !important;
    min-height: 52px;
    margin: 32px 22px 8px;
    padding: 14px 22px;
    white-space: normal;
    text-align: center;
  }
  .stage-books .books-lover-cta { margin-bottom: 32px; }
  .stage-books .books-card { padding-bottom: 8px; }

  .stage-books .block-grid { background: var(--books-grid, var(--gold)); }
  .stage-books .books-news-crest { display: none; }
  .stage-books .site-newsletter { background: var(--books-news, var(--gold)); overflow: hidden; }
  .stage-books .books-news-title,
  .stage-books .books-news-body { color: var(--green); }

  .stage-books .books-email {
    display: block;
    width: calc(100% - 44px);
    height: 52px;
    min-height: 52px;
    margin: 18px 22px 0;
    text-align: left;
  }

  .stage-books .books-submit { margin: 12px 22px 48px; }

  .stage-books .books-seal {
    width: 220px;
    height: 220px;
    margin: 12px auto 28px;
  }

  .stage-books .books-seal-ring { width: 220px; height: 220px; }
  .stage-books .books-seal-logo {
    left: 22px;
    top: 22px;
    width: 176px;
    height: 176px;
  }

  .stage-books .block.block-footer { background: var(--cream); }
  .stage-books .block-footer .copyright,
  .stage-books .block-footer .contact-title { color: var(--ink); }
}

.stage-book {
  height: calc(3265px + var(--book-extra, 0px) + var(--process-extra, 0px) + var(--quotes-extra, 0px));
  background: var(--book-mid);
}

.book-after {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 1280px;
  height: calc(3265px + var(--process-extra, 0px) + var(--quotes-extra, 0px));
  transform: translateY(var(--book-extra, 0px));
  pointer-events: none;
}

.book-after a,
.book-after button,
.book-after input,
.book-after label { pointer-events: auto; }

.stage-book .nav-home { color: var(--cream); }
.stage-book .nav-boeken { color: var(--gold); }
.stage-book.is-hero-light .nav-home,
.stage-book.is-hero-light .nav-links a { color: var(--ink); }
.stage-book.is-hero-light .nav-boeken { color: var(--wine); }
.stage-book.is-hero-light .nav-contact { border-color: var(--ink); color: var(--ink); }

.book-wash-mid {
  left: 0;
  top: 0;
  width: 1280px;
  height: calc(3265px + var(--book-extra, 0px) + var(--process-extra, 0px) + var(--quotes-extra, 0px));
  background: var(--book-mid);
}
.book-hero-fill {
  left: 0;
  top: 0;
  width: 1280px;
  height: calc(var(--book-extra, 0px) + 8px);
  background: var(--book-hero);
}
.book-shape-hero {
  left: 0;
  top: 0;
  width: 1280px;
  height: 1100px;
  transform: translateY(var(--book-extra, 0px));
}
.book-shape-fragment { left: 0; top: 1380px; width: 1280px; height: calc(1250px + var(--quotes-extra, 0px)); transform: translateY(var(--process-extra, 0px)); }
.book-shape-news { left: 0; top: 2300px; width: 1280px; height: 965px; transform: translateY(calc(var(--process-extra, 0px) + var(--quotes-extra, 0px))); }
.book-band-foot { left: 0; top: 2780px; width: 1280px; height: 485px; transform: translateY(calc(var(--process-extra, 0px) + var(--quotes-extra, 0px))); }

.stage-book .sn-gold { display: none; }

.stage-book .site-newsletter {
  background: var(--book-news);
}

.stage-book .site-newsletter::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 168px;
  pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 200' preserveAspectRatio='none'%3E%3Cpath fill='%23f3e9d6' d='M0 70C13 76 53 97 80 107C107 117 133 125 160 132C187 139 213 145 240 150C267 155 293 158 320 160C347 162 373 164 400 164C427 164 453 163 480 160C507 157 533 153 560 147C587 141 613 133 640 123C667 113 693 100 720 88C747 77 773 64 800 54C827 44 853 36 880 30C907 24 933 21 960 19C987 18 1013 19 1040 21C1067 23 1093 26 1120 32C1147 38 1173 46 1200 56C1227 66 1267 86 1280 92V200H0Z'/%3E%3C/svg%3E") no-repeat center / 100% 100%;
}

.stage-book .block.block-footer {
  background: var(--cream);
}

.stage-book.news-light .sn-title,
.stage-book.news-light .sn-body,
.stage-books.news-light .sn-title,
.stage-books.news-light .sn-body {
  color: var(--green);
}

.stage-book.news-dark .sn-title,
.stage-book.news-dark .sn-body,
.stage-books.news-dark .sn-title,
.stage-books.news-dark .sn-body {
  color: var(--cream);
}

.stage-book.news-dark .sn-submit.btn,
.stage-books.news-dark .sn-submit.btn {
  background: var(--gold);
  border-color: var(--gold);
  color: var(--ink);
}

.book-cover {
  left: 824px;
  top: 169px;
  width: 364px;
  height: 515px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.book-cover img {
  width: 323px;
  height: 489px;
  object-fit: cover;
  transform: rotate(5.03deg);
  box-shadow: 9px 11px 10.5px 2px rgba(30, 30, 30, 0.22);
}

.book-title,
.book-subtitle,
.book-edition,
.book-label,
.book-copy,
.book-pull,
.book-reviews-title,
.book-quote,
.book-input,
.book-btn,
.book-news-submit {
  position: absolute;
  margin: 0;
}

.stage-book .is-dark,
.stage-book .is-dark .book-copy,
.stage-book .is-dark .book-quote { color: var(--cream); }
.stage-book .is-light,
.stage-book .is-light .book-copy,
.stage-book .is-light .book-quote { color: var(--ink); }

.book-hero-copy {
  position: absolute;
  left: 141px;
  top: 123px;
  z-index: 2;
  width: 620px;
}

.book-hero-copy .book-title,
.book-hero-copy .book-subtitle,
.book-hero-copy .book-edition,
.book-hero-copy .book-story-label,
.book-hero-copy .book-story {
  position: static;
  left: auto;
  top: auto;
  width: auto;
  max-width: 100%;
}

.book-title {
  font-family: "Newsreader", serif;
  font-weight: 800;
  font-size: 68px;
  line-height: 1.08;
  margin: 0 0 2px;
}

.book-hero-copy.is-long-title .book-title {
  font-size: 48px;
  line-height: 1.12;
  margin-bottom: 4px;
}

.book-subtitle {
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  margin: 0 0 28px;
  max-width: 560px;
}

.book-hero-copy .book-subtitle:has(+ .book-edition) {
  margin-bottom: 8px;
}

.book-edition {
  font-family: "Manrope", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.4;
  margin: 0 0 28px;
  max-width: 560px;
}

.stage-book .book-label {
  font-family: "Newsreader", serif;
  font-weight: 600;
  font-size: 32px;
  line-height: 1.15;
}

.book-copy,
.book-quote {
  font-family: "Manrope", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.45;
}

.book-copy p { margin: 0 0 14px; }
.book-copy p:last-child { margin-bottom: 0; }

.book-hero-copy .book-story-label {
  display: block;
  margin: 0 0 14px;
}

.book-hero-copy .book-story {
  max-width: 508px;
}

.book-process-left {
  position: absolute;
  left: 150px;
  top: 900px;
  width: 500px;
}
.book-process-right {
  position: absolute;
  left: 690px;
  top: 960px;
  width: 460px;
}
.book-process-left .book-process-title,
.book-process-left .book-process-body,
.book-process-right .book-pull,
.book-process-right .book-process-aside {
  position: static;
  left: auto;
  top: auto;
  width: auto;
}
.book-process-title { margin: 0 0 28px; }
.book-pull {
  margin: 0 0 32px;
  font-family: "Newsreader", serif;
  font-weight: 600;
  font-size: 32px;
  line-height: 1.2;
}
.book-process-right .book-pull:last-child,
.book-process-aside { margin-bottom: 0; }

.book-reviews-title {
  left: 150px;
  top: 1688px;
  width: 360px;
  font-family: "Newsreader", serif;
  font-weight: 600;
  font-size: 52px;
  line-height: 1.02;
  transform: translateY(var(--process-extra, 0px));
}
.book-quotes {
  position: absolute;
  left: 560px;
  top: 1608px;
  z-index: 3;
  width: 500px;
  transform: translateY(var(--process-extra, 0px));
}
.book-quotes .book-quote {
  position: static;
  left: auto;
  top: auto;
  width: auto;
  margin: 0 0 36px;
  opacity: 0.78;
}
.book-quotes .book-quote:last-child { margin-bottom: 0; }
.book-quote strong { font-weight: 700; }
.book-quote em { font-style: italic; }

.book-fragment-title { left: 130px; top: 2075px; width: 466px; transform: translateY(calc(var(--process-extra, 0px) + var(--quotes-extra, 0px))); }
.book-fragment-body { left: 132px; top: 2132px; width: 480px; transform: translateY(calc(var(--process-extra, 0px) + var(--quotes-extra, 0px))); }
.book-fragment-email { left: 133px; top: 2220px; width: 220px; transform: translateY(calc(var(--process-extra, 0px) + var(--quotes-extra, 0px))); }
.book-fragment-submit { left: 133px; top: 2276px; width: 220px; transform: translateY(calc(var(--process-extra, 0px) + var(--quotes-extra, 0px))); }
.book-fragment-status {
  left: 133px;
  top: 2334px;
  width: 360px;
  transform: translateY(calc(var(--process-extra, 0px) + var(--quotes-extra, 0px)));
  z-index: 3;
}
.stage-book .is-dark .book-fragment-status { color: var(--cream); }
.stage-book .is-light .book-fragment-status { color: var(--ink); }

.book-playlist-title { left: 690px; top: 2075px; width: 460px; transform: translateY(calc(var(--process-extra, 0px) + var(--quotes-extra, 0px))); }
.book-playlist-body { left: 692px; top: 2132px; width: 480px; transform: translateY(calc(var(--process-extra, 0px) + var(--quotes-extra, 0px))); }
.book-playlist-cta { left: 693px; top: 2236px; transform: translateY(calc(var(--process-extra, 0px) + var(--quotes-extra, 0px))); }

.book-news.is-light .book-news-title,
.book-news.is-light .book-news-body { color: var(--green); }
.book-news-title { left: 165px; top: 2614px; width: 360px; transform: translateY(calc(var(--process-extra, 0px) + var(--quotes-extra, 0px))); }
.book-news-body { left: 166px; top: 2678px; width: 416px; transform: translateY(calc(var(--process-extra, 0px) + var(--quotes-extra, 0px))); }
.book-email { left: 165px; top: 2788px; width: 417px; transform: translateY(calc(var(--process-extra, 0px) + var(--quotes-extra, 0px))); }
.book-news-submit { left: 469px; top: 2852px; min-width: 113px; transform: translateY(calc(var(--process-extra, 0px) + var(--quotes-extra, 0px))); }

.book-input {
  height: 43px;
  border: none;
  border-radius: 50px;
  background: var(--cream);
  color: var(--green);
  font-family: "Manrope", sans-serif;
  font-weight: 300;
  font-size: 13px;
  padding: 0 18px;
}
.book-input::placeholder { color: var(--green); }
.book-input:focus-visible { outline: 2px solid var(--green); outline-offset: 3px; }

.book-btn-ghost { background: transparent; }
.stage-book .is-dark .book-btn-ghost { border-color: var(--cream); color: var(--cream); }
.stage-book .is-light .book-btn-ghost { border-color: var(--ink); color: var(--ink); }
.book-news-submit {
  height: 43px;
  border-radius: 50px;
  background: var(--green);
  border-color: var(--green);
  color: var(--cream);
}
.book-news.is-dark .book-news-submit {
  background: var(--gold);
  border-color: var(--gold);
  color: var(--ink);
}

.book-seal {
  position: absolute;
  left: 792px;
  top: 2596px;
  width: 383px;
  height: 383px;
  pointer-events: none;
}
.book-seal-ring { width: 383px; height: 383px; }
.book-seal-logo {
  position: absolute;
  left: 36px;
  top: 36px;
  width: 312px;
  height: 312px;
  object-fit: cover;
}


@media (max-width: 820px) {
  .stage-book {
    height: auto;
    background: var(--cream);
  }

  .stage-book .book-after {
    position: static;
    z-index: auto;
    width: auto;
    height: auto;
    transform: none;
    pointer-events: auto;
  }

  .stage-book .book-quotes,
  .stage-book .book-process-left,
  .stage-book .book-process-right {
    position: static;
    left: auto;
    top: auto;
    width: auto;
  }

  .stage-book .book-shape,
  .stage-book .book-wash,
  .stage-book .book-band-foot { display: none; }

  .stage-book .book-cover {
    display: block;
    position: relative;
    left: auto;
    top: auto;
    width: min(220px, 58%);
    height: auto;
    margin: 28px 22px 8px auto;
  }

  .stage-book .book-cover img {
    width: 100%;
    height: auto;
  }

  .stage-book .book-hero-copy,
  .stage-book .book-title,
  .stage-book .book-subtitle,
  .stage-book .book-edition,
  .stage-book .book-label,
  .stage-book .book-copy,
  .stage-book .book-pull,
  .stage-book .book-reviews-title,
  .stage-book .book-quote,
  .stage-book .book-input,
  .stage-book .book-btn,
  .stage-book .book-news-submit,
  .stage-book .book-fragment-status {
    position: static;
    left: auto;
    top: auto;
    width: auto;
    height: auto;
    transform: none;
  }

  .stage-book .book-hero,
  .stage-book .book-reviews,
  .stage-book .book-extra { background: var(--book-hero); }
  .stage-book .book-process { background: var(--book-mid); }
  .stage-book .book-news { background: var(--book-news); }

  .stage-book.is-hero-light .site-nav a,
  .stage-book.is-hero-light .nav-links a,
  .stage-book.is-hero-light .nav-home {
    color: var(--cream);
  }
  .stage-book.is-hero-light .nav-links .nav-boeken,
  .stage-book.is-hero-light a.nav-boeken { color: var(--gold); }
  .stage-book.is-hero-light .site-nav .nav-contact,
  .stage-book.is-hero-light a.nav-contact {
    border-color: var(--cream);
    color: var(--cream);
  }
  .stage-book.is-hero-light .site-nav .nav-submenu a {
    color: rgba(243, 233, 214, 0.88);
  }
  .stage-book.is-hero-light .site-nav .nav-submenu a[aria-current="page"] {
    color: var(--gold);
  }

  .stage-book .book-hero,
  .stage-book .book-process,
  .stage-book .book-reviews,
  .stage-book .book-extra,
  .stage-book .book-news {
    padding: 32px 0 40px;
  }

  .stage-book .book-hero-copy {
    width: auto;
    max-width: none;
    padding: 0;
  }

  .stage-book .book-title,
  .stage-book .book-hero-copy.is-long-title .book-title {
    font-size: min(42px, calc((100vw - 48px) / 9));
    line-height: 1.12;
    margin: 0;
    padding: 0 22px;
    overflow-wrap: break-word;
  }
  .stage-book .book-subtitle,
  .stage-book .book-edition,
  .stage-book .book-label,
  .stage-book .book-copy,
  .stage-book .book-pull,
  .stage-book .book-reviews-title,
  .stage-book .book-quote { display: block; padding: 16px 22px 0; }
  .stage-book .book-subtitle { padding-top: 2px; }
  .stage-book .book-edition { padding-top: 6px; }
  .stage-book .book-reviews-title { font-size: 40px; }
  .stage-book .book-pull { font-size: 26px; }
  .stage-book .book-quote { opacity: 0.9; }

  .stage-book .book-input {
    display: block;
    width: calc(100% - 44px);
    height: 52px;
    min-height: 52px;
    margin: 22px 22px 0;
  }

  .stage-book .book-btn,
  .stage-book .book-news-submit { margin: 32px 22px 48px; }
  .stage-book .book-fragment-status { display: block; margin: 8px 22px 0; padding: 0; }
  .stage-book .book-fragment-status:empty { display: none; }

  .stage-book .book-seal {
    position: relative;
    left: auto;
    top: auto;
    width: 220px;
    height: 220px;
    margin: 8px auto 28px;
  }

  .stage-book .book-seal-ring { width: 220px; height: 220px; }
  .stage-book .book-seal-logo {
    left: 22px;
    top: 22px;
    width: 176px;
    height: 176px;
  }

  .stage-book .site-newsletter { background: var(--book-news); }
  .stage-book .site-newsletter::after { display: none; }
  .stage-book .block.block-footer { background: var(--cream); }
}

.stage-faq {
  height: 2516px;
  background: var(--cream);
}

.stage-faq .nav-home { color: var(--cream); }
.stage-faq .nav-faq { color: var(--gold); }

.faq-photo {
  left: 0;
  top: -245px;
  width: 1324px;
  height: 883px;
}

.faq-fade {
  left: 0;
  top: 0;
  width: 965px;
  height: 720px;
  background: linear-gradient(90deg, rgba(30, 30, 30, 0.55) 0%, rgba(30, 30, 30, 0.22) 52%, rgba(23, 62, 59, 0) 100%);
  mix-blend-mode: multiply;
}

.faq-clip,
.faq-shift {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}

.faq-clip-top { clip-path: inset(0 0 calc(100% - 720px) 0); }

.faq-shift { transform: translateY(var(--faq-extra, 0px)); }

.faq-clip-bottom { clip-path: inset(720px 0 0 0); }

.faq-shape-gold {
  left: -272px;
  top: 1175px;
  z-index: 0;
  width: 2212px;
  height: 907px;
  overflow: hidden;
  transform: rotate(9.84deg);
  transform-origin: 0 0;
}

.stage-faq .faq-shape-gold img {
  position: absolute;
  left: 0;
  top: -115.34%;
  width: 100%;
  height: 215.34%;
  max-width: none;
  object-fit: fill;
}

.faq-sage-bridge {
  position: absolute;
  left: 0;
  top: 720px;
  z-index: 1;
  width: 1280px;
  height: var(--faq-extra, 0px);
  background: #7c8c7a;
  pointer-events: none;
}

.faq-after {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 1280px;
  height: 2516px;
  transform: translateY(var(--faq-extra, 0px));
  pointer-events: none;
}

.faq-after a,
.faq-after button,
.faq-after input,
.faq-after label { pointer-events: auto; }

.faq-shape-green {
  left: 1392.51px;
  top: 2109.79px;
  z-index: 1;
  width: 1916.45px;
  height: 1691.26px;
  transform: rotate(-163.93deg);
  transform-origin: 0 0;
}

.stage-faq .faq-shape-green img {
  width: 100%;
  height: 100%;
  object-fit: fill;
  transform: none;
}

.stage-faq .site-newsletter {
  background: transparent;
}

.stage-faq .sn-title { top: 8px; }
.stage-faq .sn-body { top: 65px; }
.stage-faq .sn-form { top: 156px; }

.stage-faq .sn-gold { display: none; }

.faq-title {
  position: absolute;
  left: 141px;
  top: 308px;
  width: 520px;
  z-index: 2;
  font-family: "Newsreader", serif;
  font-weight: 800;
  font-size: 75px;
  line-height: 1;
  color: var(--cream);
}

.faq-list {
  position: absolute;
  left: 154px;
  top: 525px;
  width: 986px;
  z-index: 2;
  background: #7c8c7a;
}

.faq-item {
  border-top: 1px solid rgba(243, 233, 214, 0.72);
  padding: 12px 0 6px;
}

.faq-item:first-child {
  border-top: 0;
  padding-top: 0;
}

.faq-item summary {
  cursor: pointer;
  font-family: "Newsreader", serif;
  font-weight: 600;
  font-size: 31px;
  line-height: 1.202;
  color: var(--cream);
  list-style: none;
}

.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::marker { content: ""; }

.faq-answer {
  width: 733px;
  margin-top: 14px;
  font-family: "Manrope", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.45;
  color: var(--cream);
}

.faq-answer p { margin: 0; }
.faq-answer p + p { margin-top: 1em; }
.faq-answer a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.faq-cover {
  position: absolute;
  left: 115px;
  top: 1367px;
  z-index: 2;
  width: 265px;
  height: 387px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.faq-cover img {
  width: 249px;
  height: 377px;
  object-fit: contain;
  transform: rotate(-2.33deg);
  box-shadow: 9px 11px 10.5px 2px rgba(30, 30, 30, 0.22);
}

.faq-feature-title,
.faq-feature-sub {
  position: absolute;
  left: 402px;
  z-index: 2;
  margin: 0;
  font-family: "Manrope", sans-serif;
  font-weight: 200;
  color: var(--cream);
}

.faq-feature-title {
  top: 1513px;
  width: 267px;
  font-size: 20px;
  line-height: 1.2;
}

.faq-feature-sub {
  top: 1540px;
  width: 193px;
  font-size: 10px;
  line-height: 1.35;
}

.faq-feature-cta {
  left: 403px;
  top: 1593px;
  width: auto;
  min-width: 93px;
  z-index: 2;
}

.faq-news-title { left: 165px; top: 1877px; z-index: 2; color: var(--green); }
.faq-news-body { left: 166px; top: 1934px; z-index: 2; width: 416px; color: var(--green); }

.stage-faq .faq-email {
  left: 165px;
  top: 2025px;
  z-index: 2;
}

.faq-submit {
  left: 469px;
  top: 2092px;
  width: 113px;
  z-index: 2;
}

.faq-seal {
  position: absolute;
  left: 792px;
  top: 1720px;
  z-index: 2;
  width: 383px;
  height: 383px;
  pointer-events: none;
}

.faq-seal-ring { width: 383px; height: 383px; }
.faq-seal-logo {
  position: absolute;
  left: 36px;
  top: 36px;
  width: 312px;
  height: 312px;
  object-fit: cover;
}


@media (max-width: 820px) {
  .stage-faq { height: auto; background: #7c8c7a; }
  .stage-faq .faq-after {
    position: static;
    z-index: auto;
    width: auto;
    height: auto;
    transform: none;
    pointer-events: auto;
  }
  .stage-faq .nav-home { color: var(--cream); }
  .stage-faq .nav-faq { color: var(--gold); }

  .stage-faq .faq-shape-green,
  .stage-faq .faq-shape-gold,
  .stage-faq .faq-fade,
  .stage-faq .faq-clip,
  .stage-faq .faq-shift,
  .stage-faq .faq-sage-bridge { display: none; }

  .stage-faq .site-newsletter { background: var(--gold); }

  .stage-faq .faq-photo {
    display: block;
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    height: 72vw;
    min-height: 260px;
    max-height: 440px;
    overflow: hidden;
  }

  .stage-faq .faq-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 40%;
  }

  .stage-faq .faq-title,
  .stage-faq .faq-list,
  .stage-faq .faq-cover,
  .stage-faq .faq-feature-title,
  .stage-faq .faq-feature-sub,
  .stage-faq .faq-seal,
  .stage-faq .faq-news-title,
  .stage-faq .faq-news-body {
    position: static;
    left: auto;
    top: auto;
    width: auto;
    height: auto;
  }

  .stage-faq .faq-title {
    font-size: 46px;
    padding: 28px 22px 8px;
  }

  .stage-faq .block-hero,
  .stage-faq .block-faq { background: #7c8c7a; }
  .stage-faq .block-feature,
  .stage-faq .block-news { background: var(--gold); }
  .stage-faq .faq-feature-title,
  .stage-faq .faq-feature-sub { color: var(--cream); }

  .stage-faq .faq-list { padding: 8px 22px 28px; }
  .stage-faq .faq-answer { width: auto; }
  .stage-faq .faq-item summary { font-size: 26px; }

  .stage-faq .faq-cover {
    display: block;
    width: min(220px, 58%);
    margin: 28px 22px 8px;
  }

  .stage-faq .faq-cover img { width: 100%; height: auto; }
  .stage-faq .faq-feature-title,
  .stage-faq .faq-feature-sub { display: block; padding: 8px 22px 0; }
  .stage-faq .faq-feature-title { font-size: 22px; }
  .stage-faq .faq-feature-sub { font-size: 14px; width: auto; }
  .stage-faq .faq-feature-cta { margin: 16px 22px 28px; }

  .stage-faq .faq-news-title { font-size: 32px; padding: 8px 22px 0; }
  .stage-faq .faq-news-body { display: block; padding: 14px 22px 0; color: var(--green); }

  .stage-faq .faq-email {
    display: block;
    width: calc(100% - 44px);
    height: 52px;
    min-height: 52px;
    margin: 18px 22px 0;
    text-align: left;
  }

  .stage-faq .faq-submit { margin: 12px 22px 48px; }

  .stage-faq .faq-seal {
    position: relative;
    width: 220px;
    height: 220px;
    margin: 28px auto 8px;
    overflow: hidden;
  }

  .stage-faq .faq-seal-ring { width: 220px; height: 220px; }
  .stage-faq .faq-seal-logo {
    left: 22px;
    top: 22px;
    width: 176px;
    height: 176px;
  }

  .stage-faq .block.block-footer { background: var(--cream); }
  .stage-faq .block-footer .copyright,
  .stage-faq .block-footer .contact-title { color: var(--ink); }
}

.stage-contact {
  height: 1716px;
  background: var(--cream);
}

.stage-contact .nav-home { color: var(--cream); }
.stage-contact .nav-contact { border-color: var(--gold); color: var(--gold); }

.contact-photo {
  left: 0;
  top: -160px;
  z-index: 0;
  width: 1280px;
  height: 700px;
  overflow: hidden;
}

.contact-fade {
  left: 0;
  top: 0;
  z-index: 1;
  width: 1280px;
  height: 460px;
  background: linear-gradient(180deg, rgba(23, 62, 59, 0.2) 0%, rgba(23, 62, 59, 0.55) 55%, rgba(23, 62, 59, 0) 100%);
}

.contact-gold-wave {
  left: 0;
  top: 400px;
  z-index: 3;
  width: 1280px;
  height: 180px;
}

.contact-gold {
  left: 0;
  top: 540px;
  z-index: 2;
  width: 1280px;
  height: 1600px;
  background: #7c8c7a;
}

.contact-wave-clip {
  position: absolute;
  left: 0;
  top: 860px;
  z-index: 3;
  width: 1280px;
  height: 720px;
  overflow: hidden;
  pointer-events: none;
}

.contact-wave-a {
  left: -411px;
  z-index: 3;
  width: 2335px;
  height: 1271px;
  overflow: hidden;
  transform: rotate(9.84deg);
}

.contact-wave-a img {
  position: absolute;
  left: 0;
  top: -115.34%;
  width: 100%;
  height: 215.34%;
  max-width: none;
  object-fit: cover;
}

.contact-wave-b {
  left: -123px;
  z-index: 3;
  width: 2005px;
  height: 1092px;
  overflow: hidden;
  transform: rotate(9.84deg);
}

.contact-olive-filter { position: absolute; width: 0; height: 0; }

.contact-wave-b img {
  position: absolute;
  left: 0;
  top: -115.34%;
  width: 100%;
  height: 215.34%;
  max-width: none;
  object-fit: cover;
  filter: url("#contact-olive");
}

.stage-contact .site-newsletter { height: 460px; }

.contact-seam { background: #7c8c7a; z-index: 4; }

.contact-heading {
  position: absolute;
  left: 141px;
  top: 150px;
  z-index: 2;
  width: 520px;
  margin: 0;
  font-family: "Newsreader", serif;
  font-weight: 800;
  font-size: 75px;
  line-height: 0.95;
  color: var(--cream);
}

.contact-intro {
  position: absolute;
  left: 154px;
  top: 278px;
  z-index: 2;
  width: 460px;
  font-family: "Manrope", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.45;
  color: var(--cream);
}

.contact-intro p { margin: 0 0 12px; }

.contact-form-title {
  left: 165px;
  top: 520px;
  z-index: 5;
  width: 420px;
  color: var(--green);
}

.stage-contact .contact-name { top: 608px; z-index: 5; }
.stage-contact .contact-mail { top: 668px; z-index: 5; }

.contact-message {
  position: absolute;
  left: 165px;
  top: 728px;
  z-index: 5;
  width: 417px;
  height: 140px;
  border: none;
  border-radius: 28px;
  background: var(--cream);
  color: var(--green);
  font-family: "Manrope", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.45;
  padding: 16px 18px;
  resize: none;
}

.contact-message::placeholder { color: var(--green); opacity: 1; }
.contact-message:focus-visible { outline: 2px solid var(--green); outline-offset: 3px; }

.contact-submit {
  left: 165px;
  top: 892px;
  z-index: 5;
  width: 113px;
}

.contact-seal { display: none; }

.contact-seal-ring { width: 340px; height: 340px; }
.contact-seal-logo {
  position: absolute;
  left: 32px;
  top: 32px;
  width: 276px;
  height: 276px;
  object-fit: cover;
}


@media (max-width: 820px) {
  .stage-contact { height: auto; background: var(--green); }
  .stage-contact .nav-home { color: var(--cream); }
  .stage-contact .nav-contact { border-color: var(--gold); color: var(--gold); }

  .stage-contact .contact-fade,
  .stage-contact .contact-gold-wave,
  .stage-contact .contact-gold { display: none; }

  .stage-contact .contact-photo {
    display: block;
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    height: 72vw;
    min-height: 260px;
    max-height: 440px;
    overflow: hidden;
  }

  .stage-contact .contact-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 40%;
  }

  .stage-contact .contact-heading,
  .stage-contact .contact-intro,
  .stage-contact .contact-form-title,
  .stage-contact .contact-message,
  .stage-contact .contact-seal {
    position: static;
    left: auto;
    top: auto;
    width: auto;
    height: auto;
  }

  .stage-contact .block-hero { background: var(--green); }
  .stage-contact .block-form { background: #7c8c7a; }
  .stage-contact .site-newsletter {
    height: auto;
    padding-top: 72px;
    border-radius: 0;
  }
  .stage-contact .sn-title,
  .stage-contact .sn-body,
  .stage-contact .sn-form,
  .stage-contact .sn-seal { top: auto; }

  .stage-contact .contact-heading {
    font-size: 46px;
    padding: 28px 22px 8px;
  }

  .stage-contact .contact-intro {
    display: block;
    padding: 8px 22px 28px;
  }

  .stage-contact .contact-form-title { font-size: 32px; padding: 28px 22px 0; }

  .stage-contact .contact-name,
  .stage-contact .contact-mail,
  .stage-contact .contact-message {
    display: block;
    width: calc(100% - 44px);
    margin: 14px 22px 0;
    text-align: left;
  }

  .stage-contact .contact-name,
  .stage-contact .contact-mail {
    height: 52px;
    min-height: 52px;
  }

  .stage-contact .contact-message { height: 140px; }
  .stage-contact .contact-submit { margin: 16px 22px 8px; }

  .stage-contact .block.block-footer { background: var(--cream); }
  .stage-contact .block-footer .copyright,
  .stage-contact .block-footer .contact-title { color: var(--ink); }
}

.stage-news {
  height: calc(2520px + var(--news-extra, 0px));
  background: var(--cream);
}

.stage-news .nav-home { color: var(--cream); }
.stage-news .nav-nieuws { color: var(--gold); }

.news-photo,
.news-fade,
.news-shape-green { display: none; }

.news-fill-green {
  left: 0;
  top: 0;
  z-index: 0;
  width: 1280px;
  height: 500px;
  background: #7c8c7a;
}

.news-wave-wine {
  left: 0;
  top: 340px;
  z-index: 1;
  width: 1280px;
  height: 180px;
}

.news-shape-wine { display: none; }

.news-fill-wine {
  left: 0;
  top: 480px;
  z-index: 0;
  width: 1280px;
  height: 540px;
  background: var(--wine);
}

.news-wave-gold {
  left: 0;
  top: 820px;
  z-index: 1;
  width: 1280px;
  height: 180px;
}

.news-shape-gold { display: none; }

.news-fill-gold {
  left: 0;
  top: 960px;
  z-index: 0;
  width: 1280px;
  height: calc(1280px + var(--news-extra, 0px));
  background: var(--gold);
}

.news-hero-title {
  position: absolute;
  left: 141px;
  top: 120px;
  z-index: 2;
  width: 560px;
  margin: 0;
  font-family: "Newsreader", serif;
  font-weight: 800;
  font-size: 75px;
  line-height: 0.95;
  color: var(--cream);
}

.news-hero-intro {
  position: absolute;
  left: 154px;
  top: 270px;
  z-index: 2;
  width: 480px;
  font-family: "Manrope", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.45;
  color: var(--cream);
}

.news-hero-intro p { margin: 0 0 12px; }

.news-kicker {
  margin: 0;
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 0.04em;
  line-height: 1.4;
}

.news-feature-kicker {
  position: absolute;
  left: 154px;
  top: 500px;
  z-index: 2;
  color: var(--gold);
}

.news-feature-title {
  position: absolute;
  left: 154px;
  top: 528px;
  z-index: 2;
  width: 500px;
  margin: 0;
  font-family: "Newsreader", serif;
  font-weight: 800;
  font-size: 48px;
  line-height: 1.05;
  color: var(--cream);
}

.news-feature-text {
  position: absolute;
  left: 154px;
  top: 690px;
  z-index: 2;
  width: 480px;
  font-family: "Manrope", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.45;
  color: var(--cream);
}

.news-feature-text p { margin: 0; }

.news-feature-cta {
  left: 154px;
  top: 800px;
  z-index: 2;
  width: auto;
  min-width: 112px;
  border-color: var(--cream);
  color: var(--cream);
  background: transparent;
}

.news-feature-photo {
  position: absolute;
  left: 760px;
  top: 490px;
  z-index: 2;
  width: 400px;
  height: 280px;
  overflow: hidden;
}

.news-feature-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 30%;
}

.news-card-photo {
  display: block;
  height: 280px;
  margin: 0 0 14px;
  overflow: hidden;
  background: transparent;
}

.news-card-photo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.news-grid {
  position: absolute;
  left: 154px;
  top: 1000px;
  z-index: 2;
  width: 980px;
  display: grid;
  grid-template-columns: 460px 460px;
  column-gap: 60px;
  row-gap: 48px;
}

.news-card-title {
  margin: 10px 0 0;
  font-family: "Newsreader", serif;
  font-weight: 600;
  font-size: 31px;
  line-height: 1.2;
}

.news-card-title a {
  color: var(--ink);
  text-decoration: none;
}

.news-card-text {
  margin-top: 12px;
  font-family: "Manrope", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.45;
  color: var(--ink);
}

.news-card-text p { margin: 0; }
.news-card .news-kicker { color: var(--green); }
.news-card-cta {
  position: static;
  display: inline-flex;
  width: auto;
  margin-top: 18px;
  border-color: var(--ink);
  color: var(--ink);
  background: transparent;
}

.news-after {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 1280px;
  height: 2520px;
  transform: translateY(var(--news-extra, 0px));
  pointer-events: none;
}

.news-after a,
.news-after button,
.news-after input,
.news-after label { pointer-events: auto; }

.news-cream-wave {
  position: absolute;
  left: 0;
  top: 2140px;
  z-index: 1;
  width: 1280px;
  height: 380px;
}

.news-news-title,
.news-news-body,
.news-email,
.news-submit {
  position: absolute;
  margin: 0;
}

.news-news-title {
  left: 165px;
  top: 1840px;
  z-index: 2;
  width: 420px;
  font-family: "Newsreader", serif;
  font-weight: 600;
  font-size: 31px;
  line-height: 1.2;
  color: var(--green);
}

.news-news-body {
  left: 166px;
  top: 1900px;
  z-index: 2;
  width: 416px;
  font-family: "Manrope", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.45;
  color: var(--green);
}

.news-email {
  left: 165px;
  top: 1984px;
  z-index: 2;
  width: 417px;
  height: 43px;
  border: none;
  border-radius: 50px;
  background: var(--cream);
  color: var(--green);
  font-family: "Manrope", sans-serif;
  font-weight: 300;
  font-size: 13px;
  text-align: right;
  padding: 0 16px;
}

.news-email::placeholder { color: var(--green); opacity: 1; }
.news-email:focus-visible { outline: 2px solid var(--green); outline-offset: 3px; }

.news-submit {
  left: 469px;
  top: 2052px;
  z-index: 2;
  width: 113px;
  background: var(--green);
  border-color: var(--green);
  color: var(--cream);
}

.news-seal {
  position: absolute;
  left: 820px;
  top: 1760px;
  z-index: 2;
  width: 340px;
  height: 340px;
  pointer-events: none;
}

.news-seal-ring { width: 340px; height: 340px; }
.news-seal-logo {
  position: absolute;
  left: 32px;
  top: 32px;
  width: 276px;
  height: 276px;
  object-fit: cover;
}


.stage-post {
  height: 2100px;
  background: var(--cream);
}

.stage-post .nav-home { color: var(--cream); }
.stage-post .nav-nieuws { color: var(--gold); }

.post-fill-green {
  left: 0;
  top: 0;
  z-index: 0;
  width: 1280px;
  height: 560px;
  background: #7c8c7a;
}

.post-wave-cream {
  left: 0;
  top: 400px;
  z-index: 1;
  width: 1280px;
  height: 180px;
}

.post-kicker {
  position: absolute;
  left: 141px;
  top: 130px;
  z-index: 2;
  margin: 0;
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 0.04em;
  color: var(--gold);
}

.post-title {
  position: absolute;
  left: 141px;
  top: 160px;
  z-index: 2;
  width: 480px;
  margin: 0;
  font-family: "Newsreader", serif;
  font-weight: 800;
  font-size: 64px;
  line-height: 0.98;
  color: var(--cream);
}

.post-figure {
  position: absolute;
  left: 780px;
  top: 120px;
  z-index: 2;
  width: 400px;
  height: 280px;
  margin: 0;
  overflow: hidden;
  background: #7c8c7a;
}

.post-figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.post-body {
  position: absolute;
  left: 154px;
  top: 640px;
  z-index: 2;
  width: 640px;
  font-family: "Manrope", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.55;
  color: var(--ink);
}

.post-body p { margin: 0 0 1em; }

.post-back {
  left: 154px;
  top: 1040px;
  z-index: 2;
  width: auto;
  border-color: var(--green);
  color: var(--green);
  background: transparent;
}

.stage-post .site-newsletter {
  height: 540px;
}

.stage-post .sn-gold { top: -700px; }

.stage-post .site-newsletter::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 150px;
  pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 200' preserveAspectRatio='none'%3E%3Cpath fill='%23f3e9d6' d='M0 0H1280V96C1240 70 1200 40 1100 52C980 68 900 150 740 138C580 126 500 40 340 48C180 56 100 110 0 96Z'/%3E%3C/svg%3E") no-repeat center / 100% 100%;
}

.stage-post .sn-title { top: 128px; }
.stage-post .sn-body { top: 185px; }
.stage-post .sn-form { top: 276px; }


@media (max-width: 820px) {
  .stage-news { height: auto; background: #7c8c7a; }
  .stage-news .nav-home { color: var(--cream); }
  .stage-news .nav-nieuws { color: var(--gold); }
  .stage-news .news-after {
    position: static;
    z-index: auto;
    width: auto;
    height: auto;
    transform: none;
    pointer-events: auto;
  }

  .stage-news .news-fade,
  .stage-news .news-shape,
  .stage-news .news-fill,
  .stage-news .news-wave,
  .stage-news .news-cream-wave { display: none; }

  .stage-news .news-photo { display: none; }

  .stage-news .news-hero-title,
  .stage-news .news-hero-intro,
  .stage-news .news-feature-kicker,
  .stage-news .news-feature-title,
  .stage-news .news-feature-text,
  .stage-news .news-news-title,
  .stage-news .news-news-body,
  .stage-news .news-seal {
    position: static;
    left: auto;
    top: auto;
    width: auto;
    height: auto;
  }

  .stage-news .block-hero { background: #7c8c7a; }
  .stage-news .block-featured {
    background: var(--wine);
  }
  .stage-news .block-grid,
  .stage-news .block-news { background: var(--gold); }

  .stage-news .news-hero-title { font-size: 46px; padding: 28px 22px 8px; }
  .stage-news .news-hero-intro { display: block; padding: 8px 22px 28px; }
  .stage-news .news-feature-kicker { display: block; padding: 28px 22px 0; }
  .stage-news .news-feature-title { font-size: 36px; padding: 8px 22px 0; }
  .stage-news .news-feature-text { display: block; padding: 14px 22px 0; }
  .stage-news .news-feature-photo {
    position: static;
    display: block;
    width: calc(100% - 44px);
    height: 220px;
    margin: 36px 22px 0;
  }
  .stage-news .news-feature-cta { margin: 20px 22px 48px; }
  .stage-news .news-card-photo { height: 240px; margin: 0 0 12px; background: transparent; }

  .stage-news .news-grid {
    position: static;
    display: block;
    width: auto;
    padding: 8px 0 12px;
  }

  .stage-news .news-card { padding: 20px 22px 8px; }
  .stage-news .news-card-cta { margin: 16px 0 12px; }
  .stage-news .news-news-title { font-size: 32px; padding: 28px 22px 0; color: var(--green); }
  .stage-news .news-news-body { display: block; padding: 14px 22px 0; color: var(--green); }
  .stage-news .news-email {
    display: block;
    position: static;
    width: calc(100% - 44px);
    height: 52px;
    min-height: 52px;
    margin: 18px 22px 0;
    text-align: left;
  }
  .stage-news .news-submit { margin: 12px 22px 48px; }
  .stage-news .news-seal {
    position: relative;
    width: 220px;
    height: 220px;
    margin: 28px auto 8px;
    overflow: hidden;
  }
  .stage-news .news-seal-ring {
    display: block;
    width: 220px;
    height: 220px;
  }
  .stage-news .news-seal-logo {
    position: absolute;
    left: 22px;
    top: 22px;
    width: 176px;
    height: 176px;
  }
  .stage-news .block.block-footer { background: var(--cream); }
  .stage-news .block-footer .copyright,
  .stage-news .block-footer .contact-title { color: var(--ink); }

  .stage-post { height: auto; background: #7c8c7a; }
  .stage-post .nav-home { color: var(--cream); }
  .stage-post .nav-nieuws { color: var(--gold); }
  .stage-post .post-fill-green,
  .stage-post .post-wave-cream,
  .stage-post .site-newsletter::before { display: none; }
  .stage-post .site-newsletter { height: auto; }
  .stage-post .sn-gold { top: -780px; }
  .stage-post .sn-title,
  .stage-post .sn-body,
  .stage-post .sn-form { top: auto; }
  .stage-post .post-kicker,
  .stage-post .post-title,
  .stage-post .post-figure,
  .stage-post .post-body {
    position: static;
    left: auto;
    top: auto;
    width: auto;
    height: auto;
  }
  .stage-post .block-hero { background: #7c8c7a; }
  .stage-post .post-figure {
    display: block;
    width: calc(100% - 44px);
    height: 240px;
    margin: 8px 22px 28px;
  }
  .stage-post .block-body,
  .stage-post .block.block-footer { background: var(--cream); }
  .stage-post .post-kicker { display: block; padding: 28px 22px 0; }
  .stage-post .post-title { font-size: 34px; padding: 8px 22px 28px; overflow-wrap: break-word; }
  .stage-post .post-body { display: block; padding: 28px 22px 0; }
  .stage-post .post-back { margin: 4px 22px 16px; }
  .stage-post .block-footer .copyright,
  .stage-post .block-footer .contact-title { color: var(--ink); }
}

.stage-privacy {
  height: calc(1764px + var(--privacy-extra, 0px));
  background: var(--cream);
}

.stage-privacy.stage-missing,
.stage-privacy.stage-missing .privacy-after {
  height: 1480px;
}

.stage-privacy .nav-home { color: var(--cream); }

.privacy-fill {
  left: 0;
  top: 0;
  z-index: 0;
  width: 1280px;
  height: 460px;
  background: #7c8c7a;
}

.privacy-wave {
  left: 0;
  top: 280px;
  z-index: 1;
  width: 1280px;
  height: 180px;
}

.privacy-title {
  position: absolute;
  left: 141px;
  top: 150px;
  z-index: 2;
  width: 720px;
  margin: 0;
  font-family: "Newsreader", serif;
  font-weight: 800;
  font-size: 64px;
  line-height: 0.98;
  color: var(--cream);
}

.privacy-body {
  position: absolute;
  left: 154px;
  top: 500px;
  z-index: 2;
  width: 720px;
  font-family: "Manrope", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.55;
  color: var(--ink);
}

.privacy-body p { margin: 0 0 1em; }

.privacy-body h2 {
  margin: 1.35em 0 0.4em;
  font-family: "Newsreader", serif;
  font-weight: 600;
  font-size: 28px;
  line-height: 1.2;
  color: var(--green);
}

.privacy-body h2:first-child { margin-top: 0; }

.privacy-body a {
  color: var(--wine);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.privacy-news-clip {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 1280px;
  height: 260px;
  overflow: hidden;
  pointer-events: none;
}

.privacy-cream-filter { position: absolute; width: 0; height: 0; }

.privacy-wave-a,
.privacy-wave-b {
  z-index: 1;
  overflow: hidden;
  transform: rotate(9.84deg);
}

.privacy-wave-a {
  left: -411px;
  top: -301px;
  width: 2335px;
  height: 1271px;
}

.privacy-wave-b {
  left: -123px;
  top: -766px;
  width: 2005px;
  height: 1092px;
}

.privacy-wave-a img,
.privacy-wave-b img {
  position: absolute;
  left: 0;
  top: -115.34%;
  width: 100%;
  height: 215.34%;
  max-width: none;
  object-fit: cover;
}

.privacy-wave-b img { filter: url("#privacy-cream"); }

.stage-privacy .site-newsletter::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 90px;
  background: var(--gold);
}

.privacy-after {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 1280px;
  height: 1764px;
  transform: translateY(var(--privacy-extra, 0px));
  pointer-events: none;
}

.privacy-after a { pointer-events: auto; }


@media (max-width: 820px) {
  .stage-privacy { height: auto; background: #7c8c7a; }
  .stage-privacy .nav-home { color: var(--cream); }
  .stage-privacy .privacy-fill,
  .stage-privacy .privacy-wave,
  .stage-privacy .privacy-news-clip { display: none; }
  .stage-privacy .privacy-after {
    position: static;
    width: auto;
    height: auto;
    transform: none;
    pointer-events: auto;
  }
  .stage-privacy .privacy-title,
  .stage-privacy .privacy-body {
    position: static;
    left: auto;
    top: auto;
    width: auto;
    height: auto;
  }
  .stage-privacy .block-hero { background: #7c8c7a; }
  .stage-privacy .privacy-title {
    font-size: 40px;
    padding: 28px 22px 36px;
    color: var(--cream);
  }
  .stage-privacy .block-body,
  .stage-privacy .block.block-footer { background: var(--cream); }
  .stage-privacy .privacy-body { display: block; padding: 28px 22px 12px; }
  .stage-privacy .block-footer .copyright,
  .stage-privacy .block-footer .contact-title { color: var(--ink); }
}

@media (max-width: 820px) {
  .wave-shine-svg,
  .sn-glow { display: none; }
}

.stage-news {
  height: auto;
  background: var(--cream);
}

.stage-news .site-end {
  position: relative;
  z-index: 2;
  width: 1280px;
  margin-top: -8px;
}

.stage-news .news-after {
  position: static;
  width: auto;
  height: auto;
  transform: none;
  pointer-events: auto;
}

.news-flow { position: relative; z-index: 1; }

.news-seam {
  display: block;
  width: 1280px;
  height: 120px;
  margin-top: -72px;
  position: relative;
}

.news-seam-sage { background: #7c8c7a; z-index: 2; }
.news-seam-wine { background: var(--wine); z-index: 4; }
.news-seam-gold { background: var(--gold); z-index: 6; }
.news-seam-green { background: var(--green); z-index: 8; }

.news-band-hero {
  position: relative;
  z-index: 1;
  background: #7c8c7a;
  padding: 118px 154px 100px;
}

.news-band-press,
.news-band-news,
.news-band-agenda,
.news-band-media {
  position: relative;
  margin-top: -8px;
}

.news-band-press { z-index: 3; background: var(--wine); padding: 8px 154px 88px; }
.news-band-news { z-index: 5; background: var(--gold); padding: 8px 154px 96px; }
.news-band-agenda { z-index: 7; background: var(--green); padding: 8px 154px 88px; }
.news-band-media { z-index: 9; background: var(--cream); padding: 8px 154px 112px; }

.news-seam-cream { background: var(--cream); z-index: 10; }

.stage-news .site-newsletter { background: var(--cream); }
.stage-news .sn-gold { z-index: 1; }

.news-hero-title,
.news-hero-intro,
.news-feature-title,
.news-feature-text,
.news-feature-kicker,
.news-feature-photo {
  position: static;
  left: auto;
  top: auto;
}

.news-hero-title { width: 640px; }
.news-hero-intro { width: 520px; margin-top: 22px; }

.news-band-title {
  margin: 0;
  max-width: 760px;
  font-family: "Newsreader", serif;
  font-weight: 800;
  font-size: 48px;
  line-height: 1.05;
  color: var(--cream);
}

.news-band-news .news-band-title,
.news-band-media .news-band-title { color: var(--green); }

.news-band-intro {
  max-width: 560px;
  margin-top: 16px;
  font-family: "Manrope", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.45;
}

.news-band-intro p { margin: 0 0 12px; }
.news-band-intro p:last-child { margin-bottom: 0; }
.news-band-press .news-band-intro,
.news-band-agenda .news-band-intro { color: var(--cream); }
.news-band-news .news-band-intro { color: var(--ink); }
.news-band-media .news-band-intro { color: var(--green); }

.press-list,
.agenda-list {
  list-style: none;
  margin: 28px 0 0;
  padding: 0;
  max-width: 760px;
}

.press-item,
.agenda-item {
  padding: 20px 0;
  border-top: 1px solid rgba(243, 233, 214, 0.45);
}

.press-item:first-child,
.agenda-item:first-child {
  border-top: 0;
  padding-top: 4px;
}

.press-meta,
.agenda-date {
  margin: 0 0 6px;
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 0.04em;
  color: var(--gold);
}

.press-title,
.agenda-activity {
  margin: 0;
  font-family: "Newsreader", serif;
  font-weight: 600;
  font-size: 28px;
  line-height: 1.2;
  color: var(--cream);
}

.press-title a { color: inherit; text-decoration: none; }
.press-title a:hover { text-decoration: underline; }

.press-intro,
.agenda-place {
  margin-top: 8px;
  font-family: "Manrope", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.45;
  color: var(--cream);
}

.press-intro p { margin: 0; }

.news-feature {
  display: grid;
  grid-template-columns: 500px 400px;
  column-gap: 60px;
  align-items: start;
  margin-top: 36px;
}

.news-feature-title {
  width: auto;
  margin-top: 8px;
  color: var(--ink);
  font-size: 42px;
}

.news-feature-text {
  width: auto;
  margin-top: 14px;
  color: var(--ink);
}

.news-band-news .news-kicker { color: var(--green); }

.news-feature-photo { width: 400px; height: 280px; }
.news-feature-cta,
.news-card-cta,
.news-contact {
  position: static;
  display: inline-flex;
  left: auto;
  top: auto;
  width: auto;
}

.news-feature-cta {
  margin-top: 22px;
  border-color: var(--ink);
  color: var(--ink);
  background: transparent;
}

.news-grid {
  position: static;
  width: auto;
  margin-top: 48px;
}

.news-contact { margin-top: 22px; }
.news-contact span { margin-left: 4px; }

@media (max-width: 820px) {
  .stage-news { height: auto; background: #7c8c7a; }
  .stage-news .site-end,
  .news-seam { width: 100%; }
  .news-seam { height: 64px; margin-top: -36px; }
  .news-band-hero,
  .news-band-press,
  .news-band-news,
  .news-band-agenda,
  .news-band-media { padding-left: 22px; padding-right: 22px; }
  .news-band-hero { padding-top: 96px; }
  .news-hero-title,
  .news-hero-intro,
  .news-feature-title,
  .news-feature-text,
  .stage-news .news-hero-title,
  .stage-news .news-hero-intro,
  .stage-news .news-feature-title,
  .stage-news .news-feature-text { width: auto; padding: 0; }
  .news-hero-title,
  .stage-news .news-hero-title { font-size: 46px; }
  .news-band-title { font-size: 36px; }
  .news-feature { display: block; }
  .news-feature-photo,
  .stage-news .news-feature-photo {
    width: 100%;
    margin: 22px 0 0;
  }
  .news-grid,
  .stage-news .news-grid {
    display: block;
    padding: 0;
  }
  .news-card + .news-card { margin-top: 32px; }
  .stage-news .news-feature-cta { margin: 20px 0 0; }
  .news-band-press,
  .news-band-news,
  .news-band-agenda,
  .news-band-media { padding-bottom: 48px; }
  .stage-news .site-newsletter { background: var(--gold); }
}

.stage-contact { height: auto; background: #7c8c7a; }
.stage-contact .site-end { position: relative; bottom: auto; }
.contact-gold { display: none; }

.contact-hero {
  position: relative;
  padding: 132px 154px 150px;
  overflow: hidden;
}

.stage-contact .contact-photo,
.stage-contact .contact-fade {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.stage-contact .contact-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 35%;
}

.stage-contact .contact-fade {
  background: linear-gradient(180deg, rgba(23, 62, 59, 0.28) 0%, rgba(23, 62, 59, 0.62) 48%, rgba(23, 62, 59, 0.2) 100%);
}

.contact-hero-copy {
  position: relative;
  z-index: 2;
  width: 560px;
}

.stage-contact .contact-heading,
.stage-contact .contact-intro {
  position: static;
  left: auto;
  top: auto;
  width: auto;
}

.stage-contact .contact-intro { width: 480px; margin-top: 22px; }

.stage-contact .contact-gold-wave {
  position: absolute;
  left: 0;
  top: auto;
  bottom: -1px;
  z-index: 3;
  width: 100%;
  height: 140px;
}

.contact-main {
  position: relative;
  z-index: 2;
  margin-top: -8px;
  padding: 8px 154px 120px;
  background: #7c8c7a;
}

.contact-block { width: 640px; margin: 0 0 34px; }

.contact-block h2,
.stage-contact .contact-form-title {
  position: static;
  left: auto;
  top: auto;
  width: auto;
  margin: 0 0 12px;
  font-family: "Newsreader", serif;
  font-weight: 600;
  font-size: 36px;
  line-height: 1.15;
  color: var(--green);
}

.contact-copy p {
  margin: 0 0 12px;
  font-family: "Manrope", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5;
  color: var(--green);
}

.contact-form-block { margin-top: 18px; }

.stage-contact #contact-form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  margin-top: 8px;
}

.stage-contact .contact-name,
.stage-contact .contact-mail,
.stage-contact .contact-message,
.stage-contact .contact-submit {
  position: static;
  left: auto;
  top: auto;
}

.stage-contact .contact-submit {
  display: inline-flex;
  width: auto;
  margin: 4px 0 0;
}

.stage-contact .contact-status {
  position: static;
  left: auto;
  top: auto;
  width: 420px;
  margin: 0;
  color: var(--green);
}

.stage-contact .contact-status:empty { display: none; }

.stage-contact .contact-wave-clip {
  position: relative;
  left: 0;
  top: auto;
  z-index: 3;
  width: 100%;
  height: 100px;
  margin: 0 0 -2px;
  background: transparent;
  overflow: visible;
  pointer-events: none;
}

.contact-news-wave {
  display: block;
  width: 100%;
  height: 100%;
}

@media (max-width: 820px) {
  .contact-hero { padding: 0 0 36px; }
  .stage-contact .contact-photo {
    position: relative;
    height: 72vw;
    min-height: 260px;
    max-height: 440px;
  }
  .stage-contact .contact-fade,
  .stage-contact .contact-gold-wave { display: none; }
  .contact-hero-copy,
  .contact-block,
  .stage-contact .contact-intro { width: auto; }
  .contact-hero-copy { padding: 28px 22px 0; }
  .stage-contact .contact-heading { font-size: 46px; padding: 0; }
  .stage-contact .contact-intro { margin-top: 14px; padding: 0; }
  .contact-main { padding: 8px 22px 88px; }
  .contact-block h2,
  .stage-contact .contact-form-title { font-size: 32px; }
  .stage-contact .contact-name,
  .stage-contact .contact-mail,
  .stage-contact .contact-message,
  .stage-contact .contact-status { width: 100%; margin: 0; }
}

.cookie-layer {
  position: fixed;
  z-index: 80;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 22px;
  background: rgba(30, 30, 30, 0.28);
}

.cookie-banner {
  position: relative;
  width: min(440px, 100%);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 22px;
  margin: 0;
  padding: 28px 28px 22px;
  background: var(--cream);
  color: var(--green);
  border-top: 3px solid var(--gold);
  box-shadow: 0 18px 48px rgba(30, 30, 30, 0.22);
  font-family: "Manrope", sans-serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 1.45;
}

.cookie-banner-title {
  margin: 0 0 2px;
  font-family: "Newsreader", serif;
  font-weight: 600;
  font-size: 22px;
  line-height: 1.2;
}

.cookie-banner-copy p { margin: 0; }

.cookie-banner a {
  color: var(--green);
  text-underline-offset: 3px;
}

.cookie-banner-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

.cookie-decline,
.cookie-accept {
  height: 43px;
  padding: 0 18px;
  border-radius: 50px;
  border: 1px solid var(--green);
  background: transparent;
  color: var(--green);
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1;
  cursor: pointer;
}

.cookie-accept {
  background: var(--green);
  color: var(--cream);
}

.cookie-decline:hover { background: rgba(23, 62, 59, 0.08); }
.cookie-accept:hover { filter: brightness(1.08); }
.cookie-decline:focus-visible,
.cookie-accept:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }

.cookie-manage { margin: 1.6em 0 0; }

.cookie-manage button {
  padding: 0;
  border: 0;
  background: none;
  color: var(--green);
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  font-size: 16px;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}

.cookie-manage button:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }

@media (max-width: 820px) {
  .cookie-banner { padding: 22px 20px 18px; }
  .cookie-banner-actions { justify-content: stretch; }
  .cookie-banner-actions button { flex: 1; }
}