.vo{color:var(--kleur-inkt);font-size:1.125rem;line-height:1.5}.vo :where(h1,h2){font-family:var(--letter-kop);letter-spacing:-.02em;text-wrap:balance;-webkit-hyphens:none;hyphens:none;overflow-wrap:normal;margin:0;font-weight:800}.vo :where(p,ul){margin:0}.vo-boven{max-width:1280px;padding:var(--ruimte-6) var(--ruimte-rand) var(--ruimte-8);gap:var(--ruimte-6);margin:0 auto;display:grid}.vo-kop{gap:var(--ruimte-5);align-content:start;display:grid}.vo-kop h1{font-size:clamp(2.375rem,10vw,3.25rem);line-height:1.02}.vo-kop p{font-size:var(--maat-groot);color:var(--kleur-inkt-zacht);max-width:36ch}.vo-kop h1+p{color:var(--kleur-inkt)}.vo-foto{border-radius:var(--rand-groot);background:var(--kleur-mist);aspect-ratio:4/3;position:relative;overflow:hidden}.vo-foto :is(img,picture){object-fit:cover;width:100%;height:100%;display:block}.vo-foto-label{left:var(--ruimte-4);bottom:var(--ruimte-4);border-radius:var(--rand-pil);background:var(--kleur-vlak);color:var(--kleur-inkt);font-size:var(--maat-fijn);padding:4px 12px;font-weight:700;position:absolute}.vo-drie{max-width:1280px;padding:0 var(--ruimte-rand) var(--ruimte-8);gap:var(--ruimte-4);margin:0 auto;display:grid}.vo-blok{align-content:start;gap:var(--ruimte-3);padding:var(--ruimte-6) var(--ruimte-5);border-radius:var(--rand);display:grid}.vo-icoon{width:36px;height:36px;margin-bottom:var(--ruimte-2)}.vo-blok h2{font-size:1.625rem;line-height:1.12}.vo-blok p{color:var(--kleur-inkt-zacht)}.vo-alumni{background:var(--kleur-honing-vlak);color:var(--kleur-inkt)}.vo-alumni p,.vo-alumni .vo-icoon{color:var(--kleur-inkt)}.vo-wat{background:var(--kleur-mist)}.vo-wat .vo-icoon{color:var(--kleur-accent-tekst)}.vo-door{border:1px solid var(--kleur-lijn);background:var(--kleur-vlak)}.vo-door .vo-icoon{color:var(--kleur-accent-tekst)}.vo-door ul{gap:var(--ruimte-3);margin-top:var(--ruimte-3);padding:0;list-style:none;display:grid}.vo-door li{min-height:44px;padding:var(--ruimte-4) var(--ruimte-7) var(--ruimte-4) var(--ruimte-4);border:1px solid var(--kleur-lijn);border-radius:var(--rand-klein);background:var(--kleur-mist);color:var(--kleur-inkt-zacht);font-size:var(--maat-klein);display:block;position:relative}.vo-door li:hover{border-color:var(--kleur-accent-tekst)}.vo-door li{padding-left:calc(var(--ruimte-4) + 36px)}.vo-door li:before{content:"";left:var(--ruimte-4);top:calc(var(--ruimte-4) + 2px);background:var(--kleur-accent-tekst);width:24px;height:24px;-webkit-mask:var(--vo-icoon) center / contain no-repeat;-webkit-mask:var(--vo-icoon) center / contain no-repeat;mask:var(--vo-icoon) center / contain no-repeat;position:absolute}.vo-door li:first-child{--vo-icoon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M3 17c3 0 3-6 6-6s3 6 6 6 3-6 6-6'/%3E%3C/svg%3E")}.vo-door li:nth-child(2){--vo-icoon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='12' rx='2'/%3E%3Cpath d='M8 20h8M12 16v4'/%3E%3C/svg%3E")}.vo-door li:nth-child(3){--vo-icoon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round'%3E%3Crect x='6' y='2.5' width='12' height='19' rx='2.5'/%3E%3Cpath d='M10.5 18.5h3'/%3E%3C/svg%3E")}.vo-door li:nth-child(4){--vo-icoon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round'%3E%3Crect x='5' y='10.5' width='14' height='10' rx='2'/%3E%3Cpath d='M8 10.5V8a4 4 0 0 1 8 0v2.5'/%3E%3C/svg%3E")}.vo-door li a{font-family:var(--letter-kop);color:var(--kleur-accent-tekst);font-size:1.125rem;font-weight:800;text-decoration:none}.vo-door li a:after{content:"→";padding:var(--ruimte-4);font-family:var(--letter-tekst);place-items:start end;font-size:1.25rem;display:grid;position:absolute;inset:0}.vo-door li a:hover{text-underline-offset:4px;text-decoration:underline}.vo-door li:has(a:focus-visible){outline:3px solid var(--kleur-focus);outline-offset:2px}.vo-door li a:focus-visible{outline:none}.vo-onder{background:var(--kleur-mist);padding:var(--ruimte-8) var(--ruimte-rand) var(--ruimte-9);gap:var(--ruimte-7);display:grid}.vo-naam{gap:var(--ruimte-3);padding-left:var(--ruimte-5);border-left:4px solid var(--kleur-accent);align-content:start;display:grid}.vo-naam h2{font-size:1.5rem}.vo-naam p{color:var(--kleur-inkt-zacht)}.vo-contact{gap:var(--ruimte-4);scroll-margin-top:calc(var(--kopbalk) + 12px);display:grid}.vo-contact h2{font-size:clamp(1.875rem,7.5vw,2.5rem);line-height:1.08}.vo-contact>p{color:var(--kleur-inkt-zacht)}.vo-contact .formulier{padding:var(--ruimte-5);border-radius:var(--rand);background:var(--kleur-vlak)}@media (min-width:48rem){.vo-boven{column-gap:var(--ruimte-7);padding-top:var(--ruimte-7);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}.vo-kop h1{font-size:clamp(2.75rem,5.6vw,3.75rem)}.vo-foto{aspect-ratio:4/5}.vo-drie{grid-template-columns:1fr 1fr;align-items:start}.vo-wat{order:-1}.vo-door{grid-column:1/-1}.vo-door ul{grid-template-columns:1fr 1fr}.vo-onder{column-gap:var(--ruimte-7);padding-inline:max(var(--ruimte-rand), calc((100% - 1280px) / 2 + var(--ruimte-rand)));grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:start}}@media (min-width:72rem){.vo-boven{padding-top:var(--ruimte-8);grid-template-columns:minmax(0,6fr) minmax(0,5fr);column-gap:clamp(56px,6vw,112px)}.vo-kop h1{font-size:var(--maat-display)}.vo-foto{aspect-ratio:5/6}.vo-drie{gap:var(--ruimte-5);grid-template-rows:auto 1fr;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}.vo-wat{grid-area:1/1}.vo-alumni{grid-area:2/1}.vo-door{grid-area:1/2/3}.vo-door ul{grid-template-columns:1fr 1fr}.vo-blok{padding:var(--ruimte-7) var(--ruimte-6)}.vo-blok h2{font-size:1.875rem}.vo-onder{grid-template-columns:minmax(0,4fr) minmax(0,7fr);column-gap:clamp(64px,8vw,140px)}.vo-contact h2{font-size:var(--maat-h2)}}.vo-contact .melding{padding:var(--ruimte-5);border-radius:var(--rand);background:var(--kleur-vlak);border-left:4px solid var(--kleur-honing);color:var(--kleur-inkt)}.vo-mail-kop{margin-top:var(--ruimte-5);color:var(--kleur-inkt);font-weight:700}.vo-mail{gap:var(--ruimte-3);display:grid}.vo-mail-tekst{padding:var(--ruimte-4) var(--ruimte-5);border-radius:var(--rand-klein);background:var(--kleur-mist);border-left:4px solid var(--kleur-accent)}.vo-mail-tekst p{color:var(--kleur-inkt);font-size:var(--maat-klein)}.vo-mail-knop{min-height:48px;padding:0 var(--ruimte-5);border:2px solid var(--kleur-veld);border-radius:var(--rand-pil);background:var(--kleur-vlak);color:var(--kleur-inkt);font:inherit;cursor:pointer;justify-self:start;align-items:center;gap:8px;font-size:1rem;font-weight:700;display:inline-flex}.vo-mail-knop:hover{border-color:var(--kleur-inkt)}.vo-mail-knop:focus-visible{outline:3px solid var(--kleur-focus);outline-offset:3px}.vo-mail-stand{min-height:1.5em;font-size:var(--maat-fijn);color:var(--kleur-gunstig)}.vo-dicht{gap:var(--ruimte-2);padding:var(--ruimte-5);border-radius:var(--rand);background:var(--kleur-vlak);border-left:4px solid var(--kleur-honing);display:grid}.vo-dicht-kop{font-family:var(--letter-kop);color:var(--kleur-inkt);font-size:1.25rem;font-weight:800}.vo-dicht p:not(.vo-dicht-kop){color:var(--kleur-inkt-zacht)}.vo-dicht .knop{margin-top:var(--ruimte-2);justify-self:start}