/* One visual system for Business Development, Technical Sales and Partnerships. */
.work-page .problem-grid > article {
  position: relative;
  min-height: 270px;
  padding: 28px;
  overflow: hidden;
  border: 1px solid rgba(36,91,143,.18);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(17,24,39,.065);
  transition: transform .28s ease, box-shadow .28s ease;
}
.work-page .problem-grid > article::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(90deg,#245B8F,#75b8d9);
}
.work-page .problem-grid > article:hover {
  transform: translateY(-7px);
  box-shadow: 0 24px 44px rgba(36,91,143,.17);
}
.work-page .problem-grid .icon-badge,
.work-page .problem-grid .number {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  margin: 12px 0 25px;
  border-radius: 16px;
  background: #EAF1F6;
  color: #245B8F;
}
.work-page .problem-grid .number { font-size: 1rem; letter-spacing: .07em; }
.work-page .problem-grid h3 { margin: 0 0 13px; font-size: clamp(1.05rem,1.2vw,1.22rem); }
.work-page .problem-grid p { font-size: .9rem; }

/* A rising path across a quiet mountain silhouette. */
.work-page .steps,
.work-page .milestone-path {
  position: relative;
  isolation: isolate;
}
.work-page .steps::before,
.work-page .milestone-path::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 2% -2% -10%;
  background: linear-gradient(135deg,rgba(36,91,143,.035),rgba(36,91,143,.14));
  clip-path: polygon(0 88%, 16% 70%, 29% 78%, 43% 51%, 55% 63%, 72% 32%, 83% 42%, 100% 6%, 100% 100%, 0 100%);
  pointer-events: none;
}
.work-page .steps article,
.work-page .milestone-path .milestone {
  z-index: 1;
  border-color: rgba(36,91,143,.23);
  box-shadow: 0 16px 34px rgba(36,91,143,.11);
}
.work-page .steps article::before,
.work-page .milestone-path .milestone::before {
  content: "";
  display: block;
  width: 36px;
  height: 3px;
  margin-bottom: 19px;
  border-radius: 3px;
  background: #245B8F;
}

/* The same mountain artwork sits behind the unchanged rising card positions. */
.work-page .work-rise {
  background-color: #EAF1F6;
  background-image:
    linear-gradient(100deg,rgba(244,241,236,.97) 0%,rgba(234,241,246,.9) 51%,rgba(234,241,246,.64) 100%),
    url("/assets/carlos-rosario-wirkung.webp");
  background-position: center,center 57%;
  background-size: cover;
}
.work-page .work-rise .steps::before,
.work-page .work-rise .milestone-path::before { display:none; }

