:root{--sky:#d9effa;--ink:#1c333a;--muted:#587077;--orange:#df681d;--orange-dark:#b94e10;--heading-blue:#62a6c5;--subheading-blue:#367d9e;--paper:rgba(237,249,253,.60);--shadow:0 28px 75px rgba(40,77,93,.18)}
*{box-sizing:border-box}html{min-height:100%;background:var(--sky)}body{min-height:100vh;margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:17px;line-height:1.7;background-image:linear-gradient(90deg,rgba(217,239,250,.3),rgba(217,239,250,.05)),url("/pien.jpg");background-position:center,center bottom;background-size:cover,cover;background-repeat:no-repeat,no-repeat;background-attachment:fixed,fixed;background-color:var(--sky)}
a{color:var(--orange-dark);text-underline-offset:.18em}a:hover{color:var(--orange)}.site-shell{width:min(760px,calc(100% - 40px));margin:0 0 0 clamp(20px,5vw,80px);padding:34px 0 24px}.site-header{display:flex;align-items:end;justify-content:space-between;gap:26px;margin-bottom:22px}.brand img{width:min(320px,48vw);height:auto;display:block}.main-nav{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.main-nav a{padding:7px 11px;border-radius:999px;color:var(--ink);font-size:14px;font-weight:700;text-decoration:none}.main-nav a:hover,.main-nav a[aria-current=page]{background:var(--orange);color:#fff}.menu-toggle{display:none}.content-card{position:relative;isolation:isolate;min-height:480px;padding:clamp(28px,5vw,54px);overflow:hidden;background:var(--paper);border:1px solid rgba(255,255,255,.76);border-radius:24px;box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.92),inset 1px 0 0 rgba(255,255,255,.45),inset 0 -1px 0 rgba(73,145,177,.12);backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%)}.content-card:before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,.08) 32%,rgba(96,174,207,.07) 72%,rgba(255,255,255,.22) 100%)}.eyebrow{margin:0 0 8px;color:var(--orange-dark);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}h1{margin:0 0 28px;color:var(--heading-blue);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:clamp(34px,6vw,54px);line-height:1.08;font-weight:750;letter-spacing:-.035em;text-shadow:0 1px 0 rgba(255,255,255,.55)}.page-content h2{margin:1.8em 0 .35em;color:var(--subheading-blue);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:1.35em;line-height:1.2;font-weight:750;letter-spacing:-.015em}.page-content p{margin:0 0 1.15em}.page-content ul,.page-content ol{padding-left:1.35em}.page-content li{margin:.2em 0}.page-content img{max-width:100%;height:auto;border-radius:14px}.page-content img.align-left{float:left;width:min(45%,320px);margin:5px 22px 16px 0}.page-content img.align-right{float:right;width:min(45%,320px);margin:5px 0 16px 22px}.page-content img.align-center{display:block;margin:22px auto}.page-content:after{content:"";display:table;clear:both}footer{display:flex;justify-content:space-between;padding:18px 8px 0;color:var(--muted);font-size:13px}footer a{color:inherit}
@media(max-width:760px){body{background-image:linear-gradient(rgba(217,239,250,.3),rgba(217,239,250,.12)),url("/pien.jpg");background-position:center,72% bottom;background-size:cover,cover;background-attachment:fixed,fixed}.site-shell{width:calc(100% - 28px);margin:0 auto;padding-top:20px}.site-header{align-items:center}.brand img{width:min(270px,68vw)}.menu-toggle{display:block;border:0;border-radius:999px;padding:9px 13px;color:#fff;background:var(--orange);font:inherit;font-size:14px;font-weight:700}.main-nav{display:none;position:absolute;z-index:10;top:80px;right:14px;width:210px;padding:10px;background:rgba(225,244,252,.96);border-radius:16px;box-shadow:var(--shadow)}.main-nav.is-open{display:grid}.main-nav a{padding:10px 14px}.content-card{min-height:55vh;padding:28px 23px;border-radius:20px}.page-content img.align-left,.page-content img.align-right{float:none;width:100%;margin:18px 0}}

/* Logo en navigatie staan direct vast aan de bovenrand van het scherm. */
.site-shell{padding-top:188px}
.site-header{position:fixed;z-index:20;top:0;left:clamp(6px,calc(5vw - 14px),66px);width:min(788px,calc(100% - 12px));margin:0;padding:12px 14px;background:rgba(225,244,252,.48);border:1px solid rgba(255,255,255,.5);border-top:0;border-radius:0 0 18px 18px;box-shadow:0 10px 30px rgba(40,77,93,.08);backdrop-filter:blur(16px) saturate(130%);-webkit-backdrop-filter:blur(16px) saturate(130%)}
@media(max-width:760px){.site-shell{padding-top:148px}.site-header{left:0;width:100%;padding-left:14px;padding-right:14px}}