*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Instrument Sans","Helvetica Neue",Arial,sans-serif;background:#F3EEE6;color:#25292A}
a{color:#25292A}
a:hover{color:#4B5A48}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #4B5A48;outline-offset:3px}
input,textarea,button{font-family:inherit}
img{max-width:100%;height:auto}
details summary::-webkit-details-marker{display:none}
[id]{scroll-margin-top:24px}

/* brede schermen: inhoud gecentreerd op max. 1216px */
@media (min-width:1441px){
  .site>*,.site>main>*{padding-left:calc((100vw - 1216px)/2)!important;padding-right:calc((100vw - 1216px)/2)!important}
}

/* tablet */
@media (max-width:1180px){
  .site>*,.site>main>*{padding-left:48px!important;padding-right:48px!important}
  header nav{gap:22px!important}
  [style*="grid-template-columns: repeat(4"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .keep4{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}

/* mobiel */
@media (max-width:860px){
  .site>*,.site>main>*{padding-left:22px!important;padding-right:22px!important}
  .site>section,.site>main>section{padding-top:64px!important;padding-bottom:64px!important}
  .bar{height:auto!important;padding-top:10px!important;padding-bottom:10px!important;font-size:14px!important}
  .bar>span:last-child{display:none}
  header{height:72px!important}
  header nav a:not(:last-child){display:none}
  header nav a:last-child{height:44px!important;padding:0 18px!important}

  [style*="grid-template-columns: repeat"],[style*="grid-template-columns: minmax"]{grid-template-columns:minmax(0,1fr)!important;gap:32px!important}
  .keep4{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;font-size:16px!important}

  .site div[style*="display: flex"]{flex-wrap:wrap}
  .site>section[style*="justify-content: center; gap: 56px"]{flex-direction:column;align-items:flex-start;gap:16px!important}
  .site section[style*="justify-content: space-between"],
  .site div[style*="justify-content: space-between"]:not(.keeprow){flex-direction:column;align-items:flex-start!important}

  h1{font-size:38px!important;line-height:1.1!important;letter-spacing:-.6px!important}
  h2{font-size:30px!important;line-height:1.12!important;letter-spacing:-.4px!important}
  blockquote{font-size:23px!important}
  summary{font-size:21px!important}
  p{font-size:17px!important}
  [style*="font-size: 112px"],[style*="font-size: 84px"]{font-size:64px!important}
  [style*="font-size: 64px"],[style*="font-size: 60px"]{font-size:44px!important}
  [style*="font-size: 48px"],[style*="font-size: 40px"]{font-size:32px!important}

  form,[style*="padding: 64px"],[style*="padding: 56px"],[style*="padding: 48px"],[style*="padding: 44px"]{padding:28px 22px!important}
  .site>*,.site>main>*{padding-left:22px!important;padding-right:22px!important}
  [style*="height: 620px"],[style*="height: 560px"]{height:400px!important;border-radius:180px 180px 14px 14px!important}
  [style*="padding-left: 48px"]{padding-left:22px!important}
  [style*="padding-bottom: 56px"]{padding-bottom:40px!important}
  a[style*="height: 58px"],a[style*="height: 56px"],button[style*="height: 58px"]{max-width:100%}
}
.bar a{white-space:nowrap}
[style*="gap: 28px; margin-top: 12px"]{flex-wrap:wrap}
[style*="gap: 28px; margin-top: 12px"]>span{white-space:nowrap}
@media (max-width:860px){.logo-head{height:46px!important}}
.lp-chev{transition:transform .25s ease}
.lp-fold[open] .lp-chev{transform:rotate(180deg)}
.lp-fold summary::-webkit-details-marker{display:none}
.flii-badge{align-self:center;margin-top:-24px;display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:13px;font-weight:500;letter-spacing:.2px;opacity:0;pointer-events:none;transition:opacity 1s ease}
.flii-badge.is-on{opacity:1;pointer-events:auto;transition:opacity .5s ease}
.flii-mark{display:block;width:17px;height:13px;background:linear-gradient(100deg,#E4024E 35%,#FAC2D4 50%,#E4024E 65%);background-size:250% 100%;-webkit-mask:url(flii-mark.png) center/contain no-repeat;mask:url(flii-mark.png) center/contain no-repeat}
.flii-text{background:linear-gradient(100deg,#6F6A63 35%,#E9E3D8 50%,#6F6A63 65%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
.flii-badge.is-on .flii-mark,.flii-badge.is-on .flii-text{animation:flii-shimmer 1.6s linear infinite}
@keyframes flii-shimmer{from{background-position:100% 0}to{background-position:0% 0}}
@media (prefers-reduced-motion:reduce){.flii-badge.is-on .flii-mark,.flii-badge.is-on .flii-text{animation:none}}
.lp-list{margin-top:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(5,auto);grid-auto-flow:column;column-gap:48px;row-gap:14px;font-size:15px;line-height:1.45}
.lp-list a{color:#4A4F4C;text-decoration:none;padding-left:14px;border-left:1px solid #D9CFC1;transition:color .2s ease,border-color .2s ease}
.lp-list a:hover{color:#25292A;border-left-color:#4B5A48}
@media (max-width:860px){
  .lp-list{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-flow:row;row-gap:12px}
  .vb-row>a{order:-1}
}

h1,h2,h3,summary{hyphens:manual;-webkit-hyphens:manual;overflow-wrap:normal;word-break:normal;text-wrap:balance}