/*
Theme Name: Findamentals Sharp
Theme URI: https://www.findamentals.nl/
Author: Findamentals
Description: Scherp, responsive Findamentals WordPress-thema met dienstenpagina's.
Version: 7.2.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: findamentals-sharp
*/
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--blue:#073fd7;--navy:#071a3b;--muted:#52617a;--line:#dfe5ee;--bg:#f5f7fa;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--navy);font-family:Manrope,Arial,sans-serif;background:var(--bg)}a{color:inherit;text-decoration:none}.wrap{width:min(1440px,calc(100% - 64px));margin:auto}.site-header{height:82px;background:#fff;display:flex;align-items:center;position:relative;z-index:20;box-shadow:0 1px 8px rgba(8,27,62,.06)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{display:flex;align-items:center;gap:14px;font-size:28px;font-weight:800;letter-spacing:-1px}.logo svg{width:44px;height:48px;color:var(--blue)}.nav-links{display:flex;align-items:center;gap:52px;font-weight:600;font-size:15px}.nav-links a{padding:28px 0 25px;border-bottom:3px solid transparent}.nav-links a:hover,.nav-links .current{color:var(--blue);border-color:var(--blue)}.header-contact{display:flex;align-items:center;gap:18px}.contact-mini{font-size:11px;line-height:1.45;color:var(--muted);text-align:right}.contact-mini a{display:block}.contact-mini strong{color:var(--navy)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid var(--blue);padding:15px 28px;border-radius:5px;color:var(--blue);font-weight:700;font-size:14px}.btn-primary{background:var(--blue);color:#fff}.menu-toggle{display:none;border:0;background:none;font:inherit;font-weight:700}.hero{position:relative;min-height:550px;background:#fff;overflow:hidden}.hero-photo{position:absolute;inset:0 0 0 34%;background-image:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.96) 9%,rgba(255,255,255,.25) 35%,rgba(255,255,255,0) 54%),url('assets/homepage.png');background-size:auto 1024px;background-position:right -80px;background-repeat:no-repeat}.hero-inner{position:relative;z-index:2;padding:44px 0 125px}.kicker{color:var(--blue);font-size:13px;letter-spacing:.27em;font-weight:800;text-transform:uppercase;margin:0 0 16px}.hero h1{font-size:59px;line-height:1.1;letter-spacing:-2.4px;margin:0 0 18px;max-width:650px}.blue{color:var(--blue)}.hero-copy{font-size:17px;line-height:1.65;max-width:530px;margin:0 0 25px}.hero-actions{display:flex;gap:24px}.value-strip{position:absolute;z-index:3;bottom:14px;left:calc((100% - min(1440px,calc(100% - 64px)))/2);width:min(1015px,calc(100% - 80px));background:#fff;border-radius:7px;box-shadow:0 8px 35px rgba(10,27,57,.16);display:grid;grid-template-columns:repeat(3,1fr);padding:25px}.value{display:grid;grid-template-columns:62px 1fr;align-items:center;gap:12px;padding:0 24px;border-right:1px solid #ccd3df;font-size:14px;line-height:1.5}.value:last-child{border:0}.line-icon{width:52px;height:52px;color:var(--blue)}.services{padding:28px 0 18px}.section-label{display:flex;align-items:center;justify-content:center;gap:16px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.25em;text-transform:uppercase;margin:0 0 6px}.section-label:before,.section-label:after{content:'';height:1px;width:150px;background:var(--line)}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.service-card{background:#fff;border-radius:7px;min-height:200px;padding:21px 26px;display:grid;grid-template-columns:66px 1fr;gap:20px;box-shadow:0 8px 25px rgba(10,27,57,.07)}.icon-disc{width:64px;height:64px;border-radius:50%;background:var(--blue);display:grid;place-items:center;color:#fff}.icon-disc svg{width:38px;height:38px}.service-card h2{font-size:21px;line-height:1.18;margin:2px 0 14px}.service-card h2:after{content:'';display:block;width:34px;height:2px;background:var(--blue);margin-top:14px}.service-card p{font-size:13px;line-height:1.6;color:var(--navy);margin:0 0 18px}.read-more{color:var(--blue);font-size:13px;font-weight:800;align-self:end}.approach{background:#fff;border-radius:7px;box-shadow:0 8px 25px rgba(10,27,57,.07);margin:18px auto 36px;padding:26px 22px;display:grid;grid-template-columns:210px repeat(4,1fr);align-items:center;gap:22px}.approach-title{font-size:18px;font-weight:800;line-height:1.45;padding-right:20px;border-right:1px solid #ccd3df}.step{display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:center;position:relative}.step:not(:last-child):after{content:'›';position:absolute;right:-16px;font-size:38px;font-weight:300}.step svg{width:48px;height:48px;color:var(--blue)}.step b{font-size:12px}.step p{font-size:11px;line-height:1.55;margin:4px 0 0}.page-hero{background:linear-gradient(120deg,#fff 0%,#edf3ff 100%);padding:90px 0}.page-hero h1{font-size:56px;line-height:1.08;margin:0 0 20px;max-width:850px}.page-hero p{font-size:18px;line-height:1.7;max-width:760px;color:var(--muted)}.page-content{background:#fff;padding:80px 0}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.page-content h2{font-size:34px;margin-top:0}.page-content h3{font-size:20px}.page-content p,.page-content li{line-height:1.75;color:var(--muted)}.page-content li{margin-bottom:9px}.cta-band{background:var(--navy);color:#fff;padding:55px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-inner h2{font-size:34px;margin:0}.site-footer{padding:28px 0;background:#fff;border-top:1px solid var(--line)}.footer-inner{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}
@media(max-width:1050px){.contact-mini{display:none}.nav-links{gap:26px}.approach{grid-template-columns:1fr 1fr}.approach-title{border:0}.step:not(:last-child):after{display:none}}
@media(max-width:780px){.wrap{width:calc(100% - 32px)}.site-header{height:70px}.logo{font-size:21px}.logo svg{width:34px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;padding:20px 24px;flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links a{padding:14px}.header-contact .btn{display:none}.hero-photo{left:0;opacity:.36;background-position:70% -80px}.hero-inner{padding:55px 0 300px}.hero h1{font-size:43px}.value-strip{left:16px;right:16px;width:auto;grid-template-columns:1fr;padding:12px}.value{border-right:0;border-bottom:1px solid var(--line);padding:10px}.card-grid{grid-template-columns:1fr}.approach{grid-template-columns:1fr}.content-grid{grid-template-columns:1fr;gap:30px}.page-hero h1{font-size:42px}.cta-inner{align-items:flex-start;flex-direction:column}.footer-inner{gap:15px;flex-direction:column;align-items:flex-start}}

/* Officieel logo en inhoudelijke diensteniconen */
.logo{display:flex;align-items:center;gap:0;font-size:0;letter-spacing:0}
.logo img{display:block;width:250px;height:auto;max-height:58px;object-fit:contain;object-position:left center}
.service-icon{width:66px;height:66px;border-radius:12px;background:#edf3ff;border:1px solid #cbd9ff;display:grid;place-items:center;color:var(--blue);position:relative}
.service-icon:after{content:none;display:none}
.service-icon svg{width:43px;height:43px}
.site-footer .logo img{width:210px}
.payoff{font-size:16px;font-weight:700;color:var(--navy)}
@media(max-width:780px){.logo img{width:190px;max-height:48px}.site-footer .logo img{width:190px}}

/* Over Findamentals */
.about-page{background:#fff}.about-editable{padding-top:54px}.about-editable>section{margin-bottom:78px}.about-hero{display:grid;grid-template-columns:1.04fr .96fr;min-height:560px;background:#f3f6fb;overflow:hidden;border-radius:8px}.about-hero-photo{line-height:0}.about-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:54% center}.about-hero-copy{padding:70px 64px;display:flex;flex-direction:column;justify-content:center}.about-hero-copy h1{font-size:47px;line-height:1.12;letter-spacing:-1.8px;margin:0 0 24px}.about-hero-copy>p:not(.kicker){font-size:16px;line-height:1.75;color:var(--muted);margin:0 0 14px}.about-intro{display:grid;grid-template-columns:1.4fr .6fr;gap:90px;align-items:start}.about-intro h2,.about-story h2{font-size:40px;line-height:1.15;margin:0 0 22px}.about-intro>div>p:not(.kicker),.about-story>div>p:not(.kicker){font-size:16px;line-height:1.8;color:var(--muted)}.about-intro aside{background:var(--navy);color:#fff;border-radius:7px;padding:38px}.about-intro aside h3{font-size:25px;margin:0 0 10px}.about-intro aside p{line-height:1.7;color:#dce5f5}.about-intro aside strong{font-size:18px;color:#fff}.career{padding:52px 46px;background:#f5f7fb;border-radius:8px}.timeline-image{margin-top:30px;line-height:0}.timeline-image img{width:100%;height:auto;border-radius:4px}.about-story{display:grid;grid-template-columns:.78fr 1.22fr;gap:80px;align-items:center}.about-story-image{height:590px;line-height:0;overflow:hidden;border-radius:8px}.about-story-image img{width:100%;height:100%;object-fit:cover;object-position:center 24%}.skills-section{padding:66px 44px;background:#f4f7fc;border-radius:8px}.skills-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:34px}.skills-grid article{background:#fff;padding:28px 22px;border-radius:7px;box-shadow:0 7px 18px rgba(10,27,57,.06)}.skills-grid b{color:var(--blue);font-size:12px}.skills-grid h3{font-size:17px;line-height:1.25;margin:20px 0 10px}.skills-grid p{font-size:13px;line-height:1.65;color:var(--muted);margin:0}.about-cta{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end;padding:60px;background:#edf3ff;border-left:5px solid var(--blue);border-radius:5px}.about-cta h2{font-size:36px;line-height:1.2;margin:0}.about-cta>p{font-size:16px;line-height:1.75;color:var(--muted);margin:0}
@media(max-width:900px){.about-hero,.about-intro,.about-story,.about-cta{grid-template-columns:1fr}.about-hero-photo{height:460px}.about-hero-copy{padding:48px}.skills-grid{grid-template-columns:1fr 1fr}.about-story-image{height:500px}}
@media(max-width:600px){.about-editable{padding-top:24px}.about-editable>section{margin-bottom:48px}.about-hero-photo{height:330px}.about-hero-copy{padding:32px 24px}.about-hero-copy h1{font-size:36px}.about-intro{gap:28px}.career,.skills-section{padding:38px 20px}.skills-grid{grid-template-columns:1fr}.about-story{gap:28px}.about-story-image{height:420px}.about-cta{padding:36px 24px;gap:20px}}

/* Dienstenpagina's */
.page-content .content-grid>div>p:first-child{font-size:18px;color:var(--navy);font-weight:600}.expert-signature{margin-top:34px;padding:24px 26px;background:#edf3ff;border-left:4px solid var(--blue);display:flex;flex-direction:column;gap:6px}.expert-signature strong{font-size:17px}.expert-signature span{font-size:12px;color:var(--muted);letter-spacing:.04em}.cta-band .kicker{color:#8fb0ff;margin-bottom:10px}.cta-band .cta-inner>div h2{margin:0}

/* Dropdown navigatie */
.nav-dropdown{position:relative}.dropdown-toggle{height:82px;padding:0;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--navy);font:inherit;font-weight:600;cursor:pointer}.dropdown-toggle span{margin-left:6px;color:var(--blue)}.nav-dropdown:hover .dropdown-toggle,.nav-dropdown:focus-within .dropdown-toggle,.nav-dropdown.open .dropdown-toggle{color:var(--blue);border-color:var(--blue)}.dropdown-menu{position:absolute;left:-24px;top:70px;width:260px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:0 14px 32px rgba(7,26,59,.15);opacity:0;visibility:hidden;transform:translateY(7px);transition:.18s;z-index:50}.nav-dropdown:hover .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu,.nav-dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:none}.dropdown-menu a{display:block;padding:12px 14px!important;border:0!important;border-radius:4px;font-size:13px}.dropdown-menu a:hover{background:#edf3ff}

/* Rustiger afsluitbalken */
.cta-band{padding:38px 0}.cta-band .cta-inner{justify-content:flex-start}.cta-band .cta-inner h2{font-size:25px;line-height:1.25;font-weight:700}

/* Over-pagina in dezelfde vormentaal als de dienstenpagina's */
.about-content{padding-top:70px}.about-editable{padding-top:0}.about-editable>section{margin-bottom:64px}.about-hero{min-height:430px;background:#f5f7fa;border-radius:7px}.about-hero-copy{padding:52px}.about-hero-copy .kicker,.about-hero-copy h1{display:none}.about-hero-copy>p:not(.kicker){font-size:16px}.about-intro,.about-story{gap:70px}.career,.skills-section{background:#f5f7fa}.about-cta{display:none}
@media(max-width:780px){.dropdown-toggle{height:auto;width:100%;padding:14px;text-align:left}.dropdown-menu{position:static;width:100%;padding:0 0 8px 18px;border:0;box-shadow:none;display:none;opacity:1;visibility:visible;transform:none}.nav-dropdown:hover .dropdown-menu{display:none}.nav-dropdown.open .dropdown-menu{display:block}.dropdown-menu a{padding:10px 14px!important}.about-content{padding-top:32px}.about-hero-copy{padding:34px 26px}.cta-band .cta-inner h2{font-size:22px}}

/* Elementor: dezelfde layout met losse, bewerkbare elementen */
.editable-service-page .elementor-element.page-hero{display:block;padding:90px 0}.editable-service-page .page-hero>.e-con-inner,.editable-service-page .page-content>.e-con-inner{max-width:none}.editable-service-page .elementor-element.wrap{width:min(1440px,calc(100% - 64px));max-width:1440px;margin-inline:auto;padding:0}.editable-service-page .elementor-element.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.editable-service-page .service-main-column,.editable-service-page .service-side-column{display:block;padding:0}.editable-service-page .elementor-widget{margin-bottom:0}.editable-service-page .elementor-widget-text-editor p{margin-top:0;line-height:1.75}.editable-service-page .service-main-column>.elementor-widget:nth-child(1) p{font-size:18px;color:var(--navy);font-weight:600}.editable-service-page .elementor-widget-heading h1{font-size:56px;line-height:1.08;margin:0 0 20px}.editable-service-page .elementor-widget-heading h2{font-size:34px}.editable-service-page .elementor-widget-heading h3{font-size:20px}@media(max-width:780px){.editable-service-page .elementor-element.wrap{width:calc(100% - 32px)}.editable-service-page .elementor-element.content-grid{grid-template-columns:1fr;gap:30px}.editable-service-page .elementor-widget-heading h1{font-size:42px}}

/* Binnenpagina's met dezelfde vormentaal als de homepage */
.page-hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#fff 0%,#eef3fc 72%,#e5edfa 100%)}.page-hero:after{content:'';position:absolute;right:-110px;top:-180px;width:520px;height:520px;border:1px solid rgba(7,63,215,.12);border-radius:50%;box-shadow:0 0 0 70px rgba(7,63,215,.025),0 0 0 140px rgba(7,63,215,.018)}.page-hero .wrap{position:relative;z-index:1}.inner-value-section{position:relative;background:#fff;padding:28px 0}.inner-value-section.overlap{margin-top:-30px;background:transparent;z-index:4;padding:0 0 34px}.inner-value-strip{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-radius:7px;box-shadow:0 8px 35px rgba(10,27,57,.13);padding:24px 20px}.inner-value{display:grid;grid-template-columns:54px 1fr;gap:16px;align-items:center;padding:5px 28px;border-right:1px solid #ccd3df}.inner-value:last-child{border:0}.inner-value svg{width:45px;height:45px}.inner-value strong,.inner-value span{display:block}.inner-value strong{font-size:14px;margin-bottom:5px}.inner-value span{font-size:12px;line-height:1.5;color:var(--muted)}.service-card-section{padding-top:38px}.services-overview .service-card{min-height:245px}.editable-service-page>.page-hero+.page-content,.editable-service-page .page-hero+.page-content{padding-top:72px}.editable-service-page .page-content .content-grid>div{background:#fff}.editable-service-page .page-content{position:relative}.editable-service-page .page-content:before{content:'';position:absolute;inset:28px 0;background:linear-gradient(180deg,#fff,#f5f7fa);z-index:0}.editable-service-page .page-content>.wrap{position:relative;z-index:1}.about-content{background:linear-gradient(180deg,#fff,#f7f9fc)}.about-editable .elementor-section{border-radius:7px;overflow:hidden}.cta-band{background:linear-gradient(110deg,#071a3b,#073fd7)}
@media(max-width:780px){.inner-value-section.overlap{margin-top:-18px}.inner-value-strip{grid-template-columns:1fr;padding:12px}.inner-value{border-right:0;border-bottom:1px solid var(--line);padding:14px}.inner-value:last-child{border-bottom:0}.page-hero:after{right:-330px}.services-overview .approach{margin-inline:16px}.editable-service-page>.page-hero+.page-content,.editable-service-page .page-hero+.page-content{padding-top:42px}}

/* Beeldrijke binnenpagina's en zwevende resultaatbalk */
.service-inline-image{float:right;width:46%;height:430px;margin:0 0 34px 64px;border-radius:7px;overflow:hidden;box-shadow:0 16px 38px rgba(7,26,59,.16);position:relative;z-index:2}.service-inline-image img{width:100%;height:100%;object-fit:cover;display:block}.editable-service-page .page-hero{padding-bottom:112px;background:linear-gradient(135deg,#fff 0%,#f2f5fa 100%)}.editable-service-page .page-hero .wrap:after{content:'';display:block;clear:both}.editable-service-page .page-hero h1{max-width:760px}.editable-service-page .page-hero h3{font-size:23px;line-height:1.35;margin:26px 0 14px}.editable-service-page .page-hero p,.editable-service-page .page-hero li{font-size:15px;line-height:1.75;color:var(--muted)}.editable-service-page .page-hero ul{padding-left:22px;margin-bottom:30px}.editable-service-page .page-content{padding:52px 0 112px}.editable-service-page .inner-value-section{margin-top:-62px;margin-bottom:-48px;padding:0;background:transparent;z-index:6}.editable-service-page .inner-value-strip{box-shadow:0 14px 42px rgba(7,26,59,.18)}.editable-service-page .cta-band{padding-top:96px;padding-bottom:48px}.services-overview>.page-hero{background-image:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.96) 38%,rgba(255,255,255,.2) 67%),url('assets/interim-finance-rotterdam.jpg');background-size:cover;background-position:center}.services-overview>.page-hero .wrap{min-height:260px;display:flex;flex-direction:column;justify-content:center}.services-overview>.page-hero h1,.services-overview>.page-hero p{max-width:690px}.about-page>.page-hero{background-image:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.97) 43%,rgba(255,255,255,.18) 72%),url('assets/ramses-hero.jpg');background-size:cover;background-position:center 34%}.about-page>.page-hero .wrap{min-height:300px;display:flex;flex-direction:column;justify-content:center}.about-page>.page-hero h1,.about-page>.page-hero p{max-width:680px}
@media(max-width:900px){.service-inline-image{float:none;width:100%;height:330px;margin:0 0 34px}.editable-service-page .page-hero{padding-bottom:82px}.services-overview>.page-hero,.about-page>.page-hero{background-position:65% center}.services-overview>.page-hero:before,.about-page>.page-hero:before{content:'';position:absolute;inset:0;background:rgba(255,255,255,.22)}}@media(max-width:600px){.service-inline-image{height:240px}.editable-service-page .page-hero h3{font-size:20px}.editable-service-page .inner-value-section{margin-top:-38px;margin-bottom:-34px}.editable-service-page .cta-band{padding-top:76px}.services-overview>.page-hero,.about-page>.page-hero{background-image:linear-gradient(rgba(255,255,255,.88),rgba(255,255,255,.88)),url('assets/interim-finance-rotterdam.jpg')}.about-page>.page-hero{background-image:linear-gradient(rgba(255,255,255,.86),rgba(255,255,255,.86)),url('assets/ramses-hero.jpg')}}

/* Interim management: accenten en zwevende positionering */
.service-interim-cfo-fd .page-hero h1 .blue{color:var(--blue)}.service-visual-stack{float:right;width:46%;margin:0 0 34px 64px;position:relative;z-index:3}.service-visual-stack .service-inline-image{float:none;width:100%;height:430px;margin:0;border-radius:7px;box-shadow:0 16px 38px rgba(7,26,59,.16)}.service-visual-stack .expert-signature{position:static;width:100%;margin:8px 0 0;padding:22px 28px;background:#fff;border-left:4px solid var(--blue);box-shadow:0 16px 38px rgba(7,26,59,.16);border-radius:7px;transform:none}.editable-service-page .page-content{display:block}.editable-service-page .inner-value-section{margin:0;padding:28px 0;background:#fff;position:relative;z-index:6}.editable-service-page .cta-band{padding-top:48px}
@media(max-width:900px){.service-visual-stack{float:none;width:100%;margin:0 0 34px}.service-visual-stack .service-inline-image{height:330px}}@media(max-width:600px){.service-visual-stack .service-inline-image{height:240px}.editable-service-page .inner-value-section{margin:0;padding:20px 0}.editable-service-page .cta-band{padding-top:42px}}

/* Accenten per dienst */
.service-operational-excellence .page-hero h3 .blue,.service-organisatieontwikkeling .page-hero h3 .blue{color:var(--blue)}.service-organisatieontwikkeling .page-hero .wrap>h1{width:auto;max-width:660px;font-size:52px;clear:none}.service-organisatieontwikkeling .page-hero .wrap>h3:first-of-type{width:auto;max-width:660px}
@media(max-width:900px){.service-organisatieontwikkeling .page-hero .wrap>h1,.service-organisatieontwikkeling .page-hero .wrap>h3:first-of-type{width:auto;max-width:100%}.service-organisatieontwikkeling .page-hero .wrap>h1{font-size:46px}}@media(max-width:600px){.service-organisatieontwikkeling .page-hero .wrap>h1{font-size:38px}}

/* Header zonder contactbutton, zuiver gecentreerd */
@media(min-width:781px){.header-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.header-inner>.logo{justify-self:start}.header-inner>.nav-links{justify-self:center}.header-inner>.header-contact{justify-self:end}.header-contact{min-width:190px;justify-content:flex-end}.contact-mini{font-size:12px;line-height:1.55}}.nav-dropdown.current .dropdown-toggle{color:var(--blue);border-color:var(--blue)}

/* Nauwkeurige menubaseline en vereenvoudigde aanpak */
@media(min-width:781px){.dropdown-toggle{height:auto;padding:28px 0 25px;line-height:normal;display:flex;align-items:center}.nav-links>a{line-height:normal}}
.approach-title{font-size:23px;line-height:1.2;display:flex;align-items:center;min-height:58px;text-align:left;letter-spacing:-.3px}
.approach .step>div{align-self:start;padding-top:1px}

/* Over-hero: portret helder en los van het tekstvlak */
.about-page>.page-hero{background-image:linear-gradient(90deg,#fff 0%,#fff 38%,rgba(255,255,255,.9) 47%,rgba(255,255,255,.22) 60%,rgba(255,255,255,0) 72%),url('assets/ramses-hero-mkb-actueel-fris.jpg');background-size:100% 100%,72% auto;background-position:center,right center;background-repeat:no-repeat}.about-page>.page-hero h1{max-width:650px;font-size:53px;line-height:1.1}
@media(max-width:900px){.about-page>.page-hero{background-size:100% 100%,88% auto;background-position:center,125% center}.about-page>.page-hero h1{font-size:46px}}@media(max-width:600px){.about-page>.page-hero{background-image:linear-gradient(rgba(255,255,255,.78),rgba(255,255,255,.9)),url('assets/ramses-hero-mkb-actueel-fris.jpg');background-size:cover;background-position:70% center}.about-page>.page-hero h1{font-size:38px}}

/* Uitgebreide Over-pagina */
.about-independence{display:grid;grid-template-columns:.72fr 1.28fr;gap:80px;padding:58px;background:var(--navy);color:#fff;border-radius:8px}.about-independence h2{font-size:36px;line-height:1.18;margin:0}.about-independence p{font-size:16px;line-height:1.78;margin:0 0 16px;color:#dce5f5}.about-independence .kicker{color:#8eafff}.about-style{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}.about-style h2{font-size:38px;line-height:1.16;margin:0 0 22px}.about-style>div>p:not(.kicker){font-size:16px;line-height:1.78;color:var(--muted)}.style-tags{display:grid;grid-template-columns:1fr 1fr;gap:15px}.style-tags span{display:block;padding:22px;background:#f4f7fc;border-left:3px solid var(--blue);font-size:14px;line-height:1.55;color:var(--muted)}.style-tags strong{display:block;color:var(--navy);font-size:16px;margin-bottom:4px}.about-closing{padding:62px;text-align:center;background:#f4f7fc;border-radius:8px}.about-closing h2{max-width:830px;margin:0 auto 20px;font-size:39px;line-height:1.18}.about-closing p{font-size:17px;color:var(--muted);margin:0 auto 18px}.about-closing>strong{color:var(--blue);font-size:19px}
@media(max-width:900px){.about-independence,.about-style{grid-template-columns:1fr;gap:30px}.style-tags{grid-template-columns:1fr 1fr}}@media(max-width:600px){.about-independence,.about-closing{padding:36px 24px}.about-independence h2,.about-style h2,.about-closing h2{font-size:29px}.style-tags{grid-template-columns:1fr}}

/* Over-pagina: tijdlijn en inhoudelijke kaarticonen */
.career>.section-label{display:none}.career{padding:0;background:transparent}.career .timeline-image{margin-top:0}.career .timeline-image img{display:block;width:100%}
.skills-grid article:before{content:"";display:block;width:30px;height:30px;margin:0 0 16px;background-repeat:no-repeat;background-position:center;background-size:contain}.skills-grid article:nth-child(1):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%231645d8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='16' cy='16' r='11'/%3E%3Ccircle cx='16' cy='16' r='5'/%3E%3Cpath d='M16 2v5M16 25v5M2 16h5M25 16h5'/%3E%3C/svg%3E")}.skills-grid article:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%231645d8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 27V15h6v12M13 27V9h6v18M22 27V4h6v23M3 27h26'/%3E%3C/svg%3E")}.skills-grid article:nth-child(3):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%231645d8' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='16' cy='16' r='5'/%3E%3Cpath d='M16 3v4M16 25v4M3 16h4M25 16h4M6.8 6.8l2.8 2.8M22.4 22.4l2.8 2.8M25.2 6.8l-2.8 2.8M9.6 22.4l-2.8 2.8'/%3E%3C/svg%3E")}.skills-grid article:nth-child(4):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%231645d8' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='5'/%3E%3Ccircle cx='23' cy='12' r='4'/%3E%3Cpath d='M2 28c0-6 3.5-10 9-10s9 4 9 10M19 20c1-.8 2.3-1.2 4-1.2 4.5 0 7 3.2 7 8.2'/%3E%3C/svg%3E")}.skills-grid article:nth-child(5):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%231645d8' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 17l7 7L27 8'/%3E%3Ccircle cx='16' cy='16' r='13'/%3E%3C/svg%3E")}.skills-grid article>b{display:none}

.inner-value .usp-specific-icon{width:48px;height:48px;color:var(--blue)}

/* Homepage hero: gebruik uitsluitend de Rotterdam-foto, niet de oude pagina-mockup. */
.hero-photo{background-image:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.96) 9%,rgba(255,255,255,.25) 35%,rgba(255,255,255,0) 54%),url('assets/home-hero-rotterdam.jpg');background-size:100% 100%,cover;background-position:center,center;background-repeat:no-repeat}

/* Scherpere, inhoudelijk onderscheidende iconen */
.skills-grid article:before{width:40px;height:40px;margin-bottom:14px;background-size:40px 40px}.skills-grid article:nth-child(1):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='%23073fd7' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='5' width='30' height='30' rx='5'/%3E%3Cpath d='M11 13l2 2 4-4M21 13h8M11 21l2 2 4-4M21 21h8M11 29l2 2 4-4M21 29h8'/%3E%3C/svg%3E")}.skills-grid article:nth-child(2):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='%23073fd7' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 31h32M8 31V22h7v9M23 31V17h8v14M6 17c2-5 8-7 12-3 2-6 12-5 14 1'/%3E%3Cpath d='M19 25l6-6 4 3 7-9M31 13h5v5'/%3E%3C/svg%3E")}.skills-grid article:nth-child(3):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='%23073fd7' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 5h18l6 6v13M26 5v7h6M8 5v30h17'/%3E%3Ccircle cx='29' cy='29' r='6'/%3E%3Cpath d='M33.5 33.5L37 37M13 15h10M13 21h8M13 27h6'/%3E%3C/svg%3E")}.skills-grid article:nth-child(4):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='%23073fd7' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='20' cy='11' r='5'/%3E%3Ccircle cx='8' cy='16' r='4'/%3E%3Ccircle cx='32' cy='16' r='4'/%3E%3Cpath d='M11 34c0-7 3-12 9-12s9 5 9 12M2 34c0-6 2-10 7-10 2 0 3.5.7 5 2M38 34c0-6-2-10-7-10-2 0-3.5.7-5 2'/%3E%3Cpath d='M13 31h14'/%3E%3C/svg%3E")}.skills-grid article:nth-child(5):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='%23073fd7' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 35V7M20 8h13l-4 5 4 5H20'/%3E%3Ccircle cx='7' cy='29' r='3'/%3E%3Ccircle cx='20' cy='29' r='3'/%3E%3Ccircle cx='33' cy='29' r='3'/%3E%3Cpath d='M7 25l8-9M33 25l-8-9M20 25V14'/%3E%3C/svg%3E")}