@font-face{ font-family: 'Noto Serif Display'; font-style: normal; font-display: swap; font-weight: 300; src:url(/assets/fonts/noto-serif-display-latin-300-normal.woff2) format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face{ font-family: 'Noto Serif Display'; font-style: italic; font-display: swap; font-weight: 300; src:url(/assets/fonts/noto-serif-display-latin-300-italic.woff2) format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face{ font-family: 'Noto Serif Hebrew'; font-style: normal; font-display: swap; font-weight: 300; src:url(/assets/fonts/noto-serif-hebrew-hebrew-300-normal.woff2) format('woff2'); unicode-range: U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F; }
@font-face{ font-family: 'Noto Serif Hebrew'; font-style: normal; font-display: swap; font-weight: 300; src:url(/assets/fonts/noto-serif-hebrew-latin-300-normal.woff2) format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face{ font-family: 'Noto Sans Hebrew'; font-style: normal; font-display: swap; font-weight: 300; src:url(/assets/fonts/noto-sans-hebrew-hebrew-300-normal.woff2) format('woff2'); unicode-range: U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F; }
@font-face{ font-family: 'Noto Sans Hebrew'; font-style: normal; font-display: swap; font-weight: 300; src:url(/assets/fonts/noto-sans-hebrew-latin-300-normal.woff2) format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face{ font-family: 'Noto Sans Hebrew'; font-style: normal; font-display: swap; font-weight: 400; src:url(/assets/fonts/noto-sans-hebrew-hebrew-400-normal.woff2) format('woff2'); unicode-range: U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F; }
@font-face{ font-family: 'Noto Sans Hebrew'; font-style: normal; font-display: swap; font-weight: 400; src:url(/assets/fonts/noto-sans-hebrew-latin-400-normal.woff2) format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face{font-family:'Satoshi';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/satoshi-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2190-2199,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Satoshi';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/satoshi-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2190-2199,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  --steen:#EDE9E2;--steen-2:#E2DBCF;--navy:#141D55;--navy-zacht:#5B6190;--inkt:#1A1C2C;--zacht:#67646C;--lijn:rgba(20,29,85,.2);
  --display:"Noto Serif Display","Noto Serif Hebrew",Georgia,serif;
  --sans:"Satoshi","Noto Sans Hebrew","Helvetica Neue",Arial,sans-serif;
  --rand:clamp(20px,5vw,72px);--max:1360px
}
[lang=he]{--display:"Noto Serif Hebrew","Noto Serif Display",Georgia,serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--steen);color:var(--inkt);font:400 1.0625rem/1.65 var(--sans);-webkit-font-smoothing:antialiased;overflow-wrap:break-word}
[lang=he] body{font-weight:300;font-size:1.1rem;line-height:1.75}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3,p,figure{margin:0}
address{font-style:normal}
.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--rand)}
.ltr{direction:ltr;unicode-bidi:isolate}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;inset-inline-start:-999px;top:8px;background:var(--navy);color:#fff;padding:8px 14px;z-index:100}
.skip:focus{inset-inline-start:8px}
:focus-visible{outline:1px solid var(--navy);outline-offset:4px}

/* koppels: twee regels, de tweede cursief (in het Hebreeuws: zachter blauw, geen nep-cursief) */
.koppel{font:300 clamp(2rem,4.2vw,3.8rem)/1.06 var(--display);color:var(--navy);letter-spacing:-.015em}
.koppel span,.koppel em{display:block}
.koppel em{font-style:italic}
[lang=he] .koppel{letter-spacing:0;line-height:1.15}
[lang=he] .koppel em{font-style:normal;color:var(--navy-zacht)}
.koppel.groot{font-size:clamp(3rem,9vw,9rem);line-height:.98;letter-spacing:-.03em;text-align:center}
[lang=he] .koppel.groot{line-height:1.08;letter-spacing:0}
.koppel.klein{font-size:1.6rem;color:var(--steen)}
[lang=he] .koppel.klein em{color:#B9BCD6}
.d-1{font:300 clamp(2.8rem,7vw,6.8rem)/1 var(--display);color:var(--navy);letter-spacing:-.025em}
[lang=he] .d-1{letter-spacing:0;line-height:1.1}
.d-2{font:300 clamp(2.2rem,4.4vw,4rem)/1.05 var(--display);color:var(--navy);letter-spacing:-.015em}
[lang=he] .d-2{letter-spacing:0}
.d-stelling{font:300 italic clamp(1.8rem,3.6vw,3.3rem)/1.25 var(--display);color:var(--navy);max-width:26ch;margin-inline:auto;text-align:center;text-wrap:balance}
[lang=he] .d-stelling{font-style:normal}
.sectiekop{font:500 .9rem/1 var(--sans);letter-spacing:.02em;color:var(--zacht);padding-bottom:22px;border-bottom:1px solid var(--navy)}

.lijnlink{display:inline-flex;align-items:center;min-height:44px;font-weight:500;color:var(--navy);text-decoration:none;border-bottom:1px solid currentColor;transition:color .2s,border-color .2s}
.lijnlink:hover{color:var(--inkt);border-color:transparent}
.knop{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 30px;border:1px solid var(--navy);background:var(--navy);color:var(--steen);font:500 1rem/1 var(--sans);cursor:pointer}
.knop:hover{background:transparent;color:var(--navy)}

/* balk + kop */
.balk{background:var(--navy);color:#D6D8E8;font-size:.82rem}
.balk-in{max-width:var(--max);margin-inline:auto;padding:9px var(--rand);display:flex;gap:28px;align-items:center}
.balk a{text-decoration:none;color:#fff}
.balk .taal{margin-inline-start:auto}
.kop{max-width:var(--max);margin-inline:auto;padding:24px var(--rand);display:flex;align-items:center;justify-content:space-between;gap:32px;position:relative;z-index:20}
.logo img{width:clamp(150px,13vw,186px)}
.menu ul{display:flex;gap:30px;list-style:none;margin:0;padding:0}
.menu a{text-decoration:none;font-size:.95rem;padding:6px 0;color:var(--inkt)}
.menu a[aria-current]{box-shadow:inset 0 -1px var(--navy)}
.menu-knop{display:none}

/* held */
.held{min-height:min(78vh,820px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px;padding:clamp(56px,9vw,120px) var(--rand) clamp(72px,10vw,140px);text-align:center}
.held-sub{max-width:50ch;color:var(--zacht);font-size:clamp(1.02rem,1.3vw,1.15rem)}

/* rijen */
.rijen{display:flex;flex-direction:column}
.rij{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:28px clamp(32px,6vw,96px);padding-block:clamp(44px,6vw,76px);border-bottom:1px solid var(--lijn);align-items:start}
.rij-tekst{display:flex;flex-direction:column;gap:16px;padding-top:10px}
.rij-tekst>p{color:var(--zacht)}
.rij ul{list-style:none;margin:0;padding:0}
.rij li{padding:10px 0;border-top:1px solid var(--lijn);font-size:.98rem;line-height:1.45}
.naar{padding:36px 0 clamp(80px,10vw,140px)}

/* portretpaneel */
.paneel{background:var(--steen-2)}
.paneel-in{max-width:var(--max);margin-inline:auto;padding:clamp(64px,8vw,110px) var(--rand) 0;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:40px clamp(32px,6vw,96px);align-items:end}
.paneel-tekst{display:flex;flex-direction:column;gap:22px;align-items:flex-start;padding-bottom:clamp(64px,8vw,110px)}
.paneel-tekst .lead{font:300 clamp(1.25rem,1.9vw,1.6rem)/1.4 var(--display);color:var(--navy)}
.paneel-tekst p{max-width:56ch}
.paneel-foto img{width:min(100%,520px);margin-inline:auto}

.stelling{padding-block:clamp(96px,13vw,190px);display:flex;flex-direction:column;gap:28px;align-items:center}
.stelling-bron{max-width:60ch;text-align:center;color:var(--zacht);font-size:.98rem}
.twee-tekst{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,72px);padding-bottom:clamp(64px,8vw,110px)}
.zegel{max-width:var(--max);margin:0 auto clamp(80px,10vw,140px);padding-inline:var(--rand)}
.zegel img{width:min(100%,460px);margin-inline:auto;aspect-ratio:4/5;object-fit:cover}

/* contactband */
.band{background:var(--navy);color:#E6E3DC}
.band-in{max-width:var(--max);margin-inline:auto;padding:clamp(88px,12vw,160px) var(--rand);display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center}
.band .d-2{color:var(--steen)}
.band-intro{max-width:48ch;color:#C9CBDB}
.d-tel{font:300 clamp(2.8rem,6.4vw,6rem)/1 var(--display);color:#fff;text-decoration:none;direction:ltr;unicode-bidi:isolate;margin-top:12px}
.d-tel.donker{color:var(--navy);font-size:clamp(2.4rem,4.6vw,4rem)}
.band-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 30px;margin-top:6px}
.band-links a{color:#fff;font-weight:500;text-underline-offset:6px}

/* pagina's */
.paginakop{max-width:var(--max);margin-inline:auto;padding:clamp(48px,8vw,120px) var(--rand) clamp(48px,7vw,96px);display:flex;flex-direction:column;align-items:center;gap:26px;text-align:center}
.kruimel{font-size:.88rem;color:var(--zacht)}
.kruimel a{text-decoration:none}
.contact-pagina{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:48px clamp(32px,7vw,120px);padding-bottom:clamp(80px,10vw,140px);align-items:start}
.contact-gegevens{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.contact-gegevens address{display:flex;flex-direction:column}
.klein{font-size:.9rem;color:var(--zacht)}
.kaart{display:flex;gap:24px}
.kaart a{font-weight:500;color:var(--navy);text-underline-offset:5px}
.formulier{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.formulier .breed{grid-column:1/-1}
.formulier label{display:grid;gap:6px;font-size:.88rem;color:var(--zacht)}
.formulier input,.formulier textarea{width:100%;font:inherit;font-size:1.05rem;color:var(--inkt);background:transparent;border:0;border-bottom:1px solid var(--navy);padding:10px 0;border-radius:0}
.formulier input:focus,.formulier textarea:focus{outline:none;border-bottom-width:2px}
.formulier .knop{justify-self:start}
.melding{color:var(--navy)}

/* voet */
.voet{background:#0F1648;color:#BFC2D6;font-size:.92rem}
.voet-in{max-width:var(--max);margin-inline:auto;padding:72px var(--rand) 40px;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px}
.voet address,.voet-tel{display:flex;flex-direction:column;margin:0}
.voet a{color:#fff}
.voet-nav{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.voet-nav a{text-decoration:none}
.voet-nav a:hover{text-decoration:underline}
.voet-onder{max-width:var(--max);margin-inline:auto;padding:0 var(--rand) 84px;font-size:.8rem;color:#8E92B0}

.js [data-in]{opacity:0;transform:translateY(20px);transition:opacity 1.1s ease,transform 1.1s cubic-bezier(.2,.7,.2,1)}
.js [data-in].in{opacity:1;transform:none}
.held>*{animation:op 1.2s cubic-bezier(.2,.7,.2,1) both}
.held>*:nth-child(2){animation-delay:.18s}.held>*:nth-child(3){animation-delay:.3s}
@keyframes op{from{opacity:0;transform:translateY(18px)}}
@media (prefers-reduced-motion:reduce){.js [data-in],.held>*{opacity:1;transform:none;transition:none;animation:none}}

@media (max-width:980px){
  .menu-knop{display:inline-flex;align-items:center;min-height:44px;background:none;border:0;border-bottom:1px solid var(--navy);font:500 .95rem/1 var(--sans);color:var(--navy);cursor:pointer;padding:0 2px}
  .menu{display:none;position:absolute;inset-inline:0;top:100%;background:var(--steen);padding:8px var(--rand) 28px;border-bottom:1px solid var(--lijn)}
  .menu-open .menu{display:block}
  .menu ul{flex-direction:column;gap:0}
  .menu li a{display:block;padding:14px 0;font:300 1.8rem/1.15 var(--display);color:var(--navy);border-bottom:1px solid var(--lijn)}
  .rij,.paneel-in,.contact-pagina,.twee-tekst{grid-template-columns:1fr}
  .paneel-tekst{padding-bottom:0}
  .voet-in{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
  .balk-in span{display:none}
  .formulier{grid-template-columns:1fr}
  .voet-in{grid-template-columns:1fr}
}

.ow{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 24px);z-index:90;display:flex;align-items:center;gap:2px;padding:4px;border-radius:999px;background:rgba(17,17,17,.86);color:#fff;font:500 12px/1 system-ui,-apple-system,sans-serif;letter-spacing:.02em;box-shadow:0 6px 24px rgba(0,0,0,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.ow a,.ow span{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 10px;border-radius:999px;color:inherit;text-decoration:none}
.ow a:hover{background:rgba(255,255,255,.14)}
.ow [aria-current]{background:#fff;color:#111}
.ow .ow-label{opacity:.6;padding:0 6px 0 4px}
.ow .ow-terug{padding:0 12px;border-inline-end:1px solid rgba(255,255,255,.2);border-radius:999px 0 0 999px;margin-inline-end:2px}
@media print{.ow{display:none}}