.home-cases{position:absolute;top:955px;left:259px;width:1404px;height:630px;z-index:4}
.home-cases__card{--slot:0;position:absolute;inset:0 auto auto 0;width:100%;height:502px;box-sizing:border-box;display:flex;gap:5%;align-items:center;padding:40px 44px;color:#fff!important;background:#2937ff;border-radius:34px;text-decoration:none;box-shadow:2px 23px 40px #0005;transform:translateY(calc(var(--slot)*75px)) scale(calc(1 - var(--slot)*.09));transform-origin:50% 0;transition:transform .55s ease;overflow:hidden}
.home-cases__copy{width:49%;min-width:0}.home-cases__quote{display:block;font-size:76px;line-height:.8}.home-cases__copy h3{font-size:32px;line-height:1.5;margin:14px 0}.home-cases__copy p{font-size:21px;line-height:1.7;margin:0;white-space:pre-line;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.home-cases__image{position:relative;display:block;flex-shrink:0;width:46%;height:100%;border-radius:22px;overflow:hidden}.home-cases__image img{display:block;width:100%;height:100%;object-fit:cover}.home-cases__action{display:inline-block;margin-top:24px;font-size:21px}.home-cases__controls{position:absolute;top:640px;width:100%;display:flex;justify-content:center;gap:14px}.home-cases__controls button{border:1px solid #fff8;border-radius:25px;background:#fff;color:#2937ff;padding:10px 18px;cursor:pointer;font-size:18px}.home-cases__controls button[aria-pressed=true]{background:#2937ff;color:white}.home-cases :focus-visible{outline:3px solid #fdc648;outline-offset:5px}
@media(max-width:1279px){.home-cases{top:630px;left:4%;width:92%;height:350px}.home-cases__card{height:260px;border-radius:16px;padding:18px;gap:4%;transform:translateY(calc(var(--slot)*25px)) scale(calc(1 - var(--slot)*.08))}.home-cases__quote{font-size:35px}.home-cases__copy h3{font-size:17px;line-height:1.45;margin:8px 0}.home-cases__copy p{font-size:12px;line-height:1.55;-webkit-line-clamp:5}.home-cases__action{font-size:12px;margin-top:12px}.home-cases__image{border-radius:12px;height:85%}.home-cases__controls{top:325px;gap:6px}.home-cases__controls button{font-size:12px;padding:6px 10px}}
@media(prefers-reduced-motion:reduce){.home-cases__card{transition:none}}

.home-cases__image svg{display:block;width:100%;height:100%}.home-cases__metrics{display:flex;gap:30px;margin:20px 0 0}.home-cases__metrics dd{font-size:34px;font-weight:700;margin:0}.home-cases__metrics dt{font-size:18px;margin-top:5px}.home-cases__copy .home-cases__meta{font-size:16px;margin-top:12px}.home-cases__metrics:empty,.home-cases__meta:empty{display:none}
@media(max-width:1279px){.home-cases__metrics{gap:14px;margin-top:10px}.home-cases__metrics dd{font-size:22px}.home-cases__metrics dt{font-size:11px}.home-cases__copy .home-cases__meta{font-size:11px;margin-top:6px}}

@media(max-width:640px){.home-cases{height:440px}.home-cases__card{height:330px}.home-cases__copy{width:55%}.home-cases__image{width:41%;height:75%}.home-cases__copy p{-webkit-line-clamp:3}.home-cases__controls{top:395px}}

.home-cases__controls button{width:14px;height:14px;min-width:0;padding:0;border:0;border-radius:50%;background:#c5c7cf}
.home-cases__controls button[aria-pressed=true]{background:#1f3efe}
.home-cases__controls button::after{content:'';display:block;position:absolute;inset:-8px}
.home-cases__controls button{position:relative;margin:0 5px}
.home-cases__quote{font-family:Arial,sans-serif;font-size:100px;font-weight:900;line-height:.8}
@media(max-width:1279px){.home-cases__quote{font-size:50px}}

.home-cases__controls { gap: 4px; }
.home-cases__controls button { width: 44px; height: 44px; flex: 0 0 44px; margin: 0; padding: 0; background: transparent; }
.home-cases__controls button[aria-pressed=true] { background: transparent; }
.home-cases__controls button::after { inset: 15px; width: 14px; height: 14px; border-radius: 50%; background: #c5c7cf; }
.home-cases__controls button[aria-pressed=true]::after { background: #1f3efe; }
.home-cases__controls--fallback { top: 1550px; left: 259px; width: 1404px; z-index: 5; }
@media (max-width: 1279px) {
  .home-cases__controls--fallback { top: calc(92px + 35vw); left: 4%; width: 92%; }
  .journey:has(.home-cases__controls--fallback) { min-height: max(960px, calc(790px + 35vw)); }
}

@media (max-width: 1279px) {
  .journey:has(.home-cases) { min-height: 0; padding-top: 630px; padding-bottom: 32px; }
  .home-cases { position: relative; top: auto; left: auto; height: auto; margin: 0 4%; display: grid; }
  /* Overlapping grid items share the tallest card's intrinsic height, including hidden slots. */
  .home-cases__card { position: relative; inset: auto; grid-area: 1 / 1; height: auto; padding: 24px; flex-direction: column; align-items: stretch; gap: 24px; }
  .home-cases__copy { width: 100%; flex: 1; }
  .home-cases__quote { font-size: 40px; }
  .home-cases__copy h3 { font-size: 20px; line-height: 1.5; margin: 12px 0; overflow-wrap: anywhere; }
  .home-cases__copy p { display: block; overflow: visible; -webkit-line-clamp: unset; font-size: 14px; line-height: 1.7; overflow-wrap: anywhere; }
  .home-cases__metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(112px, 100%), 1fr)); gap: 16px 12px; margin-top: 20px; }
  .home-cases__metrics > div { min-width: 0; }
  .home-cases__metrics dd { font-size: 22px; line-height: 1.4; overflow-wrap: anywhere; }
  .home-cases__metrics dt { font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; }
  .home-cases__copy .home-cases__meta { font-size: 12px; margin-top: 16px; }
  .home-cases__action { font-size: 14px; line-height: 1.6; margin-top: 16px; }
  .home-cases__image { width: 100%; height: clamp(140px, 44vw, 240px); }
  .home-cases > .home-cases__controls { position: relative; top: auto; grid-area: 2 / 1; margin-top: 72px; }
}

/* Only the case summary and metric captions have a revised mobile size. */
@media (max-width: 767px) {
  .tansun-static-home .home-cases__copy p:not(.home-cases__meta) { font-size: 12px; }
  .tansun-static-home .home-cases__metrics dt { font-size: 10px; }
}