/* Engagement cards shared by the homepage and service pages. */
.engagement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.engagement-card{position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid #D9E3E9;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 8px 26px #20384E04;transition:transform .45s var(--ease-premium),box-shadow .45s var(--ease-premium),border-color .3s}
.engagement-card:before{content:"";position:absolute;left:26px;right:26px;top:0;height:1px;background:linear-gradient(90deg,#0E6B7C,#3E517C,#9A2E86);opacity:.65}
.engagement-topline{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:24px 27px 10px;font-size:12px;color:var(--muted);line-height:1.5}
.engagement-index{font-weight:600;font-variant-numeric:tabular-nums;color:var(--teal)}
.engagement-topline>span:last-child{text-align:right}
.engagement-art{display:grid;place-items:center;position:relative;margin:0 0 18px;background:radial-gradient(ellipse at 50% 60%,#E9F0F5 0,transparent 68%);padding:3px 12px}
.engagement-art .work-illustration{max-width:390px;transition:transform .5s var(--ease-premium)}
.engagement-content{padding:0 27px 26px;display:flex;flex-direction:column;flex:1;min-width:0}
.engagement-content h3{font-size:27px;letter-spacing:-.035em;line-height:1.22}
.engagement-content>p{font-size:15px;line-height:1.75;margin-top:14px;min-height:80px}
.engagement-examples{margin-top:25px;margin-bottom:27px}
.engagement-examples .label{font-size:11px;letter-spacing:.07em;color:#586273}
.engagement-examples ul{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.engagement-examples li{display:block;font-size:12px;line-height:1.5;color:#536779;border:1px solid #DFE7ED;background:#F7F9FB;border-radius:5px;padding:6px 9px}
.engagement-link{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--line);padding-top:20px;margin-top:auto;min-height:65px;font-size:14px;line-height:1.5;font-weight:600;color:var(--teal)}
.engagement-examples+.engagement-link{margin-top:auto}
.engagement-link:hover{text-decoration:underline;text-underline-offset:5px}
.engagement-link:hover .arrow{transform:translateX(5px)}
.engagement-card:focus-within{border-color:#0E6B7C;box-shadow:0 14px 35px #203A4F0B}
@media(hover:hover) and (pointer:fine){
  .engagement-card:hover{transform:translateY(-6px);box-shadow:0 22px 45px #20384E0D;border-color:#B7CED8}
  .engagement-card:hover .engagement-art svg{transform:translateY(-4px) scale(1.015)}
}
@media(max-width:1150px){
  .engagement-grid{gap:20px}
  .engagement-topline{padding:22px 22px 8px;gap:12px}
  .engagement-content{padding:0 22px 23px}
  .engagement-content h3{font-size:25px}
  .engagement-content>p{font-size:14px;min-height:98px}
  .engagement-link{font-size:13px}
}
@media(max-width:1000px){
  .engagement-grid{grid-template-columns:1fr}
  .engagement-card{display:grid;grid-template-columns:.8fr 1.2fr}
  .engagement-topline{grid-column:1/-1;padding:20px 27px 4px}
  .engagement-art{grid-column:1;grid-row:2;margin:0;align-self:center;padding:15px 0}
  .engagement-content{grid-column:2;grid-row:2;padding:17px 28px 27px}
  .engagement-content h3{font-size:27px}
  .engagement-content>p{min-height:0;font-size:15px;max-width:450px}
  .engagement-examples{margin-top:20px}
  .engagement-link{font-size:14px}
}
@media(max-width:760px){
  .engagement-card{grid-template-columns:.75fr 1.25fr}
  .engagement-content h3{font-size:26px}
  .engagement-content{padding:16px 23px 24px}
  .engagement-content>p{font-size:14px}
  .engagement-topline{padding:20px 23px 3px}
}
@media(max-width:600px){
  .engagement-card{display:flex}
  .engagement-topline{padding:23px 25px 6px;font-size:12px}
  .engagement-art{margin:0 0 13px;padding:2px 12px;width:100%;height:174px}
  .engagement-art .work-illustration{height:174px;width:100%;max-width:390px}
  .engagement-content{padding:0 25px 25px}
  .engagement-content h3{font-size:28px}
  .engagement-content>p{font-size:15px;max-width:none}
  .engagement-examples{margin-top:22px}
  .engagement-examples{margin-bottom:25px}
}
@media(max-width:480px){
  .engagement-grid{gap:22px}
  .engagement-topline{padding:22px 23px 5px;font-size:11px}
  .engagement-content{padding:0 23px 24px}
  .engagement-content h3{font-size:27px}
}
@media(max-width:360px){
  .engagement-topline{padding-inline:21px}
  .engagement-content{padding-inline:21px}
  .engagement-content h3{font-size:25px}
  .engagement-examples li{font-size:11px;padding:6px 8px}
}
@media(prefers-reduced-motion:reduce){
  .engagement-card,.engagement-art svg{transition:none}
  .engagement-card:hover,.engagement-card:hover .engagement-art svg{transform:none}
}
@media print{
  .engagement-grid{grid-template-columns:1fr}
  .engagement-card{break-inside:avoid;box-shadow:none}
  .engagement-art{display:none}
  .engagement-content{padding-top:25px}
}