.roof-anatomy{background:radial-gradient(at 75% 45%,#363b3f 0%,#1c2022 48%,#111315 90%);padding-block:5rem;position:relative}.roof-pin{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(2rem,5vw,6rem);display:grid}.roof-copy h2{text-wrap:balance;max-width:12ch;font-size:clamp(2.6rem,4.5vw,4.5rem)}.roof-intro{max-width:40ch;margin-bottom:1.6rem}.roof-explanations{margin:0 0 1.8rem;padding:0;list-style:none}.roof-explanations li{border-top:1px solid var(--line)}.roof-explanations button{text-align:left;width:100%;min-height:44px;color:var(--white);cursor:pointer;background:0 0;border:0;align-items:center;gap:.9rem;padding:.5rem 0;font-weight:700;display:flex}.roof-step-number{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:500}.roof-explanations p{max-width:40ch;margin:.1rem 0 .8rem 2rem;font-size:.93rem;line-height:1.5}.roof-explanations .is-active button,.roof-explanations .is-active .roof-step-number{color:var(--brand-red-light)}.roof-figure{min-width:0;margin:0}.roof-scene{aspect-ratio:1/1.35;isolation:isolate;width:min(100%,560px);margin-inline:auto;position:relative}.roof-piece{aspect-ratio:1;width:85%;transform:translateY(var(--spread));pointer-events:none;position:absolute;top:0;left:7.5%;overflow:hidden}.roof-piece img{width:200%;max-width:none;height:300%;left:calc(var(--column) * -100%);top:calc(var(--row) * -100%);position:absolute}.roof-pointer{z-index:7;pointer-events:none;opacity:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.roof-pointer path{fill:none;stroke:var(--brand-red);stroke-width:.35px;vector-effect:non-scaling-stroke;stroke-width:2px}.roof-pointer circle{fill:var(--brand-red-light)}.roof-figure figcaption{color:var(--silver);justify-content:space-between;gap:1rem;font-size:.7rem;display:flex}.roof-progress{background:var(--line);height:2px;margin-top:1rem;overflow:hidden}.roof-progress span{background:var(--brand-red);transform-origin:0;height:100%;display:block;transform:scaleX(1)}.roof-anatomy[data-enhanced] .roof-explanations li:not(.is-active) p{display:none}.roof-anatomy[data-enhanced] .roof-pointer{opacity:1}@media (width<=800px){.roof-anatomy{padding-block:4rem}.roof-pin{grid-template-columns:1fr;gap:1.5rem}.roof-copy h2{max-width:18ch;margin-bottom:1rem;font-size:clamp(2rem,7vw,3rem)}.roof-intro{font-size:.95rem}.roof-scene{width:min(100%,420px)}.roof-anatomy[data-enhanced] .roof-intro{display:none}.roof-anatomy[data-enhanced] .roof-explanations{flex-wrap:wrap;gap:0 .5rem;margin-bottom:.5rem;display:flex}.roof-anatomy[data-enhanced] .roof-explanations li{display:contents}.roof-anatomy[data-enhanced] .roof-explanations button{border-bottom:2px solid #0000;justify-content:center;gap:0;width:auto;min-width:44px;min-height:44px;padding:.35rem;font-size:0}.roof-anatomy[data-enhanced] .roof-explanations button .roof-step-number{font-size:.8rem}.roof-anatomy[data-enhanced] .roof-explanations .is-active button{border-color:var(--brand-red);gap:.45rem;font-size:.9rem}.roof-anatomy[data-enhanced] .roof-explanations .is-active p{flex:0 0 100%;order:10;min-height:4.5em;margin:.4rem 0 0;font-size:.85rem}.roof-copy>.section-link{font-size:.8rem}.roof-figure figcaption{font-size:.65rem}}@media (height<=640px) and (width>=801px){.roof-copy h2{font-size:2.2rem}.roof-intro{display:none}.roof-explanations{margin-bottom:.5rem}.roof-explanations p{font-size:.85rem}}@media (prefers-reduced-motion:reduce){.roof-pointer{display:none}}.roof-replay{min-height:44px;color:var(--brand-red-light);text-underline-offset:.25em;cursor:pointer;background:0 0;border:0;padding:.65rem 0;text-decoration:underline}.veld[data-astro-cid-pgtqyjf3]{flex-direction:column;gap:.55rem;display:flex}.veld[data-astro-cid-pgtqyjf3] label[data-astro-cid-pgtqyjf3]{font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;color:var(--color-zinc-400);font-size:.8rem;font-weight:700}.veld[data-astro-cid-pgtqyjf3] label[data-astro-cid-pgtqyjf3] .verplicht[data-astro-cid-pgtqyjf3]{color:var(--color-signal-soft);font-weight:700}.veld[data-astro-cid-pgtqyjf3] [data-astro-cid-pgtqyjf3]:is(input,select,textarea){background:var(--color-ink-900);border:1px solid var(--color-signal);width:100%;color:var(--color-bone);font:inherit;transition:border-color .3s var(--ease-roof), box-shadow .3s var(--ease-roof), background-color .3s var(--ease-roof);border-radius:.6rem;padding:.9rem 1.05rem;font-size:.95rem}.veld[data-astro-cid-pgtqyjf3] textarea[data-astro-cid-pgtqyjf3]{resize:vertical;min-height:8rem}.veld[data-astro-cid-pgtqyjf3] [data-astro-cid-pgtqyjf3]:is(input,select,textarea)::placeholder{color:color-mix(in oklab, var(--color-bone) 38%, transparent)}.veld[data-astro-cid-pgtqyjf3] [data-astro-cid-pgtqyjf3]:is(input,select,textarea):hover{border-color:var(--color-signal-soft)}.veld[data-astro-cid-pgtqyjf3] [data-astro-cid-pgtqyjf3]:is(input,select,textarea):focus{border-color:var(--color-signal);background:var(--color-ink-850);box-shadow:0 0 0 3px color-mix(in oklab, var(--color-signal) 22%, transparent);outline:none}.veld[data-astro-cid-pgtqyjf3] :is(input,select,textarea)[data-astro-cid-pgtqyjf3][aria-invalid=true]{border-color:var(--color-signal);box-shadow:0 0 0 3px color-mix(in oklab, var(--color-signal) 22%, transparent)}.veld[data-astro-cid-pgtqyjf3] select[data-astro-cid-pgtqyjf3]{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M1 1.5 7 7.5 13 1.5' stroke='%238e979c' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 1.05rem center;background-repeat:no-repeat;padding-right:2.5rem}.btn-offerte[data-astro-cid-pgtqyjf3]{--chamfer:16px;width:100%;min-width:0;height:4rem;font-size:1.02rem}.btn-offerte[data-astro-cid-pgtqyjf3]:hover,.btn-offerte[data-astro-cid-pgtqyjf3]:focus-visible{--chamfer:26px}.honeypot[data-astro-cid-pgtqyjf3]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}[data-astro-cid-pgtqyjf3][data-status].ok{border-color:var(--color-patina);color:var(--color-bone);display:block}[data-astro-cid-pgtqyjf3][data-status].err{border-color:var(--color-signal);color:var(--color-bone);display:block}.original-home-links[data-astro-cid-kn4k7dr2] h2[data-astro-cid-kn4k7dr2]{max-width:20ch;margin-bottom:35px;font-size:clamp(2.3rem,4vw,4rem)}.original-link-grid[data-astro-cid-kn4k7dr2]{grid-template-columns:1fr 1fr;gap:28px;display:grid}.original-home-link[data-astro-cid-kn4k7dr2]{grid-template-columns:1fr 44px;align-items:center;gap:16px;font-size:clamp(1.3rem,2.5vw,2rem);font-weight:600;text-decoration:none;display:grid}.original-home-link[data-astro-cid-kn4k7dr2] img[data-astro-cid-kn4k7dr2]{aspect-ratio:2;object-fit:cover;border-radius:3px;grid-column:1/-1;width:100%;height:auto}.original-link-arrow[data-astro-cid-kn4k7dr2]{color:#ff7378;border:1px solid #ffffff38;border-radius:50%;place-items:center;width:44px;height:44px;transition:transform .2s,background-color .2s;display:grid}.original-home-link[data-astro-cid-kn4k7dr2]:hover .original-link-arrow[data-astro-cid-kn4k7dr2]{color:#fff;background:#b51c24;transform:rotate(45deg)}.original-home-panoramas[data-astro-cid-kn4k7dr2]{gap:28px;margin-top:60px;display:grid}.original-home-panoramas[data-astro-cid-kn4k7dr2] img[data-astro-cid-kn4k7dr2]{border-radius:3px;width:100%;height:auto;display:block}@media (width<=600px){.original-link-grid[data-astro-cid-kn4k7dr2]{grid-template-columns:1fr;gap:30px}.original-home-panoramas[data-astro-cid-kn4k7dr2]{gap:16px;margin-top:35px}}@media (prefers-reduced-motion:reduce){.original-link-arrow[data-astro-cid-kn4k7dr2]{transition:none}}