:root{--blue:#009ddf;--blue2:#007fb7;--ink:#07111c;--text:#17212f;--muted:#5f6b7a;--soft:#f3f8fc;--soft2:#eaf5fb;--line:rgba(13,33,54,.12);--white:#fff;--shadow:0 24px 80px rgba(7,17,28,.12);--radius:30px;--max:1420px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}.wrap{max-width:var(--max);margin:0 auto;padding:0 clamp(20px,5vw,64px)}
.site-header{position:fixed;z-index:100;top:14px;left:50%;transform:translateX(-50%);width:min(1480px,calc(100% - 28px));display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:16px;padding:12px 16px;border:1px solid rgba(12,18,28,.12);border-radius:24px;background:rgba(255,255,255,.94);box-shadow:0 18px 58px rgba(7,17,28,.12);backdrop-filter:blur(18px)}
.logo{display:flex;align-items:center;gap:14px;min-width:0}.logo img{width:154px;height:auto}.back-link{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-left:1px solid rgba(12,18,28,.12);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#263242;white-space:nowrap}.back-link:before{content:'←';font-size:15px;color:var(--blue)}
.nav{justify-self:end;display:flex;align-items:center;gap:8px}.nav a{display:inline-flex;align-items:center;height:42px;padding:0 13px;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:#17212f;transition:.22s ease}.nav a:hover{background:#eef7fc;color:#006fa6}.nav a.hot{background:linear-gradient(180deg,var(--blue),var(--blue2));color:#fff;box-shadow:0 14px 34px rgba(0,158,227,.22)}.menu-toggle{display:none;width:44px;height:44px;border-radius:16px;border:1px solid rgba(12,18,28,.12);background:#fff;align-items:center;justify-content:center;gap:4px;flex-direction:column}.menu-toggle span{width:18px;height:2px;background:#111;border-radius:99px;transition:.2s ease}.site-header.open .menu-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}.site-header.open .menu-toggle span:nth-child(2){opacity:0}.site-header.open .menu-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.hero{min-height:88vh;position:relative;display:grid;align-items:center;overflow:hidden;padding:142px clamp(20px,6vw,82px) 72px;background:#111}.hero-bg{position:absolute;inset:0;z-index:0;background:#111;overflow:hidden}.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center center;transform:scale(1.045);animation:heroDrift 18s ease-in-out infinite alternate}.hero:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.91) 38%,rgba(255,255,255,.38) 70%,rgba(255,255,255,.08) 100%)}.hero:after{content:"";position:absolute;z-index:2;left:clamp(20px,6vw,82px);bottom:44px;width:min(44vw,620px);height:8px;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--blue2),transparent);animation:lineSlide 3s ease-in-out infinite}.hero-copy{position:relative;z-index:3;width:min(820px,100%)}.kicker{display:inline-flex;align-items:center;gap:10px;color:var(--blue2);font-weight:900;text-transform:uppercase;letter-spacing:.13em;font-size:12px;margin-bottom:18px}.kicker:before{content:"";width:42px;height:3px;background:linear-gradient(90deg,var(--blue),var(--blue2));border-radius:999px}.kicker.small{font-size:11px}.hero h1,h1{margin:0;font-size:clamp(46px,7vw,96px);line-height:.92;letter-spacing:-.065em;color:var(--ink);max-width:980px}h2{margin:0;color:var(--ink);font-size:clamp(34px,5vw,72px);line-height:.98;letter-spacing:-.055em}.hero p{font-size:clamp(17px,1.55vw,21px);line-height:1.62;color:#293545;max-width:790px;margin:24px 0 0}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border:0;border-radius:999px;font-weight:900;text-transform:uppercase;font-size:13px;letter-spacing:.04em;color:#fff;background:linear-gradient(180deg,var(--blue),var(--blue2));box-shadow:0 18px 42px rgba(0,158,227,.23);transition:.22s ease;cursor:pointer}.btn:hover{transform:translateY(-3px);box-shadow:0 26px 62px rgba(0,158,227,.3)}.btn.dark{background:var(--ink);box-shadow:0 18px 42px rgba(7,17,28,.18)}.btn.light{background:#fff;color:var(--ink)}.btn.small{min-height:44px;padding:0 18px;font-size:12px}.pulse{position:absolute;z-index:3;border-radius:50%;border:1px solid rgba(0,158,227,.38);box-shadow:0 0 0 0 rgba(0,158,227,.3);animation:pulseRing 2.6s infinite}.p1{width:18px;height:18px;right:18%;top:28%}.p2{width:12px;height:12px;right:34%;bottom:26%;animation-delay:.6s}
section{padding:clamp(74px,8vw,120px) 0}.proof{margin-top:-42px;position:relative;z-index:5;padding:0}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:18px}.proof-grid article{padding:22px;border-radius:20px;background:linear-gradient(180deg,#fff,#f7fbfe);border:1px solid rgba(13,33,54,.08)}.proof-grid b{display:block;font-size:18px;color:var(--ink);margin-bottom:7px}.proof-grid span{color:var(--muted);font-size:14px;line-height:1.5}.section-head{display:grid;grid-template-columns:.75fr 1.25fr;gap:38px;margin-bottom:42px}.section-head p,.copy p,.chapter p,.close p,.page-hero p,.job-hero-v3 p{font-size:18px;line-height:1.72;color:var(--muted)}.text-link{display:inline-flex;margin-top:18px;font-weight:900;color:var(--blue2)}.intro-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:42px;align-items:start}.copy p+p{margin-top:18px}.chapter{position:relative;background:#f7fbfe;overflow:hidden}.chapter-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.number{display:inline-flex;margin-bottom:18px;color:var(--blue2);font-weight:900;letter-spacing:.13em;text-transform:uppercase;font-size:13px}.chapter-copy p{margin:18px 0 28px}.chapter-media{position:relative;min-height:520px;border-radius:34px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line);background:#eaf5fb}.chapter-media img{width:100%;height:100%;min-height:520px;object-fit:cover;object-position:center}.chapter-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 56%,rgba(7,17,28,.35));pointer-events:none}.scroll-card{transform:translateY(var(--scrollY,0px));transition:transform .1s linear}.media-label{position:absolute;left:22px;bottom:22px;z-index:2;border-radius:18px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);padding:14px 16px;box-shadow:0 14px 40px rgba(7,17,28,.16)}.media-label strong{display:block;color:var(--ink)}.media-label span{display:block;color:var(--muted);font-size:13px;margin-top:3px}
.video-section{background:#07111c;color:#fff;position:relative;overflow:hidden}.video-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(0,158,227,.24),transparent 34%),radial-gradient(circle at 82% 40%,rgba(255,255,255,.08),transparent 28%)}.video-grid{position:relative;z-index:2;display:grid;grid-template-columns:.82fr 1.18fr;gap:44px;align-items:center}.video-copy h2{color:#fff}.video-copy p{color:rgba(255,255,255,.78);font-size:18px;line-height:1.72}.premium-video{position:relative;border-radius:38px;padding:16px;background:linear-gradient(135deg,rgba(255,255,255,.28),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.22);box-shadow:0 34px 110px rgba(0,0,0,.38)}.frame{position:relative;aspect-ratio:16/9;border-radius:26px;overflow:hidden;background:#000;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.frame iframe{width:100%;height:100%;border:0}.video-orbit{position:absolute;right:-24px;top:-24px;width:76px;height:76px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 12px rgba(0,158,227,.12),0 0 0 26px rgba(0,158,227,.06);animation:pulseSoft 2.4s ease-in-out infinite}.video-note{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px;color:rgba(255,255,255,.75);font-size:13px;text-transform:uppercase;letter-spacing:.08em}.play-chip{display:inline-flex;align-items:center;gap:9px;color:#fff;font-weight:900}.play-chip:before{content:"▶";display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--blue)}
.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.user-card,.story-card,.job-card,.apply,.benefit-box{background:#fff;border:1px solid var(--line);box-shadow:0 18px 56px rgba(7,17,28,.08);border-radius:28px}.user-card{min-height:300px;padding:34px;display:flex;flex-direction:column;justify-content:space-between;transition:.25s ease}.user-card:hover,.story-card:hover,.job-card:hover{transform:translateY(-8px);box-shadow:0 28px 76px rgba(7,17,28,.13)}.icon{width:58px;height:58px;border-radius:18px;background:#eef8fe;color:var(--blue2);display:grid;place-items:center;font-size:26px;font-weight:900}.user-card h3{margin:26px 0 12px;color:var(--ink);font-size:24px;line-height:1.1}.user-card p{color:var(--muted);line-height:1.62;font-size:16px}.job-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.job-card{overflow:hidden;display:flex;flex-direction:column;transition:.25s ease}.job-card-image{display:block;aspect-ratio:16/10;background:#eaf5fb;overflow:hidden}.job-card-image img{width:100%;height:100%;object-fit:cover;transition:.4s ease}.job-card:hover img{transform:scale(1.05)}.job-card-body{padding:26px;display:flex;flex-direction:column;gap:14px;flex:1}.job-card-meta{display:flex;gap:8px;flex-wrap:wrap}.job-card-meta span,.facts span{border-radius:999px;background:#eef8fe;color:#096c9c;padding:8px 11px;font-size:12px;font-weight:900}.job-card h3{font-size:26px;line-height:1.05;letter-spacing:-.04em;color:var(--ink)}.job-card p{color:var(--muted);line-height:1.6;flex:1}.empty{border:1px dashed var(--line);border-radius:28px;padding:34px;background:#f7fbfe}.empty p{margin:12px 0 22px;color:var(--muted);line-height:1.6}.band{padding:0;background:#fff}.band-panel{border-radius:36px;background:linear-gradient(135deg,#07111c 0%,#12263b 58%,#0b86c6 100%);color:#fff;padding:clamp(34px,5vw,64px);display:grid;grid-template-columns:1.3fr .7fr;gap:28px;align-items:center;box-shadow:0 32px 95px rgba(7,17,28,.22);position:relative;overflow:hidden}.band-panel:before{content:"";position:absolute;right:-80px;top:-80px;width:260px;height:260px;border-radius:50%;border:36px solid rgba(255,255,255,.08)}.band-panel h2{color:#fff}.band-panel p{color:rgba(255,255,255,.78);font-size:18px;line-height:1.65;margin-top:16px}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.story-card{overflow:hidden;transition:.25s ease}.story-card img{height:260px;width:100%;object-fit:cover}.story-card div{padding:28px}.story-card h3{font-size:28px;color:var(--ink);letter-spacing:-.04em;margin:0 0 12px}.story-card p{color:var(--muted);line-height:1.6}.close{background:linear-gradient(180deg,#f7fbfe,#fff)}.close-panel{text-align:center;max-width:1080px}.close-panel h2{margin:0 auto 18px}.close-panel p{max-width:820px;margin:0 auto}.close-panel .actions{justify-content:center}
.page{padding-top:150px;min-height:70vh}.page-hero{padding-top:160px;padding-bottom:80px;background:#f7fbfe;background-size:cover;background-position:center}.page-hero.compact{min-height:450px;display:grid;align-items:end}.page-hero p{font-size:20px;line-height:1.65;color:#334154;max-width:920px;margin-top:22px}.page-hero h1{max-width:1060px}.facts{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.facts.vertical{display:grid;gap:10px}.facts.vertical span{display:block;width:max-content;max-width:100%}
.job-hero-v3{position:relative;overflow:hidden;min-height:720px;padding:150px 0 70px;background:#111}.job-hero-v3 .hero-bg{position:absolute;inset:0}.job-hero-v3 .hero-bg img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);animation:heroDrift 18s ease-in-out infinite alternate}.job-hero-v3:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 44%,rgba(255,255,255,.58) 72%,rgba(255,255,255,.18) 100%)}.job-hero-v3:after{content:"";position:absolute;left:clamp(20px,5vw,64px);bottom:42px;z-index:2;width:min(560px,52vw);height:8px;border-radius:99px;background:linear-gradient(90deg,var(--blue),transparent);animation:lineSlide 3s ease-in-out infinite}.job-hero-grid{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:44px;align-items:end}.job-hero-copy .lead{font-size:20px;line-height:1.72;color:#2a3748;max-width:820px;margin-top:22px}.job-fact-card{background:rgba(255,255,255,.94);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(16px);border-radius:30px;padding:26px}.job-fact-card b{display:block;font-size:24px;color:var(--ink);margin-bottom:14px}.job-fact-card p{margin-top:18px;font-size:15px;line-height:1.55;color:var(--muted)}.job-fact-card a{font-weight:900;color:var(--blue2)}.job-detail-v3{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:56px;align-items:start}.job-article{max-width:980px}.job-article section{padding:0 0 56px;margin-bottom:56px;border-bottom:1px solid var(--line)}.job-article h2{font-size:clamp(34px,4vw,56px);margin-bottom:22px}.richtext{font-size:18px;line-height:1.78;color:#344152}.richtext p{margin:0 0 18px}.richtext ul,.richtext ol{margin:0 0 24px 22px;padding:0}.richtext li{margin:8px 0}.richtext h2,.richtext h3{font-size:30px;margin:30px 0 14px;letter-spacing:-.03em}.richtext a{color:var(--blue2);font-weight:900;text-decoration:underline}.richtext blockquote{border-left:5px solid var(--blue);padding-left:18px;margin:22px 0;color:#1d2a38;font-weight:900}.job-side{position:sticky;top:118px}.job-side>div{border-radius:28px;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#f7fbfe);box-shadow:0 18px 56px rgba(7,17,28,.08);padding:28px}.job-side b{font-size:26px;color:var(--ink)}.job-side p{margin:12px 0 20px;color:var(--muted);line-height:1.6}.apply-band{background:#07111c;color:#fff;position:relative;overflow:hidden}.apply-band:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 12%,rgba(0,158,227,.28),transparent 34%),radial-gradient(circle at 88% 40%,rgba(255,255,255,.08),transparent 28%)}.apply-band-grid{position:relative;z-index:2;display:grid;grid-template-columns:.85fr 1.15fr;gap:46px;align-items:start}.apply-band h2{color:#fff}.apply-band p{color:rgba(255,255,255,.78);font-size:18px;line-height:1.7;margin-top:16px}.apply-band .callout{padding:18px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}.apply-band .callout a{color:#fff;font-weight:900}.apply{padding:30px}.apply-band .apply{background:#fff;color:var(--text);box-shadow:0 30px 100px rgba(0,0,0,.28)}form label{font-weight:900;color:var(--ink);display:block;margin:0 0 16px}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:14px;padding:13px 14px;font:inherit;margin-top:8px;background:#fff}textarea{resize:vertical}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.check{display:flex;gap:10px;align-items:flex-start;font-weight:400;color:var(--muted)}.check input{width:auto;margin-top:4px}.form-help{font-size:13px;color:var(--muted);margin:-6px 0 14px}.notice{padding:16px 18px;border-radius:16px;background:#eaf8ef;border:1px solid #b7e3c5;margin-bottom:18px;font-weight:900;color:#0f5132}.apply-page{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:start}.benefit-box{padding:36px;background:linear-gradient(180deg,#fff,#f7fbfe)}.benefit-box h2{font-size:42px;color:var(--ink);letter-spacing:-.04em;margin-bottom:16px}.article{max-width:1120px}.article .lead{font-size:22px;color:#344152;margin-bottom:28px;line-height:1.7}.story-detail-grid{display:grid;grid-template-columns:1fr 420px;gap:42px;align-items:end}.story-detail-grid img{border-radius:34px;box-shadow:var(--shadow);height:420px;width:100%;object-fit:cover}
.site-footer{background:#07111c;color:#fff;padding:70px 0 46px;margin-top:0;position:relative;overflow:hidden}.site-footer:before{content:"";position:absolute;right:-120px;top:-120px;width:340px;height:340px;border-radius:50%;border:46px solid rgba(255,255,255,.05)}.footer-top{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:end;padding-bottom:44px;margin-bottom:34px;border-bottom:1px solid rgba(255,255,255,.12)}.footer-brand img{width:170px;background:#fff;border-radius:16px;padding:10px;margin-bottom:22px}.footer-brand h2{color:#fff;font-size:clamp(32px,5vw,64px)}.footer-brand p,.site-footer p,.site-footer a{color:rgba(255,255,255,.74);line-height:1.65}.footer-brand p{font-size:17px;max-width:780px;margin-top:16px}.footer-cta-card{border-radius:30px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);padding:28px}.footer-cta-card p{margin:8px 0 20px}.footer-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:34px}.site-footer b{display:block;margin-bottom:16px;color:#fff}.site-footer a{display:block;margin:8px 0}.footer-cta{font-weight:900;color:#fff!important}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}@keyframes heroDrift{from{transform:scale(1.045) translate3d(0,0,0)}to{transform:scale(1.095) translate3d(18px,-10px,0)}}@keyframes lineSlide{0%,100%{opacity:.6;transform:scaleX(.78);transform-origin:left}50%{opacity:1;transform:scaleX(1)}}@keyframes pulseRing{70%{box-shadow:0 0 0 20px rgba(0,158,227,0)}100%{box-shadow:0 0 0 0 rgba(0,158,227,0)}}@keyframes pulseSoft{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
@media(max-width:1180px){.nav{display:none}.menu-toggle{display:flex;justify-self:end}.site-header{grid-template-columns:auto auto 1fr auto}.site-header.open .nav{position:absolute;display:flex;left:0;right:0;top:78px;flex-direction:column;align-items:stretch;background:rgba(255,255,255,.98);border:1px solid var(--line);border-radius:22px;padding:14px;box-shadow:var(--shadow);backdrop-filter:blur(20px)}.site-header.open .nav a{justify-content:center}.job-grid,.cards-grid,.story-grid{grid-template-columns:repeat(2,1fr)}.section-head,.proof-grid,.chapter-grid,.video-grid,.intro-grid,.job-hero-grid,.job-detail-v3,.apply-band-grid,.apply-page,.story-detail-grid,.footer-top,.footer-grid{grid-template-columns:1fr}.job-side{position:static}.band-panel{grid-template-columns:1fr}.story-detail-grid img{height:auto}.proof{margin-top:20px}}
@media(max-width:760px){.wrap{padding:0 20px}.site-header{top:8px;width:calc(100% - 16px);grid-template-columns:auto 1fr auto;padding:10px 12px}.logo img{width:132px}.back-link{display:none}.site-header.open .nav{top:66px}.hero{padding:118px 20px 70px;min-height:760px}.hero:before{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.78))}.hero:after{width:70vw}.hero h1,h1{font-size:52px}.page-hero,.job-hero-v3{padding-top:130px}.job-hero-v3{min-height:auto}.job-hero-v3:before{background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(255,255,255,.82))}.job-grid,.cards-grid,.story-grid{grid-template-columns:1fr}.grid2{grid-template-columns:1fr}.section-head h2,.chapter h2,.video-copy h2,.band-panel h2,.close h2,.article h2,.page-hero h1,.job-article h2{font-size:42px}.proof-grid{padding:10px}.job-card-body{padding:22px}.footer-grid{gap:22px}.footer-top{gap:22px}.apply{padding:22px}.richtext{font-size:17px}.actions .btn{width:100%}}

/* v4 premium refinements */
:root{--max:1540px;--header-h:84px;--deep:#07111c;--card:#ffffff;--shade:#f6f9fc}
body{padding-top:0;background:linear-gradient(180deg,#fff 0%,#fff 65%,#f7fbfe 100%)}
.wrap{max-width:var(--max);padding-left:clamp(22px,5.5vw,84px);padding-right:clamp(22px,5.5vw,84px)}
.site-header{top:0;left:0;right:0;width:100%;transform:none;border-radius:0;border-left:0;border-right:0;border-top:0;padding:14px clamp(18px,4.5vw,72px);grid-template-columns:auto auto 1fr auto;background:rgba(255,255,255,.96);box-shadow:0 12px 38px rgba(7,17,28,.08)}
.site-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:linear-gradient(90deg,var(--blue),var(--blue2),transparent);opacity:.9}.logo img{width:170px}.nav{gap:6px}.nav a{height:44px}.nav a.hot{padding-left:18px;padding-right:18px}
.hero{min-height:92vh;padding-top:calc(var(--header-h) + 88px);padding-bottom:116px}.hero-copy{margin-left:clamp(0px,1.5vw,24px)}.hero p{max-width:860px}.hero+.proof{margin-top:-70px}.proof{margin-bottom:clamp(70px,8vw,120px)}
section{padding-top:clamp(96px,9vw,152px);padding-bottom:clamp(96px,9vw,152px)}.story-intro{padding-top:clamp(90px,9vw,140px)}.chapter{padding-top:clamp(110px,10vw,165px);padding-bottom:clamp(110px,10vw,165px)}
.section-head{grid-template-columns:.78fr 1.22fr;align-items:end;margin-bottom:64px}.section-head .kicker{margin-bottom:0}.cards-section .section-head{text-align:center;display:block;max-width:960px;margin-left:auto;margin-right:auto}.cards-section .section-head h2{margin:12px auto 0;max-width:820px}.cards-section .section-head p{max-width:760px;margin:22px auto 0}.cards-section{padding-top:clamp(110px,9vw,160px)}
.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.user-card{min-height:0;padding:26px 26px 28px;display:grid;grid-template-columns:54px 1fr;grid-template-rows:auto auto;column-gap:18px;align-items:start}.user-card .icon{grid-row:1/3;width:54px;height:54px;border-radius:18px}.user-card h3{margin:0 0 10px;font-size:clamp(22px,2vw,30px)}.user-card p{grid-column:2;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.user-card:hover{background:linear-gradient(180deg,#fff,#f2f9fd)}
.job-grid{gap:28px}.job-card{border-radius:32px;background:linear-gradient(180deg,#fff,#f8fbfe);box-shadow:0 22px 74px rgba(7,17,28,.09)}.job-card-image{aspect-ratio:16/9}.job-card-body{padding:30px}.job-card h3{font-size:clamp(25px,2.4vw,34px)}.job-card .btn{align-self:flex-start;margin-top:8px}.job-card.reveal{transform:translateY(34px) scale(.985);transition:opacity .75s ease,transform .75s cubic-bezier(.16,1,.3,1),box-shadow .25s ease}.job-card.reveal.in{transform:translateY(0) scale(1)}
.chapter-copy .number{font-size:12px;border-radius:999px;padding:10px 14px;background:#eef8fe;color:#007fb7;letter-spacing:.08em}.chapter-media img{object-position:center center}.media-label{max-width:calc(100% - 44px)}
.video-section,.apply-band{padding-top:clamp(110px,9vw,160px);padding-bottom:clamp(110px,9vw,160px)}.band{padding-top:0;padding-bottom:0}.band-panel .btn{justify-self:center;text-align:center;min-width:220px}.footer-cta-card .btn{display:flex;width:max-content;min-width:220px;text-align:center;justify-content:center;align-items:center}.site-footer{padding-top:82px}.footer-grid{align-items:start}
.page-hero{padding-top:calc(var(--header-h) + 104px);padding-bottom:110px;min-height:560px}.page-hero.compact{min-height:520px}.page-hero .wrap{max-width:var(--max)}.article{max-width:1240px}.article .richtext{max-width:1050px}.intro-grid{gap:clamp(48px,6vw,88px)}
.job-hero-v3{padding-top:calc(var(--header-h) + 92px);min-height:760px}.job-hero-grid{grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:center}.job-hero-copy{padding:38px 0}.job-hero-copy .lead{background:rgba(255,255,255,.68);border:1px solid rgba(13,33,54,.08);border-radius:24px;padding:22px 24px;backdrop-filter:blur(8px)}.job-fact-card{padding:32px;border-radius:34px}.job-detail-v3{grid-template-columns:minmax(0,1fr) 380px;gap:72px;padding-top:clamp(100px,8vw,140px);padding-bottom:clamp(100px,8vw,140px)}.job-article{max-width:none}.job-article section{background:#fff;border:1px solid var(--line);border-radius:30px;padding:34px 38px;margin-bottom:28px;box-shadow:0 14px 44px rgba(7,17,28,.06)}.job-article section:last-child{margin-bottom:0}.job-article .number{background:#eef8fe;color:#007fb7;border-radius:999px;padding:9px 13px;margin-bottom:18px;letter-spacing:.08em}.job-article h2{font-size:clamp(34px,3.4vw,54px)}.job-side>div{border-radius:34px;padding:32px}.apply-band-grid{grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:58px}.apply{border-radius:32px}.apply input,.apply textarea,.apply select{border-radius:16px;border-color:rgba(13,33,54,.16)}.apply button{width:100%;margin-top:8px}.callout{margin-top:24px}
.richtext{overflow-wrap:anywhere}.richtext strong,.richtext b{font-weight:900}.richtext span{font-weight:inherit!important}.richtext div{margin:0 0 18px}.richtext h3{font-size:clamp(24px,2.2vw,34px)}
@media(max-width:1180px){.site-header{grid-template-columns:auto auto 1fr auto}.site-header.open .nav{top:72px;left:18px;right:18px;border-radius:26px}.site-header.open .nav a{height:48px}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.job-detail-v3,.apply-band-grid,.job-hero-grid{grid-template-columns:1fr}.job-fact-card{max-width:640px}.job-side{display:none}.hero+.proof{margin-top:-34px}.section-head{display:block}.section-head h2{margin-top:12px}.section-head p{margin-top:18px}}
@media(max-width:760px){:root{--header-h:68px}.site-header{padding:10px 14px;grid-template-columns:auto 1fr auto}.logo img{width:136px}.menu-toggle{border-radius:14px}.site-header.open .nav{top:64px;left:10px;right:10px}.hero{min-height:780px;padding-top:calc(var(--header-h) + 64px);padding-bottom:84px}.hero h1,h1{font-size:clamp(46px,15vw,64px)}.hero p{font-size:17px}.proof{margin-bottom:70px}.proof-grid{grid-template-columns:1fr;gap:10px}.cards-grid,.job-grid,.story-grid{grid-template-columns:1fr}.user-card{grid-template-columns:48px 1fr;padding:22px}.user-card .icon{width:48px;height:48px}.page-hero{padding-top:calc(var(--header-h) + 72px);padding-bottom:78px;min-height:480px}.job-hero-v3{padding-top:calc(var(--header-h) + 62px);min-height:auto}.job-hero-copy .lead{padding:18px}.job-detail-v3{padding-top:70px;padding-bottom:70px}.job-article section{padding:26px 22px;border-radius:24px}.apply-band-grid{gap:30px}.footer-cta-card .btn,.band-panel .btn{width:100%;min-width:0}.footer-grid{grid-template-columns:1fr}.footer-top{padding-bottom:30px}.section-head{margin-bottom:34px}section{padding-top:74px;padding-bottom:74px}}

/* v5 premium update */
:root{--max:1660px;--header-h:86px;--blue:#009ddf;--blue2:#007fb7;--deep:#07111c;--ink:#07111c;--text:#17212f;--muted:#5f6b7a;--line:rgba(13,33,54,.12);--soft:#f4f9fd;--shadow:0 28px 90px rgba(7,17,28,.12)}
html.menu-open{overflow:hidden}
body{background:#fff;color:var(--text)}
.wrap{max-width:var(--max);padding-left:clamp(24px,5.8vw,96px);padding-right:clamp(24px,5.8vw,96px)}
.site-header{position:fixed;z-index:500;top:0;left:0;right:0;width:100%;transform:none;border-radius:0;border:0;border-bottom:1px solid rgba(12,18,28,.1);padding:15px clamp(20px,4.8vw,84px);grid-template-columns:auto auto 1fr auto;background:rgba(255,255,255,.96);box-shadow:0 16px 48px rgba(7,17,28,.08);backdrop-filter:blur(20px)}
.site-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:linear-gradient(90deg,var(--blue),var(--blue2),rgba(0,158,227,0));pointer-events:none}.logo img{width:172px}.desktop-nav{justify-self:end}.menu-toggle{display:flex;z-index:510;width:46px;height:46px;border-radius:16px;border:1px solid var(--line);background:#fff;align-items:center;justify-content:center;gap:4px;flex-direction:column;cursor:pointer}.menu-toggle span{display:block;width:19px;height:2px;background:#07111c;border-radius:999px;transition:.24s ease}.site-header.open .menu-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}.site-header.open .menu-toggle span:nth-child(2){opacity:0}.site-header.open .menu-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.menu-overlay{position:fixed;z-index:450;inset:0;padding-top:calc(var(--header-h) + 44px);background:rgba(7,17,28,.78);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transition:.28s ease}.menu-overlay.open{opacity:1;visibility:visible}.menu-overlay-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:24px}.menu-panel{border-radius:34px;background:rgba(255,255,255,.97);border:1px solid rgba(255,255,255,.22);box-shadow:0 36px 110px rgba(0,0,0,.24);padding:clamp(28px,4vw,54px);transform:translateY(18px);transition:.35s cubic-bezier(.16,1,.3,1)}.menu-overlay.open .menu-panel{transform:none}.menu-panel a{display:flex;align-items:center;justify-content:space-between;min-height:58px;border-bottom:1px solid rgba(13,33,54,.1);font-size:clamp(24px,3.3vw,46px);line-height:1.05;font-weight:900;letter-spacing:-.045em;color:var(--ink)}.menu-panel a:after{content:"→";color:var(--blue);font-size:.75em}.menu-panel-secondary a{font-size:clamp(20px,2.4vw,32px)}.menu-panel a.btn{display:inline-flex;min-height:54px;margin-top:22px;border-bottom:0;font-size:13px;letter-spacing:.04em}.menu-panel a.btn:after{display:none}.menu-panel .kicker{margin-bottom:20px}
.hero{padding-top:calc(var(--header-h) + 100px);padding-bottom:clamp(132px,13vw,220px);min-height:94vh}.hero+.proof{margin-top:clamp(20px,5vw,74px)}.proof{position:relative;margin-bottom:clamp(108px,10vw,170px)}.proof-grid{gap:22px;padding:22px}.proof-grid article,.proof-card{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.16,1,.3,1)}.proof-grid article.in,.proof-card.in{opacity:1;transform:none}.proof-grid article{border-radius:24px;padding:28px;background:linear-gradient(180deg,#fff,#f4faff);border:1px solid rgba(13,33,54,.1);box-shadow:0 18px 58px rgba(7,17,28,.07)}.proof-grid article b{font-size:clamp(20px,2.1vw,30px)}.proof-grid article span{font-size:15px;color:var(--muted)}
section{padding-top:clamp(112px,10vw,178px);padding-bottom:clamp(112px,10vw,178px)}.story-intro{padding-top:clamp(118px,11vw,188px)}.section-head{margin-bottom:clamp(54px,5.6vw,86px)}.section-head h2{max-width:980px}.section-head p{max-width:860px}.cards-section .section-head{text-align:center;max-width:980px}.cards-section .section-head .kicker{justify-content:center}.cards-section .section-head .kicker:before{display:inline-block}.cards-section{padding-bottom:clamp(120px,10vw,180px)}
.cards-grid{gap:18px}.user-card{position:relative;overflow:hidden;min-height:210px;border-radius:28px;padding:24px;background:linear-gradient(180deg,#fff,#f7fbfe);box-shadow:0 18px 58px rgba(7,17,28,.07)}.user-card:after{content:"";position:absolute;right:-38px;bottom:-38px;width:120px;height:120px;border-radius:50%;background:rgba(0,158,227,.09)}.user-card .icon{background:#eef8fe;color:var(--blue2)}.user-card h3{font-size:clamp(23px,2.4vw,34px)}.user-card p{font-size:15px;line-height:1.55;-webkit-line-clamp:4}.user-card:hover{transform:translateY(-8px);box-shadow:0 28px 80px rgba(7,17,28,.12)}
.job-grid{gap:32px;margin-bottom:clamp(70px,8vw,130px)}.job-card{overflow:hidden;border-radius:34px;border:1px solid rgba(13,33,54,.1);background:#fff;box-shadow:0 22px 76px rgba(7,17,28,.09)}.job-card-image{display:block;aspect-ratio:16/9;background:#eaf5fb;overflow:hidden}.job-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.16,1,.3,1)}.job-card:hover .job-card-image img{transform:scale(1.06)}.job-card-body{padding:32px}.job-card h3{font-size:clamp(26px,2.6vw,36px);line-height:1.05}.job-card p{min-height:70px}.job-card.reveal{opacity:0;transform:translateY(42px) scale(.97);transition:opacity .8s ease,transform .8s cubic-bezier(.16,1,.3,1),box-shadow .25s ease}.job-card.reveal.in{opacity:1;transform:none}.band{padding-top:clamp(70px,8vw,130px);padding-bottom:clamp(70px,8vw,130px)}.site-footer .btn,.footer-cta-card .btn{justify-content:center;align-items:center;text-align:center;display:inline-flex}.footer-cta-card{text-align:left}.footer-cta-card .btn{margin-top:8px}
.chapter{padding-top:clamp(124px,11vw,190px);padding-bottom:clamp(124px,11vw,190px)}.chapter-media img{object-position:center center}.chapter-copy .number{background:#eef8fe;color:var(--blue2);border-radius:999px;padding:10px 14px;letter-spacing:.08em}.video-section + .cards-section{padding-top:clamp(128px,11vw,190px)}
.job-hero-v3{min-height:820px;padding-top:calc(var(--header-h) + 110px);padding-bottom:110px}.job-hero-v3 .hero-bg img{filter:saturate(1.05)}.job-hero-v3:before{background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.9) 44%,rgba(255,255,255,.48) 74%,rgba(255,255,255,.1) 100%)}.job-hero-copy h1{font-size:clamp(48px,6.4vw,96px);letter-spacing:-.06em}.job-hero-copy .lead{font-size:18px;line-height:1.7;background:rgba(255,255,255,.78);box-shadow:0 18px 62px rgba(7,17,28,.08)}.job-fact-card{background:rgba(255,255,255,.92);backdrop-filter:blur(16px)}.job-detail-v3{gap:clamp(54px,6vw,96px)}.job-article section{position:relative;overflow:hidden;border-radius:34px;padding:clamp(32px,4vw,56px);border:1px solid rgba(13,33,54,.1);box-shadow:0 18px 64px rgba(7,17,28,.07);background:linear-gradient(180deg,#fff,#f9fcfe);opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.16,1,.3,1)}.job-article section.in{opacity:1;transform:none}.job-article section:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,var(--blue),var(--blue2))}.job-article section:after{content:"";position:absolute;right:-70px;top:-70px;width:190px;height:190px;border-radius:50%;background:rgba(0,158,227,.07)}.job-article .number{display:inline-flex;background:#eef8fe;color:var(--blue2);border-radius:999px;padding:10px 14px;letter-spacing:.08em;font-weight:900;text-transform:uppercase}.job-story-block{background:linear-gradient(135deg,#07111c,#12263b)!important;color:#fff}.job-story-block h2,.job-story-block h3{color:#fff}.job-story-block .richtext,.job-story-block .richtext p{color:rgba(255,255,255,.8)}.job-story-block .number{background:rgba(255,255,255,.12);color:#fff}.job-story-block .text-link{color:#fff}.apply-band{padding-top:clamp(120px,10vw,180px);padding-bottom:clamp(120px,10vw,180px);background:linear-gradient(180deg,#f7fbfe,#fff)}.apply{box-shadow:0 24px 80px rgba(7,17,28,.1);border:1px solid rgba(13,33,54,.11)}
.richtext :where(p,ul,ol,blockquote){font-weight:400}.richtext :where(h2,h3,h4,strong,b){font-weight:900}.richtext h3{margin-top:32px;margin-bottom:12px}.richtext ul,.richtext ol{padding-left:24px}.richtext li{margin:7px 0}.article{max-width:1320px}.article .richtext{font-size:19px;line-height:1.82}
@media(max-width:1180px){.desktop-nav{display:none}.menu-overlay-inner{grid-template-columns:1fr}.menu-overlay{overflow:auto}.hero+.proof{margin-top:36px}.job-hero-v3{min-height:auto}.job-hero-v3:before{background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(255,255,255,.78))}}
@media(max-width:760px){:root{--header-h:68px}.site-header{padding:10px 14px;grid-template-columns:auto 1fr auto}.logo img{width:138px}.back-link{display:none}.menu-overlay{padding-top:calc(var(--header-h) + 18px)}.menu-overlay-inner{padding-left:14px;padding-right:14px}.menu-panel{border-radius:26px;padding:24px}.menu-panel a,.menu-panel-secondary a{font-size:28px;min-height:50px}.hero{min-height:760px;padding-top:calc(var(--header-h) + 72px);padding-bottom:95px}.hero+.proof{margin-top:28px}.proof-grid{grid-template-columns:1fr}.proof{margin-bottom:84px}section,.story-intro,.chapter,.cards-section{padding-top:86px;padding-bottom:86px}.section-head{margin-bottom:38px}.job-grid{gap:22px;margin-bottom:76px}.job-card-body{padding:24px}.job-card p{min-height:0}.band{padding-top:60px;padding-bottom:78px}.job-hero-copy h1{font-size:clamp(44px,14vw,62px)}.job-detail-v3{padding-top:76px;padding-bottom:76px}.job-article section{padding:28px 23px;border-radius:26px}.apply-band{padding-top:82px;padding-bottom:82px}.cards-grid{gap:14px}.user-card{min-height:0}}

/* v6 readability, spacing and vacancy layout */
:root{--max:1720px;--header-h:86px;--blue:#009ddf;--blue2:#007fb7;--deep:#07111c;--ink:#07111c;--text:#17212f;--muted:#5f6b7a;--soft:#f5f9fc;--line:rgba(13,33,54,.12);--shadow:0 28px 90px rgba(7,17,28,.12)}
.wrap{max-width:var(--max);padding-left:clamp(24px,5.8vw,104px);padding-right:clamp(24px,5.8vw,104px)}
.site-header{position:fixed;top:0;left:0;right:0;z-index:700;width:100%;border-radius:0;transform:none;padding:15px clamp(20px,4.6vw,86px);display:grid;grid-template-columns:auto auto 1fr auto;gap:18px;align-items:center;background:rgba(255,255,255,.965);border:0;border-bottom:1px solid rgba(13,33,54,.1);box-shadow:0 16px 48px rgba(7,17,28,.08);backdrop-filter:blur(20px)}
.site-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:linear-gradient(90deg,var(--blue),var(--blue2),rgba(0,157,223,0));pointer-events:none}.logo img{width:172px}.desktop-nav{justify-self:end;display:flex;gap:8px;align-items:center}.nav a{height:44px;padding:0 13px;border-radius:999px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.nav a.hot,.vacancies-link{background:linear-gradient(180deg,var(--blue),var(--blue2));color:#fff;box-shadow:0 16px 36px rgba(0,158,227,.24)}.menu-toggle{display:none}.mobile-nav{display:none}
.hero{padding-top:calc(var(--header-h) + 105px);padding-bottom:clamp(150px,13vw,230px);min-height:94vh}.hero+.proof{margin-top:clamp(42px,6vw,92px)}.proof{padding:0;margin-bottom:clamp(120px,10vw,180px)}.proof-grid{background:#fff!important;border:1px solid var(--line);box-shadow:0 28px 90px rgba(7,17,28,.12);border-radius:30px;padding:22px;gap:22px}.proof-grid article{background:linear-gradient(180deg,#fff,#f4faff)!important;border:1px solid rgba(13,33,54,.1);box-shadow:0 18px 58px rgba(7,17,28,.07);color:var(--text)!important}.proof-grid article b,.proof-grid b{display:block;color:var(--ink)!important;font-size:clamp(20px,2.1vw,30px);line-height:1.1;margin-bottom:9px}.proof-grid article span,.proof-grid span{display:block;color:var(--muted)!important;font-size:15px;line-height:1.55}.proof-grid article{opacity:0;transform:translateY(34px);transition:opacity .75s ease,transform .75s cubic-bezier(.16,1,.3,1)}.proof-grid article.in{opacity:1;transform:none}
section{padding-top:clamp(120px,10vw,188px);padding-bottom:clamp(120px,10vw,188px)}.section-head{margin-bottom:clamp(64px,6vw,96px);align-items:end}.cards-section .section-head{text-align:center;margin-left:auto;margin-right:auto;max-width:1080px;display:block}.cards-section .section-head .kicker{justify-content:center}.cards-section .section-head h2{margin-left:auto;margin-right:auto}.cards-section .section-head p{margin:20px auto 0;max-width:760px}.cards-grid{gap:20px}.user-card{min-height:0;padding:26px;display:grid;grid-template-columns:58px 1fr;gap:22px;align-items:start}.user-card h3{margin:0 0 10px;font-size:clamp(24px,2.1vw,32px)}.user-card p{font-size:15px;line-height:1.55;margin:0}.user-card .icon{grid-row:span 2}.job-grid{gap:34px;margin-bottom:clamp(92px,8vw,150px)}.job-card{opacity:0;transform:translateY(42px) scale(.98);transition:opacity .85s ease,transform .85s cubic-bezier(.16,1,.3,1),box-shadow .25s ease}.job-card.in{opacity:1;transform:none}.job-card p{min-height:88px}.story-grid{gap:28px;margin-bottom:clamp(80px,8vw,140px)}.story-card{opacity:0;transform:translateY(34px);transition:opacity .75s ease,transform .75s cubic-bezier(.16,1,.3,1),box-shadow .25s ease}.story-card.in{opacity:1;transform:none}.story-card div{padding:30px 30px 34px}.band{padding-top:clamp(80px,8vw,135px);padding-bottom:clamp(100px,9vw,155px)}
.page-hero{padding-top:calc(var(--header-h) + 118px);padding-bottom:clamp(104px,8vw,150px);min-height:560px}.page-hero.compact{min-height:520px}.group-hero{min-height:620px}.group-intro-section,.group-benefits-section,.group-jobs-section,.group-stories-section{padding-top:clamp(100px,9vw,160px);padding-bottom:clamp(100px,9vw,160px)}.group-benefits-section{padding-top:0}.group-jobs-section{padding-top:clamp(120px,10vw,175px)}.group-stories-section{padding-top:clamp(90px,8vw,145px)}.benefit-box{padding:clamp(34px,4vw,58px);border-radius:34px;background:linear-gradient(180deg,#fff,#f7fbfe);box-shadow:0 24px 78px rgba(7,17,28,.08)}
/* Vacaturedetail nieuwe opbouw */
.job-page{background:#fff}.job-hero-clean{position:relative;min-height:clamp(660px,78vh,860px);display:grid;align-items:end;padding-top:calc(var(--header-h) + 95px);padding-bottom:clamp(78px,8vw,132px);overflow:hidden;background:#07111c}.job-hero-bg{position:absolute;inset:0}.job-hero-bg img{width:100%;height:100%;object-fit:cover;filter:saturate(1.05);transform:scale(1.04)}.job-hero-clean:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.92) 43%,rgba(255,255,255,.42) 72%,rgba(255,255,255,.08) 100%)}.job-hero-clean:after{content:"";position:absolute;z-index:2;left:clamp(24px,5.8vw,104px);bottom:38px;width:min(48vw,660px);height:8px;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--blue2),transparent);animation:lineSlide 3.4s ease-in-out infinite}.job-hero-clean-inner{position:relative;z-index:3}.job-hero-clean h1{max-width:980px;font-size:clamp(50px,6.8vw,104px);line-height:.92;letter-spacing:-.065em;color:var(--ink)}.job-subcopy{max-width:780px;margin-top:26px;padding:22px 26px;border-radius:26px;background:rgba(255,255,255,.78);box-shadow:0 18px 62px rgba(7,17,28,.08);backdrop-filter:blur(14px);font-size:18px;line-height:1.72;color:#334154}.job-subcopy p{margin:0}.job-info-strip{padding:0;background:#fff;position:relative;z-index:5}.job-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-top:-42px}.job-info-grid article{background:#fff;border:1px solid rgba(13,33,54,.1);border-radius:24px;padding:22px;box-shadow:0 18px 58px rgba(7,17,28,.08)}.job-info-grid span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:var(--blue2);margin-bottom:7px}.job-info-grid b{display:block;color:var(--ink);font-size:clamp(18px,1.6vw,25px);line-height:1.12}.job-story-intro{padding-top:clamp(110px,10vw,170px);padding-bottom:clamp(70px,7vw,120px)}.job-story-card{position:relative;overflow:hidden;border-radius:38px;background:linear-gradient(135deg,#07111c,#12263b 62%,#0b86c6);color:#fff;padding:clamp(36px,5vw,74px);box-shadow:0 34px 110px rgba(7,17,28,.22);opacity:0;transform:translateY(32px);transition:.75s cubic-bezier(.16,1,.3,1)}.job-story-card.in{opacity:1;transform:none}.job-story-card:after{content:"";position:absolute;right:-80px;top:-80px;width:260px;height:260px;border-radius:50%;border:36px solid rgba(255,255,255,.08)}.job-story-card h2,.job-story-card h3{color:#fff}.job-story-card .richtext,.job-story-card .richtext p{color:rgba(255,255,255,.82)}.job-story-card .kicker{color:#fff}.job-content-flow{padding-top:0;padding-bottom:clamp(90px,8vw,150px);display:grid;gap:34px;max-width:1440px}.job-content-card{position:relative;overflow:hidden;border-radius:34px;background:linear-gradient(180deg,#fff,#f8fcfe);border:1px solid rgba(13,33,54,.1);box-shadow:0 20px 74px rgba(7,17,28,.08);padding:clamp(34px,4.3vw,62px);opacity:0;transform:translateY(34px);transition:opacity .75s ease,transform .75s cubic-bezier(.16,1,.3,1)}.job-content-card.in{opacity:1;transform:none}.job-content-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:7px;background:linear-gradient(180deg,var(--blue),var(--blue2))}.job-content-card h2{font-size:clamp(34px,4vw,58px);line-height:1;letter-spacing:-.05em}.job-content-card .richtext{font-size:19px;line-height:1.82;max-width:1060px}.interest-band{padding-top:clamp(95px,9vw,160px);padding-bottom:clamp(105px,10vw,180px);background:linear-gradient(180deg,#f7fbfe,#fff)}.interest-panel{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(34px,5vw,78px);align-items:start}.interest-copy{position:sticky;top:calc(var(--header-h) + 34px);border-radius:36px;background:linear-gradient(135deg,#07111c,#13253a);color:#fff;padding:clamp(30px,4vw,54px);box-shadow:0 28px 90px rgba(7,17,28,.16)}.interest-copy h2{color:#fff;font-size:clamp(38px,5vw,72px);line-height:.98;letter-spacing:-.055em}.interest-copy p{color:rgba(255,255,255,.78);font-size:18px;line-height:1.7}.contact-chip{margin-top:24px;border-radius:22px;background:rgba(255,255,255,.1);padding:18px}.contact-chip b,.contact-chip span{display:block;color:#fff}.contact-chip span{margin-top:6px;color:rgba(255,255,255,.78)}.contact-chip a{color:#fff;font-weight:900}.interest-panel .apply{border-radius:34px;padding:clamp(28px,4vw,52px);box-shadow:0 24px 86px rgba(7,17,28,.1)}
/* Arbeidsvoorwaarden beleving */
.benefits-hero{background:linear-gradient(135deg,#f7fbfe,#fff)}.benefits-experience{padding-top:clamp(110px,10vw,170px)}.benefits-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(38px,6vw,88px);align-items:end;margin-bottom:clamp(48px,6vw,88px)}.benefits-intro h2{font-size:clamp(38px,5vw,74px);line-height:.98;letter-spacing:-.055em;color:var(--ink)}.benefits-intro p{font-size:19px;line-height:1.75;color:var(--muted)}.benefit-design-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.benefit-design-card{position:relative;overflow:hidden;min-height:230px;border-radius:30px;background:#fff;border:1px solid rgba(13,33,54,.1);box-shadow:0 20px 70px rgba(7,17,28,.08);padding:30px;opacity:0;transform:translateY(34px);transition:.75s cubic-bezier(.16,1,.3,1)}.benefit-design-card.in{opacity:1;transform:none}.benefit-design-card:after{content:"";position:absolute;right:-42px;bottom:-42px;width:132px;height:132px;border-radius:50%;background:rgba(0,158,227,.09)}.benefit-icon{width:62px;height:62px;border-radius:20px;background:#eef8fe;color:var(--blue2);display:grid;place-items:center;font-size:22px;font-weight:900;margin-bottom:28px}.benefit-design-card h3{font-size:clamp(24px,2.3vw,34px);line-height:1.05;color:var(--ink);letter-spacing:-.04em}.benefit-design-card p{margin-top:12px;color:var(--muted);line-height:1.62}.benefits-text{padding-top:0}.richtext :where(p,ul,ol,blockquote){font-weight:400!important}.richtext :where(h2,h3,h4,strong,b){font-weight:900}.article .richtext{font-weight:400}.copy .richtext{font-weight:400}
@media(max-width:1180px){.desktop-nav{display:none}.menu-toggle{display:flex;z-index:710;width:46px;height:46px;border-radius:16px;border:1px solid var(--line);background:#fff;align-items:center;justify-content:center;gap:4px;flex-direction:column;cursor:pointer}.menu-toggle span{display:block;width:19px;height:2px;background:#07111c;border-radius:999px;transition:.24s ease}.site-header.open .menu-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}.site-header.open .menu-toggle span:nth-child(2){opacity:0}.site-header.open .menu-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobile-nav{position:absolute;top:calc(100% + 10px);left:18px;right:18px;display:grid;gap:8px;padding:18px;border-radius:26px;background:rgba(255,255,255,.98);border:1px solid rgba(13,33,54,.1);box-shadow:0 26px 80px rgba(7,17,28,.18);opacity:0;visibility:hidden;transform:translateY(-10px);transition:.24s ease}.mobile-nav.open{opacity:1;visibility:visible;transform:none}.mobile-nav a{display:flex;align-items:center;min-height:48px;border-radius:16px;padding:0 16px;font-weight:900;color:var(--ink)}.mobile-nav a.hot{background:linear-gradient(180deg,var(--blue),var(--blue2));color:#fff}.job-hero-clean:before{background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(255,255,255,.8))}.interest-panel,.benefits-intro{grid-template-columns:1fr}.interest-copy{position:relative;top:auto}.benefit-design-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){:root{--header-h:68px}.wrap{padding-left:20px;padding-right:20px}.site-header{padding:10px 14px;grid-template-columns:auto 1fr auto}.logo img{width:138px}.back-link{display:none}.hero{min-height:780px;padding-top:calc(var(--header-h) + 76px);padding-bottom:105px}.hero+.proof{margin-top:32px}.proof-grid{grid-template-columns:1fr;padding:12px;gap:12px}.proof{margin-bottom:92px}section,.group-intro-section,.group-benefits-section,.group-jobs-section,.group-stories-section{padding-top:88px;padding-bottom:88px}.section-head{margin-bottom:42px}.user-card{grid-template-columns:48px 1fr;padding:22px}.user-card .icon{width:48px;height:48px}.job-grid{gap:24px;margin-bottom:86px}.job-card p{min-height:0}.story-grid{gap:22px;margin-bottom:90px}.page-hero{padding-top:calc(var(--header-h) + 76px);padding-bottom:84px;min-height:500px}.job-hero-clean{min-height:720px;padding-top:calc(var(--header-h) + 70px);padding-bottom:92px}.job-hero-clean h1{font-size:clamp(44px,14vw,66px)}.job-subcopy{padding:18px;font-size:17px}.job-info-grid{grid-template-columns:1fr;margin-top:-28px}.job-story-card,.job-content-card,.interest-copy,.interest-panel .apply{border-radius:26px;padding:26px 22px}.job-content-flow{gap:24px}.benefit-design-grid{grid-template-columns:1fr}.benefits-intro{margin-bottom:36px}.benefit-design-card{min-height:0}.interest-band{padding-top:82px;padding-bottom:92px}.actions .btn{width:100%}.mobile-nav{left:10px;right:10px}}

/* v8 refinement update */
.site-header{z-index:900}.listing-hero{padding-bottom:clamp(125px,10vw,185px)}.listing-overlap{margin-top:-50px;position:relative;z-index:8;padding-bottom:clamp(110px,9vw,170px)}
.story-grid,.job-grid{margin-top:0}.proof-grid article{color:var(--text)}.proof-grid article b{color:var(--ink)!important}.proof-grid article span{color:var(--muted)!important}.hero+.proof{margin-top:34px;margin-bottom:clamp(90px,8vw,145px)}
.job-hero-flat{align-items:center;min-height:clamp(660px,74vh,820px);padding-bottom:clamp(72px,7vw,120px)}.job-hero-flat:before{background:linear-gradient(90deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.98) 34%,rgba(255,255,255,.70) 60%,rgba(255,255,255,.08) 100%)}.job-hero-flat:after{bottom:30px}.job-hero-text-left{max-width:900px}.job-subcopy.flat{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;border-radius:0!important;padding:0!important;color:#263242;font-size:20px;max-width:800px}.job-subcopy.flat p{margin:0 0 16px}.flat-strip{background:#fff;padding:0}.job-info-banner{margin-top:-44px;position:relative;z-index:8;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:0;border-radius:30px;background:#07111c;box-shadow:0 28px 92px rgba(7,17,28,.18);overflow:hidden;border:1px solid rgba(255,255,255,.14)}.job-info-banner article{padding:24px 26px;border-right:1px solid rgba(255,255,255,.12);min-height:106px}.job-info-banner article:last-child{border-right:0}.job-info-banner span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.09em;font-weight:900;color:rgba(255,255,255,.62);margin-bottom:8px}.job-info-banner b{display:block;color:#fff;font-size:clamp(18px,1.5vw,25px);line-height:1.12}.job-flat-intro{padding-top:clamp(105px,9vw,155px);padding-bottom:clamp(65px,6vw,105px)}.job-story-flat{max-width:1120px}.job-story-flat h2{font-size:clamp(38px,5vw,70px);line-height:1;letter-spacing:-.055em;color:var(--ink);margin-bottom:24px}.job-story-flat .richtext{font-size:20px;line-height:1.78}.job-article-flat{max-width:1120px;padding-top:0;padding-bottom:clamp(95px,9vw,150px)}.job-flat-section{padding:clamp(46px,5vw,78px) 0;border-top:1px solid var(--line);opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.16,1,.3,1)}.job-flat-section.in{opacity:1;transform:none}.job-flat-section:first-child{border-top:0}.job-flat-section h2{font-size:clamp(38px,5vw,72px);line-height:1;letter-spacing:-.055em;color:var(--ink);margin-bottom:24px}.job-flat-section .richtext{font-size:20px;line-height:1.84;max-width:980px}.fast-interest{background:#07111c;color:#fff}.fast-interest:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 14%,rgba(0,158,227,.28),transparent 34%),radial-gradient(circle at 90% 38%,rgba(255,255,255,.08),transparent 28%)}.fast-interest .interest-panel{position:relative;z-index:2}.sticky-action-bar{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:820;width:min(1180px,calc(100% - 32px));display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px 14px 22px;border-radius:24px;background:rgba(255,255,255,.96);border:1px solid rgba(13,33,54,.13);box-shadow:0 22px 80px rgba(7,17,28,.18);backdrop-filter:blur(18px)}.sticky-action-bar strong{display:block;color:var(--ink);font-size:16px}.sticky-action-bar span{display:block;color:var(--muted);font-size:13px;margin-top:3px}.sticky-action-bar .btn{min-height:46px;padding:0 20px}.apply-page-spacious{padding-top:clamp(105px,9vw,160px);padding-bottom:clamp(120px,10vw,185px)}.experience-hero{background:linear-gradient(135deg,#f7fbfe,#fff)}.experience-split{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(42px,6vw,88px);align-items:center;padding-top:clamp(110px,9vw,165px);padding-bottom:clamp(110px,9vw,165px)}.experience-split h2{font-size:clamp(38px,5vw,76px);line-height:1;letter-spacing:-.055em;color:var(--ink);margin-bottom:24px}.experience-split p{font-size:19px;line-height:1.75;color:var(--muted);margin:0 0 18px}.experience-card{border-radius:34px;background:linear-gradient(180deg,#fff,#f7fbfe);border:1px solid var(--line);box-shadow:var(--shadow);padding:clamp(32px,4vw,56px)}.experience-card.blue{background:linear-gradient(135deg,#07111c,#13253a);color:#fff}.experience-card b{display:block;font-size:32px;letter-spacing:-.04em;color:inherit;margin-bottom:18px}.experience-card ul{margin:0;padding-left:22px;color:var(--muted);line-height:1.8}.experience-card.blue p{color:rgba(255,255,255,.78)}.faq-section{padding-top:clamp(100px,8vw,150px);padding-bottom:clamp(120px,10vw,180px);max-width:1120px}.faq-item{border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 16px 54px rgba(7,17,28,.06);margin-bottom:16px;overflow:hidden}.faq-item summary{cursor:pointer;padding:24px 28px;font-weight:900;font-size:22px;color:var(--ink);list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{padding:0 28px 26px;color:var(--muted);font-size:18px;line-height:1.7}.legal-page{padding-top:clamp(105px,9vw,155px);padding-bottom:clamp(120px,10vw,180px)}.benefits-experience{padding-bottom:clamp(100px,9vw,160px)}.benefit-design-grid{gap:clamp(24px,3vw,38px)}.benefit-design-card{padding:clamp(32px,3.8vw,52px);min-height:260px}.benefits-text{padding-bottom:clamp(90px,8vw,140px)}
@media(max-width:900px){.job-hero-flat:before{background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.88) 62%,rgba(255,255,255,.36) 100%)}.job-info-banner{grid-template-columns:1fr 1fr;border-radius:24px}.job-info-banner article{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.experience-split{grid-template-columns:1fr}.sticky-action-bar{bottom:10px;border-radius:20px;align-items:stretch}.sticky-action-bar div{display:none}.sticky-action-bar .btn{width:100%}.listing-overlap{margin-top:-38px}.job-subcopy.flat{font-size:18px}.job-flat-section .richtext,.job-story-flat .richtext{font-size:18px}.apply-page-spacious{grid-template-columns:1fr}}
@media(max-width:620px){.job-info-banner{grid-template-columns:1fr}.job-info-banner article{min-height:0;padding:20px}.sticky-action-bar{width:calc(100% - 20px);padding:10px}.faq-item summary{font-size:19px;padding:20px}.faq-item p{padding:0 20px 22px}.experience-card{border-radius:26px}.listing-hero{padding-bottom:112px}}

/* v9 refinements */
.story-grid,.job-grid{margin-top:-50px}
.job-hero-flat .wrap,.job-hero-clean-inner{justify-content:flex-start;text-align:left}.job-hero-text-left,.job-hero-text-left *{text-align:left}.job-subcopy.flat,.job-subcopy.flat p{text-align:left!important}.job-hero-flat h1{max-width:920px}.job-hero-flat .actions{justify-content:flex-start}
.job-info-strip.flat-strip{background:#fff;padding-bottom:clamp(50px,5vw,84px)}.job-info-banner{margin-top:-34px;border-radius:32px;background:#fff;color:var(--ink);border:1px solid rgba(13,33,54,.12);box-shadow:0 26px 88px rgba(7,17,28,.14);gap:10px;padding:10px;overflow:visible}.job-info-banner article{position:relative;min-height:96px;border:0!important;border-radius:23px;padding:22px 22px 20px;background:linear-gradient(180deg,#f7fbfe,#fff);box-shadow:inset 0 0 0 1px rgba(13,33,54,.08);overflow:hidden}.job-info-banner article:before{content:"";position:absolute;left:0;top:0;right:0;height:5px;background:linear-gradient(90deg,var(--blue),var(--blue2))}.job-info-banner article:after{content:"";position:absolute;right:-30px;bottom:-34px;width:90px;height:90px;border-radius:50%;background:rgba(0,158,227,.08)}.job-info-banner span{position:relative;z-index:1;color:var(--blue2);font-size:11px;letter-spacing:.11em}.job-info-banner b{position:relative;z-index:1;color:var(--ink);font-size:clamp(17px,1.35vw,23px)}
.job-article-flat{max-width:1160px}.job-flat-section{padding:clamp(50px,5vw,82px) 0;text-align:left}.job-flat-section .number{display:inline-flex;margin-left:0!important;text-align:left!important;align-self:flex-start}.job-flat-section h2,.job-flat-section .richtext,.job-flat-section .richtext *{text-align:left}.job-flat-section .richtext{max-width:1040px}.job-story-flat,.job-story-flat *{text-align:left}.job-story-flat{margin-left:0}
.sticky-action-bar{width:auto;min-width:0;max-width:calc(100% - 24px);left:50%;bottom:16px;transform:translateX(-50%);padding:8px;border-radius:999px;background:linear-gradient(180deg,var(--blue),var(--blue2));border:1px solid rgba(255,255,255,.22);box-shadow:0 18px 56px rgba(0,158,227,.25);gap:0}.sticky-action-bar div{display:none!important}.sticky-action-bar .btn{min-height:46px;padding:0 24px;border-radius:999px;background:transparent;box-shadow:none;color:#fff;white-space:nowrap}.sticky-action-bar .btn:before{content:"↓";margin-right:8px;font-size:17px}.sticky-action-bar:hover{transform:translateX(-50%) translateY(-2px);box-shadow:0 24px 72px rgba(0,158,227,.34)}
.faq-section{max-width:1180px}.faq-item{position:relative;border-radius:28px;margin-bottom:18px;box-shadow:0 18px 62px rgba(7,17,28,.07);opacity:0;transform:translateY(18px);animation:faqIn .7s cubic-bezier(.16,1,.3,1) forwards}.faq-item:nth-child(2){animation-delay:.05s}.faq-item:nth-child(3){animation-delay:.1s}.faq-item:nth-child(4){animation-delay:.15s}.faq-item:nth-child(5){animation-delay:.2s}.faq-item:nth-child(6){animation-delay:.25s}@keyframes faqIn{to{opacity:1;transform:none}}.faq-item summary{position:relative;padding:26px 72px 26px 30px;transition:color .2s ease,background .2s ease}.faq-item summary:after{content:"+";position:absolute;right:24px;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#eef8fe;color:var(--blue2);font-size:25px;line-height:1;font-weight:900;transition:.25s ease}.faq-item[open] summary{color:var(--blue2);background:linear-gradient(180deg,#fff,#f7fbfe)}.faq-item[open] summary:after{content:"−";background:var(--blue);color:#fff;transform:translateY(-50%) rotate(180deg)}.faq-item p{padding:0 72px 30px 30px;margin:0;color:var(--muted)}
@media(max-width:900px){.story-grid,.job-grid{margin-top:-38px}.job-info-strip.flat-strip{padding-bottom:50px}.job-info-banner{grid-template-columns:1fr 1fr;margin-top:-24px}.sticky-action-bar{bottom:10px}.sticky-action-bar .btn{width:auto}.faq-item summary{padding-right:66px}.faq-item p{padding-right:28px}}
@media(max-width:620px){.story-grid,.job-grid{margin-top:-26px}.job-info-banner{grid-template-columns:1fr;border-radius:24px}.job-info-banner article{min-height:0}.sticky-action-bar{width:auto;max-width:calc(100% - 20px)}.sticky-action-bar .btn{font-size:12px;padding:0 18px}.faq-item{border-radius:22px}.faq-item summary{font-size:18px;padding:22px 62px 22px 22px}.faq-item summary:after{right:18px;width:34px;height:34px}.faq-item p{font-size:16px;padding:0 22px 24px}}


/* v11 refinements */
.job-article-flat{
  max-width:var(--max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.job-article-flat .job-flat-section{
  max-width:1120px;
  margin-left:0;
  margin-right:auto;
}
.sticky-action-bar{
  position:fixed!important;
  left:50%!important;
  bottom:20px!important;
  transform:translateX(-50%)!important;
  z-index:1200!important;
  width:auto!important;
  min-width:0!important;
  max-width:calc(100% - 28px)!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px!important;
  border:1px solid rgba(0,157,223,.24)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 24px 70px rgba(7,11,16,.18),0 8px 24px rgba(0,157,223,.13)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
.sticky-action-bar div{display:none!important;}
.sticky-action-bar .btn{
  min-height:48px!important;
  padding:0 24px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,var(--blue),var(--blue2))!important;
  color:#fff!important;
  box-shadow:0 14px 34px rgba(0,158,227,.22)!important;
  white-space:nowrap!important;
}
.sticky-action-bar .btn:before{content:"↓";margin-right:9px;font-size:17px;}
.sticky-action-bar:hover{transform:translateX(-50%) translateY(-2px)!important;box-shadow:0 30px 82px rgba(7,11,16,.20),0 12px 32px rgba(0,157,223,.18)!important;}
@media(max-width:620px){
  .sticky-action-bar{bottom:12px!important;padding:8px!important;max-width:calc(100% - 18px)!important;}
  .sticky-action-bar .btn{min-height:46px!important;padding:0 18px!important;font-size:12px!important;}
}


/* v12 aanvraagflow en managed CMS pagina's */
.application-flow{margin-top:24px;border-radius:24px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);padding:20px 20px 18px}
.application-flow h3{color:#fff;font-size:24px;letter-spacing:-.03em;margin:0 0 14px}
.application-flow ol{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:flow}
.application-flow li{position:relative;padding-left:42px;color:rgba(255,255,255,.78);line-height:1.55}
.application-flow li:before{counter-increment:flow;content:counter(flow);position:absolute;left:0;top:1px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font-weight:900;font-size:13px;box-shadow:0 10px 26px rgba(0,158,227,.28)}
.application-flow b{display:block;color:#fff;font-size:15px;margin-bottom:2px}
.application-flow span{display:block;font-size:14px}
.experience-managed{padding-top:clamp(105px,9vw,155px);padding-bottom:clamp(120px,10vw,180px)}
.experience-managed .richtext{font-size:19px;line-height:1.78;max-width:1120px}
.experience-managed .richtext h2{font-size:clamp(34px,4.4vw,64px);line-height:1;letter-spacing:-.055em;margin-top:58px;margin-bottom:20px;color:var(--ink)}
.experience-managed .richtext h2:first-child{margin-top:0}
.experience-managed .richtext p,.experience-managed .richtext li{color:var(--muted)}

/* v13 sticky aanvraagknop + uitschuifformulier */
.job-flat-intro,
.job-article-flat{
  max-width:var(--max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:clamp(20px,5vw,64px)!important;
  padding-right:clamp(20px,5vw,64px)!important;
}
.job-story-flat,
.job-article-flat .job-flat-section{
  max-width:1120px!important;
  margin-left:0!important;
  margin-right:auto!important;
}
.job-article-flat .job-flat-section > *,
.job-article-flat .job-flat-section .richtext,
.job-article-flat .job-flat-section .richtext *{
  text-align:left!important;
}
.sticky-action-bar{
  position:fixed!important;
  left:50%!important;
  bottom:18px!important;
  transform:translateX(-50%)!important;
  z-index:1190!important;
  width:auto!important;
  max-width:calc(100% - 32px)!important;
  padding:7px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.90)!important;
  border:1px solid rgba(0,157,223,.22)!important;
  box-shadow:0 22px 66px rgba(7,17,28,.18),0 8px 22px rgba(0,157,223,.12)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
.sticky-action-bar:before{content:none!important;}
.sticky-apply-btn{
  display:flex;
  align-items:center;
  gap:12px;
  height:52px;
  padding:0 10px 0 20px;
  border-radius:999px;
  color:var(--ink);
  font-weight:900;
  letter-spacing:.01em;
}
.sticky-apply-btn span{display:block!important;color:var(--muted);font-size:12px;line-height:1;text-transform:uppercase;letter-spacing:.08em;margin:0}
.sticky-apply-btn b{display:flex;align-items:center;justify-content:center;min-height:40px;padding:0 18px;border-radius:999px;background:linear-gradient(180deg,var(--blue),var(--blue2));color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.04em;box-shadow:0 14px 34px rgba(0,158,227,.24)}
.sticky-apply-btn b:after{content:"↓";font-size:16px;margin-left:8px;line-height:1}
.sticky-action-bar .btn{display:none!important;}
.apply-side-tab{
  position:fixed;
  right:18px;
  top:50%;
  transform:translateY(-50%);
  z-index:1195;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  width:74px;
  min-height:112px;
  border-radius:999px;
  color:#fff;
  background:linear-gradient(180deg,var(--blue),var(--blue2));
  box-shadow:0 24px 70px rgba(0,158,227,.28),0 10px 28px rgba(7,17,28,.15);
  border:1px solid rgba(255,255,255,.22);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.05em;
  transition:transform .22s ease, box-shadow .22s ease;
}
.apply-side-tab span{font-size:11px;writing-mode:vertical-rl;transform:rotate(180deg);line-height:1}
.apply-side-tab b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;color:var(--blue2);font-size:12px;box-shadow:0 10px 24px rgba(7,17,28,.14)}
.apply-side-tab:hover{transform:translateY(-50%) translateX(-4px);box-shadow:0 30px 86px rgba(0,158,227,.36),0 14px 34px rgba(7,17,28,.18)}
.apply-drawer{position:fixed;inset:0;z-index:1300;pointer-events:none;visibility:hidden}
.apply-drawer:target{pointer-events:auto;visibility:visible}
.apply-drawer-backdrop{position:absolute;inset:0;background:rgba(7,17,28,.46);opacity:0;transition:opacity .32s ease;backdrop-filter:blur(4px)}
.apply-drawer:target .apply-drawer-backdrop{opacity:1}
.apply-drawer-panel{
  position:absolute;
  top:0;
  right:0;
  width:min(720px,100%);
  height:100%;
  overflow:auto;
  padding:clamp(28px,4vw,58px);
  background:#fff;
  box-shadow:-30px 0 90px rgba(7,17,28,.24);
  transform:translateX(104%);
  transition:transform .45s cubic-bezier(.16,1,.3,1);
}
.apply-drawer:target .apply-drawer-panel{transform:translateX(0)}
.apply-drawer-panel h2{font-size:clamp(32px,4vw,58px);margin:0 0 14px;color:var(--ink);line-height:1;letter-spacing:-.055em}
.apply-drawer-panel > p{font-size:17px;line-height:1.65;color:var(--muted);margin:0 0 24px;max-width:560px}
.apply-drawer-panel .apply{box-shadow:none;border-radius:28px;background:linear-gradient(180deg,#f7fbfe,#fff);border:1px solid var(--line);padding:24px}
.drawer-close{position:sticky;top:0;margin-left:auto;margin-bottom:18px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#07111c;color:#fff;font-size:28px;line-height:1;z-index:2;box-shadow:0 16px 42px rgba(7,17,28,.18)}
@media(max-width:900px){
  .apply-side-tab{right:10px;width:58px;min-height:96px}
  .apply-side-tab b{width:34px;height:34px;font-size:11px}
  .sticky-action-bar{bottom:12px!important;max-width:calc(100% - 20px)!important}
  .sticky-apply-btn{height:48px;padding-left:16px;gap:10px}
  .sticky-apply-btn span{display:none!important}
  .sticky-apply-btn b{min-height:38px;padding:0 16px;font-size:12px}
}
@media(max-width:620px){
  .apply-side-tab{display:none}
  .apply-drawer-panel{padding:24px 18px 34px}
  .apply-drawer-panel .apply{padding:18px;border-radius:22px}
}

/* v14 fixes: video orbit, side apply tab links, info tiles, richer pages */
.video-orbit{z-index:9!important;}

/* Sollicitatie tab links vast aan scherm, verticaal en los van scrollbar */
.apply-side-tab{
  left:0!important;
  right:auto!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:58px!important;
  min-height:178px!important;
  border-radius:0 24px 24px 0!important;
  padding:14px 8px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  background:linear-gradient(180deg,var(--blue),var(--blue2))!important;
  box-shadow:18px 22px 70px rgba(0,158,227,.28),8px 8px 24px rgba(7,17,28,.14)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-left:0!important;
  overflow:hidden!important;
}
.apply-side-tab:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 46%);pointer-events:none;}
.apply-side-tab span{
  position:relative!important;
  writing-mode:vertical-rl!important;
  transform:rotate(180deg)!important;
  font-size:12px!important;
  letter-spacing:.11em!important;
  line-height:1!important;
  color:#fff!important;
}
.apply-side-tab b{
  position:relative!important;
  width:38px!important;
  height:38px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:#fff!important;
  color:var(--blue2)!important;
  box-shadow:0 12px 26px rgba(7,17,28,.16)!important;
}
.apply-side-tab:hover{transform:translateY(-50%) translateX(3px)!important;box-shadow:22px 28px 82px rgba(0,158,227,.34),10px 12px 28px rgba(7,17,28,.18)!important;}

/* Vacature info: alleen moderne tegels, geen witte container */
.job-info-strip.flat-strip{background:#fff!important;padding-top:0!important;}
.job-info-banner{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  gap:14px!important;
  margin-top:-44px!important;
  overflow:visible!important;
}
.job-info-banner article{
  border-radius:24px!important;
  background:linear-gradient(180deg,#fff,#f4f9fd)!important;
  border:1px solid rgba(13,33,54,.10)!important;
  box-shadow:0 22px 66px rgba(7,17,28,.12)!important;
}
.job-info-banner article:hover{transform:translateY(-4px);box-shadow:0 28px 78px rgba(7,17,28,.15)!important;}

/* Ruimere visuele pagina's */
.visual-page{padding-top:clamp(110px,10vw,175px)!important;padding-bottom:clamp(110px,10vw,175px)!important;}
.visual-photo-card{position:relative;border-radius:34px;overflow:hidden;min-height:460px;box-shadow:var(--shadow);border:1px solid var(--line);background:#eaf5fb;}
.visual-photo-card img{width:100%;height:100%;min-height:460px;object-fit:cover;}
.visual-photo-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(7,17,28,.52));}
.visual-photo-card div{position:absolute;z-index:2;left:24px;right:24px;bottom:24px;border-radius:22px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);padding:18px 20px;box-shadow:0 16px 42px rgba(7,17,28,.16)}
.visual-photo-card b{display:block;color:var(--ink);font-size:22px;letter-spacing:-.03em;margin-bottom:4px;}
.visual-photo-card span{color:var(--muted);font-size:14px;line-height:1.45;}
.over-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-top:clamp(20px,3vw,45px);padding-bottom:clamp(95px,8vw,150px);}
.over-proof article{position:relative;overflow:hidden;border-radius:30px;background:linear-gradient(180deg,#fff,#f7fbfe);border:1px solid var(--line);box-shadow:0 18px 58px rgba(7,17,28,.08);padding:34px;min-height:240px;}
.over-proof article:before{content:"";position:absolute;right:-42px;bottom:-52px;width:130px;height:130px;border-radius:50%;background:rgba(0,158,227,.08);}
.over-proof span{display:inline-flex;color:var(--blue2);font-size:13px;font-weight:900;letter-spacing:.12em;margin-bottom:18px;}
.over-proof b{display:block;color:var(--ink);font-size:26px;line-height:1.05;letter-spacing:-.04em;margin-bottom:12px;}
.over-proof p{position:relative;color:var(--muted);font-size:16px;line-height:1.62;margin:0;}
.culture-grid{display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:18px;padding-top:clamp(95px,8vw,150px);padding-bottom:clamp(110px,10vw,180px);}
.culture-grid h2{font-size:clamp(34px,4.4vw,64px);line-height:1;letter-spacing:-.055em;margin:0;color:var(--ink);}
.culture-grid article{border-radius:28px;background:#07111c;color:#fff;padding:30px;box-shadow:0 20px 66px rgba(7,17,28,.16);}
.culture-grid article:nth-child(3){background:linear-gradient(135deg,#07111c,#133354)}
.culture-grid article:nth-child(4){background:linear-gradient(135deg,#0055a0,#009ddf)}
.culture-grid b{display:block;font-size:24px;margin-bottom:12px;color:#fff;}
.culture-grid p{margin:0;color:rgba(255,255,255,.78);line-height:1.62;}
.huiskamer-moments{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-top:0;padding-bottom:clamp(100px,9vw,160px);}
.huiskamer-moments article{border-radius:30px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 58px rgba(7,17,28,.08);padding:32px;}
.huiskamer-moments b{display:block;color:var(--ink);font-size:24px;letter-spacing:-.035em;margin-bottom:10px;}
.huiskamer-moments span{display:block;color:var(--muted);line-height:1.65;}

/* FAQ opnieuw ontworpen met iconen en motion */
.faq-layout{display:grid;grid-template-columns:.42fr .58fr;gap:clamp(30px,5vw,70px);align-items:start;padding-top:clamp(100px,8vw,150px);padding-bottom:clamp(125px,10vw,190px);}
.faq-layout .faq-section{padding:0!important;max-width:none!important;}
.faq-aside{position:sticky;top:110px;border-radius:34px;background:linear-gradient(135deg,#07111c,#13253a);color:#fff;padding:clamp(30px,4vw,52px);box-shadow:0 28px 88px rgba(7,17,28,.18);overflow:hidden;}
.faq-aside:before{content:"";position:absolute;right:-80px;top:-80px;width:210px;height:210px;border-radius:50%;border:34px solid rgba(255,255,255,.08)}
.faq-aside h2{position:relative;margin:0 0 16px;color:#fff;font-size:clamp(32px,4vw,56px);line-height:1;letter-spacing:-.055em;}
.faq-aside p{position:relative;color:rgba(255,255,255,.78);line-height:1.7;font-size:17px;margin:0 0 24px;}
.faq-aside .btn{position:relative;}
.faq-item{border-radius:28px!important;border:1px solid rgba(13,33,54,.10)!important;background:#fff!important;box-shadow:0 18px 62px rgba(7,17,28,.07)!important;overflow:hidden!important;margin-bottom:18px!important;opacity:0;transform:translateY(18px);animation:faqIn .72s cubic-bezier(.16,1,.3,1) forwards;}
.faq-item:nth-child(2){animation-delay:.05s}.faq-item:nth-child(3){animation-delay:.1s}.faq-item:nth-child(4){animation-delay:.15s}.faq-item:nth-child(5){animation-delay:.2s}.faq-item:nth-child(6){animation-delay:.25s}
.faq-item summary{display:block;position:relative;cursor:pointer;list-style:none;padding:28px 82px 28px 32px!important;font-size:22px!important;font-weight:900;color:var(--ink);transition:.22s ease;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary:after{content:"+";position:absolute;right:26px;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#eef8fe;color:var(--blue2);font-size:28px;line-height:1;font-weight:900;transition:.25s cubic-bezier(.16,1,.3,1);}
.faq-item[open] summary{color:var(--blue2);background:linear-gradient(180deg,#fff,#f7fbfe);}
.faq-item[open] summary:after{content:"−";background:var(--blue);color:#fff;transform:translateY(-50%) rotate(180deg);}
.faq-item p{padding:0 82px 32px 32px!important;margin:0!important;color:var(--muted);font-size:18px;line-height:1.72;}
@keyframes faqIn{to{opacity:1;transform:none}}

@media(max-width:1100px){.culture-grid{grid-template-columns:1fr 1fr}.culture-grid>div{grid-column:1/-1}.over-proof,.huiskamer-moments{grid-template-columns:1fr 1fr}.faq-layout{grid-template-columns:1fr}.faq-aside{position:relative;top:auto}}
@media(max-width:760px){.apply-side-tab{display:none!important}.over-proof,.huiskamer-moments,.culture-grid{grid-template-columns:1fr}.visual-photo-card,.visual-photo-card img{min-height:330px}.faq-item summary{font-size:18px!important;padding:22px 68px 22px 22px!important}.faq-item summary:after{right:18px;width:36px;height:36px}.faq-item p{font-size:16px;padding:0 22px 24px!important}.job-info-banner{margin-top:-26px!important;gap:10px!important}}

/* v15 - bedankpagina sollicitatie */
.thanks-page{background:#fff;overflow:hidden}.thanks-hero{position:relative;min-height:78vh;display:grid;align-items:center;padding:150px 0 86px;background:#fff}.thanks-bg,.thanks-overlay{position:absolute;inset:0}.thanks-bg img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.04);animation:heroDrift 18s ease-in-out infinite alternate}.thanks-overlay{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.92) 43%,rgba(255,255,255,.48) 68%,rgba(255,255,255,.08) 100%)}.thanks-hero:after{content:"";position:absolute;left:clamp(20px,5vw,72px);bottom:42px;width:min(520px,42vw);height:8px;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--blue2),transparent);animation:lineSlide 3s ease-in-out infinite}.thanks-hero-content{position:relative;z-index:2;max-width:850px;margin-left:0}.thanks-hero-content h1{margin:0;color:var(--ink);font-size:clamp(48px,7vw,96px);line-height:.92;letter-spacing:-.065em}.thanks-hero-content p{max-width:730px;margin:24px 0 0;color:#263545;font-size:clamp(18px,1.45vw,22px);line-height:1.65}.wait-therapy{padding-top:clamp(80px,9vw,130px);padding-bottom:clamp(56px,7vw,96px)}.wait-intro{display:grid;grid-template-columns:.78fr 1.22fr;gap:38px;align-items:end;margin-bottom:34px}.wait-intro h2,.expectation-panel h2{margin:0;color:var(--ink);font-size:clamp(34px,5vw,72px);line-height:.96;letter-spacing:-.055em}.wait-intro p{font-size:18px;line-height:1.72;color:var(--muted);margin:0}.therapy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.therapy-card{position:relative;min-height:280px;padding:34px;border-radius:30px;background:linear-gradient(180deg,#fff,#f6fbff);border:1px solid var(--line);box-shadow:0 22px 65px rgba(7,17,28,.08);overflow:hidden;transition:.25s ease}.therapy-card:hover{transform:translateY(-7px);box-shadow:0 32px 82px rgba(7,17,28,.13)}.therapy-card:before{content:"";position:absolute;right:-58px;top:-58px;width:150px;height:150px;border-radius:50%;background:rgba(0,157,223,.11)}.therapy-card span{display:inline-flex;width:46px;height:46px;border-radius:16px;align-items:center;justify-content:center;background:#eef8fe;color:var(--blue2);font-weight:900;margin-bottom:24px}.therapy-card b{display:block;color:var(--ink);font-size:24px;line-height:1.1;margin-bottom:12px}.therapy-card p{margin:0;color:var(--muted);line-height:1.65}.expectation-panel{display:grid;grid-template-columns:.72fr 1.28fr;gap:42px;align-items:start;padding:clamp(38px,5vw,68px);border-radius:38px;background:linear-gradient(135deg,#07111c,#142942);color:#fff;box-shadow:0 32px 95px rgba(7,17,28,.22);margin-bottom:clamp(74px,8vw,120px);position:relative;overflow:hidden}.expectation-panel:before{content:"";position:absolute;right:-110px;top:-110px;width:310px;height:310px;border-radius:50%;border:42px solid rgba(255,255,255,.06)}.expectation-panel h2{color:#fff}.expectation-panel .kicker{color:#8ddaff}.expectation-steps{position:relative;z-index:2;display:grid;gap:14px;margin:0;padding:0;list-style:none}.expectation-steps li{display:grid;grid-template-columns:190px 1fr;gap:22px;align-items:start;padding:20px 22px;border-radius:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px)}.expectation-steps b{color:#fff}.expectation-steps span{color:rgba(255,255,255,.76);line-height:1.58}.thanks-band{padding-top:0}@media(max-width:860px){.thanks-hero{min-height:72vh;padding-top:122px}.thanks-overlay{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.82))}.wait-intro,.expectation-panel{grid-template-columns:1fr}.therapy-grid{grid-template-columns:1fr}.expectation-steps li{grid-template-columns:1fr;gap:8px}.thanks-hero:after{width:58vw}}

/* v16 - sollicitatie drawer links -> rechts en premium zijtab */
.apply-side-tab{
  left:0!important;
  right:auto!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:1195!important;
  width:54px!important;
  height:184px!important;
  min-height:184px!important;
  padding:0!important;
  border-radius:0 28px 28px 0!important;
  display:block!important;
  background:linear-gradient(180deg,var(--blue),var(--blue2))!important;
  border:1px solid rgba(255,255,255,.24)!important;
  border-left:0!important;
  box-shadow:18px 24px 74px rgba(0,158,227,.30),8px 10px 28px rgba(7,17,28,.16)!important;
  overflow:hidden!important;
  transition:transform .24s cubic-bezier(.16,1,.3,1), box-shadow .24s cubic-bezier(.16,1,.3,1)!important;
}
.apply-side-tab:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 48%,rgba(7,17,28,.08))!important;
  pointer-events:none!important;
}
.apply-side-tab:after{
  content:""!important;
  position:absolute!important;
  right:-22px!important;
  top:22px!important;
  width:52px!important;
  height:52px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.13)!important;
  pointer-events:none!important;
}
.apply-side-tab span{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%) rotate(-90deg)!important;
  writing-mode:horizontal-tb!important;
  white-space:nowrap!important;
  color:#fff!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}
.apply-side-tab span:after{content:" nu";}
.apply-side-tab b{
  position:absolute!important;
  right:7px!important;
  bottom:9px!important;
  width:38px!important;
  height:38px!important;
  border-radius:999px!important;
  background:#fff!important;
  color:var(--blue2)!important;
  display:grid!important;
  place-items:center!important;
  box-shadow:0 12px 28px rgba(7,17,28,.18)!important;
  font-size:0!important;
}
.apply-side-tab b:before{
  content:"→"!important;
  font-size:20px!important;
  line-height:1!important;
  font-weight:900!important;
}
.apply-side-tab:hover{
  transform:translateY(-50%) translateX(5px)!important;
  box-shadow:22px 30px 88px rgba(0,158,227,.38),10px 14px 34px rgba(7,17,28,.20)!important;
}
.apply-drawer-panel{
  left:0!important;
  right:auto!important;
  box-shadow:30px 0 90px rgba(7,17,28,.24)!important;
  transform:translateX(-104%)!important;
}
.apply-drawer:target .apply-drawer-panel{transform:translateX(0)!important;}
.drawer-close{margin-left:0!important;margin-right:auto!important;}
@media(max-width:760px){.apply-side-tab{display:none!important}}

/* v17 - bedanktpagina, zijtab motion en vacature-info overlap */
.thanks-hero{min-height:82vh!important;padding-top:clamp(140px,12vw,190px)!important;padding-bottom:clamp(92px,8vw,135px)!important;}
.thanks-overlay{background:linear-gradient(90deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.98) 46%,rgba(255,255,255,.78) 66%,rgba(255,255,255,.28) 86%,rgba(255,255,255,.06) 100%)!important;}
.thanks-hero-content{max-width:920px!important;}
.thanks-hero-content p strong{color:var(--blue2);font-weight:900;}
.wait-therapy{padding-top:clamp(95px,9vw,145px)!important;}
.therapy-card{isolation:isolate;}
.therapy-card:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:5px;background:linear-gradient(90deg,var(--blue),var(--blue2));opacity:.9;transform:scaleX(.32);transform-origin:left;transition:transform .35s cubic-bezier(.16,1,.3,1);}
.therapy-card:hover:after{transform:scaleX(1);}
.expectation-panel{margin-top:clamp(28px,4vw,54px)!important;}
@media(max-width:860px){.thanks-hero{min-height:74vh!important}.thanks-overlay{background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.90) 76%,rgba(255,255,255,.72) 100%)!important}}

.job-info-banner{margin-top:-50px!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;gap:14px!important;}
.job-info-banner article{box-shadow:0 22px 70px rgba(7,17,28,.12), inset 0 0 0 1px rgba(13,33,54,.08)!important;background:linear-gradient(180deg,#ffffff,#f6fbff)!important;}
.job-info-strip.flat-strip{background:#fff!important;padding-bottom:clamp(72px,7vw,112px)!important;}
@media(max-width:900px){.job-info-banner{margin-top:-38px!important;gap:12px!important}.job-info-strip.flat-strip{padding-bottom:64px!important}}
@media(max-width:620px){.job-info-banner{margin-top:-28px!important}.job-info-strip.flat-strip{padding-bottom:52px!important}}

.apply-side-tab{transform:translateY(-50%)!important;transition:box-shadow .28s cubic-bezier(.16,1,.3,1),filter .28s cubic-bezier(.16,1,.3,1)!important;}
.apply-side-tab:before{background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,.04) 48%,rgba(7,17,28,.12))!important;}
.apply-side-tab:after{animation:sideTabPulse 2.8s ease-in-out infinite;}
.apply-side-tab:hover{transform:translateY(-50%)!important;filter:saturate(1.08) brightness(1.03);box-shadow:22px 30px 90px rgba(0,158,227,.42),10px 14px 34px rgba(7,17,28,.22)!important;}
.apply-side-tab:hover b{transform:scale(1.08) rotate(0.001deg);}
.apply-side-tab b{transition:transform .28s cubic-bezier(.16,1,.3,1)!important;}
@keyframes sideTabPulse{0%,100%{transform:scale(1);opacity:.26}50%{transform:scale(1.25);opacity:.12}}

/* v18 - SEO/GEO, performance en design finetuning */
/* Minder werk voor de browser onder de vouw zonder layout te breken. */
@supports (content-visibility:auto){
  main > section:not(.hero):not(.thanks-hero):not(.job-hero-clean):not(.job-info-strip){content-visibility:auto;contain-intrinsic-size:1px 780px;}
}

/* Bedankpagina: overlay dekt de volledige hero, ook bij geschaalde afbeelding. */
.thanks-hero{overflow:hidden!important;background:#fff!important;}
.thanks-bg{overflow:hidden!important;inset:0!important;}
.thanks-bg img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;}
.thanks-overlay{inset:-2px!important;width:calc(100% + 4px)!important;height:calc(100% + 4px)!important;background:linear-gradient(90deg,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 48%,rgba(255,255,255,.90) 66%,rgba(255,255,255,.52) 84%,rgba(255,255,255,.14) 100%)!important;z-index:1!important;}
.thanks-hero-content{z-index:2!important;}
@media(max-width:860px){.thanks-overlay{background:linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.96) 68%,rgba(255,255,255,.88) 100%)!important;}}

/* Oude, sterkere side-tab look teruggezet; hover blijft netjes vast aan de zijkant. */
.apply-side-tab{
  left:0!important;right:auto!important;top:50%!important;transform:translateY(-50%)!important;z-index:1195!important;
  width:54px!important;height:184px!important;min-height:184px!important;padding:0!important;border-radius:0 28px 28px 0!important;
  display:block!important;background:linear-gradient(180deg,var(--blue),var(--blue2))!important;border:1px solid rgba(255,255,255,.24)!important;border-left:0!important;
  box-shadow:18px 24px 74px rgba(0,158,227,.30),8px 10px 28px rgba(7,17,28,.16)!important;overflow:hidden!important;
  transition:box-shadow .28s cubic-bezier(.16,1,.3,1),filter .28s cubic-bezier(.16,1,.3,1)!important;
}
.apply-side-tab:before{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 48%,rgba(7,17,28,.08))!important;pointer-events:none!important;}
.apply-side-tab:after{content:""!important;position:absolute!important;right:-22px!important;top:22px!important;width:52px!important;height:52px!important;border-radius:50%!important;background:rgba(255,255,255,.13)!important;pointer-events:none!important;animation:sideTabPulse 2.8s ease-in-out infinite;}
.apply-side-tab span{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%) rotate(-90deg)!important;writing-mode:horizontal-tb!important;white-space:nowrap!important;color:#fff!important;font-size:12px!important;line-height:1!important;font-weight:900!important;letter-spacing:.13em!important;text-transform:uppercase!important;}
.apply-side-tab span:after{content:" nu";}
.apply-side-tab b{position:absolute!important;right:7px!important;bottom:9px!important;width:38px!important;height:38px!important;border-radius:999px!important;background:#fff!important;color:var(--blue2)!important;display:grid!important;place-items:center!important;box-shadow:0 12px 28px rgba(7,17,28,.18)!important;font-size:0!important;transition:transform .28s cubic-bezier(.16,1,.3,1)!important;}
.apply-side-tab b:before{content:"→"!important;font-size:20px!important;line-height:1!important;font-weight:900!important;}
.apply-side-tab:hover{transform:translateY(-50%)!important;filter:saturate(1.08) brightness(1.04);box-shadow:20px 30px 90px rgba(0,158,227,.42),10px 14px 34px rgba(7,17,28,.22)!important;}
.apply-side-tab:hover b{transform:scale(1.08);}
@media(max-width:760px){.apply-side-tab{display:none!important;}}

/* Vacature-info blijft mooi over de hero heen vallen. */
.job-info-banner{margin-top:-50px!important;position:relative!important;z-index:8!important;}
.job-info-strip.flat-strip{padding-top:0!important;}

/* Kleine SEO/performance finetuning voor media. */
img{height:auto;}

/* v19 - fixes kaarten, side tab, bedankt overlay en confetti */
.vacancies-list-section{position:relative;z-index:5;padding-top:clamp(42px,5vw,76px)!important;padding-bottom:clamp(92px,8vw,140px)!important;}
.vacancies-list-section .job-grid{margin-top:0!important;}
.page-hero.compact + .vacancies-list-section .job-grid{margin-top:0!important;}

/* Bedankpagina: overlay over volledige afbeelding, ook bij geschaalde hero. */
.thanks-hero{position:relative!important;overflow:hidden!important;background:#fff!important;isolation:isolate!important;}
.thanks-bg{position:absolute!important;inset:-4px!important;z-index:0!important;overflow:hidden!important;}
.thanks-bg img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transform:none!important;animation:none!important;}
.thanks-overlay{position:absolute!important;inset:-6px!important;z-index:1!important;width:auto!important;height:auto!important;background:linear-gradient(90deg,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 52%,rgba(255,255,255,.94) 68%,rgba(255,255,255,.62) 84%,rgba(255,255,255,.18) 100%)!important;pointer-events:none!important;}
.thanks-hero-content{position:relative!important;z-index:3!important;}
.thanks-hero:after{z-index:3!important;}
@media(max-width:860px){.thanks-overlay{background:linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.98) 62%,rgba(255,255,255,.92) 100%)!important;}}

/* Confetti op bedankpagina */
.confetti-layer{position:fixed;inset:0;z-index:1600;pointer-events:none;overflow:hidden;}
.confetti-piece{position:absolute;top:-24px;width:8px;height:14px;border-radius:3px;background:var(--blue);opacity:.95;animation:hapertConfetti var(--dur,2.8s) cubic-bezier(.2,.75,.3,1) forwards;transform:translate3d(0,0,0) rotate(0deg);}
.confetti-piece:nth-child(3n){background:var(--blue2);width:7px;height:12px;}
.confetti-piece:nth-child(4n){background:#07111c;width:6px;height:10px;}
.confetti-piece:nth-child(5n){background:#fff;border:1px solid rgba(7,17,28,.18);}
@keyframes hapertConfetti{0%{transform:translate3d(0,-20px,0) rotate(0deg);opacity:0}8%{opacity:.95}100%{transform:translate3d(var(--x,0),calc(100vh + 60px),0) rotate(var(--r,460deg));opacity:0}}

/* Side tab: oude krachtige vorm, strakker en zonder loskomen van zijkant */
.apply-side-tab{
  position:fixed!important;left:0!important;right:auto!important;top:50%!important;transform:translateY(-50%)!important;z-index:1195!important;
  width:62px!important;height:205px!important;min-height:205px!important;padding:0!important;border-radius:0 32px 32px 0!important;
  display:block!important;overflow:hidden!important;background:linear-gradient(180deg,var(--blue),var(--blue2))!important;border:1px solid rgba(255,255,255,.28)!important;border-left:0!important;
  box-shadow:18px 24px 74px rgba(0,158,227,.30),8px 10px 28px rgba(7,17,28,.16)!important;
  transition:box-shadow .28s cubic-bezier(.16,1,.3,1),filter .28s cubic-bezier(.16,1,.3,1)!important;
}
.apply-side-tab:before{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(255,255,255,.26),rgba(255,255,255,.03) 48%,rgba(7,17,28,.12))!important;pointer-events:none!important;}
.apply-side-tab:after{content:""!important;position:absolute!important;right:-24px!important;top:18px!important;width:58px!important;height:58px!important;border-radius:50%!important;background:rgba(255,255,255,.16)!important;pointer-events:none!important;animation:sideTabPulse 2.8s ease-in-out infinite!important;}
.apply-side-tab span{position:absolute!important;left:50%!important;top:48%!important;transform:translate(-50%,-50%) rotate(-90deg)!important;white-space:nowrap!important;color:#fff!important;font-size:13px!important;line-height:1!important;font-weight:900!important;letter-spacing:.14em!important;text-transform:uppercase!important;text-shadow:0 1px 16px rgba(7,17,28,.18)!important;}
.apply-side-tab span:after{content:""!important;}
.apply-side-tab b{position:absolute!important;left:50%!important;bottom:12px!important;transform:translateX(-50%)!important;width:40px!important;height:40px!important;border-radius:999px!important;background:#fff!important;color:var(--blue2)!important;display:grid!important;place-items:center!important;box-shadow:0 12px 28px rgba(7,17,28,.18)!important;font-size:0!important;transition:transform .28s cubic-bezier(.16,1,.3,1)!important;}
.apply-side-tab b:before{content:"→"!important;font-size:21px!important;line-height:1!important;font-weight:900!important;}
.apply-side-tab:hover{transform:translateY(-50%)!important;filter:saturate(1.08) brightness(1.04)!important;box-shadow:22px 30px 92px rgba(0,158,227,.44),10px 14px 34px rgba(7,17,28,.22)!important;}
.apply-side-tab:hover b{transform:translateX(-50%) scale(1.08)!important;}
@media(max-width:760px){.apply-side-tab{display:none!important}}

/* CMS grafiek basis indien stylesheet wordt meegeleverd */
.view-chart{width:100%;height:auto;display:block}.delete-box{border-color:#ffd1d1!important;background:#fff8f8!important}.danger-btn{background:#d92525!important;color:#fff!important}.expiry-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:#eef8fe;color:#096c9c;padding:7px 10px;font-size:12px;font-weight:800}.expiry-pill.danger{background:#ffe8e8;color:#a00000}.expiry-pill.ok{background:#eaf8ef;color:#176a32}

/* v20 - proof zonder containerachtergrond + listing cards overlappen hero */
.proof-grid{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}
.proof-grid article{
  background:linear-gradient(180deg,#fff,#f4faff)!important;
  box-shadow:0 18px 58px rgba(7,17,28,.08)!important;
}
.vacancies-list-section,
.listing-overlap{
  position:relative!important;
  z-index:6!important;
  padding-top:0!important;
  padding-bottom:clamp(96px,8vw,150px)!important;
}
.vacancies-list-section .job-grid,
.page-hero.compact + .vacancies-list-section .job-grid,
.listing-overlap .story-grid,
.page-hero.compact + .listing-overlap .story-grid{
  margin-top:-50px!important;
  position:relative!important;
  z-index:7!important;
}
.vacancies-list-section .job-card,
.listing-overlap .story-card{
  position:relative!important;
  z-index:8!important;
}
@media(max-width:760px){
  .vacancies-list-section .job-grid,
  .page-hero.compact + .vacancies-list-section .job-grid,
  .listing-overlap .story-grid,
  .page-hero.compact + .listing-overlap .story-grid{margin-top:-28px!important;}
}


/* v21 - listings overlap, CMS actions, doelgroepcopy ondersteuning */
.page-hero.compact,
.listing-hero{
  position:relative!important;
  z-index:1!important;
  overflow:visible!important;
}
.vacancies-list-section,
.listing-overlap{
  margin-top:-50px!important;
  padding-top:0!important;
  position:relative!important;
  z-index:30!important;
  overflow:visible!important;
  content-visibility:visible!important;
  contain-intrinsic-size:auto!important;
}
.vacancies-list-section .job-grid,
.page-hero.compact + .vacancies-list-section .job-grid,
.listing-overlap .story-grid,
.page-hero.compact + .listing-overlap .story-grid{
  margin-top:0!important;
  position:relative!important;
  z-index:31!important;
}
.vacancies-list-section .job-card,
.listing-overlap .story-card{
  position:relative!important;
  z-index:32!important;
}
@media(max-width:760px){
  .vacancies-list-section,
  .listing-overlap{margin-top:-32px!important;}
}


/* v22 - vacature hero exact uitlijnen met contentkolom */
.job-hero-flat .job-hero-clean-inner{
  width:min(var(--max),100%);
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:clamp(20px,5vw,64px)!important;
  padding-right:clamp(20px,5vw,64px)!important;
  display:block!important;
}
.job-hero-text-left{
  width:100%!important;
  max-width:1120px!important;
  margin-left:0!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}
.job-hero-text-left .job-subcopy.flat,
.job-hero-text-left h1,
.job-hero-text-left .actions{
  max-width:1040px!important;
}
.job-hero-text-left .kicker{
  margin-left:0!important;
}
@media(max-width:760px){
  .job-hero-flat .job-hero-clean-inner{
    padding-left:20px!important;
    padding-right:20px!important;
  }
  .job-hero-text-left{
    max-width:100%!important;
  }
}


/* v23 - vacature uitlijning, job-info overlap en extra premium motion */
:root{--ease-premium:cubic-bezier(.16,1,.3,1)}
.job-hero-flat .job-hero-clean-inner,
.job-flat-intro,
.job-article-flat{
  padding-left:clamp(36px,7vw,110px)!important;
  padding-right:clamp(24px,5vw,64px)!important;
}
.job-hero-text-left,
.job-flat-intro,
.job-article-flat{
  max-width:1180px!important;
}
.job-hero-text-left .job-subcopy.flat,
.job-hero-text-left h1,
.job-hero-text-left .actions{
  max-width:1060px!important;
}
.flat-strip,
.job-info-strip{
  position:relative!important;
  z-index:18!important;
  margin-top:-50px!important;
  padding-top:0!important;
  padding-bottom:clamp(52px,5vw,86px)!important;
}
.job-info-banner{
  position:relative!important;
  z-index:19!important;
  margin-top:0!important;
}
.job-info-banner article{
  transform:translateY(0);
  transition:transform .34s var(--ease-premium), box-shadow .34s var(--ease-premium), border-color .34s ease;
}
.job-info-banner article:hover{
  transform:translateY(-5px);
  border-color:rgba(0,158,227,.24)!important;
  box-shadow:0 22px 66px rgba(7,17,28,.12),0 10px 28px rgba(0,158,227,.08)!important;
}
@media(max-width:760px){
  .job-hero-flat .job-hero-clean-inner,
  .job-flat-intro,
  .job-article-flat{padding-left:22px!important;padding-right:22px!important;}
  .flat-strip,.job-info-strip{margin-top:-32px!important;padding-bottom:52px!important;}
}
/* premium motion laag: subtiel, zakelijk en niet schreeuwerig */
.job-card,.story-card,.target-card,.benefit-card,.proof-grid article,.value-card,.faq-item,.footer-cta-card{
  transition:transform .38s var(--ease-premium), box-shadow .38s var(--ease-premium), border-color .38s ease, background .38s ease;
  will-change:transform;
}
.job-card:hover,.story-card:hover,.target-card:hover,.benefit-card:hover,.proof-grid article:hover,.value-card:hover,.faq-item:hover{
  transform:translateY(-7px);
  box-shadow:0 30px 90px rgba(7,17,28,.13)!important;
  border-color:rgba(0,158,227,.18)!important;
}
.job-card .job-card-image img,.story-card img,.chapter-media img{
  transition:transform 1.1s var(--ease-premium), filter .6s ease;
}
.job-card:hover .job-card-image img,.story-card:hover img,.chapter-media:hover img{
  transform:scale(1.055);
  filter:saturate(1.05) contrast(1.03);
}
.btn,.sticky-apply-btn,.apply-side-tab{
  transition:transform .28s var(--ease-premium), box-shadow .28s ease, filter .28s ease;
}
.btn:hover,.sticky-apply-btn:hover{transform:translateY(-3px)}
.section-head,.intro-grid,.chapter-grid,.video-grid,.band-panel,.apply-band-grid{animation:softSectionIn .8s var(--ease-premium) both;animation-timeline:view();animation-range:entry 0% cover 28%;}
@keyframes softSectionIn{from{opacity:.55;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){
  .section-head,.intro-grid,.chapter-grid,.video-grid,.band-panel,.apply-band-grid{animation:none!important}
  .job-card,.story-card,.target-card,.benefit-card,.proof-grid article,.value-card,.faq-item,.footer-cta-card,.job-card img,.story-card img,.chapter-media img{transition:none!important}
}

/* v24 - job-info overlap, homepage proof redesign en premium mouse effects */
.job-page .job-info-strip.flat-strip,
.job-page .job-info-strip{
  position:relative!important;
  z-index:80!important;
  margin-top:-76px!important;
  padding-top:0!important;
  padding-bottom:clamp(78px,7vw,126px)!important;
  background:transparent!important;
  isolation:isolate;
}
.job-page .job-info-strip.flat-strip .wrap,
.job-page .job-info-strip .wrap{
  position:relative!important;
  z-index:82!important;
}
.job-page .job-info-banner{
  position:relative!important;
  z-index:83!important;
  margin-top:0!important;
  transform:translateY(0)!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(172px,1fr));
  gap:14px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.job-page .job-info-banner article{
  min-height:112px;
  border:1px solid rgba(13,33,54,.10)!important;
  border-radius:26px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(244,250,254,.96))!important;
  box-shadow:0 24px 76px rgba(7,17,28,.14),0 8px 30px rgba(0,158,227,.06)!important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.job-page .job-info-banner article:before{
  height:6px!important;
  border-radius:26px 26px 0 0;
}
@media(max-width:900px){
  .job-page .job-info-strip.flat-strip,.job-page .job-info-strip{margin-top:-54px!important;padding-bottom:72px!important;}
  .job-page .job-info-banner{grid-template-columns:1fr 1fr;gap:12px!important;}
}
@media(max-width:620px){
  .job-page .job-info-strip.flat-strip,.job-page .job-info-strip{margin-top:-38px!important;padding-bottom:58px!important;}
  .job-page .job-info-banner{grid-template-columns:1fr;}
}

/* Homepage proof: meer premium en minder vlak */
.hero + .proof{
  margin-top:clamp(34px,5vw,72px)!important;
  margin-bottom:clamp(76px,7vw,118px)!important;
}
.proof-grid{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  gap:clamp(16px,2vw,24px)!important;
}
.proof-grid article{
  position:relative;
  min-height:210px;
  padding:clamp(28px,3vw,42px)!important;
  border-radius:32px!important;
  overflow:hidden;
  background:
    radial-gradient(circle at var(--mx, 18%) var(--my, 15%),rgba(0,158,227,.18),transparent 34%),
    linear-gradient(145deg,#ffffff 0%,#f5fbff 58%,#eaf7fe 100%)!important;
  border:1px solid rgba(13,33,54,.10)!important;
  box-shadow:0 26px 84px rgba(7,17,28,.10), inset 0 1px 0 rgba(255,255,255,.8)!important;
  isolation:isolate;
}
.proof-grid article:before{
  content:"";
  position:absolute;
  inset:auto 24px 24px auto;
  width:92px;
  height:92px;
  border-radius:50%;
  background:rgba(0,158,227,.10);
  box-shadow:0 0 0 18px rgba(0,158,227,.045);
  z-index:-1;
  transition:transform .5s var(--ease-premium),opacity .35s ease;
}
.proof-grid article:after{
  content:"→";
  position:absolute;
  right:26px;
  top:24px;
  width:42px;
  height:42px;
  border-radius:15px;
  display:grid;
  place-items:center;
  color:#fff;
  font-weight:900;
  background:linear-gradient(180deg,var(--blue),var(--blue2));
  box-shadow:0 16px 38px rgba(0,158,227,.22);
}
.proof-grid article:nth-child(1):after{content:"01";font-size:13px;letter-spacing:.03em;}
.proof-grid article:nth-child(2):after{content:"60";font-size:13px;letter-spacing:.03em;}
.proof-grid article:nth-child(3):after{content:"✓";font-size:18px;}
.proof-grid article b{
  max-width:76%;
  font-size:clamp(24px,2.15vw,34px)!important;
  line-height:1.02;
  letter-spacing:-.045em;
  color:var(--ink)!important;
  margin-bottom:16px!important;
}
.proof-grid article span{
  display:block;
  max-width:92%;
  font-size:16px!important;
  line-height:1.62!important;
  color:#4d5b6b!important;
}
.proof-grid article:hover:before{transform:scale(1.18) translate(-8px,-8px);opacity:1;}
@media(max-width:760px){
  .hero + .proof{margin-top:28px!important;margin-bottom:86px!important;}
  .proof-grid article{min-height:170px;padding:26px!important;}
  .proof-grid article b{font-size:26px!important;}
}

/* Mouse spotlight: subtiel premium effect zonder zware JS */
.has-mouse-glow{
  position:relative;
  isolation:isolate;
}
.has-mouse-glow:where(.job-card,.story-card,.user-card,.benefit-design-card,.job-info-banner article,.faq-item)::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  opacity:0;
  z-index:2;
  background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(0,158,227,.16),transparent 35%);
  transition:opacity .28s ease;
}
.has-mouse-glow:where(.job-card,.story-card,.user-card,.benefit-design-card,.job-info-banner article,.faq-item):hover::after{opacity:1;}
.has-mouse-glow:where(.job-card,.story-card,.user-card,.benefit-design-card,.job-info-banner article,.faq-item)>*{position:relative;z-index:3;}

/* v26 - hero-afbeeldingen nooit herhalen, altijd volledige breedte/cover */
.hero,
.page-hero,
.page-hero.compact,
.experience-hero,
.group-hero,
.faq-hero,
.listing-hero,
.job-hero-flat,
.job-hero-clean,
.job-hero-v3,
.thanks-hero,
section[style*="background-image"]{
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center center!important;
  width:100%!important;
}

/* Ook inline/CMS hero-afbeeldingen met kleinere uploads worden nooit getegeld. */
.page-hero[style],
.experience-hero[style],
.group-hero[style],
section[style*="url("]{
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center center!important;
}

/* Visuele containers met echte img-tags blijven altijd cover en full bleed binnen hun vlak. */
.hero-bg img,
.job-hero-flat .hero-bg img,
.job-hero-clean .hero-bg img,
.job-hero-v3 .hero-bg img,
.thanks-bg img,
.chapter-media img,
.visual-photo-card img,
.story-card img,
.job-card img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

/* Onze Huiskamer: upload vanuit CMS altijd als volwaardige hero tonen. */
body .experience-hero.page-hero.compact{
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center center!important;
}

@media(max-width:760px){
  .page-hero,
  .experience-hero,
  .group-hero,
  .listing-hero,
  .job-hero-flat,
  .thanks-hero{
    background-position:center center!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
  }
}

/* v27 spam protection */
.hp-field{position:absolute!important;left:-9999px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.cf-turnstile{margin:18px 0 8px}
.apply[data-spam-protected="1"]{position:relative}

/* v28 - extra beleving: samen, team en familiebedrijf */
.culture-strap{padding:0!important;margin:calc(-1 * clamp(36px,4vw,72px)) 0 clamp(86px,8vw,150px);position:relative;z-index:6}
.culture-strap-inner{position:relative;overflow:hidden;border-radius:34px;background:linear-gradient(135deg,#07111c 0%,#12304c 62%,#009ddf 100%);color:#fff;padding:clamp(30px,4.8vw,62px);box-shadow:0 34px 110px rgba(7,17,28,.22);display:grid;grid-template-columns:.35fr .9fr 1fr;gap:clamp(18px,3vw,46px);align-items:center}
.culture-strap-inner:before{content:"SAMEN";position:absolute;right:-2vw;top:-34px;font-size:clamp(96px,12vw,190px);font-weight:900;letter-spacing:-.08em;color:rgba(255,255,255,.065);line-height:1;pointer-events:none}
.culture-strap-inner span{display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:900;color:#91dcff;position:relative;z-index:2}.culture-strap-inner span:before{content:"";width:38px;height:3px;border-radius:999px;background:#009ddf}.culture-strap-inner b{display:block;position:relative;z-index:2;font-size:clamp(30px,3.7vw,58px);line-height:.98;letter-spacing:-.055em}.culture-strap-inner p{position:relative;z-index:2;color:rgba(255,255,255,.8);font-size:18px;line-height:1.65;max-width:720px}
.proof-grid article,.culture-strap-inner,.band-panel,.chapter-media{will-change:transform}.proof-grid article:hover,.culture-strap-inner:hover{transform:translateY(-5px)}
@media(max-width:980px){.culture-strap-inner{grid-template-columns:1fr}.culture-strap{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.proof-grid article:hover,.culture-strap-inner:hover{transform:none}}


/* v29 card image/layout fixes */
.job-grid,.story-grid{align-items:stretch;position:relative;z-index:5}
.job-card,.story-card{height:100%;display:flex;flex-direction:column;background:#fff;border:1px solid rgba(13,33,54,.10);box-shadow:0 18px 54px rgba(7,17,28,.08);overflow:hidden}
.job-card-image,.story-card-image{display:block;width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,#eaf5fb,#f7fbfe);overflow:hidden;flex:0 0 auto}
.job-card-image img,.story-card-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .55s cubic-bezier(.16,1,.3,1),filter .35s ease}
.job-card:hover .job-card-image img,.story-card:hover .story-card-image img{transform:scale(1.055);filter:saturate(1.04) contrast(1.03)}
.job-card-body,.story-card-body{padding:clamp(24px,2.5vw,34px);display:flex;flex-direction:column;gap:14px;flex:1}
.story-card-meta,.job-card-meta{display:flex;gap:8px;flex-wrap:wrap;min-height:30px}
.story-card-meta span,.job-card-meta span{border-radius:999px;background:#eef8fe;color:#096c9c;padding:8px 11px;font-size:12px;font-weight:900;letter-spacing:.02em}
.story-card h3,.job-card h3{margin:0;color:var(--ink);font-size:clamp(25px,2.4vw,34px);line-height:1.05;letter-spacing:-.045em}
.story-card p,.job-card p{color:var(--muted);line-height:1.62;margin:0;flex:1;min-height:74px}
.story-card .btn,.job-card .btn{align-self:flex-start;margin-top:6px}
.story-card{opacity:0;transform:translateY(38px) scale(.98);transition:opacity .82s ease,transform .82s cubic-bezier(.16,1,.3,1),box-shadow .25s ease}
.story-card.in{opacity:1;transform:none}
.story-card:hover,.job-card:hover{box-shadow:0 26px 72px rgba(7,17,28,.12)}
/* keep listing cards visually in front of hero */
.vacancies-listing,.stories-listing,.page-listing,.listing-section{position:relative;z-index:8;margin-top:-50px;padding-top:0}
@media(max-width:760px){.story-card p,.job-card p{min-height:0}.story-card-body,.job-card-body{padding:24px}.story-card-meta,.job-card-meta{min-height:0}}

/* v30 - medewerker onboarding portaal */
.employee-login{min-height:calc(100vh - 160px);display:grid;align-items:center;padding:150px 0 90px;background:linear-gradient(180deg,#f7fbfe,#fff)}
.login-card{display:grid;grid-template-columns:1fr minmax(320px,460px);gap:clamp(28px,5vw,72px);align-items:center;background:#fff;border:1px solid rgba(13,33,54,.10);border-radius:34px;padding:clamp(30px,5vw,70px);box-shadow:0 26px 86px rgba(7,17,28,.10)}
.login-card h1{margin:0;font-size:clamp(42px,6vw,78px);line-height:.95;letter-spacing:-.06em;color:var(--ink)}
.login-card p{font-size:18px;line-height:1.68;color:var(--muted)}
.login-card form{display:grid;gap:14px}.login-card label{font-weight:900;color:var(--ink)}.login-card input{width:100%;margin-top:8px;border:1px solid rgba(13,33,54,.14);border-radius:16px;padding:15px;font:inherit}.form-error{background:#ffe8e8;color:#9a0000;border-radius:14px;padding:12px 14px;font-weight:800}
.employee-portal{background:#fff}.portal-hero{position:relative;overflow:hidden;padding:clamp(140px,16vw,210px) 0 clamp(70px,8vw,120px);background:linear-gradient(135deg,#07111c 0%,#12304c 62%,#009ddf 100%);color:#fff}.portal-hero:before{content:"";position:absolute;right:-8vw;top:-8vw;width:38vw;height:38vw;border-radius:50%;background:rgba(255,255,255,.08);box-shadow:0 0 0 46px rgba(255,255,255,.035)}.portal-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .55fr;gap:clamp(30px,5vw,72px);align-items:center}.portal-hero h1{margin:0;font-size:clamp(44px,7vw,92px);line-height:.9;letter-spacing:-.065em;color:#fff}.portal-hero p{font-size:18px;line-height:1.65;color:rgba(255,255,255,.78);max-width:760px}.portal-hero aside{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.20);border-radius:30px;padding:28px;backdrop-filter:blur(18px);box-shadow:0 24px 70px rgba(0,0,0,.20)}.portal-hero aside b{display:block;font-size:64px;letter-spacing:-.06em;color:#fff}.portal-hero aside span{font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:#91dcff}.portal-progress{height:12px;border-radius:999px;background:rgba(255,255,255,.18);overflow:hidden;margin:18px 0}.portal-progress i{display:block;height:100%;border-radius:inherit;background:#fff}.portal-progress.small{height:9px;background:#eaf2f8;margin-top:auto}.portal-progress.small i{background:linear-gradient(90deg,#009ddf,#007fb7)}.portal-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:-46px;position:relative;z-index:4}.portal-overview article{background:#fff;border:1px solid rgba(13,33,54,.10);border-radius:24px;padding:22px;box-shadow:0 18px 54px rgba(7,17,28,.10)}.portal-overview b{display:block;color:var(--ink);font-size:18px;margin-bottom:6px}.portal-overview span{color:var(--muted);line-height:1.5}.portal-section{padding-top:clamp(70px,8vw,120px)}.portal-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.portal-learning-card{min-height:260px;display:flex;flex-direction:column;gap:12px;padding:28px;border-radius:28px;background:#fff;border:1px solid rgba(13,33,54,.10);box-shadow:0 18px 54px rgba(7,17,28,.08);color:inherit;text-decoration:none;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease}.portal-learning-card:hover{transform:translateY(-8px);box-shadow:0 30px 82px rgba(7,17,28,.14)}.portal-learning-card span{align-self:flex-start;border-radius:999px;background:#eef8fe;color:#096c9c;padding:8px 11px;font-size:12px;font-weight:900}.portal-learning-card h3{margin:8px 0 0;font-size:24px;line-height:1.05;letter-spacing:-.04em;color:var(--ink)}.portal-learning-card p{color:var(--muted);line-height:1.58;margin:0;flex:1}.portal-task-list{display:grid;gap:14px}.portal-task{display:grid;grid-template-columns:46px 1fr;gap:18px;padding:22px;border-radius:24px;background:#fff;border:1px solid rgba(13,33,54,.10);box-shadow:0 14px 42px rgba(7,17,28,.06)}.portal-task.done{background:#f2fbf5;border-color:#cfeeda}.portal-task .task-check{width:46px;height:46px;border-radius:999px;display:grid;place-items:center;background:#eef8fe;color:#009ddf;font-size:22px;font-weight:900}.portal-task.done .task-check{background:#176a32;color:#fff}.portal-task b{color:var(--ink);font-size:18px}.portal-task p{margin:8px 0;color:var(--muted);line-height:1.58}.portal-task small{display:block;color:#657385;margin-bottom:12px}.portal-task form{margin:0}.portal-task button,.module-actions button{border:0;border-radius:999px;background:linear-gradient(180deg,#009ddf,#007fb7);color:#fff;padding:12px 18px;font-weight:900;cursor:pointer}.portal-naslag{display:grid;grid-template-columns:1fr .9fr;gap:28px;align-items:center;background:linear-gradient(135deg,#07111c,#12304c);color:#fff;border-radius:34px;padding:clamp(32px,5vw,64px);box-shadow:0 28px 88px rgba(7,17,28,.20)}.portal-naslag h2{margin:0;font-size:clamp(34px,5vw,64px);line-height:.96;letter-spacing:-.055em;color:#fff}.portal-naslag p{color:rgba(255,255,255,.78);font-size:18px;line-height:1.65}.naslag-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}.naslag-links a{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:16px;color:#fff;text-decoration:none;font-weight:900}.module-page{padding-top:150px;padding-bottom:100px;max-width:980px}.module-page h1{font-size:clamp(42px,6vw,78px);line-height:.95;letter-spacing:-.06em}.module-page .richtext{margin-top:28px;background:#fff;border:1px solid rgba(13,33,54,.10);border-radius:28px;padding:clamp(28px,4vw,54px);box-shadow:0 18px 54px rgba(7,17,28,.08)}.module-actions{display:flex;gap:12px;margin-top:24px}.module-actions .dark{background:#07111c}
@media(max-width:980px){.login-card,.portal-hero-grid,.portal-naslag{grid-template-columns:1fr}.portal-overview,.portal-card-grid{grid-template-columns:1fr 1fr}.portal-hero{padding-top:130px}.naslag-links{grid-template-columns:1fr}}
@media(max-width:680px){.portal-overview,.portal-card-grid{grid-template-columns:1fr}.portal-task{grid-template-columns:1fr}.module-actions{display:grid}.login-card{padding:26px}.employee-login{padding-top:120px}}

/* v31 onboarding learning flow */
.learning-flow{max-width:1120px}.module-lead{max-width:820px;color:var(--muted);font-size:18px;line-height:1.65}.learning-shell{margin-top:34px;display:grid;grid-template-columns:320px 1fr;gap:24px;align-items:start}.learning-steps{position:sticky;top:100px;display:grid;gap:10px}.learning-step-nav{appearance:none;border:1px solid rgba(13,33,54,.10);border-radius:20px;background:#fff;color:var(--ink);display:grid;grid-template-columns:44px 1fr;align-items:center;gap:12px;text-align:left;padding:14px;box-shadow:0 14px 36px rgba(7,17,28,.06);cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease}.learning-step-nav:hover{transform:translateY(-3px);box-shadow:0 20px 54px rgba(7,17,28,.10);border-color:rgba(0,157,223,.28)}.learning-step-nav.active{background:linear-gradient(135deg,#07111c,#12304c);color:#fff;border-color:rgba(0,157,223,.26)}.learning-step-nav b{width:44px;height:44px;border-radius:999px;display:grid;place-items:center;background:#eef8fe;color:#007fb7;font-size:12px}.learning-step-nav.active b{background:#009ddf;color:#fff}.learning-step-nav span{font-weight:900;line-height:1.25}.learning-step-panels{min-width:0}.learning-step-panel{display:none;animation:stepIn .35s ease both}.learning-step-panel.active{display:block}.learning-step-panel>small{display:inline-flex;margin-bottom:12px;border-radius:999px;background:#eef8fe;color:#007fb7;padding:8px 12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.learning-step-panel .richtext{margin-top:0}.learning-step-panel .richtext h2:first-child{margin-top:0}.learning-video{margin-top:26px;border-radius:28px;overflow:hidden;background:#000;box-shadow:0 24px 70px rgba(7,17,28,.18);aspect-ratio:16/9}.learning-video iframe{width:100%;height:100%;border:0}.module-actions{position:sticky;bottom:16px;z-index:12;background:rgba(255,255,255,.88);border:1px solid rgba(13,33,54,.10);border-radius:999px;padding:10px;box-shadow:0 22px 60px rgba(7,17,28,.14);backdrop-filter:blur(16px)}@keyframes stepIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(max-width:900px){.learning-shell{grid-template-columns:1fr}.learning-steps{position:relative;top:auto;grid-template-columns:1fr 1fr}.module-actions{border-radius:26px;display:grid}}@media(max-width:620px){.learning-steps{grid-template-columns:1fr}.learning-step-nav{grid-template-columns:38px 1fr}.learning-step-nav b{width:38px;height:38px}.module-page{padding-top:120px}}

/* v36 - sollicitatie drawer zonder scroll + extra CMS rust */
.apply-drawer.is-open{pointer-events:auto!important;visibility:visible!important}
.apply-drawer.is-open .apply-drawer-backdrop{opacity:1!important}
.apply-drawer.is-open .apply-drawer-panel{transform:translateX(0)!important}
body.drawer-open{overflow:hidden}
html.drawer-open{scroll-behavior:auto!important}

/* v42 - compactere verhalen + premium verhaalpagina */
.story-grid-compact{gap:16px!important}
.story-card-compact{border-radius:22px!important;box-shadow:0 14px 42px rgba(7,17,28,.07)!important}
.story-card-compact .story-card-image{display:block;aspect-ratio:16/8.8;overflow:hidden;background:#eaf5fb}
.story-card-compact img{height:100%!important;width:100%;object-fit:cover;transition:transform .4s ease}
.story-card-compact:hover img{transform:scale(1.045)}
.story-card-compact .story-card-body,.story-card-compact div{padding:20px!important}
.story-card-compact .story-card-meta{padding:0!important;margin-bottom:10px;min-height:0!important}
.story-card-compact h3{font-size:clamp(22px,2vw,28px)!important;margin:0 0 8px!important;line-height:1.05}
.story-card-compact p{font-size:15px!important;line-height:1.52!important;min-height:48px!important;margin:0!important;color:var(--muted)}
.story-card-compact .btn{margin-top:10px!important;padding:12px 16px!important}
.story-detail-premium{position:relative;overflow:hidden;background:linear-gradient(135deg,#f7fbfe 0%,#fff 54%,#eaf7fd 100%)}
.story-detail-premium:before{content:"";position:absolute;right:-120px;top:-120px;width:360px;height:360px;border-radius:50%;background:rgba(0,157,223,.12);box-shadow:0 0 0 48px rgba(0,157,223,.05)}
.story-detail-premium:after{content:"";position:absolute;left:clamp(20px,5vw,70px);bottom:0;width:min(540px,50vw);height:7px;border-radius:99px;background:linear-gradient(90deg,var(--blue),rgba(0,157,223,0))}
.story-detail-premium .story-detail-grid{position:relative;z-index:2;align-items:center;grid-template-columns:minmax(0,1fr) minmax(320px,460px)}
.story-hero-copy h1{margin-bottom:26px}
.story-hero-quote{position:relative;margin:0;max-width:760px;border:1px solid rgba(13,33,54,.10);border-radius:28px;background:rgba(255,255,255,.82);box-shadow:0 22px 70px rgba(7,17,28,.10);padding:28px 30px 28px 74px;backdrop-filter:blur(16px)}
.story-hero-quote span,.story-inline-quote span{position:absolute;font-size:82px;line-height:1;color:var(--blue);font-weight:900;letter-spacing:-.08em}
.story-hero-quote span{left:24px;top:12px}.story-hero-quote p{margin:0!important;font-size:clamp(21px,2.4vw,32px)!important;line-height:1.32!important;color:var(--ink)!important;font-weight:900;letter-spacing:-.03em}
.story-hero-image{position:relative;border-radius:34px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line);background:#eaf5fb;min-height:420px}
.story-hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(7,17,28,.10));pointer-events:none}
.story-hero-image img{width:100%;height:100%;min-height:420px;object-fit:cover;display:block}
.story-article-layout{display:grid;grid-template-columns:300px minmax(0,850px);gap:34px;align-items:start;margin-top:-36px;position:relative;z-index:5;padding-bottom:40px}
.story-aside{position:sticky;top:110px;background:#07111c;color:#fff;border-radius:28px;padding:26px;box-shadow:0 22px 68px rgba(7,17,28,.18);overflow:hidden}
.story-aside:before{content:"";position:absolute;right:-70px;bottom:-70px;width:170px;height:170px;border-radius:50%;background:rgba(0,157,223,.20)}
.story-aside .kicker{color:#91dcff}.story-aside b{display:block;position:relative;font-size:28px;line-height:1.05;letter-spacing:-.04em;margin:12px 0;color:#fff}.story-aside p{position:relative;color:rgba(255,255,255,.72);line-height:1.55}.story-aside .text-link{position:relative;color:#fff;margin-top:18px}
.story-article-card{background:#fff;border:1px solid rgba(13,33,54,.10);border-radius:34px;padding:clamp(30px,4vw,58px);box-shadow:0 24px 76px rgba(7,17,28,.08)}
.story-article-card .lead{font-size:clamp(21px,2.1vw,28px);line-height:1.55;color:#1d2a38;font-weight:800;letter-spacing:-.025em;margin-bottom:32px;padding-bottom:28px;border-bottom:1px solid rgba(13,33,54,.10)}
.story-richtext{font-size:18px;line-height:1.82;color:#344152}.story-richtext h2{font-size:clamp(32px,3.5vw,48px);margin-top:44px;position:relative}.story-richtext h2:before{content:"";display:block;width:52px;height:6px;border-radius:99px;background:var(--blue);margin-bottom:14px}.story-richtext h3{font-size:28px}.story-richtext ul,.story-richtext ol{background:#f7fbfe;border:1px solid rgba(13,33,54,.08);border-radius:24px;padding:20px 24px 20px 44px;margin:24px 0}.story-richtext li{margin:10px 0;padding-left:2px}.story-richtext p:first-child{margin-top:0}
.story-inline-quote{position:relative;margin:42px 0 0;border-radius:28px;background:linear-gradient(135deg,#07111c,#12304c);color:#fff;padding:30px 34px 30px 78px;box-shadow:0 22px 70px rgba(7,17,28,.16)}
.story-inline-quote span{left:26px;top:14px;color:#91dcff}.story-inline-quote p{font-size:24px;line-height:1.4;font-weight:900;margin:0;color:#fff;letter-spacing:-.03em}.story-more-band{padding:28px 0 90px!important}
@media(max-width:1180px){.story-article-layout{grid-template-columns:1fr;margin-top:0}.story-aside{position:relative;top:auto}.story-detail-premium .story-detail-grid{grid-template-columns:1fr}.story-hero-image{max-width:620px}}
@media(max-width:760px){.story-card-compact p{min-height:0!important}.story-card-compact .story-card-body,.story-card-compact div{padding:18px!important}.story-hero-quote{padding:24px 22px 24px 58px}.story-hero-quote span,.story-inline-quote span{font-size:66px}.story-hero-quote span{left:18px;top:12px}.story-article-card{border-radius:26px}.story-inline-quote{padding:26px 24px 26px 62px}.story-detail-premium:after{width:70vw}}


/* v50 - homepage video, proof cards and target cards refinement */
.hero-video-chip{
  position:absolute;
  right:clamp(24px,6vw,92px);
  bottom:clamp(28px,5vw,74px);
  z-index:4;
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding:13px 17px 13px 13px;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(13,33,54,.10);
  box-shadow:0 18px 52px rgba(7,17,28,.14);
  backdrop-filter:blur(14px);
  color:var(--ink);
  font-weight:900;
}
.hero-video-chip span{
  width:38px;height:38px;border-radius:999px;
  display:grid;place-items:center;
  background:linear-gradient(135deg,var(--blue),var(--blue2));
  color:#fff;font-size:14px;
}
.video-hero-btn{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff!important;border-color:transparent!important;}
.proof{overflow:visible!important;}
.proof .wrap,.proof-grid{overflow:visible!important;}
.proof-grid{
  box-shadow:0 18px 50px rgba(7,17,28,.07)!important;
  background:rgba(255,255,255,.96)!important;
}
.proof-grid article{
  box-shadow:0 8px 24px rgba(7,17,28,.055)!important;
  transform:none!important;
  transition:box-shadow .22s ease,border-color .22s ease,background .22s ease!important;
}
.proof-grid article:hover{
  transform:none!important;
  box-shadow:0 12px 30px rgba(7,17,28,.08)!important;
  border-color:rgba(0,157,223,.22)!important;
}
.proof-grid article.in{transform:none!important;}
.user-card.has-mouse-glow::after{display:none!important;}
.user-card{
  background:#fff!important;
  box-shadow:0 18px 54px rgba(7,17,28,.08)!important;
  border:1px solid rgba(13,33,54,.10)!important;
}
.user-card:hover{
  background:#fff!important;
  transform:none!important;
  box-shadow:0 22px 64px rgba(7,17,28,.10)!important;
}
.user-card .icon,.user-card h3,.user-card p{position:relative;z-index:2;}
@media(max-width:760px){.hero-video-chip{position:relative;right:auto;bottom:auto;margin-top:22px}.hero-copy .actions{align-items:stretch}.video-hero-btn{width:100%;}}

/* v52 - homepage hero video mode */
.hero-bg-video{
  position:absolute;
  top:50%;left:50%;
  width:100vw;
  height:56.25vw;
  min-width:177.78vh;
  min-height:100vh;
  transform:translate(-50%,-50%) scale(1.02);
  border:0;
  pointer-events:none;
  filter:saturate(1.02) contrast(1.03);
}
.hero-has-video .hero-bg:after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(7,17,28,.08);
  z-index:1;
  pointer-events:none;
}
.hero-has-video .hero-video-chip{
  right:clamp(24px,6vw,92px);
  bottom:clamp(28px,5vw,74px);
}
@media(max-width:760px){
  .hero-has-video .hero-bg-video{transform:translate(-50%,-50%) scale(1.22)}
}

/* v53 - YouTube hero: eerst afbeelding, daarna rustige fade-in video */
.hero-has-video .hero-bg{
  background:#07111c;
}
.hero-bg-fallback{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  z-index:0;
  filter:saturate(1.03) contrast(1.03);
}
.hero-has-video .hero-bg-video{
  z-index:1;
  opacity:0;
  transform:translate(-50%,-50%) scale(1.22);
  transition:opacity 1.25s ease;
}
.hero-has-video.hero-video-ready .hero-bg-video{
  opacity:1;
}
.hero-has-video .hero-bg:after{
  z-index:2;
  background:linear-gradient(90deg,rgba(255,255,255,.42) 0%,rgba(255,255,255,.22) 36%,rgba(7,17,28,.14) 100%);
}
.hero-has-video .hero-copy,
.hero-has-video .hero-video-chip,
.hero-has-video .pulse{
  z-index:4;
}
@media(max-width:760px){
  .hero-has-video .hero-bg-video{transform:translate(-50%,-50%) scale(1.42)}
}


/* v54 - homepage proof grid transparant + hero terug naar afbeelding */
.proof-grid{
  background:transparent!important;
  box-shadow:none!important;
  border-color:transparent!important;
  padding:0!important;
}
.proof-grid article{
  box-shadow:0 10px 30px rgba(7,17,28,.055)!important;
}
.proof-grid article:hover{
  transform:none!important;
  box-shadow:0 14px 36px rgba(7,17,28,.08)!important;
}
.hero-bg-video,
.hero-bg-fallback{
  display:none!important;
}

/* v55 - vacatures overzicht + gerelateerde vacatures */
.vacancies-listing{
  position:relative;
  z-index:3;
}
.category-pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 26px;
}
.category-pills a,
.category-pills button{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(7,17,28,.10);
  color:#07111c;
  font-weight:800;
  text-decoration:none;
  box-shadow:0 8px 22px rgba(7,17,28,.055);
}
.category-pills a:hover,
.category-pills button:hover,
.category-pills a.active,
.category-pills button.active{
  border-color:rgba(0,157,223,.42);
  box-shadow:0 12px 28px rgba(0,157,223,.13);
}
.related-jobs-section{
  margin-top:clamp(46px,7vw,92px);
  margin-bottom:clamp(36px,6vw,76px);
}
.related-jobs-section .job-grid{
  margin-top:18px;
}
.compact-head{
  max-width:760px;
  margin-bottom:18px;
}

/* v56 - vacaturefilters zichtbaar boven kaartoverlap */
.vacancies-listing{
  position:relative!important;
  z-index:8!important;
}
.vacancies-listing .category-pills{
  position:relative!important;
  z-index:25!important;
  transform:translateY(-72px);
  margin-bottom:-46px!important;
  padding:8px 0 4px;
  pointer-events:auto;
}
.vacancies-listing .category-pills a,
.vacancies-listing .category-pills button{
  position:relative;
  z-index:26;
  background:rgba(255,255,255,.96)!important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.vacancies-listing .job-grid{
  position:relative;
  z-index:10;
}
@media(max-width:860px){
  .vacancies-listing .category-pills{
    transform:translateY(-42px);
    margin-bottom:-20px!important;
  }
}

/* v57 - vacaturecategorieën als echte filterknoppen */
.category-pills button{
  appearance:none;
  -webkit-appearance:none;
  border:1px solid rgba(7,17,28,.10);
  font-family:inherit;
  cursor:pointer;
}
.category-pills button:focus-visible{
  outline:3px solid rgba(0,157,223,.28);
  outline-offset:3px;
}
.job-card[hidden]{
  display:none!important;
}
.vacancy-filter-empty{
  margin-top:20px;
}