@layer sections{.hero-split{padding-block:0 var(--space-6)}.hero-split__grid{--edge:max(var(--space-gutter), calc((100vw - var(--container-breed)) / 2));grid-template-columns:var(--edge) minmax(0, 5fr) minmax(0, 6.5fr);min-block-size:min(46rem, calc(100svh - var(--header-hoogte)));align-items:center;gap:0;display:grid}.hero-split__copy{gap:var(--space-3);padding-block:var(--space-6);grid-column:2;justify-items:start;display:grid;container-type:inline-size}.hero-split__title{font-size:min(var(--text-display), 15cqi);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);line-height:var(--leading-display);max-inline-size:14ch}.hero-split__intro{font-size:var(--text-lead);max-inline-size:31rem;line-height:1.5}.hero-split__actions{align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;margin-block-start:var(--space-2);display:flex}.hero-split__media{background:var(--color-surface-tint);border-end-start-radius:var(--radius-xl);grid-column:3;align-self:stretch;min-block-size:26rem;margin-inline-start:var(--space-6);position:relative;overflow:hidden}.hero-split__media img{object-fit:cover;block-size:100%;inline-size:100%;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.js .hero-split__copy>*{animation:split-in var(--dur-traag) var(--ease-out) both}.js .hero-split__copy>:nth-child(2){animation-delay:60ms}.js .hero-split__copy>:nth-child(3){animation-delay:.12s}.js .hero-split__copy>:nth-child(4){animation-delay:.18s}.js .hero-split__copy>:nth-child(5){animation-delay:.24s}.js .hero-split__media img{animation:split-media-in 1.2s var(--ease-out) both}}@keyframes split-in{0%{opacity:.01;transform:translateY(14px)}}@keyframes split-media-in{0%{opacity:.01;transform:scale(1.04)}}.kenmerken{grid-template-columns:repeat(var(--count), minmax(0, 1fr));margin:var(--space-4) 0 0;padding:var(--space-4) 0 0;border-block-start:1px solid var(--color-border);display:grid}.kenmerk{align-items:start;gap:var(--space-3);padding-inline:var(--space-4);grid-template-columns:auto 1fr;display:grid}.kenmerk:first-child{padding-inline-start:0}.kenmerk+.kenmerk{border-inline-start:1px solid var(--color-border)}.kenmerk__icon{--icon-size:3.5rem}.kenmerk__title{font-size:var(--text-h4);font-weight:var(--weight-display);letter-spacing:-.02em}.kenmerk__text{color:var(--color-text-muted);font-size:var(--text-small);margin-block-start:.25rem}.kenmerken--flow .kenmerk+.kenmerk{border:0;position:relative}.kenmerken--flow .kenmerk+.kenmerk:before{content:"";background:var(--color-border-strong);block-size:1px;inline-size:1.5rem;position:absolute;inset-block-start:1.1rem;inset-inline-start:calc(var(--space-4) * -.5 - .75rem)}@media not (min-width:64rem){.hero-split__grid{grid-template-columns:minmax(0,1fr);min-block-size:0}.hero-split__copy{padding:var(--space-4) var(--space-gutter) var(--space-3);grid-column:1}.hero-split__media{aspect-ratio:4/3;min-block-size:0;grid-area:2/1;align-self:start;margin-inline-start:var(--space-gutter);margin-inline-end:0}.kenmerken{gap:var(--space-3);grid-template-columns:minmax(0,1fr)}.kenmerk,.kenmerk:first-child{padding-inline:0}.kenmerk+.kenmerk{border-inline-start:0;border-block-start:1px solid var(--color-border);padding-block-start:var(--space-3)}.kenmerken--flow .kenmerk+.kenmerk:before{display:none}}.hero-split--kaart .hero-split__media,.hero-split--boog .hero-split__media{margin-block:var(--space-5);border-radius:var(--radius-2xl);min-block-size:30rem;margin-inline-end:var(--space-gutter)}.hero-split--boog .hero-split__media{border-radius:999px 999px var(--radius-2xl) var(--radius-2xl) / 50% 50% var(--radius-2xl) var(--radius-2xl)}.hero-split:is(.surface-salie,.surface-bladgroen){padding-block-start:var(--space-4)}.hero-split__plaats{z-index:1;border-radius:var(--radius-pill);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--on-light-text);font-size:var(--text-label);font-weight:var(--weight-ui);letter-spacing:.02em;align-items:center;gap:.375rem;padding:.375rem .75rem;display:inline-flex;position:absolute;inset-block-end:var(--space-3);inset-inline-start:var(--space-3)}.hero-split__plaats .icon{--icon-size:.875rem}@media (prefers-reduced-motion:no-preference){.js .hero-split__media img{animation:hero-split-adem 14s var(--ease-zacht) both}}@keyframes hero-split-adem{0%{scale:1.07}}}