@layer sections{.hero-woning{padding-block:clamp(1.5rem, 1rem + 3vw, 4rem) var(--space-4);overflow:clip}.hero-woning--schijf .verkenner__glow{inset:auto;aspect-ratio:1;inline-size:72%;translate:calc(-50% + var(--px,0) * 3px) calc(-50% + var(--py,0) * 2px);background:var(--color-surface-muted);border-radius:50%;inset-block-start:46%;inset-inline-start:50%}.hero-woning--kalk .verkenner__glow{display:none}.hero-woning--donker{background:0 0}.hero-woning--donker .hero-woning__grid{padding:var(--space-6) var(--space-5) var(--space-3);border-radius:var(--radius-2xl);background:var(--section-bg)}.hero-woning--donker .hero-woning__strip{--color-text:var(--on-light-text);--color-border:var(--on-light-border);color:var(--on-light-text)}.hero-woning__grid{align-items:center;gap:var(--space-4) var(--space-5);grid-template-columns:minmax(0,5fr) minmax(0,7fr);display:grid}.hero-woning__copy{gap:var(--space-3);align-content:center;padding-block-end:var(--space-6);display:grid}.hero-woning__title{font-size:var(--text-display);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);line-height:var(--leading-display);max-inline-size:13ch}.hero-woning__intro{font-size:var(--text-lead);color:var(--color-text-muted);max-inline-size:30rem;line-height:1.5}.hero-woning__actions{align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;margin-block-start:var(--space-1);display:flex}.hero-woning__visual{margin-block-end:var(--space-9);margin-inline-end:calc(var(--space-gutter) * -.5)}.hero-woning__strip{border-block-start:1px solid var(--color-border);margin-block-start:var(--space-4)}.hero-woning__strip ul{grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;display:grid}.hero-woning__strip li+li{border-inline-start:1px solid var(--color-border)}.hero-woning__strip a{align-items:center;gap:var(--space-2);min-block-size:5.5rem;padding-inline:var(--space-3);color:var(--color-text);transition:background-color var(--dur-basis) var(--ease-out);font-size:1.0625rem;font-weight:500;text-decoration:none;display:flex}.hero-woning__strip li:first-child a{padding-inline-start:0}.hero-woning__strip a:hover{background:linear-gradient(to top, var(--color-surface-tint), transparent)}.hero-woning__strip-arrow{inline-size:1.125rem;transition:transform var(--dur-basis) var(--ease-out);margin-inline-start:auto}.hero-woning__strip a:hover .hero-woning__strip-arrow,.hero-woning__strip a:focus-visible .hero-woning__strip-arrow{transform:translate(4px)}@media (prefers-reduced-motion:no-preference){.js .hero-woning__copy>*{animation:hero-copy-in var(--dur-traag) var(--ease-out) both}.js .hero-woning__copy>:nth-child(2){animation-delay:80ms}.js .hero-woning__copy>:nth-child(3){animation-delay:.16s}.js .hero-woning__copy>:nth-child(4){animation-delay:.24s}}@keyframes hero-copy-in{0%{opacity:.01;transform:translateY(16px)}}@media not (min-width:64rem){.hero-woning__grid{grid-template-columns:minmax(0,1fr)}.hero-woning__copy{padding-block-end:0}.hero-woning__visual{margin-inline:0}.hero-woning__strip ul{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-woning__strip li:nth-child(odd) a{padding-inline-start:0}.hero-woning__strip li:nth-child(3){border-inline-start:0}.hero-woning__strip li:nth-child(n+3){border-block-start:1px solid var(--color-border)}}@media not (min-width:30rem){.hero-woning__strip a{min-block-size:4rem;padding-inline:var(--space-1);gap:.5rem;font-size:.9375rem}.hero-woning__strip-arrow{display:none}}}