.een{--title-size: clamp(2.75rem, 15vw, 5.5rem);display:flex;flex-direction:column;padding:calc(var(--header-h) + 1.5rem) var(--gutter) clamp(4rem,12vw,6rem);counter-reset:stap}@media(max-width:47.99em){html:not(.js) .een{padding-top:1.5rem}}.een__strook,.een__stappen{display:contents}.een__stappen{list-style:none}.een__deel{margin:0}.een__label{margin:0 0 0.625rem}:is(.een__foto,.een__intro) .een__label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.een__foto{order:-1}.een__foto .een__vak{position:relative;aspect-ratio:4 / 5;overflow:hidden;background:rgb(245 244 242 / 0.08)}.een__foto picture{position:absolute;inset:0;display:block}.een__foto img{width:100%;height:100%;object-fit:cover;object-position:50% 0;-webkit-user-drag:none}.een__titel{margin:1.75rem 0 0}.een__intro{margin-top:1.25rem}.een__tekst{margin:0;max-width:34em;font-size:clamp(1.25rem,5.3vw,1.625rem);line-height:1.3;letter-spacing:-0.02em;text-wrap:pretty}.een__diensten{margin-top:clamp(3.5rem,14vw,5rem)}.een__lijst{margin:0;padding:0;list-style:none;font:400 0.75rem/1.25 var(--grotesk);letter-spacing:0.01em;text-transform:uppercase}.een__lijst li{padding-block:0.5rem;border-top:1px solid var(--line)}.een__proces{margin:clamp(3.5rem,14vw,5rem) 0 0.625rem}.een__stap{position:relative;padding:0.625rem 0 2.5rem;counter-increment:stap}.een__stap:last-child{padding-bottom:0}.een__stap::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--line);transform:scaleX(var(--lijn, 1));transform-origin:0 50%}.een__stap .case-label__in{display:flex;justify-content:space-between;gap:1rem}.een__stap .case-label__in::after{content:counter(stap,decimal-leading-zero)}.een__uitleg{margin:0;max-width:34em;font-size:1.0625rem;line-height:1.35;letter-spacing:-0.01em;text-wrap:pretty}.een__wat{margin:0;padding:1rem 0 0;list-style:none;font:400 0.75rem/1.5 var(--grotesk);letter-spacing:0.01em;text-transform:uppercase;color:rgb(245 244 242 / 0.55)}@media(min-width:48em){.een__foto{width:58%}.een__lijst{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--col-gap)}.een__stap{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--col-gap);align-items:start}.een__stap .een__label{grid-column:1 / 6;margin:0}.een__stap .een__vak{grid-column:7 / -1}}.anim .een__foto .een__vak{clip-path:inset(100% 0% 0% 0%)}.anim :is(.een__tekst,.een__lijst li,.een__uitleg,.een__wat){opacity:0}.anim :is(.een__diensten,.een__proces,.een__stap) .case-label__in{transform:translateY(110%)}.anim .een__stap{--lijn: 0}@media(min-width:62em)and (min-aspect-ratio:1/1){.een{--title-size: min(8vw, 14vh);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:minmax(0,1fr) auto auto auto auto;column-gap:var(--col-gap);min-height:100vh;min-height:100svh;padding:calc(var(--header-h) + clamp(1.5rem,5vh,3.5rem)) var(--gutter) clamp(1.5rem,5vh,3.5rem)}.een__foto{order:0;width:auto;grid-column:1;grid-row:1 / 4;container-type:size;min-height:0;display:flex;align-items:flex-end}.een__foto .een__vak{flex:none;width:min(100cqw,75cqh);aspect-ratio:3 / 4}.een__titel{grid-column:2 / 5;grid-row:2;margin:0}.een__intro{grid-column:2 / 5;grid-row:3;margin-top:clamp(1rem,3vh,2rem)}.een__tekst{max-width:36em;font-size:clamp(1.125rem,min(1.53vw,2.9vh),1.625rem)}.een__diensten{grid-column:5;grid-row:1 / 4;align-self:end;margin-top:0}.een__lijst{display:block}.een__lijst li{padding-block:min(0.5rem,0.9vh)}.een__lijst li:last-child{padding-bottom:0}.een__proces{grid-column:1 / -1;grid-row:4;margin:clamp(2rem,7vh,4.5rem) 0 clamp(0.75rem,2vh,1.25rem)}.een__stap{display:block;grid-row:5;padding:0.625rem 0 0}.een__stap .een__label{margin-bottom:clamp(0.625rem,1.6vh,1rem)}.een__uitleg{max-width:24em;font-size:clamp(0.875rem,min(1.04vw,1.9vh),1.0625rem)}.een__wat{padding-top:clamp(0.75rem,1.8vh,1.125rem)}}