/*
Theme Name: one-hrm
Theme URI: https://www.one-hrm.nl
Author: one-hrm Consultancy B.V.
Author URI: https://www.one-hrm.nl
Description: Maatwerk WordPress-thema voor one-hrm.
Version: 3.4.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: one-hrm
*/

:root{--purple:#212a53;--purple-deep:#18213f;--yellow:#1aa2b0;--cream:#f8fafc;--ink:#212a53;--muted:#59647a;--line:#dce3ea;--white:#fff;--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.6}a{color:inherit}.skip{position:fixed;left:1rem;top:-5rem;z-index:100;background:#fff;padding:.7rem 1rem;border-radius:10px}.skip:focus{top:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{height:86px;max-width:1200px;margin:auto;padding:0 30px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20}.brand{display:flex;align-items:baseline;text-decoration:none;font:800 1.65rem/1 "Manrope",sans-serif;letter-spacing:-.08em}.brand-mark{color:var(--purple)}.brand-dash{color:var(--yellow);margin:0 .04em}.brand-dot{color:var(--yellow)}nav{display:flex;align-items:center;gap:30px}nav a{text-decoration:none;font-weight:600;font-size:.94rem}nav a:not(.nav-cta):hover{color:var(--purple)}.nav-cta{background:var(--purple);color:white;padding:10px 18px;border-radius:99px}.menu-button{display:none;background:none;border:0;padding:8px}.menu-button span:not(.sr-only){display:block;width:24px;height:2px;background:var(--ink);margin:5px}
.hero{max-width:1200px;margin:0 auto;padding:80px 30px 100px;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;min-height:650px}.eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;display:flex;gap:9px;align-items:center;margin:0 0 24px}.eyebrow span{width:26px;height:4px;background:var(--yellow);border-radius:3px}.eyebrow.purple span{background:var(--purple)}h1,h2,h3{font-family:"Manrope",sans-serif;line-height:1.08;margin-top:0}h1{font-size:clamp(3.4rem,7vw,6.7rem);letter-spacing:-.065em;margin-bottom:30px}h1 em,h2 em{color:var(--purple);font-style:normal;position:relative}h1 em:after{content:"";position:absolute;height:8px;left:2%;right:0;bottom:-5px;background:var(--yellow);border-radius:9px;transform:rotate(-1deg)}.intro{font-size:1.2rem;color:var(--muted);max-width:590px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:38px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;text-decoration:none;font-weight:700;padding:15px 20px;border-radius:12px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--purple);color:#fff;box-shadow:0 8px 0 var(--yellow)}.primary:hover{box-shadow:0 10px 0 var(--yellow)}.text-link{text-decoration:none;font-weight:700}.text-link span{margin-left:8px}
.hero-visual{height:480px;position:relative}.orbit{position:absolute;width:410px;height:410px;border:1.5px dashed #a7cdd3;border-radius:50%;top:28px;right:12px}.hero-visual:before{content:"";position:absolute;width:300px;height:300px;background:var(--yellow);border-radius:48% 52% 62% 38%/51% 37% 63% 49%;top:95px;left:72px;transform:rotate(12deg)}.mini-card{position:absolute;z-index:2;background:#fff;border:1px solid var(--line);box-shadow:0 18px 45px rgba(33,42,83,.14);border-radius:18px;padding:20px;transform:rotate(-3deg)}.mini-card small{display:block;font-size:.65rem;letter-spacing:.13em;font-weight:800;margin-bottom:8px;color:var(--purple)}.mini-card strong{display:block;font:700 1rem/1.3 "Manrope"}.card-question{top:35px;left:20px;width:190px}.card-grip{top:185px;right:0;width:215px;background:var(--purple);color:#fff;transform:rotate(4deg)}.card-grip small{color:var(--yellow)}.card-result{bottom:28px;left:50px;width:220px;transform:rotate(-2deg)}.check{position:absolute;right:-17px;top:-20px;background:var(--yellow);color:var(--ink);width:50px;height:50px;border-radius:50%;display:grid;place-items:center;font-size:1.5rem;font-weight:800}.path{position:absolute;inset:60px 25px auto 35px;z-index:1;width:420px;height:330px;overflow:visible}.path path{fill:none;stroke:var(--purple);stroke-width:3;stroke-linecap:round;stroke-dasharray:7 9}
.trust-strip{background:var(--yellow);padding:17px 24px;display:flex;justify-content:center;gap:28px;font:800 .79rem "Manrope";letter-spacing:.12em;text-transform:uppercase;overflow:hidden;white-space:nowrap}.trust-strip i{font-style:normal;color:var(--purple)}
.section{max-width:1200px;margin:0 auto;padding:120px 30px}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end;margin-bottom:55px}.section-heading .eyebrow{grid-column:1/-1;margin-bottom:0}.section-heading h2,.approach h2,.about h2,.contact h2{font-size:clamp(2.5rem,5vw,4.7rem);letter-spacing:-.05em;margin-bottom:0}.section-heading>p:last-child{color:var(--muted);font-size:1.08rem;max-width:520px;margin:0}
.service-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.service-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:32px;min-height:245px;display:flex;flex-direction:column;justify-content:space-between}.service-card.feature{grid-row:span 2;min-height:508px;background:var(--purple);color:#fff;padding:42px}.service-card.feature p{color:#d6dbea;font-size:1.12rem;max-width:520px}.service-card h3{font-size:1.8rem;margin-bottom:15px}.feature h3{font-size:clamp(2rem,4vw,3.5rem)}.service-card p{margin:0;color:var(--muted)}.number{font:800 .8rem "Manrope";opacity:.7;margin-bottom:45px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.tags span{border:1px solid rgba(255,255,255,.25);border-radius:99px;padding:7px 12px;font-size:.78rem}.service-card.yellow{background:var(--yellow);border-color:var(--yellow);transform:rotate(1deg)}.service-card.yellow p{color:#4a4021}.service-card.dark{background:var(--ink);color:#fff}.service-card.dark p{color:#d5dbea}
.approach{max-width:none;background:var(--purple-deep);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-left:max(30px,calc((100vw - 1140px)/2));padding-right:max(30px,calc((100vw - 1140px)/2))}.eyebrow.light{color:#fff}.approach h2 em{color:var(--yellow)}.approach-copy>p:not(.eyebrow){color:#d5dbea;font-size:1.08rem;max-width:500px}.light-button{background:#fff;color:var(--purple-deep);margin-top:24px;box-shadow:0 7px 0 var(--yellow)}.steps{margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.18)}.steps li{display:grid;grid-template-columns:55px 1fr;gap:15px;border-bottom:1px solid rgba(255,255,255,.18);padding:23px 0}.steps li>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:var(--ink);font-weight:800}.steps h3{margin:1px 0 5px;font-size:1.25rem}.steps p{margin:0;color:#d5dbea}
.about{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:center}.about-badge{background:var(--yellow);min-height:420px;border-radius:42% 58% 38% 62%/47% 40% 60% 53%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-4deg);position:relative;text-align:center}.about-badge:after{content:"";position:absolute;inset:28px;border:2px dashed var(--purple);border-radius:inherit}.about-badge span,.about-badge strong,.about-badge small{position:relative;z-index:1}.about-badge span{font:800 4.5rem "Manrope";color:var(--purple);letter-spacing:-.08em}.about-badge strong{font:800 2rem "Manrope"}.about-badge small{font-weight:700}.about-copy .lead{font-size:1.22rem;color:var(--purple);font-weight:600}.about-copy>p:not(.eyebrow){max-width:620px}.check-list{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:11px;font-weight:600}.check-list span{display:inline-grid;place-items:center;width:25px;height:25px;background:var(--yellow);border-radius:50%;margin-right:8px}
.contact{margin-bottom:100px;background:var(--yellow);border-radius:36px;padding:65px;display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.contact h2{font-size:clamp(2.5rem,4.7vw,4.5rem)}.contact-card{background:#fff;border-radius:22px;padding:30px;box-shadow:0 10px 0 var(--purple)}.contact-card p{margin-top:0}.contact-card .button{width:100%;font-size:.9rem}.phone{display:block;text-align:center;margin-top:20px;font-weight:700;text-decoration:none;color:var(--purple)}
footer{max-width:1200px;margin:auto;padding:25px 30px 45px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.85rem}.footer-brand{font-size:1.35rem}
@media(max-width:850px){.site-header{height:72px;padding:0 20px}.menu-button{display:block}nav{display:none;position:absolute;top:65px;left:16px;right:16px;background:#fff;border:1px solid var(--line);padding:18px;border-radius:16px;box-shadow:0 18px 40px rgba(33,42,83,.14);flex-direction:column;align-items:stretch;gap:8px}nav.open{display:flex}nav a{padding:10px}.nav-cta{text-align:center}.hero{grid-template-columns:1fr;padding:65px 20px 60px;gap:25px}.hero-visual{height:405px;max-width:470px;width:100%;margin:auto}.orbit{width:340px;height:340px;right:2%}.path{width:330px}.card-grip{right:3%}.trust-strip{justify-content:flex-start}.section{padding:85px 20px}.section-heading,.approach,.about,.contact{grid-template-columns:1fr}.section-heading{gap:18px}.service-grid{grid-template-columns:1fr}.service-card.feature{grid-row:auto;min-height:390px}.approach{gap:60px}.about{gap:55px}.about-badge{min-height:350px;max-width:430px;width:100%;margin:auto}.contact{margin:0 14px 70px;padding:42px 24px;gap:35px}footer{flex-direction:column;gap:10px;text-align:center}}@media(max-width:500px){h1{font-size:3.25rem}.hero-actions{align-items:flex-start;flex-direction:column}.hero-visual{transform:scale(.88);transform-origin:center top;margin-bottom:-45px}.mini-card{padding:16px}.card-question{left:-4px}.card-result{left:6px}.service-card,.service-card.feature{padding:27px}.about-badge span{font-size:3.6rem}.contact-card{padding:22px}.contact-card .button{gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* one-hrm merkstijl */
.site-header{height:94px}
.logo-frame{display:block;position:relative;width:300px;height:68px;overflow:hidden;text-decoration:none;flex:none}
.logo-frame img{position:absolute;width:434px;max-width:none;height:auto;left:-55px;top:-114px}
.footer-logo{width:230px;height:54px}
.footer-logo img{width:334px;left:-42px;top:-88px}
nav a:not(.nav-cta):hover{color:var(--yellow)}
nav li{list-style:none;margin:0;padding:0}
.nav-cta:hover{background:var(--yellow);color:var(--purple)}
.card-grip small{color:#8fe2e8}
.check{color:#fff}
.service-card.yellow{color:#fff}
.service-card.yellow p{color:#fff}
.about-badge,.contact{color:#fff}
.contact-card{color:var(--ink)}
.contact .eyebrow span{background:#fff}
.logo-frame img.custom-logo{position:static;width:100%;height:100%;object-fit:contain}
.challenges{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}
.challenge-intro{position:sticky;top:40px}
.challenge-intro h2{font-size:clamp(2.5rem,4.5vw,4.4rem);letter-spacing:-.05em;margin-bottom:24px}
.challenge-intro>p:last-child{color:var(--muted);font-size:1.08rem;max-width:470px}
.challenge-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.challenge-list article{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;min-height:245px;transition:transform .2s,border-color .2s}
.challenge-list article:hover{transform:translateY(-4px);border-color:var(--yellow)}
.challenge-list article:nth-child(2),.challenge-list article:nth-child(3){background:#eef8fa}
.challenge-list article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--yellow);color:#fff;font-weight:800;font-size:.78rem;margin-bottom:40px}
.challenge-list h3{font-size:1.35rem;margin-bottom:10px}
.challenge-list p{color:var(--muted);margin:0}
.wp-content{padding-top:30px;padding-bottom:80px}
.wp-content>*{max-width:820px;margin-left:auto;margin-right:auto}
.wp-content h2{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.04em}
.wp-content img{max-width:100%;height:auto;border-radius:18px}
.references-teaser{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end;padding-top:90px;padding-bottom:90px}.references-teaser h2{font-size:clamp(2.5rem,4.5vw,4.4rem);letter-spacing:-.05em;margin:0}.references-teaser>div:last-child p{color:var(--muted);font-size:1.08rem;margin:0 0 28px}
.page-hero{padding-top:90px;padding-bottom:65px;max-width:1100px}.page-hero h1{font-size:clamp(3.2rem,7vw,6rem);margin-bottom:28px}.page-hero>p:last-child{max-width:720px;color:var(--muted);font-size:1.2rem}.reference-section{padding-top:20px}.reference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.reference-card{margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px 16px 22px;overflow:hidden}.reference-card:nth-child(2),.reference-card:nth-child(6){transform:rotate(1deg)}.reference-card:nth-child(4){transform:rotate(-1deg)}.reference-logo{height:190px;border-radius:14px;overflow:hidden;background:#fff}.reference-logo img{width:100%;height:100%;object-fit:cover;object-position:center 46%}.reference-logo.tall img{object-position:center 45%}.reference-logo.rijnbrink img{object-position:center 45%}.reference-card h2{font-size:1.08rem;margin:18px 7px 0}.reference-note{color:var(--muted);font-size:.78rem;margin-top:22px}.contact-hero{padding-bottom:45px}.contact-page{padding-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-panel{background:var(--purple);color:#fff;border-radius:30px;padding:48px}.contact-panel h2{font-size:clamp(2.4rem,4vw,4rem);margin-bottom:4px}.contact-panel>p:not(.eyebrow){color:#d5dbea;margin:0 0 35px}.contact-line{display:grid;grid-template-columns:1fr auto;gap:2px 15px;text-decoration:none;border-top:1px solid rgba(255,255,255,.22);padding:20px 0}.contact-line small{grid-column:1;font-size:.78rem;color:#9fdfe5}.contact-line strong{grid-column:1;font-size:1.12rem}.contact-line span{grid-column:2;grid-row:1/3;align-self:center;font-size:1.5rem;color:var(--yellow)}.contact-expectation{background:#fff;border:1px solid var(--line);border-radius:30px;padding:48px}.contact-expectation h2{font-size:clamp(2rem,3vw,3rem)}.contact-expectation ol{list-style:none;margin:30px 0 0;padding:0}.contact-expectation li{display:grid;grid-template-columns:42px 1fr;gap:14px;border-top:1px solid var(--line);padding:18px 0}.contact-expectation li>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:#fff;font-weight:800}.contact-expectation strong{font-family:"Manrope",sans-serif}.contact-expectation p{margin:4px 0 0;color:var(--muted)}
@media(max-width:850px){
  .site-header{height:82px}
  .logo-frame{width:245px;height:56px}
  .logo-frame img{width:354px;left:-45px;top:-93px}
  .footer-logo{width:220px;height:52px}
  .footer-logo img{width:320px;left:-41px;top:-84px}
  .challenges{grid-template-columns:1fr;gap:38px}
  .challenge-intro{position:static}
	.challenge-list{grid-template-columns:1fr}
	.references-teaser,.contact-page{grid-template-columns:1fr;gap:35px}.reference-grid{grid-template-columns:1fr 1fr}.page-hero{padding-top:65px}.contact-panel,.contact-expectation{padding:34px}
}
@media(max-width:390px){
  .logo-frame{width:220px;height:52px}
	.logo-frame img{width:318px;left:-40px;top:-84px}
	.reference-grid{grid-template-columns:1fr}.reference-logo{height:175px}.contact-panel,.contact-expectation{padding:26px}
}

/* Versie 3.2: compactere presentatie en direct zichtbaar vertrouwen */
@media(min-width:851px){
  .section{padding-top:88px;padding-bottom:88px}
  .service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .service-card,.service-card.feature{grid-row:auto;min-height:260px;padding:30px}
  .service-card.feature h3{font-size:clamp(2rem,3vw,2.8rem)}
  .service-card .number{margin-bottom:25px}
  .about{gap:60px}
  .about-badge{min-height:360px}
}
.service-card.yellow{color:var(--purple)}
.service-card.yellow p{color:var(--purple)}
.references-teaser{display:block}
.references-teaser-head{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end}
.references-teaser-head>div:last-child p{color:var(--muted);font-size:1.08rem;margin:0 0 28px}
.home-reference-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:38px}
.home-reference-logo{height:112px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}
.home-reference-logo img{width:100%;height:100%;object-fit:cover;object-position:center 46%}
.home-reference-logo.tall img,.home-reference-logo.rijnbrink img{object-position:center 45%}
@media(max-width:850px){
  .references-teaser-head{grid-template-columns:1fr;gap:24px}
  .home-reference-strip{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:30px}
  .home-reference-logo{height:105px}
  .service-card,.service-card.feature{min-height:auto}
}
@media(max-width:430px){.home-reference-strip{grid-template-columns:1fr 1fr}.home-reference-logo{height:88px}}

/* Versie 3.3: persoonlijk beeld bij Over one-hrm */
.about-photo{margin:0;position:relative;min-height:430px;border-radius:34px;overflow:hidden;background:var(--purple);box-shadow:0 18px 45px rgba(33,42,83,.16);transform:rotate(-1deg)}
.about-photo:after{content:"";position:absolute;inset:14px;border:2px dashed rgba(255,255,255,.55);border-radius:25px;pointer-events:none}
.about-photo img{display:block;width:100%;height:430px;object-fit:cover;object-position:center 42%;filter:saturate(.9) contrast(1.03)}
.about-photo figcaption{position:absolute;z-index:2;left:30px;right:30px;bottom:28px;background:var(--purple);color:#fff;border-radius:16px;padding:16px 18px;box-shadow:0 8px 0 var(--yellow)}
.about-photo figcaption strong{display:block;font:800 1.25rem/1.2 "Manrope",sans-serif}
.about-photo figcaption span{display:block;color:#dce4f1;font-size:.88rem;margin-top:4px}
@media(max-width:850px){.about-photo{min-height:380px;max-width:520px;width:100%;margin:auto}.about-photo img{height:380px}.about-photo figcaption{left:20px;right:20px;bottom:22px}}