/* Lettertypen lokaal (Cormorant Garamond en Inter, OFL), subset latin. Geen verzoek naar Google. */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/cormorant-garamond-300i.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: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/cormorant-garamond-300.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: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/cormorant-garamond-300.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: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/cormorant-garamond-300.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: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/inter-400.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: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/inter-400.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:CG Fallback;src:local("Georgia");size-adjust:88%;ascent-override:105%;descent-override:32.6%;line-gap-override:0%}@font-face{font-family:Inter Fallback;src:local("Arial");size-adjust:106.2%;ascent-override:91.2%;descent-override:22.8%;line-gap-override:0%}:root{--wit:#FAF8F4;--zand:#EDE6DA;--zand2:#F3EEE6;--duin:#C9B99A;--zee:#6F7F86;--wad:#3E4A4F;--inkt:#1F2426;--mute:#596165;--lijn:#E2DBCF;--bb:#0B1B36;--serif:"Cormorant Garamond","CG Fallback",Georgia,serif;--sans:"Inter","Inter Fallback",Arial,sans-serif;--ease:cubic-bezier(.2,.6,.2,1);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--wit);color:var(--inkt);font:400 16px/1.8 var(--sans);overflow-x:clip;-webkit-font-smoothing:antialiased}@media(min-width:900px){body{font-size:17px}}img,svg{display:block;max-width:100%}img{height:auto}a{color:inherit;text-decoration:none}:focus-visible{outline:1px solid var(--inkt);outline-offset:4px}h1,h2,h3{font-family:var(--serif);font-weight:300;letter-spacing:-.01em;line-height:1.04;margin:0;color:var(--inkt);text-wrap:balance}h1{font-size:clamp(48px,11vw,128px);letter-spacing:-.02em;line-height:.98}h2{font-size:clamp(36px,6vw,72px)}h3{font-size:clamp(24px,2.6vw,30px);font-weight:400;line-height:1.15}em{font-style:italic}p{margin:0 0 1.1em;max-width:60ch}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:absolute;left:-999px;top:0;background:var(--inkt);color:#fff;padding:10px 14px;z-index:99}.skip:focus{left:8px;top:8px}.wrap{width:100%;max-width:1320px;margin:0 auto;padding:0 22px}@media(min-width:768px){.wrap{padding:0 48px}}@media(min-width:1200px){.wrap{padding:0 72px}}.eb{display:block;font:500 11px/1.4 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--mute);margin-bottom:28px}.lead{font-size:clamp(18px,1.7vw,21px);line-height:1.7;color:var(--mute);max-width:34ch}.tekst{color:var(--mute);max-width:52ch}.sec{padding:96px 0}@media(min-width:900px){.sec{padding:176px 0}}.sec-k{padding:64px 0}@media(min-width:900px){.sec-k{padding:112px 0}}.zandbg{background:var(--zand2)}.smal{max-width:820px}.lijn{border:0;border-top:1px solid var(--lijn);margin:0}.lnk{display:inline-block;font:500 13px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;padding-bottom:6px;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;transition:background-size .7s var(--ease),color .4s}.lnk:hover{background-size:0 1px;background-position:100% 100%}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 32px;border:1px solid var(--inkt);color:var(--inkt);background:transparent;font:500 12px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:background .6s var(--ease),color .6s var(--ease)}.btn:hover,.btn-v{background:var(--inkt);color:var(--wit)}.btn-v:hover{background:var(--wad);border-color:var(--wad)}.acties{display:flex;flex-wrap:wrap;gap:20px 36px;align-items:center;margin-top:48px}@media(max-width:479px){.acties .btn{width:100%}}.cbalk{background:var(--bb);color:#fff;font:400 12px/1 var(--sans);letter-spacing:.04em}.cbalk .wrap{display:flex;gap:12px;justify-content:space-between;align-items:center;min-height:34px}.cbalk a{color:#fff;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}.cbalk span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.hdr{position:sticky;top:0;z-index:60;background:#faf8f4e6;border-bottom:1px solid transparent;transition:border-color .6s}@supports (backdrop-filter:blur(10px)){.hdr{background:#faf8f4c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.gescrold .hdr{border-color:var(--lijn)}.hdr-in{display:flex;align-items:center;justify-content:space-between;gap:24px;height:76px}.logo{display:flex;align-items:baseline;gap:12px;line-height:1}.logo b{font:400 28px/1 var(--serif);letter-spacing:.01em}.logo small{font:500 10px/1 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--mute)}@media(max-width:420px){.logo small{display:none}}.nav{display:none}.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:34px}.nav a{font:500 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--mute);padding:8px 0;background:linear-gradient(var(--inkt),var(--inkt)) 0 100%/0 1px no-repeat;transition:background-size .6s var(--ease),color .4s}.nav a:hover,.nav a[aria-current=page]{color:var(--inkt);background-size:100% 1px}.hdr-cta{display:none}.mnu-btn{display:inline-flex;align-items:center;gap:12px;background:none;border:0;color:var(--inkt);font:500 11px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;padding:0;height:44px;cursor:pointer}.mnu-btn i{display:block;width:26px;height:7px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;transition:transform .5s var(--ease)}.open .mnu-btn i{transform:scaleX(.6)}@media(min-width:1080px){.nav{display:block}.hdr-cta{display:inline-block}.mnu-btn{display:none}}.mnu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:var(--wit);padding:150px 0 40px;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .6s var(--ease),visibility 0s .6s}.open .mnu{opacity:1;visibility:visible;transition:opacity .6s var(--ease)}.mnu ul{list-style:none;margin:0;padding:0}.mnu li{border-top:1px solid var(--lijn)}.mnu li:last-child{border-bottom:1px solid var(--lijn)}.mnu li a{display:block;padding:16px 0;font:300 clamp(34px,9vw,52px)/1.1 var(--serif);transform:translateY(12px);opacity:0;transition:transform .8s var(--ease),opacity .8s var(--ease)}.open .mnu li a{transform:none;opacity:1}.open .mnu li:nth-child(2) a{transition-delay:.05s}.open .mnu li:nth-child(3) a{transition-delay:.1s}.open .mnu li:nth-child(4) a{transition-delay:.15s}.open .mnu li:nth-child(5) a{transition-delay:.2s}.open .mnu li:nth-child(6) a{transition-delay:.25s}.mnu .onder-m{margin-top:40px;color:var(--mute);font-size:15px}.open{overflow:hidden}@media(min-width:1080px){.mnu{display:none}}.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--wit) 0%,var(--wit) 45%,var(--zand2) 100%);min-height:max(620px,calc(100svh - 110px))}@media(min-width:768px){.hero{min-height:max(640px,calc(100svh - 106px))}}.hero .wrap{position:relative;z-index:2;padding-top:104px;padding-bottom:240px}@media(min-width:900px){.hero .wrap{padding-top:clamp(140px,18vh,200px);padding-bottom:300px}}.hero h1{max-width:9.5em}.hero .lead{margin-top:40px}.hero-k{min-height:520px}@media(min-width:768px){.hero-k{min-height:min(76svh,720px)}}.hero-k .wrap{padding-bottom:220px}.hero-k h1{font-size:clamp(44px,8.6vw,104px)}.zee{position:absolute;left:0;right:0;bottom:0;height:210px;pointer-events:none;color:var(--zee);overflow:hidden}@media(min-width:900px){.zee{height:260px}}.zl{position:absolute;left:0;bottom:0;width:200%;max-width:none;height:100%;will-change:transform;animation:drijf 160s linear infinite;animation-play-state:paused}.zl-h{color:var(--wad);opacity:.28;animation-duration:220s}.zl-1{opacity:.07;animation-duration:200s}.zl-2{opacity:.1;animation-duration:140s;animation-direction:reverse}.zl-3{color:var(--wit);animation-duration:110s}.zl-3 .schuim{color:var(--zee);opacity:.22}.licht{position:absolute;left:-30%;bottom:30px;width:80%;height:240px;background:radial-gradient(closest-side,#fffbf2e6,#fffbf200);opacity:.55;will-change:transform;animation:licht 48s ease-in-out infinite alternate;animation-play-state:paused}@keyframes drijf{to{transform:translate3d(-50%,0,0)}}@keyframes licht{to{transform:translate3d(85%,0,0)}}html.go .zl,html.go .licht{animation-play-state:running}html.stil .zl,html.stil .licht{animation-play-state:paused!important}.zee-knop{position:absolute;right:22px;bottom:20px;z-index:3;background:none;border:0;color:var(--mute);font:500 10px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;padding:12px 0;min-height:40px;cursor:pointer}.zee-knop:hover{color:var(--inkt)}@media(min-width:768px){.zee-knop{right:48px}}.js .rv{opacity:0;transform:translateY(18px);transition:opacity 1.4s var(--ease),transform 1.4s var(--ease)}.js .rv.in{opacity:1;transform:none}.js .fig img{opacity:0;transition:opacity 1.6s var(--ease),transform 1.8s var(--ease)}.js .fig img.ok{opacity:1}@media(prefers-reduced-motion:reduce){.zl,.licht{animation:none!important;transform:none!important}.zee-knop{display:none}.js .rv,.js .fig img,.mnu,.mnu li a{transition:none!important;transform:none!important}.js .rv{opacity:1!important}.px img{transform:none!important}}.fig{position:relative;margin:0;overflow:hidden;background:var(--zand)}.fig img{width:100%;height:100%;object-fit:cover}.r45{aspect-ratio:4/5}.r32{aspect-ratio:3/2}.r11{aspect-ratio:1/1}.r169{aspect-ratio:16/9}.bleed{aspect-ratio:4/5}@media(min-width:600px){.bleed{aspect-ratio:3/2}}@media(min-width:1100px){.bleed{aspect-ratio:21/9}}.px img{height:116%;margin-top:-8%;will-change:transform}a:hover .fig:not(.px) img.ok,.zoom:hover img.ok{transform:scale(1.035)}.sfeer{position:absolute;left:14px;bottom:14px;color:#fff;font:500 9px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;padding:6px 8px;background:#1f242661}.onder{font-size:13px;color:var(--mute);margin-top:14px;max-width:none}.leeg{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid var(--lijn);background:var(--zand2);color:var(--mute);font-size:14px;padding:28px}.leeg b{display:block;font:400 24px/1.2 var(--serif);color:var(--inkt);margin-bottom:8px}.tb{display:inline-block;vertical-align:middle;border:1px solid var(--duin);color:var(--wad);font:500 9px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;padding:6px 8px;margin:0 8px 4px 0}.bron{font-size:12px;line-height:1.6;color:var(--mute);max-width:70ch}.melding{border-left:1px solid var(--duin);padding:4px 0 4px 20px;margin:36px 0 0;font-size:15px;color:var(--wad);max-width:52ch}.rs{display:grid;gap:48px}@media(min-width:900px){.rs{grid-template-columns:repeat(12,1fr);gap:0 24px;align-items:center}.rs .b7{grid-column:1/8}.rs .t4{grid-column:9/13}.rs .b7r{grid-column:6/13;grid-row:1}.rs .t4l{grid-column:1/5;grid-row:1}.rs .t5{grid-column:1/6}.rs .t6r{grid-column:7/13}.rs .b5r{grid-column:8/13}.rs .t5l{grid-column:1/7}.rs .t8{grid-column:3/11}.rs .t6o{grid-column:5/11}.laag{align-self:end}.hoog{align-self:start}}.kopje{max-width:12em}.cit{font:300 italic clamp(30px,4.6vw,56px)/1.18 var(--serif);max-width:20em;margin:0;color:var(--inkt)}.cit-n{display:block;margin-top:28px;font:500 11px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--mute);font-style:normal}.detail{display:grid;grid-template-columns:1fr 1fr;gap:36px 16px}@media(min-width:900px){.detail{grid-template-columns:repeat(4,1fr);gap:28px}.detail .dt:nth-child(2n){margin-top:96px}}.dt{margin:0}.dt figcaption{padding-top:18px}.dt figcaption b{display:block;font:400 26px/1.15 var(--serif);margin-bottom:6px}.dt figcaption span{font-size:14px;color:var(--mute);line-height:1.6;display:block}.rij{list-style:none;margin:0;padding:0;counter-reset:r}.rij li{counter-increment:r;display:grid;grid-template-columns:52px 1fr;gap:6px 18px;padding:32px 0;border-top:1px solid var(--lijn)}.rij li:last-child{border-bottom:1px solid var(--lijn)}.rij li:before{content:counter(r,upper-roman);font:300 italic 22px/1.3 var(--serif);color:var(--zee);grid-row:span 2}.rij b{font:400 clamp(24px,2.4vw,30px)/1.15 var(--serif)}.rij span{color:var(--mute);max-width:56ch}@media(min-width:900px){.rij li{grid-template-columns:120px 5fr 6fr;align-items:baseline}.rij li:before{grid-row:auto}}.dienst{display:grid;gap:12px;padding:40px 0;border-top:1px solid var(--lijn)}.dienst:last-of-type{border-bottom:1px solid var(--lijn)}@media(min-width:900px){.dienst{grid-template-columns:5fr 7fr;gap:24px}}.dienst p{color:var(--mute);margin:0}.feiten{display:grid;grid-template-columns:1fr;margin:0;border-top:1px solid var(--lijn)}@media(min-width:600px){.feiten{grid-template-columns:1fr 1fr}}.feiten div{padding:22px 0;border-bottom:1px solid var(--lijn);min-width:0}@media(min-width:600px){.feiten div:nth-child(odd){padding-right:28px}}.feiten dt{font:500 10px/1.4 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--mute)}.feiten dd{margin:6px 0 0;font:400 24px/1.25 var(--serif);overflow-wrap:anywhere}.feiten a{background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat}.filter{display:flex;flex-wrap:wrap;gap:6px 28px;margin-bottom:56px;border-bottom:1px solid var(--lijn)}.filter button{background:none;border:0;border-bottom:1px solid transparent;margin-bottom:-1px;color:var(--mute);font:500 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;padding:16px 0;min-height:44px;cursor:pointer;transition:color .4s,border-color .4s}.filter button:hover{color:var(--inkt)}.filter button[aria-pressed=true]{border-color:var(--inkt);color:var(--inkt)}.proj{display:grid;gap:64px}@media(min-width:700px){.proj{grid-template-columns:1fr 1fr;gap:80px 32px}.proj article:nth-child(2n){margin-top:80px}}.proj article h3{margin:22px 0 8px}.proj article p{color:var(--mute);font-size:15px;margin:0}.proj .leeg{aspect-ratio:4/5}.proj [hidden]{display:none}.form{display:grid;gap:28px;max-width:680px}.stromen{display:grid;gap:12px;border:0;padding:0;margin:0;min-width:0}@media(min-width:600px){.stromen{grid-template-columns:1fr 1fr}}.stromen legend{font:500 10px/1.4 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--mute);margin-bottom:16px;padding:0}.stroom{position:relative;display:block;border:1px solid var(--lijn);padding:22px 22px 22px 54px;cursor:pointer;background:var(--wit);transition:border-color .4s,background .4s}.stroom:hover{border-color:var(--duin)}.stroom input{position:absolute;left:22px;top:27px;width:16px;height:16px;margin:0;accent-color:var(--inkt)}.stroom b{display:block;font:400 24px/1.2 var(--serif)}.stroom span{font-size:14px;color:var(--mute)}.stroom:has(input:checked){border-color:var(--inkt);background:var(--zand2)}.veld label{display:block;font:500 10px/1.4 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--mute);margin-bottom:8px}.veld small{letter-spacing:.06em;text-transform:none;font-weight:400}.veld input,.veld select,.veld textarea{width:100%;font:400 17px/1.5 var(--sans);color:var(--inkt);background:transparent;border:0;border-bottom:1px solid var(--duin);padding:10px 0;border-radius:0;min-height:48px;-webkit-appearance:none;appearance:none;transition:border-color .4s}.veld select{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%231F2426' stroke-width='1'/%3E%3C/svg%3E") no-repeat right 4px center;padding-right:28px}.veld textarea{min-height:120px;resize:vertical}.veld input:focus,.veld select:focus,.veld textarea:focus{outline:0;border-color:var(--inkt)}.rij2{display:grid;gap:28px}@media(min-width:600px){.rij2{grid-template-columns:1fr 1fr}}.check{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--mute)}.check input{width:16px;height:16px;margin-top:5px;flex:none;accent-color:var(--inkt)}.dlg{border:1px solid var(--lijn);padding:0;width:min(560px,calc(100vw - 32px));background:var(--wit);color:var(--inkt)}.dlg::backdrop{background:#1f242666}.dlg-in{padding:36px}.dlg pre{white-space:pre-wrap;font:400 14px/1.7 var(--sans);background:var(--zand2);padding:18px;margin:18px 0;max-height:40vh;overflow:auto}.contactblok{display:grid;gap:64px}@media(min-width:900px){.contactblok{grid-template-columns:7fr 4fr;gap:96px}}.meet{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--inkt);margin:40px 0 12px}@media(min-width:900px){.meet{grid-template-columns:repeat(4,1fr)}}.meet div{padding:24px 16px 24px 0;border-bottom:1px solid var(--lijn);min-width:0}.meet small{display:block;font-size:12px;color:var(--mute);line-height:1.5}.meet b{display:block;font:300 clamp(32px,4vw,48px)/1.05 var(--serif);margin:8px 0}details{border-top:1px solid var(--lijn);padding:24px 0}details:last-of-type{border-bottom:1px solid var(--lijn)}summary{cursor:pointer;font:400 clamp(22px,2.2vw,26px)/1.3 var(--serif);list-style:none;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:"+";font:300 22px/1.3 var(--sans);color:var(--zee);transition:transform .5s var(--ease)}details[open] summary:after{transform:rotate(45deg)}details p{color:var(--mute);margin:14px 0 0}.bc{font:500 10px/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--mute);padding-top:28px}.bc ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}.bc li+li:before{content:"/";margin-right:10px;color:var(--duin)}.foot{background:var(--zand2);color:var(--inkt);padding:112px 0 44px;border-top:1px solid var(--lijn)}.foot-top{display:grid;gap:48px}@media(min-width:900px){.foot-top{grid-template-columns:6fr 3fr 3fr}}.foot .groot{font:300 clamp(44px,7vw,88px)/1 var(--serif);margin:0 0 28px}.foot h3{font:500 10px/1.4 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--mute);margin:0 0 18px}.foot ul{list-style:none;margin:0;padding:0}.foot li{margin:10px 0;font-size:15px}.foot li a{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .6s var(--ease)}.foot li a:hover{background-size:100% 1px}.foot p{color:var(--mute);font-size:15px}.foot .concept{border-top:1px solid var(--lijn);margin-top:80px;padding-top:28px;font-size:12px;color:var(--mute);max-width:none}.foot .concept a{text-decoration:underline;text-underline-offset:3px}.lijst{list-style:none;margin:0;padding:0}.lijst li{padding:20px 0 20px 28px;border-top:1px solid var(--lijn);position:relative;color:var(--mute)}.lijst li:last-child{border-bottom:1px solid var(--lijn)}.lijst li:before{content:"";position:absolute;left:0;top:2.05em;width:12px;height:1px;background:var(--zee)}.tek{display:block;width:100%;height:auto;color:var(--inkt)}.tek .tek-lijn path{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--d,1))}.tek .tek-vlak{opacity:var(--r,0)}.tek .tek-maat{opacity:calc(var(--d,1) * .7)}.ontstaan{position:relative;background:var(--wit)}.ontstaan .plak{padding:96px 0}.os-grid{display:grid;gap:40px;width:100%}@media(min-width:900px){.os-grid{grid-template-columns:4fr 8fr;gap:64px;align-items:center}}.os-beeld{position:relative;aspect-ratio:3/2;background:var(--wit)}.os-beeld .tek{position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.os-f{position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--f,1)}.os-stap{list-style:none;margin:40px 0 0;padding:0;counter-reset:s}.os-stap li{counter-increment:s;display:grid;grid-template-columns:44px 1fr;gap:2px 12px;padding:16px 0;border-top:1px solid var(--lijn);transition:opacity .8s var(--ease)}.os-stap li:last-child{border-bottom:1px solid var(--lijn)}.os-stap li:before{content:counter(s,upper-roman);font:300 italic 20px/1.3 var(--serif);color:var(--zee);grid-row:span 2}.os-stap b{font:400 24px/1.2 var(--serif)}.os-stap span{color:var(--mute);font-size:15px}@media(prefers-reduced-motion:no-preference){.js .ontstaan{height:260vh;--d:0;--r:0;--f:0}.js .ontstaan .plak{position:sticky;top:0;height:100vh;height:100svh;display:flex;align-items:center;padding:76px 0 24px}.js .ontstaan .os-stap li{opacity:.32}.js .ontstaan[data-stap="1"] .os-stap li:nth-child(1),.js .ontstaan[data-stap="2"] .os-stap li:nth-child(2),.js .ontstaan[data-stap="3"] .os-stap li:nth-child(3){opacity:1}}@media(prefers-reduced-motion:no-preference)and (min-width:900px){.js .ontstaan{height:300vh}}@media(max-width:899px){.js .ontstaan .os-stap{margin-top:20px}.js .ontstaan .os-stap span{display:none}.js .ontstaan .os-stap li{padding:10px 0}}.drie-d{position:relative;aspect-ratio:1/1;background:linear-gradient(180deg,#F7F4EE 0%,var(--zand2) 100%);overflow:hidden}@media(min-width:600px){.drie-d{aspect-ratio:4/3}}@media(min-width:1100px){.drie-d{aspect-ratio:16/9}}.drie-d:focus-visible{outline:1px solid var(--inkt);outline-offset:4px}.drie-d canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1.4s var(--ease);touch-action:pan-y;cursor:grab}.drie-d.sleept canvas{cursor:grabbing}.drie-d.klaar canvas{opacity:1}.drie-d .tek{position:absolute;left:10%;right:10%;top:12%;width:80%;color:var(--mute);transition:opacity 1s var(--ease)}.drie-d.klaar .tek{opacity:0}.d3-label,.d3-hint{position:absolute;font:500 9px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--wad);pointer-events:none}.d3-label{left:16px;top:16px;border:1px solid var(--duin);padding:7px 9px;background:#faf8f4b3}.d3-hint{right:16px;bottom:16px;opacity:0;transition:opacity .8s}.drie-d.klaar .d3-hint{opacity:1}.vak{display:grid;grid-template-columns:1fr 1fr;gap:40px 16px}@media(min-width:900px){.vak{grid-template-columns:repeat(3,1fr);gap:64px 28px}}.vak a{display:block}.vak h3{font-size:clamp(21px,2.2vw,26px);margin:18px 0 6px}.vak p{font-size:14px;color:var(--mute);margin:0;line-height:1.6}.vak .tb{margin-top:8px}.dienst-rij{padding:72px 0;border-top:1px solid var(--lijn)}.dienst-rij:last-of-type{border-bottom:1px solid var(--lijn)}@media(min-width:900px){.dienst-rij{padding:104px 0}}.dienst-rij ul{list-style:none;padding:0;margin:20px 0 0}.dienst-rij li{padding:10px 0;border-top:1px solid var(--lijn);font:400 21px/1.3 var(--serif)}.dienst-rij li small{display:block;font:400 14px/1.5 var(--sans);color:var(--mute)}.tekenvak{background:var(--wit);border:1px solid var(--lijn);padding:6%}:root{--helm:#A39C72;--wad2:#33424A;--duin2:#E9E0CF;--zeegrijs:#8C9CA1}.hero{--zh:210px;background:linear-gradient(180deg,#e3eaea,#eef0ec 38%,#f4efe6 72%,#efe7d9)}@media(min-width:900px){.hero{--zh:260px}}.zee{height:var(--zh)}.lucht{position:absolute;left:0;right:0;top:0;height:52%;overflow:hidden;pointer-events:none;z-index:0}.wolken{position:absolute;left:0;top:0;width:2880px;max-width:none;height:260px;opacity:.75;will-change:transform;animation:wolk 320s linear infinite;animation-play-state:paused}@keyframes wolk{to{transform:translate3d(-1440px,0,0)}}.eiland{position:absolute;right:5%;bottom:calc(var(--zh) * .8);width:clamp(170px,30vw,460px);height:auto;z-index:1;pointer-events:none}.eiland .straal{opacity:0;animation:straal 9s ease-in-out infinite;animation-play-state:paused}.voorduin{position:absolute;left:0;bottom:0;width:clamp(230px,40vw,680px);height:auto;z-index:1;pointer-events:none}.helm g{transform-box:fill-box;transform-origin:50% 100%;animation:wuif 7s ease-in-out infinite alternate;animation-play-state:paused}.helm .h2{animation-duration:9s;animation-delay:-2s}.helm .h3{animation-duration:11s;animation-delay:-4s}@keyframes wuif{0%{transform:rotate(-2.5deg)}to{transform:rotate(3deg)}}@keyframes straal{0%,to{opacity:0}45%,55%{opacity:.9}}html.go .wolken,html.go .helm g,html.go .eiland .straal{animation-play-state:running}html.stil .wolken,html.stil .helm g,html.stil .eiland .straal{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.wolken,.helm g,.eiland .straal{animation:none!important;transform:none!important}.eiland .straal{opacity:.5}}.hero .wrap{z-index:2}.zee-knop{z-index:3}@media(max-width:599px){.eiland{right:4%;width:150px}.voorduin{width:62vw}}.duinbg{background:var(--duin2)}.wadbg{background:var(--wad2);color:#e8e4da}.wadbg h2,.wadbg h3{color:#f4efe6}.wadbg .eb{color:#b8c4c6}.wadbg .lead,.wadbg .tekst,.wadbg p{color:#d5d7d2}.wadbg .lnk{color:#f4efe6}.wadbg .btn{border-color:#f4efe6;color:#f4efe6}.wadbg .btn:hover{background:#f4efe6;color:var(--wad2)}.wadbg .onder,.wadbg .bron{color:#b8c4c6}.wadbg .leeg{background:#ffffff0a;border-color:#ffffff2e;color:#c9cfcf}.wadbg .leeg b{color:#f4efe6}.routes{display:grid;gap:56px}@media(min-width:900px){.routes{grid-template-columns:1fr 1fr;gap:32px}}.routes a{display:block}.routes .fig{aspect-ratio:4/3}@media(min-width:900px){.routes .fig{aspect-ratio:4/5}}.routes h2{font-size:clamp(34px,4.6vw,60px);margin:26px 0 12px}.routes p{color:var(--mute);margin:0 0 18px;max-width:40ch}.routes .eb{margin:22px 0 0}.collage{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(min-width:900px){.collage{grid-template-columns:repeat(4,1fr);gap:14px}.collage .groot{grid-column:span 2;grid-row:span 2}}.collage figure{margin:0;position:relative;overflow:hidden;background:#2a363c}.collage img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;display:block}.collage .groot img{aspect-ratio:4/3}.oud-label{display:inline-block;font:500 10px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#b8c4c6;border:1px solid rgba(255,255,255,.22);padding:7px 9px;margin-bottom:18px}.verhaal-p{display:grid;gap:40px;padding:72px 0;border-top:1px solid var(--lijn)}.verhaal-p:last-of-type{border-bottom:1px solid var(--lijn)}@media(min-width:900px){.verhaal-p{grid-template-columns:5fr 7fr;gap:64px;padding:104px 0}}.verhaal-p h3{font-size:clamp(28px,3.2vw,40px);margin:0 0 18px}.verhaal-p dl{margin:0;display:grid;gap:0;border-top:1px solid var(--lijn)}.verhaal-p dl div{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--lijn)}.verhaal-p dt{font:500 10px/1.8 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--mute)}.verhaal-p dd{margin:0;color:var(--inkt)}.vp-beeld{display:grid;grid-template-columns:1fr 1fr;gap:10px}.vp-beeld .leeg{aspect-ratio:4/3;font-size:13px;padding:16px}.vp-beeld .leeg b{font-size:18px}.vp-beeld figure{margin:0}.vp-beeld figure.breed{grid-column:1/-1}.vp-beeld img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.vp-beeld figcaption{font-size:12px;color:var(--mute);padding-top:6px}[hidden]{display:none!important}.collage .groot{grid-column:1/-1}@media(min-width:900px){.collage .groot{grid-column:span 2;grid-row:span 2}.collage .groot img{height:100%;aspect-ratio:auto}}.vp-beeld,.collage{grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:900px){.collage{grid-template-columns:repeat(4,minmax(0,1fr))}}.leeg{min-width:0;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.vp-beeld .logo-oud img{aspect-ratio:auto;object-fit:contain;max-width:170px;height:auto;background:#fff;padding:10px}
/*# sourceMappingURL=/cdn/shop/t/46/assets/bav.css.map */

/* ---------------------------------------------------------------------------------------------------------------
   Ronde 2 (11 okt 2026): meer Noordzee en rustige, luxe beweging.
   Alleen transform, translate, opacity, filter en clip-path. Alles pauzeert met "Zee pauzeren" (html.stil)
   en valt weg bij prefers-reduced-motion. Ambient beweging start pas na load (html.go), zodat de kop eerst laadt. */
:root{--golf:cubic-bezier(.45,0,.55,1);--tij:cubic-bezier(.77,0,.175,1)}

/* De zee: hoger, met water onder de horizon (grijsgroen, dieper naar achteren) */
.hero{--zh:230px}
.hero.hero-k{--zh:220px}
@media(min-width:900px){.hero{--zh:300px}.hero.hero-k{--zh:230px}}
.zee::before{content:"";position:absolute;left:0;right:0;top:17.5%;bottom:0;background:linear-gradient(180deg,rgb(94 112 116/.26) 0%,rgb(128 146 148/.16) 45%,rgb(140 156 161/.05) 80%,rgb(140 156 161/0) 100%)}

/* Deining: de horizon ligt stil, achteraan deint het minder dan vooraan */
@keyframes deining{from{translate:0 0}to{translate:0 var(--dy,6px)}}
.zl-1{opacity:.14;--dy:4px;animation:drijf 200s linear infinite,deining 12s var(--golf) -4s infinite alternate;animation-play-state:paused}
.zl-2{opacity:.2;--dy:6px;animation:drijf 140s linear infinite reverse,deining 9.5s var(--golf) -2s infinite alternate;animation-play-state:paused}
.zl-3{--dy:8px;animation:drijf 110s linear infinite,deining 7.5s var(--golf) infinite alternate;animation-play-state:paused}

/* Zonlicht dat op het water glinstert */
.glinster{position:absolute;left:0;bottom:0;width:100%;height:100%}
.glinster rect{opacity:0;animation:glinster var(--t,7s) var(--golf) var(--v,0s) infinite;animation-play-state:paused}
@keyframes glinster{0%,100%{opacity:0}45%,55%{opacity:var(--o,.6)}}
html.go .glinster rect{animation-play-state:running}
html.stil .glinster rect{animation-play-state:paused!important}
@media(max-width:699px){.glinster rect:nth-child(odd){display:none}}

/* De Brandaris: de bundel zwaait langs, de lamp licht op in de maat */
.eiland .straal{transform-box:view-box;transform-origin:256px 29px;animation:zwaai 10s var(--golf) infinite;animation-play-state:paused}
@keyframes zwaai{0%{opacity:0;transform:rotate(-8deg) scaleX(.5)}40%,50%{opacity:.85;transform:rotate(0) scaleX(1)}100%{opacity:0;transform:rotate(7deg) scaleX(.6)}}
.eiland .lamp{opacity:.15;animation:lamp 10s var(--golf) infinite;animation-play-state:paused}
@keyframes lamp{0%,100%{opacity:.15}40%,50%{opacity:.95}}
html.go .eiland .lamp{animation-play-state:running}
html.stil .eiland .lamp{animation-play-state:paused!important}

/* Vloedlijn boven de footer, op elke pagina */
.foot{position:relative;border-top:0}
.vloed{position:absolute;left:0;right:0;top:0;height:72px;overflow:hidden;pointer-events:none;color:var(--zee)}
.vl{position:absolute;left:0;top:0;width:200%;max-width:none;height:100%;animation:drijf 120s linear infinite,deining 10s var(--golf) infinite alternate;animation-play-state:paused}
.vl-1{opacity:.14;--dy:2px;animation-duration:150s,11s}
.vl-2{opacity:.22;--dy:3px;animation-duration:110s,9s;animation-direction:reverse,alternate}
.vl-3{opacity:.32;--dy:4px;animation-duration:85s,7.5s}
html.go .vl{animation-play-state:running}
html.stil .vl{animation-play-state:paused!important}

/* Binnenkomst: de kop komt rustig scherp in beeld (één keer per pagina) */
@keyframes opkomen{from{opacity:0;transform:translateY(14px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
.js .hero .wrap>*{animation:opkomen 1.3s var(--ease) both}
.js .hero .wrap>:nth-child(2){animation-delay:.12s}
.js .hero .wrap>:nth-child(3){animation-delay:.26s}
.js .hero .wrap>:nth-child(4){animation-delay:.4s}
.js .hero .wrap>:nth-child(n+5){animation-delay:.5s}

/* Scrollen: tekst komt uit een lichte waas, foto's komen op als opkomend tij */
.js .rv:not(:has(.fig)){filter:blur(5px);transition:opacity 1.4s var(--ease),transform 1.4s var(--ease),filter 1.2s var(--ease)}
.js .rv .fig,.js .fig.rv{clip-path:inset(12% 0 0 0);transition:clip-path 1.6s var(--tij),opacity 1.4s var(--ease),transform 1.4s var(--ease)}
.js .rv.in{filter:none}
.js .rv.in .fig,.js .fig.rv.in{clip-path:inset(0)}

@media(prefers-reduced-motion:reduce){
  .glinster rect{animation:none!important;opacity:calc(var(--o,.6) * .5)}
  .eiland .lamp{animation:none!important;opacity:.6}
  .vl{animation:none!important;translate:none}
  .js .hero .wrap>*{animation:none!important}
  .js .rv,.js .rv .fig,.js .fig.rv{filter:none!important;clip-path:none!important}
}

/* ---------------------------------------------------------------------------------------------------------------
   Ronde 3 (12 okt 2026): stille luxe. "Eenvoud is vaak het beste" (Richard).
   Minder elementen, één kleurtoon in de foto's, rustiger zetwerk, geen stickers op beelden, zachte paginaovergang. */

/* Zetwerk */
h1,h2,h3{letter-spacing:-.018em;font-feature-settings:"kern","liga","onum"}
p,li,.lead{text-wrap:pretty}
::selection{background:#E6DCCB;color:var(--inkt)}

/* Eén kleurtoon: de archieffoto's (fel gras, blauwe lucht) krijgen dezelfde zachte, warme gradatie als het eiland.
   Bij aanwijzen komt er iets meer kleur terug. */
.js .fig img{transition:opacity 1.6s var(--ease),transform 1.8s var(--ease),filter 1.6s var(--ease)}
img[src*="bav-oud-"]{filter:saturate(.55) contrast(.93) brightness(1.04) sepia(.12)}
:is(a,figure):hover img[src*="bav-oud-"]{filter:saturate(.78) contrast(.96) brightness(1.02) sepia(.05)}

/* Labels: geen stickers. "Sfeervoorbeeld" blijft eerlijk op het beeld staan, maar als stil fotobijschrift */
.sfeer{background:none;padding:0;left:16px;bottom:14px;color:#fff;font:italic 400 13px/1 var(--serif);letter-spacing:.02em;text-transform:none;opacity:.92;text-shadow:0 1px 12px rgb(31 36 38/.45)}
.oud-label{border:0;padding:0;margin-bottom:22px;font:italic 400 16px/1.4 var(--serif);letter-spacing:.01em;text-transform:none;color:var(--mute)}
.wadbg .oud-label{color:#b8c4c6}
.tb{border:0;padding:0;font:italic 400 15px/1.4 var(--serif);letter-spacing:.01em;text-transform:none;color:var(--mute)}
.bron,.onder{font:italic 400 15px/1.6 var(--serif);letter-spacing:.005em;color:var(--mute)}
.leeg{background:transparent;border:1px solid var(--lijn);font:italic 400 15px/1.5 var(--serif);color:var(--mute)}
.leeg b{display:block;font:300 24px/1.2 var(--serif);font-style:normal;color:var(--inkt);margin-bottom:8px}
.wadbg .leeg{background:transparent}

/* De maker: één rustige zin in het midden */
.maker-in{max-width:760px;margin:0 auto;text-align:center}
.maker-in .kopje{max-width:none;font-size:clamp(44px,6.4vw,88px)}
.maker-in .lead{max-width:40ch;margin:36px auto 40px}

/* Paginaovergang: de pagina's lossen zacht in elkaar over, de kopbalk blijft staan */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.6s;animation-timing-function:var(--ease)}
.hdr{view-transition-name:kopbalk}

@media(prefers-reduced-motion:reduce){
  ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
}

/* 13 okt 2026: vier projecten in het kort (/projecten) en "Klein beginnen kan ook" (/bouwadvies) */
.vier{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid var(--lijn)}
.vier>li{padding:36px 0;border-bottom:1px solid var(--lijn)}
.vier h3{font-size:clamp(26px,2.6vw,34px);margin:0 0 16px}
.vier .eb{margin-bottom:14px}
.vier ul,.kort{list-style:none;margin:0;padding:0;color:var(--mute)}
.vier ul li{padding:4px 0}
@media(min-width:900px){.vier{grid-template-columns:repeat(4,1fr);gap:0 40px;border-top:0}.vier>li{border-top:1px solid var(--lijn);border-bottom:0}}
.kort{margin-top:32px;border-top:1px solid var(--lijn)}
.kort li{padding:18px 0;border-bottom:1px solid var(--lijn)}
.kort b{display:block;font:400 22px/1.3 var(--serif);color:var(--inkt);margin-bottom:4px}

/* 13 okt 2026, controle: contrast en kleine herstellingen */
.js .ontstaan .os-stap li{opacity:.58}
.sfeer{left:0;bottom:0;padding:26px 16px 10px 14px;background:linear-gradient(to top right,rgb(31 36 38/.62),rgb(31 36 38/.28) 45%,rgb(31 36 38/0) 78%)}

/* 13 okt 2026: Richard vindt de uitspraken mooi. Zijn eigen woorden als rustige uitspraak (homepage) en motto (footer). */
.uitspraak{padding:clamp(88px,13vw,176px) 0;text-align:center}
.uitspraak figure{margin:0}
.uitspraak blockquote{margin:0}
.uitspraak p{font:300 italic clamp(36px,5.4vw,76px)/1.1 var(--serif);letter-spacing:-.015em;color:var(--inkt);max-width:14em;margin:0 auto;text-wrap:balance}
.uitspraak figcaption{margin-top:32px;font:500 11px/1.4 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--mute)}
.foot .motto{font:italic 400 clamp(20px,2vw,24px)/1.3 var(--serif);color:var(--mute);margin:-14px 0 22px}

/* 14 okt 2026: projecten met plaats en bouwjaar uit Richards site (2016), kernwoorden op werkwijze */
.verhaal-p .eb{margin-bottom:12px}
.kern{margin-top:28px;font:500 11px/1.8 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--mute);text-wrap:balance}
.kern span{white-space:nowrap}
.kern span:not(:last-child)::after{content:"\00a0\00b7"}

/* 20 okt 2026: eigen foto's van Richard (Terschelling), licht gedempt zodat ze bij het palet passen */
img[src*="bav-ts-"]{filter:saturate(.86) contrast(.98)}
.verhaal-p:not(:has(dl)) .rv h3{margin-bottom:0}

/* 20 okt 2026: kop van Projecten met beeld en inhoud; grotere tikvlakken (min. 44 px) zonder verspringen */
.pj-kop{align-items:end;row-gap:48px}
.pj-beeld{margin:0}
.pj-beeld img{opacity:1!important}
.pj-onder{position:static;margin-top:10px;font:italic 400 15px/1.4 var(--serif);color:var(--mute)}
.pj-index{list-style:none;margin:48px 0 0;padding:0;border-top:1px solid var(--lijn)}
.pj-index li{border-bottom:1px solid var(--lijn)}
.pj-index a{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:16px 0;min-height:44px}
.pj-index span{font:400 24px/1.2 var(--serif);color:var(--inkt)}
.pj-index small{font:500 11px/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--mute)}
.pj-index a:hover span{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
[id$="-h"]{scroll-margin-top:110px}
.lnk,.bc a,.logo,a[href^="tel:"],a[href^="mailto:"]{position:relative}
.lnk::after,.bc a::after,.logo::after,a[href^="tel:"]::after,a[href^="mailto:"]::after{content:"";position:absolute;left:-4px;right:-4px;top:50%;height:44px;min-height:100%;transform:translateY(-50%)}
.zee-knop{min-height:44px}
/* 20 okt 2026: de scheve boom in plaats van de vuurtoren (Richard: die toren is niet van Terschelling). Kruin wiegt licht in de wind. */
.eiland .kruin{transform-box:view-box;transform-origin:262px 76px;animation:wind 11s ease-in-out infinite;animation-play-state:paused}
@keyframes wind{0%,100%{transform:rotate(0)}50%{transform:rotate(1.2deg) translateX(1px)}}
html.go .eiland .kruin{animation-play-state:running}
html.stil .eiland .kruin{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.eiland .kruin{animation:none!important}}
/* 20 okt 2026: meer licht (Niek: "het is wel somber"). Warmere lucht, een lage zon achter de den, en zijn spiegeling op het water. Alleen CSS. */
.hero{background:linear-gradient(180deg,#dde8ee 0%,#eef1ec 32%,#f8f1e3 66%,#f7e7cd 100%)}
.hero::before,.hero::after{content:"";position:absolute;z-index:0;pointer-events:none;border-radius:50%}
.hero::before{width:640px;height:640px;right:calc(24% - 320px);bottom:calc(var(--zh) * .82 + 64px - 320px);background:radial-gradient(circle,rgb(255 238 204/.85) 0%,rgb(255 233 196/.45) 26%,rgb(255 230 190/.14) 48%,rgb(255 230 190/0) 68%)}
.hero::after{width:70px;height:70px;right:calc(24% - 35px);bottom:calc(var(--zh) * .82 + 29px);background:radial-gradient(circle,#fff6e0 0 50%,rgb(255 232 186/.7) 62%,rgb(255 228 180/0) 76%)}
.zee::after{content:"";position:absolute;top:17.5%;bottom:0;right:calc(24% - 110px);width:220px;pointer-events:none;background:radial-gradient(ellipse 50% 100% at 50% 0%,rgb(255 240 208/.6) 0%,rgb(255 238 204/.25) 45%,rgb(255 238 204/0) 75%)}
.zee::before{background:linear-gradient(180deg,rgb(94 112 116/.18) 0%,rgb(128 146 148/.1) 45%,rgb(140 156 161/0) 100%)}
.wolken{opacity:.9}
@media(max-width:699px){.hero::before{width:420px;height:420px;right:calc(24% - 210px);bottom:calc(var(--zh) * .82 + 52px - 210px)}.hero::after{width:52px;height:52px;right:calc(24% - 26px);bottom:calc(var(--zh) * .82 + 26px)}}
/* 21 okt 2026: V-teken van Richard, rustig nagetekend (inkt + zandgrijs i.p.v. paars/oranje). Voorbeeld voor Richard. */
.logo{align-items:center}
.logo .teken{flex:none;width:34px;height:34px;color:var(--inkt)}
.logo b{position:relative;top:1px}
@media(max-width:420px){.logo .teken{width:30px;height:30px}}
/* 30 okt: Contact rechtsboven op dezelfde hoogte en maat als het menu */
.hdr .hdr-cta{font:500 11px/1 var(--sans);letter-spacing:.2em;padding:8px 0;color:var(--inkt)}

/* 5 nov: verborgen veld tegen spam in het formulier */
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
#dlg-tx{margin:8px 0 0}
.hp input{font-size:16px}

/* 5 nov: Terschellinger bouwstijl, zes details met lijntekening */
.stijl-grid{display:grid;grid-template-columns:1fr;gap:56px 48px;margin-top:64px}
@media(min-width:640px){.stijl-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.stijl-grid{grid-template-columns:repeat(3,1fr)}}
.stijl-item{border-top:1px solid var(--lijn);padding-top:28px}
.stijl-item svg{display:block;width:100%;max-width:210px;height:auto;margin:0 0 24px;color:var(--inkt);overflow:visible}
.stijl-item .nr{display:block;font:500 11px/1 var(--sans);letter-spacing:.22em;color:var(--mute)}
.stijl-item h3{font:400 clamp(22px,2.2vw,27px)/1.2 var(--serif);margin:12px 0 10px}
.stijl-item p{margin:0;color:var(--mute);max-width:34ch;line-height:1.7}

/* 6 nov: bouwdetails met projectfoto's in plaats van tekeningen (wens Richard) */
.stijl-foto{margin:0 0 24px;aspect-ratio:4/3;overflow:hidden;background:var(--zand)}
.stijl-foto img{width:100%;height:100%;object-fit:cover;display:block}

/* 9 nov: zonder scrollanimatie (minder beweging, of geen JS) meteen het eindbeeld */
.ontstaan{--d:1;--r:1;--f:1}