/* Shared responsive intersection graphic, beside the explanatory copy. */
.work-graphic-card{display:grid;place-items:center;width:100%;min-width:0;margin:0;padding:clamp(18px,3vw,38px);border:1px solid #245b8f29;border-radius:28px;background:radial-gradient(circle at 75% 22%,#fff,#eaf1f6);box-shadow:0 24px 54px #11182712}
.growth-diagram{position:relative;width:min(100%,500px);aspect-ratio:1.12}
.growth-circle{position:absolute;display:flex;align-items:center;justify-content:center;width:57%;aspect-ratio:1;border:1px solid #245b8f66;border-radius:50%;background:#dbe9f4a8;text-align:center;transition:background .3s,scale .3s}
.growth-circle:nth-child(1){top:0;left:21.5%;align-items:flex-start;padding-top:16%}
.growth-circle:nth-child(2){bottom:0;left:0;justify-content:flex-start;padding-left:7%}
.growth-circle:nth-child(3){bottom:0;right:0;justify-content:flex-end;padding-right:7%}
.growth-circle strong{max-width:72%;font-size:clamp(.72rem,1.25vw,1.05rem);line-height:1.25;color:#111827}
.growth-circle:hover{scale:1.025;background:#cbe0f0e6}
.growth-core{position:absolute;inset:43% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:26%;height:auto;min-height:0;aspect-ratio:1;padding:8px;border-radius:50%;background:#245b8f;color:#fff;text-align:center;font-size:clamp(.65rem,1.05vw,.9rem);font-weight:750;line-height:1.25;box-shadow:0 12px 28px #245b8f40;animation:work-core-glow 4s ease-in-out infinite}
@keyframes work-core-glow{50%{box-shadow:0 16px 38px #245b8f70}}
@media(max-width:620px){.work-page .problem-grid>article{min-height:0}.work-page .work-rise{background-position:center,62% center}.growth-circle strong{font-size:.76rem}.growth-core{font-size:.68rem}}
@media(prefers-reduced-motion:reduce){.growth-core{animation:none}.growth-circle,.work-page .problem-grid>article{transition:none}}

/* About-page card language: soft potential cards and contrasting topic cards. */
.work-page .problem-grid>article{padding:32px;border-radius:24px;background:radial-gradient(circle at 72% 28%,#fff,#eaf1f6);box-shadow:0 22px 55px #11182712}
.work-page .problem-grid>article::before{inset:-42px -42px auto auto;width:145px;height:145px;border:1px solid #245b8f18;border-radius:50%;background:none}
.work-page .problem-grid h3{font-size:clamp(1.2rem,1.5vw,1.5rem)}
.work-page .offer-card,.work-page .outcome{position:relative;overflow:hidden;padding:32px;border:0;border-radius:22px;background:#111827;box-shadow:none}
.work-page .offer-card:nth-child(3n+2),.work-page .outcome:nth-child(3n+2){background:#18334b}
.work-page .offer-card:nth-child(3n),.work-page .outcome:nth-child(3n){background:#245b8f}
.work-page .offer-card h3,.work-page .outcome h3{color:#fff;font-size:1.4rem}
.work-page .offer-card p,.work-page .outcome p{color:#e0e8ef}
.work-page .offer-card .icon-badge,.work-page .outcome-mark{background:#ffffff14;color:#fff;border-color:#ffffff50}
.work-page .offer-card .card-arrow,.work-page .outcome-index{color:#c6d9e8}
.work-page .actions .btn-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:54px;padding:0 28px;border-radius:999px;background:#245b8f;color:#fff;font-size:.82rem;font-weight:720;box-shadow:0 16px 34px #245b8f2e;transition:transform .22s,box-shadow .22s}
.work-page .actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 40px #245b8f40}
.work-page .actions .link-cta{position:relative;display:inline-block;padding-bottom:6px;color:#111827;font-size:.83rem;font-weight:720;border-bottom:1px solid #245b8f}
.work-page .actions .btn-primary:focus-visible,.work-page .actions .link-cta:focus-visible{outline:3px solid #245b8f;outline-offset:5px}
@media(prefers-reduced-motion:reduce){.work-page .actions .btn-primary{transition:none}}

/* Contextual invitation: one consistent contact pair across work pages. */
.work-contact-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px 26px;margin-top:28px}
.work-contact-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:54px;padding:14px 26px;border-radius:999px;background:#245b8f;color:#fff;font-size:.82rem;font-weight:720;line-height:1.4;box-shadow:0 16px 34px #245b8f2e;text-decoration:none;transition:transform .22s ease,box-shadow .22s ease}
.work-contact-primary:hover{color:#fff;transform:translateY(-2px);box-shadow:0 20px 40px #245b8f40}
.work-contact-secondary{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:#245b8f;font-size:.8rem;font-weight:700;text-decoration:none}
.work-contact-secondary:hover{text-decoration:underline;text-underline-offset:5px}
.work-linkedin-icon{display:grid;place-items:center;width:27px;height:27px;border:1px solid #245b8f40;border-radius:6px;font-family:Arial,sans-serif;font-size:18px;font-weight:700;line-height:1}
.work-contact-primary:focus-visible,.work-contact-secondary:focus-visible{outline:3px solid #245b8f;outline-offset:5px}
@media(prefers-reduced-motion:reduce){.work-contact-primary{transition:none}.work-contact-primary:hover{transform:none}}