@font-face{font-family:Sebas Display;src:url('assets/display-regular.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Sebas Display;src:url('assets/display-italic.woff') format('woff');font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:Sebas Sans;src:url('assets/sans-regular.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Sebas Sans;src:url('assets/sans-bold.woff') format('woff');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Sebas Serif;src:url('assets/serif-italic.woff') format('woff');font-style:italic;font-weight:400;font-display:swap}
:root{--paper:#f5f1e9;--ink:#24251f;--text:#4f554a;--line:#d6cebe;--olive:#8c7654;--gold:#a38b62;--dark:#20261f;--sans:'Sebas Sans',Arial,sans-serif;--serif:'Sebas Serif',Georgia,serif;--display:'Sebas Display',Georgia,serif;--gutter:clamp(24px,5.3vw,80px)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:112px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:18px;line-height:1.7;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
::selection{background:#e0d4bf;color:var(--ink)}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
a,button{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:2px solid var(--olive);outline-offset:6px}
img{display:block;width:100%;height:auto}
figure,p,h1,h2,h3{margin:0}
h1,h2,h3{font-weight:400;line-height:1.12;letter-spacing:-.04em}
h2{font-family:var(--display);font-size:clamp(46px,4.7vw,70px);line-height:1.1;letter-spacing:-.035em}
h2 em{font-family:var(--display);font-style:italic}
h3{font-family:var(--display);font-size:34px;letter-spacing:-.025em}
em{font-family:var(--serif);font-weight:400}
.wrap{width:100%;max-width:1500px;padding-inline:var(--gutter);margin-inline:auto}
.section{padding-block:92px}
.skip-link{position:fixed;top:10px;left:16px;background:var(--dark);color:white;padding:12px 20px;z-index:100;transform:translateY(-200%)}
.skip-link:focus{transform:translateY(0)}
.site-header{position:sticky;top:0;z-index:20;background:rgba(245,241,233,.97);border-bottom:1px solid var(--line)}
.header-inner{height:92px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.wordmark{font-family:var(--display);font-size:26px;line-height:1;letter-spacing:-.045em;white-space:nowrap}
.wordmark>span{color:var(--gold)}
nav{display:flex;align-items:center;gap:32px}
nav>a{position:relative;font-size:16px;padding-block:9px}
nav>a::after{content:'';position:absolute;bottom:3px;left:0;width:100%;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .2s}
nav>a:hover::after,nav>a[aria-current]::after{transform:scaleX(1)}
.menu-toggle{display:none}
.text-link{display:inline-block;font-size:17px;line-height:1.5;padding-bottom:5px;border-bottom:1px solid var(--gold);transition:border-color .2s}
.text-link:hover{border-color:var(--ink)}
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:7%;align-items:center;padding-top:52px;padding-bottom:64px}
.hero-copy{padding-block:15px}
.hero h1{font-size:clamp(96px,10.5vw,152px);line-height:.86;letter-spacing:-.07em;margin-bottom:35px}
.hero h1 em{font-size:1.05em;letter-spacing:-.055em;white-space:nowrap}
.hero-intro{font-size:clamp(23px,2.05vw,29px);line-height:1.4;letter-spacing:-.025em}
.hero-intro strong{font-weight:700}
.hero-description{font-size:19px;line-height:1.7;color:var(--text);max-width:430px;margin-top:20px}
.hero-link{margin-top:29px}
.hero-visual{min-width:0;background:#2175a6;overflow:hidden;border:1px solid #b9aa8f}
.hero-photo{height:650px;object-fit:cover;object-position:50% 54%}
.story{border-top:1px solid var(--line)}
.story-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:12%}
.story-copy p{font-size:19px;color:var(--text);line-height:1.8;margin-top:20px}
.story-copy p:first-child{margin-top:0;color:var(--ink)}
.experience{background:var(--dark);color:var(--paper)}
.experience-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:12%}
.experience-intro>p{font-size:21px;line-height:1.65;letter-spacing:-.015em;color:#d4d9ca;margin-top:29px;max-width:385px}
.experience-entry{border-top:1px solid #746d59;padding-block:31px}
.experience-entry:first-child{border-top:0;padding-top:0}
.experience-entry:last-child{padding-bottom:0}
.experience-entry h3{font-size:35px;margin-bottom:11px}
.entry-role{font-size:20px;line-height:1.5;color:#d4d9ca}
.experience-leadership .entry-role{font-size:21px;color:#d7c49f}
.experience-entry>p:last-child{font-size:18px;line-height:1.8;color:#d4d9ca;margin-top:19px;max-width:590px}
.identity{background:#faf8f2;border-bottom:1px solid var(--line)}
.identity-heading{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:42px}
.identity-heading>p{font-size:19px;color:var(--text);max-width:360px;line-height:1.6}
.traits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:52px 30px}
.person-card{display:block;min-width:0}
.person-photo{width:100%;aspect-ratio:4/5;overflow:hidden;background:#d4d8c9;outline:1px solid #cec5b3;outline-offset:-1px}
.person-photo>img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transition:transform .6s cubic-bezier(.2,.6,.3,1)}
.person-sport .person-photo>img{object-position:50% 53%}
.person-sociaal .person-photo>img{object-position:50% 68%}
.person-creativiteit .person-photo>img{object-position:50% 43%}
.person-ondernemend .person-photo>img{object-position:50% 45%}
.person-positief .person-photo>img{object-position:60% 50%}
.person-card h3{font-size:35px;line-height:1.15;margin-top:23px;text-decoration:none;transition:color .2s}
.person-card>p{font-size:18px;line-height:1.65;color:var(--text);margin-top:15px;max-width:375px}
.person-card:hover .person-photo>img{transform:scale(1.025)}
.person-card:hover h3{color:#806b47}
.contact{border-top:1px solid var(--line)}
.contact-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:12%;align-items:center}
.contact h2{font-size:clamp(48px,5vw,73px);line-height:1.08}
.contact-copy{min-width:0}
.contact-copy>p{font-size:21px;line-height:1.65;max-width:530px}
.contact-channels{margin-top:31px}
.contact-channel{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:20px;border-top:1px solid var(--line)}
.contact-channel:last-child{border-bottom:1px solid var(--line)}
.contact-channel>span:first-child{font-size:20px}
.contact-channel>span:last-child{font-size:16px;color:var(--text);overflow-wrap:anywhere;text-align:right;text-underline-offset:5px}
.contact-channel:hover>span:last-child{text-decoration:underline;color:var(--ink)}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-block:31px;font-size:16px;color:var(--text)}
.site-footer .wordmark{font-size:23px;color:var(--ink)}
.site-footer>a:last-child:hover{text-decoration:underline;text-underline-offset:5px}
.detail-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:center;padding-top:54px;padding-bottom:45px}
.detail-hero-copy{min-width:0}
.back-link{font-size:16px;margin-bottom:43px}
.detail-hero h1{font-family:var(--display);font-size:clamp(51px,5.7vw,84px);line-height:1.06;letter-spacing:-.035em;overflow-wrap:normal}
.detail-intro{font-size:25px;line-height:1.55;letter-spacing:-.02em;margin-top:27px;max-width:530px}
.detail-photo{min-width:0;background:#d5d9cd;overflow:hidden;outline:1px solid #cec5b3;outline-offset:-1px}
.detail-photo img{aspect-ratio:4/5;object-fit:cover;object-position:50% 50%}
.detail-photo-sport img{object-position:50% 53%}
.detail-photo-creativiteit img{object-position:50% 43%}
.detail-photo-sociaal img{object-position:50% 68%}
.detail-photo-ondernemend img{object-position:50% 45%}
.detail-photo-positief img{object-position:60% 50%}
.detail-body{max-width:1120px;padding-top:45px;padding-bottom:75px}
.detail-section{margin-top:46px;max-width:850px}
.detail-section:first-child{margin-top:0}
.detail-section h2,.video-work h2{font-size:33px;line-height:1.25;letter-spacing:-.03em;margin-bottom:21px}
.detail-section p{font-size:19px;line-height:1.85;color:var(--text);margin-top:17px}
.detail-section p:first-of-type{margin-top:0}
.video-work{margin-top:45px;padding:34px;background:#e9e1d2;border:1px solid #d4c6ac;max-width:850px}
.video-work .text-link{font-size:18px}
.wide-photo{max-width:1300px;padding-bottom:65px}
.wide-photo img{aspect-ratio:4/3;object-fit:cover;object-position:50% 50%}
.also{padding-top:34px;padding-bottom:64px;border-top:1px solid var(--line)}
.also h2{font-size:27px;margin-bottom:23px}
.also>div{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.also a{font-size:19px;padding-bottom:4px;border-bottom:1px solid var(--gold);line-height:1.5}
.also a:hover{border-color:var(--ink)}
@media(max-width:1150px){.header-inner{height:84px}nav{gap:27px}.hero{gap:5%;padding-top:43px}.hero-photo{height:590px}.hero-description{font-size:18px}.section{padding-block:76px}.story-layout,.experience-layout,.contact-layout{gap:8%}.experience-intro>p{font-size:20px}.person-card h3{font-size:32px}.traits-grid{gap:44px 24px}.contact-copy>p{font-size:20px}.detail-hero{gap:7%}.detail-hero h1{font-size:64px}.detail-intro{font-size:23px}.contact-channel>span:last-child{font-size:16px}.contact-channel{gap:15px}}
@media(max-width:1000px){.traits-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 27px}.hero h1{font-size:104px}.hero-photo{height:550px}.hero-intro{font-size:23px}.hero-description{font-size:18px}.contact-layout{grid-template-columns:1fr 1.25fr;gap:7%}.contact-channel{gap:14px}.contact-channel>span:first-child{font-size:18px}.contact-channel>span:last-child{font-size:16px}.detail-hero h1{font-size:56px}.detail-intro{font-size:22px}}
@media(max-width:760px){
:root{--gutter:24px}html{scroll-padding-top:95px}.header-inner{height:78px}.wordmark{font-size:24px}.menu-toggle{display:flex;align-items:center;gap:13px;background:none;border:0;padding:10px 0 10px 10px;font-size:16px}.menu-icon{width:21px;display:flex;flex-direction:column;gap:5px}.menu-icon>i{height:1px;width:21px;background:var(--ink);transition:transform .2s}.menu-open .menu-icon>i:first-child{transform:translateY(3px) rotate(45deg)}.menu-open .menu-icon>i:last-child{transform:translateY(-3px) rotate(-45deg)}
nav{display:none;position:absolute;top:77px;left:0;right:0;background:var(--paper);padding:24px var(--gutter) 33px;border-bottom:1px solid var(--line)}nav.is-open{display:flex;flex-direction:column;align-items:flex-start;gap:8px}nav>a{font-size:23px;width:100%;padding-block:10px}nav>a::after{width:45px}
.hero{grid-template-columns:1fr;gap:0;padding-top:32px;padding-bottom:48px}.hero-copy{display:contents}.hero h1{grid-row:1;font-size:clamp(88px,15.2vw,122px);margin-bottom:25px}.hero-intro{grid-row:2;font-size:24px;line-height:1.4}.hero-visual{grid-row:3;margin-top:28px;margin-bottom:25px;aspect-ratio:1.04}.hero-photo{height:100%;object-position:50% 43%}.hero-description{grid-row:4;font-size:19px;max-width:560px;margin-top:0}.hero-link{grid-row:5;justify-self:start;margin-top:22px;font-size:17px}
.section{padding-block:60px}.story-layout,.experience-layout,.contact-layout{grid-template-columns:1fr;gap:29px}.story-layout h2 br{display:none}h2{font-size:43px}.story-copy p{font-size:18px;line-height:1.8;margin-top:19px}.experience-intro h2 br{display:none}.experience-intro>p{font-size:21px;max-width:560px;margin-top:22px}.experience-entries{margin-top:7px}.experience-entry{padding-block:28px}.experience-entry:first-child{border-top:1px solid #746d59;padding-top:28px}.experience-entry h3{font-size:29px}.entry-role{font-size:20px}.experience-entry>p:last-child{font-size:18px;line-height:1.8}
.identity-heading{display:block;margin-bottom:31px}.identity-heading h2{font-size:49px}.identity-heading>p{font-size:19px;margin-top:18px;max-width:530px}.traits-grid{gap:37px 23px}.person-card h3{font-size:32px;margin-top:20px;line-height:1.2}.person-card>p{font-size:18px;line-height:1.65;margin-top:13px}
.contact h2{font-size:53px}.contact-copy>p{font-size:20px}.contact-channel>span:first-child{font-size:20px}.contact-channel>span:last-child{font-size:16px}.contact-channel{gap:20px}.contact-channels{margin-top:25px}
.site-footer{flex-wrap:wrap;padding-block:28px;gap:24px}.site-footer .wordmark{font-size:23px}.site-footer>span{margin-left:auto}.site-footer>a:last-child{width:100%;font-size:16px}
.detail-hero{grid-template-columns:1fr;gap:29px;padding-top:28px;padding-bottom:32px}.back-link{font-size:16px;margin-bottom:31px}.detail-hero h1{font-size:clamp(44px,9.4vw,67px);line-height:1.1}.detail-intro{font-size:24px;line-height:1.5;max-width:600px;margin-top:22px}.detail-photo img{aspect-ratio:4/3}.detail-photo-sociaal img{object-position:50% 68%}.detail-photo-sport img{object-position:50% 45%}
.detail-body{padding-top:24px;padding-bottom:50px}.detail-section{margin-top:35px}.detail-section h2,.video-work h2{font-size:30px;margin-bottom:20px}.detail-section p{font-size:18px;line-height:1.85;margin-top:17px}.video-work{padding:26px;margin-top:36px}.video-work .text-link{font-size:18px}.wide-photo{padding-bottom:45px}.also{padding-top:30px;padding-bottom:42px}.also h2{font-size:27px;margin-bottom:22px}.also>div{gap:22px}.also a{font-size:18px}
}
@media(max-width:600px){.traits-grid{grid-template-columns:1fr;gap:37px}.person-photo{aspect-ratio:4/3}.person-sport .person-photo>img{object-position:50% 43%}.person-sociaal .person-photo>img{object-position:50% 68%}.person-card h3{font-size:34px}.person-card>p{max-width:540px}.contact-channel{flex-wrap:wrap;gap:7px 18px}.contact-channel>span:last-child{font-size:16px}.contact-channel>span:first-child{font-size:19px}}
@media(max-width:400px){:root{--gutter:20px}.hero h1{font-size:clamp(78px,24vw,94px)}.hero-intro{font-size:23px}.hero-description{font-size:18px}.contact h2{font-size:49px}.detail-hero h1{font-size:44px}.detail-intro{font-size:23px}.contact-channel>span:last-child{text-align:left}.person-card h3{font-size:32px}.detail-section h2{font-size:29px}}
@media(max-width:360px){.detail-discipline .detail-hero h1{font-size:37px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.person-card:hover .person-photo>img{transform:none}}