@layer sections{.woningreis{--stap-lengte:54svh;--rand:max(var(--space-gutter), (100% - var(--container-breed)) / 2);--wolk:var(--uzp-wit);--lucht-start:color-mix(in oklab, var(--color-surface-muted) 70%, var(--color-surface));--lucht-boven:radial-gradient(120% 55% at 50% 100%, color-mix(in srgb, var(--color-accent) 14%, transparent), transparent 70%), linear-gradient(180deg, var(--lucht-start) 0%, var(--lucht-start) 36%, color-mix(in oklab, var(--color-surface-muted) 50%, var(--color-surface)) 72%, var(--color-surface) 100%);--lucht-onder:radial-gradient(90% 40% at 60% 100%, color-mix(in oklab, var(--color-highlight) 30%, transparent), transparent 70%), linear-gradient(180deg, color-mix(in oklab, var(--color-surface-muted) 70%, var(--color-surface)) 0%, color-mix(in oklab, var(--color-surface) 82%, var(--color-surface-muted)) 70%, var(--color-surface) 100%)}.woningreis__scene{inline-size:min(100% - 2 * var(--space-gutter), var(--container-breed));margin-inline:auto}.woningreis__lucht,.woningreis__zee-kern,.woningreis__zee--onder,.woningreis__mist,.woningreis__wolk--voor{display:none}.woningreis__stappen{gap:clamp(var(--space-6), 7vw, var(--space-9));margin:0;padding:0;list-style:none;display:grid}.woningreis__stap{gap:var(--space-4);align-items:center;display:grid;position:relative}.woningreis__tekst{justify-items:start;gap:var(--space-2);max-inline-size:38rem;display:grid}.woningreis__tekst>.eyebrow{margin-block-end:var(--space-1)}.woningreis__titel{font-size:var(--text-h2);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);line-height:1.02}.woningreis__titel--dak{font-size:var(--text-h1);line-height:var(--leading-display)}.woningreis__intro{font-size:var(--text-lead);color:var(--color-text-muted);max-inline-size:32rem}.woningreis__uitsnede{aspect-ratio:1536/635;position:relative;overflow:clip}.woningreis__uitsnede .woningreis__woning-beeld--dak{block-size:auto;inline-size:100%;position:absolute;inset:0 0 auto}.woningreis__zee{pointer-events:none;block-size:auto;inline-size:300%;max-inline-size:none;position:absolute;inset-inline-start:-100%}.woningreis__zee--boven{inset-block-start:29.0323%}.woningreis__stap--dak{padding:clamp(var(--space-6), 6vw, var(--space-8)) var(--space-gutter) 0;border-radius:var(--radius-xl);background:var(--lucht-boven);overflow:clip}.woningreis__boven{justify-items:center;gap:var(--space-4);display:grid}.woningreis__boven .woningreis__uitsnede{inline-size:calc(100% + 2 * var(--space-gutter));margin-inline:calc(-1 * var(--space-gutter))}.woningreis__stap--dak .woningreis__tekst{z-index:1;padding-block-end:var(--space-6);position:relative}.hero-tekst--lucht+.woningreis{padding-block-start:0}.hero-tekst--lucht+.woningreis .woningreis__stap--dak{padding-inline:max(var(--space-gutter), 50vw - 50%);border-radius:0 0 var(--radius-xl) var(--radius-xl);margin-inline:calc(50% - 50vw)}.woningreis__stap--wolken{padding:clamp(var(--space-7), 9vw, var(--space-10)) var(--space-gutter) clamp(var(--space-9), 16vw, 14rem);border-radius:var(--radius-xl);background:var(--lucht-boven);text-align:center;isolation:isolate;justify-items:center;overflow:clip}.woningreis__stap--wolken .woningreis__tekst{justify-items:center}.woningreis__wolken{z-index:-1;pointer-events:none;position:absolute;inset:0}.woningreis__wolk{block-size:auto;max-inline-size:none;position:absolute}.woningreis__wolk--midden.woningreis__wolk--links{inline-size:70%;inset-block-end:-18%;inset-inline-start:-22%}.woningreis__wolk--midden.woningreis__wolk--rechts{inline-size:62%;inset-block-end:-16%;inset-inline-end:-20%;scale:-1 1}.woningreis__vragen{justify-content:center;gap:var(--space-1);flex-wrap:wrap;max-inline-size:40rem;margin:0;padding:0;list-style:none;display:flex}.woningreis__vraag{border-radius:var(--radius-pill);background:var(--color-surface-raised);box-shadow:var(--shadow-sm);color:var(--on-light-text);font-size:var(--text-small);font-weight:var(--weight-ui);padding:.55rem 1rem;line-height:1.3}.woningreis__woning{padding:var(--space-4) var(--space-3) var(--space-5);border-radius:var(--radius-xl);background:var(--lucht-onder);margin:0;position:relative}.woningreis__woning-laag{display:block;position:relative}.woningreis__woning-beeld{block-size:auto;inline-size:100%;display:block;position:relative}.woningreis__schaduw{background:radial-gradient(closest-side, color-mix(in srgb, var(--color-primary) 22%, transparent), transparent);border-radius:50%;block-size:14%;position:absolute;inset-block-end:-1%;inset-inline:4% 2%}.woningreis__punten{z-index:3;position:absolute;inset:0}.woningreis__punt{position:absolute;inset-block-start:var(--y);inset-inline-start:var(--x);translate:-50% -50%}.woningreis__punt-stip{background:var(--color-surface-raised);block-size:2.25rem;inline-size:2.25rem;color:var(--on-light-text);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 70%, transparent), var(--shadow-md);border-radius:50%;place-items:center;display:grid;position:relative}.woningreis__punt-stip .icon{--icon-size:1.25rem}.woningreis__punt-naam,.woningreis__punt-aan{display:none}.woningreis__onderdelen{inline-size:100%;margin:var(--space-2) 0 0;gap:.375rem;padding:0;list-style:none;display:grid}.woningreis__onderdeel-link{align-items:center;gap:var(--space-2);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-surface-raised) 72%, transparent);min-block-size:3.25rem;color:var(--color-text);transition:background-color var(--dur-basis) var(--ease-out), box-shadow var(--dur-basis) var(--ease-out);padding:.5rem 1rem .5rem .5rem;text-decoration:none;display:flex}a.woningreis__onderdeel-link:hover{background:var(--color-surface-raised);box-shadow:var(--shadow-sm)}.woningreis__onderdeel-icoon{background:var(--color-surface-muted);block-size:2.5rem;inline-size:2.5rem;transition:background-color var(--dur-basis) var(--ease-out), box-shadow var(--dur-traag) var(--ease-out);border-radius:50%;flex:none;place-items:center;display:grid}.woningreis__onderdeel-icoon .icon{--icon-size:1.375rem}.woningreis__onderdeel-tekst{line-height:1.3;display:grid}.woningreis__onderdeel-naam{font-weight:var(--weight-sterk)}.woningreis__onderdeel-uitleg{color:var(--color-text-muted);font-size:var(--text-small)}.woningreis__stap--slot{padding:clamp(var(--space-6), 7vw, var(--space-9)) var(--space-gutter);border-radius:var(--radius-xl);background:var(--color-surface-tint);text-align:center;justify-items:center}.woningreis__stap--slot .woningreis__tekst{justify-items:center}.woningreis__acties{justify-content:center;align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;margin-block-start:var(--space-2);display:flex}.woningreis__bel{min-block-size:2.75rem;color:var(--color-text);font-weight:var(--weight-ui);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, currentcolor 35%, transparent);text-decoration-color:color-mix(in srgb, currentcolor 35%, transparent);text-underline-offset:.25em;align-items:center;gap:.5rem;display:inline-flex}.woningreis__bel:hover{text-decoration-color:currentColor}.woningreis__bel .icon{--icon-size:1.125rem}@media (min-width:56rem){.woningreis__stap--dak{align-items:end;column-gap:var(--space-6);grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.woningreis__stap--dak .woningreis__tekst{grid-row:1;align-self:center}.woningreis__boven .woningreis__uitsnede{inline-size:calc(100% + var(--space-gutter));margin-inline:0 calc(-1 * var(--space-gutter));overflow:visible clip}.woningreis__stap--woning{gap:var(--space-8);grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.woningreis__stap--woning .woningreis__woning{grid-area:1/2}}@media not (min-width:56rem){.woningreis__wolk--midden.woningreis__wolk--links,.woningreis__wolk--midden.woningreis__wolk--rechts{inline-size:130%}.woningreis__wolk--midden.woningreis__wolk--links{inset-inline-start:-55%}.woningreis__wolk--midden.woningreis__wolk--rechts{inset-inline-end:-60%}.woningreis__stap--dak .woningreis__tekst{padding-block-end:var(--space-5)}.woningreis__punt-stip{block-size:1.875rem;inline-size:1.875rem}.woningreis__punt-stip .icon{--icon-size:1rem}}@media (min-height:40rem) and (prefers-reduced-motion:no-preference){:is(.js:not(.js-laat) .woningreis:not(.scene-uit,.woningreis--los),.woningreis.is-scene){block-size:calc(100svh + var(--gewicht,4) * var(--stap-lengte));padding-block:0}.js:not(.js-laat) .woningreis:not(.is-scene,.scene-uit,.woningreis--los){animation:1ms 5s forwards woningreis-vangnet}@keyframes woningreis-vangnet{to{padding-block:var(--space-sectie);block-size:auto}}.woningreis.is-scene{overflow:clip}.woningreis.is-scene .woningreis__scene{will-change:transform}.woningreis.is-scene{--onder:clamp(var(--space-5), 9svh, 6.5rem);--balk:0px;--tekst-b:min(34rem, 40vw);scroll-margin-block-start:calc(-1 * (var(--header-hoogte) + var(--space-2)))}.woningreis.is-scene .woningreis__scene{isolation:isolate;background:var(--color-surface);block-size:100svh;inline-size:100%;margin:0;position:sticky;inset-block-start:0;overflow:clip}.woningreis.is-scene :is(.woningreis__stappen,.woningreis__stap,.woningreis__boven,.woningreis__uitsnede,.woningreis__woning){aspect-ratio:auto;isolation:auto;background:0 0;border-radius:0;inline-size:auto;margin:0;padding:0;display:block;position:static;overflow:visible}.woningreis.is-scene .woningreis__lucht{z-index:0;background:var(--lucht-boven);display:block;position:absolute;inset:0}.woningreis.is-scene .woningreis__lucht:after{content:"";z-index:1;background:linear-gradient(180deg, transparent, var(--color-surface) 92%);pointer-events:none;block-size:22%;position:absolute;inset:auto 0 0}.woningreis.is-scene .woningreis__lucht-laag{opacity:0;will-change:opacity;position:absolute;inset:0}.woningreis.is-scene .woningreis__lucht-laag--onder{background:var(--lucht-onder)}.woningreis.is-scene .woningreis__lucht-laag--warm{background:radial-gradient(60% 50% at 84% 0%, color-mix(in srgb, var(--color-accent) 30%, transparent), transparent 72%), radial-gradient(90% 40% at 50% 100%, color-mix(in srgb, var(--color-accent) 10%, transparent), transparent 70%)}.woningreis.is-scene .woningreis__woning-beeld--dak{display:none}.woningreis.is-scene :is(.woningreis__woning-laag,.woningreis__punten){z-index:3;inline-size:var(--woning-b,60vw);aspect-ratio:var(--woning-ratio,3 / 2);transform-origin:0 0;will-change:transform;position:absolute;inset:0 auto auto 0}.woningreis.is-scene .woningreis__punten{z-index:7}.woningreis.is-scene :is(.woningreis__zee,.woningreis__zee-kern){z-index:5;inline-size:var(--zee-b,300vw);will-change:transform;display:block;position:absolute;inset:0 auto auto 0}.woningreis.is-scene .woningreis__zee-kern{background:linear-gradient(180deg, var(--wolk) 0%, var(--wolk) 45%, color-mix(in srgb, var(--color-surface-muted) 50%, var(--wolk)) 100%);transform-origin:0 0;block-size:64px;inline-size:100%}.woningreis.is-scene .woningreis__wolken{z-index:auto;position:absolute;inset:0}.woningreis.is-scene .woningreis__mist{z-index:6;background:radial-gradient(60% 50% at 50% 50%, color-mix(in oklab, var(--color-surface-muted) 30%, var(--wolk)), transparent 100%), linear-gradient(180deg, color-mix(in oklab, var(--color-surface-muted) 70%, var(--wolk)), color-mix(in oklab, var(--color-surface-muted) 45%, var(--wolk)) 50%, color-mix(in oklab, var(--color-surface-muted) 70%, var(--wolk)));opacity:0;display:block;position:absolute;inset:0}.woningreis.is-scene .woningreis__wolk{opacity:0;will-change:transform, opacity;display:block;inset:auto}.woningreis.is-scene .woningreis__mist{will-change:opacity}.woningreis.is-scene .woningreis__wolk--midden{z-index:6;inline-size:max(108vw,150svh)}.woningreis.is-scene .woningreis__wolk--midden.woningreis__wolk--links{inset-block-start:8%;inset-inline-start:calc(max(108vw,150svh)/-3.33333)}.woningreis.is-scene .woningreis__wolk--midden.woningreis__wolk--rechts{inline-size:max(96vw,135svh);inset-block-start:24%;inset-inline-end:calc(max(96vw,135svh)/-3.33333)}.woningreis.is-scene .woningreis__wolk--voor{z-index:8;inline-size:max(120vw,170svh)}.woningreis.is-scene .woningreis__wolk--voor.woningreis__wolk--links{inset-block-start:40%;inset-inline-start:calc(max(120vw,170svh)/-2)}.woningreis.is-scene .woningreis__wolk--voor.woningreis__wolk--rechts{inset-block-start:50%;inset-inline-end:calc(max(120vw,170svh)/-2);scale:-1 1}.woningreis.is-scene .woningreis__vragen{z-index:9;pointer-events:none;max-inline-size:none;display:block;position:absolute;inset:0}.woningreis.is-scene .woningreis__vraag{border:1px solid color-mix(in srgb, var(--color-primary) 8%, transparent);box-shadow:var(--shadow-md);font-size:var(--text-ui);white-space:nowrap;opacity:0;will-change:transform, opacity;padding:.7rem 1.15rem;position:absolute;inset-block-start:var(--vy);inset-inline-start:var(--vx)}.woningreis.is-scene .woningreis__vraag:before{content:"";background:var(--color-accent);border-radius:50%;block-size:.5rem;inline-size:.5rem;position:absolute;inset-block-start:50%;inset-inline-start:-.875rem;translate:0 -50%}.woningreis.is-scene .woningreis__vraag:first-child{--vx:9%;--vy:20%}.woningreis.is-scene .woningreis__vraag:nth-child(2){--vx:66%;--vy:15%}.woningreis.is-scene .woningreis__vraag:nth-child(3){--vx:13%;--vy:72%}.woningreis.is-scene .woningreis__vraag:nth-child(4){--vx:68%;--vy:68%}.woningreis.is-scene .woningreis__punt{opacity:0;will-change:transform, opacity}.woningreis.is-scene .woningreis__punt-stip{block-size:2.75rem;inline-size:2.75rem}.woningreis.is-scene .woningreis__punt-stip .icon{--icon-size:1.375rem}.woningreis.is-scene .woningreis__punt-aan{background:var(--color-accent);color:var(--color-on-accent);opacity:0;will-change:opacity;border-radius:50%;place-items:center;display:grid;position:absolute;inset:0}.woningreis.is-scene .woningreis__punt.is-huidig .woningreis__punt-stip:after{content:"";box-shadow:0 0 0 2px var(--color-accent);animation:woningreis-puls 2.2s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:0}.woningreis.is-scene .woningreis__punt-naam{border-radius:var(--radius-pill);background:var(--color-surface-raised);box-shadow:var(--shadow-md);color:var(--on-light-text);font-size:var(--text-small);font-weight:var(--weight-sterk);white-space:nowrap;opacity:0;will-change:transform, opacity;padding:.45rem .9rem;display:block;position:absolute;inset-block-end:calc(100% + .625rem);inset-inline-start:50%;translate:-50%}@keyframes woningreis-puls{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}.woningreis.is-scene .woningreis__tekst{z-index:9;inline-size:var(--tekst-b);max-inline-size:none;opacity:var(--o,0);translate:0 calc((1 - var(--o,0)) * 1.25rem);pointer-events:none;will-change:opacity, translate;padding:0;position:absolute;inset-block-end:calc(var(--onder) + var(--balk));inset-inline-start:var(--rand)}.woningreis.is-scene .woningreis__tekst:focus-within{--o:1}.woningreis.is-scene .is-actief .woningreis__tekst{pointer-events:auto}.woningreis.is-scene .woningreis__titel{font-size:min(var(--text-h2), 8.5svh)}.woningreis.is-scene .woningreis__titel--dak{font-size:min(var(--text-h1), 11svh)}.woningreis.is-scene .woningreis__intro{color:var(--color-text)}.woningreis.is-scene .woningreis__stap--dak .woningreis__tekst{inset-inline:var(--rand);text-align:center;justify-items:center;inline-size:auto}.woningreis.is-scene .woningreis__stap--dak .woningreis__intro{max-inline-size:30rem}.woningreis.is-scene .woningreis__stap--wolken .woningreis__tekst{inset-inline:var(--rand);inset-block:0 var(--balk);text-align:center;place-content:center;justify-items:center;inline-size:auto;display:grid}.woningreis.is-scene .woningreis__stap--wolken .woningreis__intro{max-inline-size:30rem}.woningreis.is-scene .woningreis__stap--slot .woningreis__tekst{text-align:start;justify-items:start}.woningreis.is-scene .woningreis__acties{justify-content:start}.woningreis.is-scene .woningreis__onderdeel-link{background:color-mix(in srgb, var(--color-surface-raised) 64%, transparent);isolation:isolate;position:relative}.woningreis.is-scene .woningreis__onderdeel-link:before{content:"";z-index:-1;border-radius:inherit;background:var(--color-surface-raised);box-shadow:var(--shadow-sm);opacity:var(--aan,0);position:absolute;inset:0}.woningreis.is-scene .woningreis__onderdeel-icoon{isolation:isolate;position:relative}.woningreis.is-scene .woningreis__onderdeel-icoon:after{content:"";z-index:-1;background:var(--color-accent);box-shadow:0 0 0 .3125rem color-mix(in srgb, var(--color-accent) 24%, transparent);opacity:var(--aan,0);border-radius:50%;position:absolute;inset:0}}@media (min-height:40rem) and (not (min-width:64rem)) and (prefers-reduced-motion:no-preference){.woningreis.is-scene{--onder:var(--space-3)}.woningreis.is-scene.heeft-balk{--balk:calc(4.25rem + env(safe-area-inset-bottom,0px))}.woningreis.is-scene .woningreis__tekst{inset-inline:var(--space-gutter);gap:.625rem;inline-size:auto}.woningreis.is-scene .woningreis__titel{font-size:min(var(--text-h2), 5.4svh)}.woningreis.is-scene .woningreis__titel--dak{font-size:min(var(--text-h1), 7.2svh)}.woningreis.is-scene .woningreis__intro{font-size:var(--text-body)}.woningreis.is-scene .woningreis__wolk--midden{inline-size:max(240vw,110svh)}.woningreis.is-scene .woningreis__wolk--midden.woningreis__wolk--links{inset-block-start:14%;inset-inline-start:calc(max(240vw,110svh)/-2.38095)}.woningreis.is-scene .woningreis__wolk--midden.woningreis__wolk--rechts{inline-size:max(220vw,100svh);inset-block-start:34%;inset-inline-end:calc(max(220vw,100svh)/-2.22222)}.woningreis.is-scene .woningreis__wolk--voor{inline-size:max(270vw,125svh)}.woningreis.is-scene .woningreis__wolk--voor.woningreis__wolk--links{inset-block-start:52%;inset-inline-start:calc(max(270vw,125svh)/-1.66667)}.woningreis.is-scene .woningreis__wolk--voor.woningreis__wolk--rechts{inset-block-start:60%;inset-inline-end:calc(max(270vw,125svh)/-1.66667)}.woningreis.is-scene .woningreis__vraag{font-size:var(--text-small);padding:.55rem .95rem}.woningreis.is-scene .woningreis__vraag:first-child{--vx:8%;--vy:13%}.woningreis.is-scene .woningreis__vraag:nth-child(2){--vx:34%;--vy:22%}.woningreis.is-scene .woningreis__vraag:nth-child(3){--vx:10%;--vy:68%}.woningreis.is-scene .woningreis__vraag:nth-child(4){--vx:40%;--vy:76%}.woningreis.is-scene .woningreis__onderdelen{flex-wrap:wrap;gap:.375rem;margin-block-start:var(--space-1);display:flex}.woningreis.is-scene .woningreis__onderdeel-link{border-radius:var(--radius-pill);min-block-size:2.75rem;padding:.25rem .875rem .25rem .25rem}.woningreis.is-scene .woningreis__onderdeel-icoon{block-size:2.25rem;inline-size:2.25rem}.woningreis.is-scene .woningreis__onderdeel-icoon .icon{--icon-size:1.125rem}.woningreis.is-scene .woningreis__onderdeel-naam{font-size:var(--text-small)}.woningreis.is-scene .woningreis__onderdeel-uitleg{display:none}.woningreis.is-scene .woningreis__punt-stip{block-size:1.875rem;inline-size:1.875rem}.woningreis.is-scene .woningreis__punt-stip .icon{--icon-size:1rem}}@media (min-height:40rem) and (min-width:64rem) and (prefers-reduced-motion:no-preference){.woningreis.is-scene :is(.woningreis__stap--woning,.woningreis__stap--slot) .woningreis__tekst{inline-size:clamp(27rem,24vw,36rem);container-type:inline-size}.woningreis.is-scene :is(.woningreis__stap--woning,.woningreis__stap--slot) .woningreis__titel{font-size:min(var(--text-h2), 11cqi, 8svh)}}@media (min-height:40rem) and (not (min-height:52rem)) and (min-width:64rem) and (prefers-reduced-motion:no-preference){.woningreis.is-scene{--onder:var(--space-5)}.woningreis.is-scene .woningreis__intro{font-size:var(--text-body)}.woningreis.is-scene .woningreis__onderdeel-link{min-block-size:2.875rem;padding-block:.25rem}.woningreis.is-scene .woningreis__onderdeel-icoon{block-size:2.125rem;inline-size:2.125rem}}}