@layer astro.images{:where([data-astro-image]){height:auto}:where([data-astro-image=full-width]){width:100%}:where([data-astro-image=constrained]){max-width:100%}[data-astro-image-fit=fill]{object-fit:fill}[data-astro-image-fit=contain]{object-fit:contain}[data-astro-image-fit=cover]{object-fit:cover}[data-astro-image-fit=scale-down]{object-fit:scale-down}[data-astro-image-pos=top]{object-position:top}[data-astro-image-pos=bottom]{object-position:bottom}[data-astro-image-pos=left]{object-position:left}[data-astro-image-pos=right]{object-position:right}[data-astro-image-pos=center]{object-position:center}[data-astro-image-pos=top-bottom]{object-position:top bottom}[data-astro-image-pos=top-left]{object-position:top left}[data-astro-image-pos=top-right]{object-position:top right}[data-astro-image-pos=top-center]{object-position:top center}[data-astro-image-pos=bottom-top]{object-position:bottom top}[data-astro-image-pos=bottom-left]{object-position:bottom left}[data-astro-image-pos=bottom-right]{object-position:bottom right}[data-astro-image-pos=bottom-center]{object-position:bottom center}[data-astro-image-pos=left-top]{object-position:left top}[data-astro-image-pos=left-bottom]{object-position:left bottom}[data-astro-image-pos=left-right]{object-position:left right}[data-astro-image-pos=left-center]{object-position:left center}[data-astro-image-pos=right-top]{object-position:right top}[data-astro-image-pos=right-bottom]{object-position:right bottom}[data-astro-image-pos=right-left]{object-position:right left}[data-astro-image-pos=right-center]{object-position:right center}[data-astro-image-pos=center-top]{object-position:center top}[data-astro-image-pos=center-bottom]{object-position:center bottom}[data-astro-image-pos=center-left]{object-position:center left}[data-astro-image-pos=center-right]{object-position:center right}}#hero{align-items:center;min-height:100svh;display:flex;position:relative;overflow:hidden}#hero .hero-grid{opacity:.5;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:72px 72px;position:absolute;inset:0;mask-image:radial-gradient(90% 80% at 50% 45%,#000 30%,#0000 75%)}#bouw{z-index:2;width:min(58vw,940px);height:min(76vh,700px);position:absolute;top:50%;right:-2vw;transform:translateY(-52%)}#bouw svg,#bouw .foto{width:100%;height:100%;position:absolute;inset:0}#bouw .foto{opacity:0;transition:opacity 1.5s,transform 3s;transform:scale(1.05);mask-image:radial-gradient(72% 62%,#000 52%,#0000 78%)}#bouw .foto img{object-fit:contain;filter:saturate(.92)brightness(.96);width:100%;height:100%}#bouw.ph5 .foto{opacity:1;transform:scale(1)}#bouw #bouwSvg{transition:opacity 1.3s}#bouw.ph5 #bouwSvg{opacity:0}#bouw .gL line{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 1.35s cubic-bezier(.6,0,.2,1)}#bouw.ph1 .gL line{stroke-dashoffset:0}#bouw.ph4 .gL{opacity:.32;transition:opacity 1.2s}#bouw .gV polygon{opacity:0;transition:opacity .8s}#bouw.ph2 .gV polygon{opacity:1}#bouw .gP polygon{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(9px)}#bouw.ph3 .gP polygon{opacity:1;transform:none}#bouw .gM,#bouw .gT{opacity:0;transition:opacity 1.2s}#bouw.ph4 .gM,#bouw.ph4 .gT{opacity:1}#bouw .hud{z-index:3;align-items:center;gap:14px;display:flex;position:absolute;bottom:4px;left:10px}#bouw .cap{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--mute);min-width:180px;font-size:10px}#bouw .tk{gap:5px;display:flex}#bouw .tk b{background:#f4f1ea2e;width:16px;height:2px;transition:all .4s}#bouw .tk b.on{background:var(--brassL)}#bouw button{border:1px solid var(--line2);color:var(--mute);font-family:var(--mono);letter-spacing:.14em;cursor:pointer;background:0 0;border-radius:99px;padding:5px 11px;font-size:9.5px;transition:all .3s}#bouw button:hover{color:var(--brassL);border-color:#d8b98c80}.hwrap{z-index:3;pointer-events:none;width:100%;position:relative}.hwrap a,.hwrap button{pointer-events:auto}.kick{align-items:center;gap:14px;margin-bottom:26px;display:flex}.kick .dot{background:var(--brass);width:7px;height:7px;box-shadow:0 0 14px var(--glow);transform:rotate(45deg)}h1{max-width:12ch;font-size:clamp(46px,7.2vw,104px);font-weight:800}h1 .thin{-webkit-text-stroke-width:1.5px}.sub{max-width:46ch;color:var(--mute);margin-top:28px;font-size:clamp(15px,1.25vw,18px)}.cta-row{flex-wrap:wrap;gap:14px;margin-top:38px;display:flex}.rv:nth-of-type(2){transition-delay:.1s}@media (width<=900px){#hero{flex-direction:column;justify-content:flex-start;padding-top:110px}#bouw{order:2;width:100%;height:48vh;margin-top:8px;position:relative;top:auto;right:auto;transform:none}}.sec{padding:clamp(90px,12vw,160px) 0;position:relative;overflow:hidden}.groepen{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:clamp(24px,3vw,48px);display:grid}.groep h3{color:var(--brassL);margin-bottom:16px;font-weight:400}.groep ul{flex-direction:column;gap:2px;list-style:none;display:flex}.groep li a{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:11px 0;font-size:15px;transition:all .25s;display:flex}.groep li a span{color:var(--faint);transition:all .25s}.groep li a:hover{color:var(--brassL);padding-left:6px}.groep li a:hover span{color:var(--brassL);transform:translate(3px)}.alle{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--brassL);border-bottom:1px solid #d8b98c66;margin-top:36px;padding-bottom:4px;font-size:11px;display:inline-block}.projecten{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.pkaart{border:1px solid var(--line);background:#f4f1ea05;border-radius:16px;padding:24px;transition:all .3s}.pkaart:hover{background:#d8b98c0d;border-color:#d8b98c66}.pkaart .tag{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--brassL);font-size:10px}.pkaart h3{margin:12px 0 8px;font-size:22px}.pkaart p{color:var(--mute);font-size:14.5px}.pkaart .meta{margin-top:16px;font-size:10px;display:block}.leeg{color:var(--faint);border:1px dashed var(--line2);text-align:center;border-radius:14px;padding:40px}.aura{aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#b58a5e17,#0000 60%);border-radius:50%;width:min(900px,140vw);height:auto;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.cwrap{max-width:760px;margin:0 auto}