/* Werkpagina: paginakop, casekaarten, lege plek-kaart */

.page-hero{position:relative;overflow:hidden;padding:clamp(48px,6vw,88px) 0 clamp(30px,4vw,48px);}
.page-hero__glow{
  position:absolute;top:-120px;left:-100px;width:400px;height:400px;pointer-events:none;
  background:radial-gradient(circle,rgba(1,190,230,.14),rgba(1,190,230,0) 70%);
}
.page-hero__inner{position:relative;max-width:820px;margin:0 auto;text-align:center;}
.page-hero__inner h1{font-size:clamp(34px,5vw,54px);line-height:1.08;margin:0 0 20px;}
.page-hero__inner .lead{max-width:600px;margin:0 auto;}

.cases{padding:clamp(20px,3vw,32px) 0 clamp(60px,8vw,100px);}
.cases .grid{gap:26px;}

.work-card{
  display:flex;flex-direction:column;text-decoration:none;
  border:1px solid var(--line);border-radius:22px;overflow:hidden;
  background:var(--white);transition:all .18s;
}
.work-card:hover{border-color:#CDE9F1;box-shadow:0 20px 50px rgba(16,15,108,.13);transform:translateY(-4px);}
.work-card__thumb{
  display:flex;align-items:center;justify-content:center;height:210px;
  font-family:var(--font-display);font-weight:800;font-size:40px;color:rgba(255,255,255,.92);
}
.thumb-a{background:linear-gradient(135deg,#100F6C,#241F9E);}
.thumb-b{background:linear-gradient(135deg,#0A7A93,#01BEE6);}
.thumb-c{background:linear-gradient(135deg,#1B1888,#0A7A93);}
.work-card__body{display:flex;flex-direction:column;flex:1;padding:24px 24px 26px;}
.work-card__name{
  font-family:var(--font-display);font-weight:700;font-size:22px;color:var(--navy);margin-bottom:8px;
}
.work-card__desc{font-size:15px;line-height:1.6;color:var(--slate);flex:1;margin-bottom:18px;}
.more{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:700;color:var(--cyan-dark);}

.work-empty{
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  border:2px dashed #DDE6EF;border-radius:22px;padding:40px 28px;background:#FAFCFE;min-height:220px;
}
.work-empty .icon-box{margin-bottom:16px;}
.work-empty h3{margin:0 0 8px;}
.work-empty p{font-size:15px;line-height:1.55;color:var(--slate);margin:0 0 18px;max-width:230px;}
.work-empty__link{font-weight:700;font-size:14px;color:var(--cyan-dark);}

.section-cta{padding:0 0 clamp(64px,8vw,104px);}
.cta-panel--center{text-align:center;}
.cta-panel--center p{margin-left:auto;margin-right:auto;}
.cta-panel--center .btn-row{justify-content:center;}