/* Eummelen Consult | Huisstijl #6890C9 (blauw), #F2AC2D (geel). Geen scripts, fonts of frameworks. */
:root{color-scheme:light;--blue:#6890c9;--blue-deep:#416cad;--gold:#f2ac2d;--gold-hover:#ffbd47;--navy:#172b48;--navy-dark:#102139;--ink:#20314b;--muted:#64738a;--paper:#f6f8fc;--white:#fff;--line:#e0e7f0}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI",Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit}svg{display:block}img{max-width:100%;height:auto}a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}::selection{background:#fbe0a9;color:var(--navy)}
.skip-link{position:absolute;left:18px;top:-80px;z-index:50;background:var(--gold);color:var(--navy);padding:12px 15px;border-radius:3px;font-weight:700}.skip-link:focus{top:12px}
.site-shell{max-width:1390px;margin:0 auto;padding:0 clamp(22px,5.1vw,76px)}
.site-header{min-height:126px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;flex-shrink:0;text-decoration:none;line-height:0}.brand img{display:block;width:238px;height:auto}
.header-note{margin-left:auto;display:flex;align-items:center;gap:11px;color:#62738c;font-size:12px;font-weight:650;letter-spacing:.018em;white-space:nowrap}.availability-dot{display:inline-block;width:9px;height:9px;flex:0 0 9px;background:var(--gold);border-radius:50%;box-shadow:0 0 0 5px rgba(242,172,45,.14)}
.header-contact{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:750;text-decoration:none;margin-left:24px;border:1px solid #cfd9e7;padding:12px 15px;border-radius:5px;background:white;transition:background .2s,border-color .2s}.header-contact svg{width:17px;height:17px;transition:transform .2s}.header-contact:hover{background:#eaf1fa;border-color:var(--blue)}.header-contact:hover svg{transform:translateX(3px)}
.hero{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(365px,.93fr);gap:clamp(27px,5vw,76px);padding:clamp(48px,5.65vw,78px) 0 76px;align-items:center}
.hero-main{min-width:0;padding:0 0 4px}.eyebrow,.section-tag{font-size:11px;font-weight:800;letter-spacing:.17em;color:var(--blue-deep)}.eyebrow{display:flex;gap:12px;align-items:center}.eyebrow-line{display:inline-block;width:25px;height:3px;background:var(--gold)}
.hero h1{font-size:clamp(47px,5vw,73px);font-weight:750;line-height:1.12;letter-spacing:-.059em;margin:30px 0 24px;color:var(--navy);text-wrap:balance}.hero h1 em{display:inline;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic;letter-spacing:-.052em;color:var(--blue-deep)}
.hero-copy{max-width:535px;font-size:17px;line-height:1.83;color:#617089;margin:0 0 33px}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:28px}.button{min-height:54px;padding:0 22px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;text-decoration:none;font-size:14px;font-weight:750;border-radius:5px;transition:background .2s,transform .2s,box-shadow .2s}.button svg{width:19px;height:19px}.button-primary{background:var(--gold);color:var(--navy-dark);box-shadow:0 12px 24px rgba(242,172,45,.15)}.button-primary:hover{background:var(--gold-hover);transform:translateY(-2px);box-shadow:0 16px 30px rgba(242,172,45,.22)}
.text-link{display:inline-flex;align-items:center;gap:10px;text-decoration:none;border-bottom:1px solid #c2d2e6;padding:14px 0;font-weight:750;font-size:13px}.text-link:hover{color:var(--blue-deep);border-color:var(--blue)}.text-link svg{width:17px;height:17px}
.personal-note{display:flex;align-items:center;gap:19px;margin-top:67px;color:#78879b;font-size:12px;line-height:1.6}.personal-rule{width:38px;height:2px;background:var(--blue);flex:none}.personal-note strong{display:inline-block;margin-top:3px;font-size:14px;color:#253e63;font-weight:750}
.contact-card{position:relative;background:linear-gradient(148deg,#243d5e 0%,#172d4a 48%,#102139 100%);color:white;overflow:hidden;border-radius:12px;box-shadow:0 25px 60px rgba(19,42,73,.16);padding:clamp(27px,3vw,42px) clamp(25px,3vw,43px) 20px;min-height:609px;isolation:isolate}
.contact-card::before{content:"";position:absolute;width:270px;height:270px;right:-158px;top:-123px;border:53px solid rgba(242,172,45,.12);border-radius:50%;pointer-events:none}.contact-card::after{content:"";position:absolute;width:230px;height:230px;bottom:-164px;left:-120px;border:45px solid rgba(104,144,201,.1);border-radius:50%;pointer-events:none}
.card-grid{position:absolute;inset:0;pointer-events:none;opacity:.10;background-image:linear-gradient(90deg,transparent calc(100% - 1px),#9ebbe4 calc(100% - 1px)),linear-gradient(transparent calc(100% - 1px),#9ebbe4 calc(100% - 1px));background-size:51px 51px;mask-image:linear-gradient(to bottom,black,transparent 70%)}
.contact-top,.contact-person,.contact-lines,.download-card{position:relative;z-index:1}.contact-top{display:flex;align-items:flex-start;justify-content:space-between}.card-kicker{font-size:11px;letter-spacing:.2em;font-weight:800;color:#bfd4f1}.card-mark{height:43px;width:43px;color:var(--gold)}
.contact-person{margin:34px 0 38px}.person-label{display:block;color:#acc4e4;font-size:10px;letter-spacing:.16em;font-weight:750;margin-bottom:13px}.contact-person h2{font-size:clamp(39px,3.8vw,54px);line-height:1.08;letter-spacing:-.047em;font-weight:700;margin:0 0 12px}.period{color:var(--gold)}.person-role{font-size:14px;color:#b3c9e5}
.contact-lines{border-top:1px solid rgba(255,255,255,.17)}.contact-line{display:flex;align-items:center;gap:15px;text-decoration:none;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.17);min-height:80px;transition:background .2s,padding .2s}.contact-line:hover{background:rgba(255,255,255,.04);padding-left:7px}.line-icon{width:38px;height:38px;border:1px solid rgba(167,194,229,.34);border-radius:8px;display:grid;place-items:center;flex:0 0 auto;color:var(--gold)}.line-icon svg{width:20px;height:20px}.contact-line>span:nth-child(2){flex:1;min-width:0}.contact-line small{display:block;color:#a7c3e8;font-size:10px;letter-spacing:.105em;font-weight:750;margin-bottom:5px}.contact-line strong{font-size:clamp(12px,1.1vw,15px);font-weight:650;line-height:1.5;overflow-wrap:anywhere}.line-arrow{width:16px;height:16px;color:#a7c3e8;flex:0 0 auto;opacity:.8}
.download-card{display:flex;align-items:center;justify-content:center;gap:11px;padding:18px 10px 2px;font-size:12px;text-decoration:none;color:#f4ca74;font-weight:750}.download-card:hover{color:#fff}.download-card svg{width:16px;height:16px}
.services{padding:0 0 70px;scroll-margin-top:24px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:25px;padding:0 0 26px;border-bottom:1px solid var(--line)}.section-title h2{font-size:clamp(31px,3.2vw,44px);font-weight:700;letter-spacing:-.052em;line-height:1.12;margin:10px 0 0;color:var(--navy)}.section-title p{font-size:13px;color:#718099;line-height:1.55;max-width:260px;text-align:right;margin:0 0 4px}
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}.service-card{background:#fff;border:1px solid #e3eaf4;border-radius:8px;padding:28px 26px 29px;min-height:228px;transition:transform .2s,box-shadow .2s,border-color .2s}.service-card:hover{transform:translateY(-4px);box-shadow:0 15px 38px rgba(25,56,100,.08);border-color:#cbd9ee}.service-head{display:flex;align-items:flex-start;justify-content:space-between}.service-icon{display:grid;place-items:center;width:54px;height:54px;background:#e9f0fa;color:#4974b4;border-radius:7px}.service-icon svg{width:34px;height:34px}.service-card:nth-child(2) .service-icon{background:#fff2d9;color:#b57a0f}.service-no{font-family:Georgia,serif;color:#c3d1e4;font-size:23px}.service-card h3{font-size:18px;letter-spacing:-.02em;margin:22px 0 9px;color:#233653}.service-card p{margin:0;color:#69798f;font-size:13px;line-height:1.8}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:23px 0 34px;color:#78889f;font-size:11px;letter-spacing:.015em}.site-footer a{font-weight:700;color:#416cad;text-decoration:none}.site-footer a:hover{text-decoration:underline}.separator{color:#b8c6d8;margin:0 7px}
@media(max-width:1110px){.site-shell{padding:0 38px}.hero{grid-template-columns:minmax(0,1fr) minmax(355px,.92fr);gap:35px}.hero h1{font-size:clamp(45px,5vw,62px)}.contact-card{min-height:auto}.header-note{display:none}.header-contact{margin-left:auto}.contact-line strong{font-size:13px}}
@media(max-width:820px){.site-header{min-height:106px}.hero{grid-template-columns:minmax(0,1fr);gap:43px;padding:55px 0 62px}.hero h1{font-size:clamp(51px,8.4vw,78px);max-width:720px}.hero-copy{max-width:660px}.personal-note{margin-top:36px}.contact-card{max-width:680px;min-height:0}.contact-person{margin:22px 0 32px}.contact-person h2{font-size:51px}.contact-lines{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.contact-line:nth-child(3){grid-column:1/-1}.contact-line strong{font-size:14px}.services{padding-bottom:48px}.service-grid{gap:13px}.service-card{padding:23px 19px;min-height:285px}.service-card h3{font-size:16px}.site-footer{flex-wrap:wrap}}
@media(max-width:610px){.site-shell{padding:0 20px}.site-header{min-height:96px;gap:8px}.brand img{width:192px}.header-contact{font-size:12px;gap:4px;padding:9px 10px}.header-contact svg{width:14px;height:14px}.hero{padding:42px 0 52px;gap:40px}.eyebrow{font-size:10px;letter-spacing:.09em;gap:9px}.eyebrow-line{width:18px}.hero h1{font-size:clamp(39px,9.8vw,58px);margin:24px 0 20px;letter-spacing:-.052em}.hero-copy{font-size:15px;line-height:1.77}.hero-actions{gap:18px}.button{min-height:53px;padding:0 18px;font-size:13px;gap:13px}.text-link{font-size:12px}.personal-note{margin-top:32px}.contact-card{padding:27px 23px 18px}.contact-person h2{font-size:44px}.contact-lines{display:block}.contact-line{min-height:78px}.contact-line strong{font-size:13px}.section-title{align-items:start;display:block}.section-title p{max-width:none;text-align:left;margin:12px 0 0}.service-grid{grid-template-columns:1fr;gap:13px}.service-card{min-height:0;padding:23px}.service-card h3{margin-top:15px}.service-icon{width:47px;height:47px}.service-icon svg{width:30px;height:30px}.services{padding-bottom:40px}.site-footer{align-items:start;flex-direction:column;gap:9px;padding:23px 0 35px}}
@media(max-width:370px){.site-shell{padding:0 15px}.site-header{min-height:88px}.brand img{width:167px}.header-contact{font-size:11px;padding:8px}.hero h1{font-size:clamp(36px,9.5vw,43px)}.hero-actions{gap:14px}.contact-card{padding:25px 18px 16px}.contact-person h2{font-size:40px}.contact-line{gap:11px}.line-icon{width:34px;height:34px}.line-arrow{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}