.chroma-grid{position:relative;width:100%;height:100%;display:grid;grid-template-columns:repeat(var(--cols, 3),1fr);grid-auto-rows:auto;justify-content:center;gap:1.5rem;max-width:1200px;margin:0 auto;padding:2rem;box-sizing:border-box;--x: 50%;--y: 50%;--r: 220px}@media(max-width:1024px){.chroma-grid{grid-template-columns:repeat(2,1fr);gap:1rem;padding:1rem}}@media(max-width:640px){.chroma-grid{grid-template-columns:1fr;gap:1rem;padding:1rem}}.chroma-card{position:relative;display:flex;flex-direction:column;min-height:200px;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;background:var(--card-gradient);--mouse-x: 50%;--mouse-y: 50%;--spotlight-color: rgba(83, 194, 67, .15)}.chroma-card:hover{border-color:var(--card-border);transform:translateY(-4px);box-shadow:0 10px 30px -10px #00000080}.chroma-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 70%);pointer-events:none;opacity:0;transition:opacity .5s ease;z-index:2}.chroma-card:hover:before{opacity:1}.chroma-img-wrapper{position:relative;z-index:1;flex:1;padding:2rem;display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box;background:transparent}.chroma-icon-container{width:48px;height:48px;background:#53c2431a;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#53c243}.chroma-img-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:10px;display:block}.chroma-info{position:relative;z-index:1;padding:1.5rem 2rem;color:#fff;font-family:inherit;display:grid;grid-template-columns:1fr;gap:.5rem}.chroma-info .name{margin:0;font-size:1.25rem;font-weight:700;color:#f8fafc}.chroma-info .role{margin:0;font-size:.9rem;line-height:1.5;color:#94a3b8}.chroma-overlay{position:absolute;inset:0;pointer-events:none;z-index:3;backdrop-filter:grayscale(1) brightness(.6);-webkit-backdrop-filter:grayscale(1) brightness(.6);background:#0000000d;mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),transparent 0%,transparent 15%,rgba(0,0,0,.1) 30%,rgba(0,0,0,.22) 45%,rgba(0,0,0,.35) 60%,rgba(0,0,0,.5) 75%,rgba(0,0,0,.68) 88%,white 100%);-webkit-mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),transparent 0%,transparent 15%,rgba(0,0,0,.1) 30%,rgba(0,0,0,.22) 45%,rgba(0,0,0,.35) 60%,rgba(0,0,0,.5) 75%,rgba(0,0,0,.68) 88%,white 100%)}.chroma-fade{position:absolute;inset:0;pointer-events:none;z-index:4;backdrop-filter:grayscale(0) brightness(1);-webkit-backdrop-filter:grayscale(0) brightness(1);background:transparent;mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),white 0%,white 15%,rgba(255,255,255,.9) 30%,rgba(255,255,255,.78) 45%,rgba(255,255,255,.65) 60%,rgba(255,255,255,.5) 75%,rgba(255,255,255,.32) 88%,transparent 100%);-webkit-mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),white 0%,white 15%,rgba(255,255,255,.9) 30%,rgba(255,255,255,.78) 45%,rgba(255,255,255,.65) 60%,rgba(255,255,255,.5) 75%,rgba(255,255,255,.32) 88%,transparent 100%);opacity:1;transition:opacity .25s ease}.case-study-card-root{text-decoration:none;display:block;perspective:1200px;width:100%;height:380px}.case-study-card-container{position:relative;width:100%;height:100%;cursor:pointer;transition:transform .6s cubic-bezier(.23,1,.32,1)}.case-study-card-back{position:absolute;inset:0;width:calc(100% - 20px);height:100%;background:#0f172a80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.05);border-radius:20px;box-shadow:0 10px 30px #0000004d;z-index:1}.case-study-card-front{position:relative;z-index:10;width:calc(100% - 20px);height:100%;background-color:#002642;border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden;transform-origin:left;transition:transform .5s cubic-bezier(.4,0,.2,1);box-shadow:0 15px 35px #0006}.case-study-card-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#00264266,#002642f2 80%);z-index:1}.case-study-card-content{position:relative;z-index:2;height:100%;padding:32px;display:flex;flex-direction:column;justify-content:space-between;color:#f8fafc}.case-study-card-category{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#53c243;margin-bottom:8px!important}.case-study-card-title{font-weight:800!important;line-height:1.2!important;font-size:1.4rem!important;letter-spacing:-.02em!important}.case-study-card-excerpt{color:#94a3b8;font-size:.875rem;line-height:1.6;margin-top:16px!important;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.case-study-card-date{font-size:.7rem;color:#94a3b899;margin-top:auto!important;font-weight:600}.case-study-card-tab{position:absolute;right:0;top:50%;transform:translateY(-50%) translate(-40px);width:60px;height:180px;background:#34a9da;border-radius:0 16px 16px 0;z-index:5;display:flex;align-items:center;justify-content:center;transition:transform .4s cubic-bezier(.34,1.56,.64,1);box-shadow:5px 0 15px #34a9da4d}.case-study-card-tab-text{transform:rotate(-90deg);white-space:nowrap;font-size:.65rem;font-weight:900;color:#002642;letter-spacing:.2em}.case-study-card-root:hover .case-study-card-front{transform:rotateY(-35deg)}.case-study-card-root:hover .case-study-card-tab{transform:translateY(-50%) translate(0) rotate(5deg)}.case-study-card-root:hover .case-study-card-container{transform:scale(1.02)}@media(max-width:600px){.case-study-card-root{height:340px}.case-study-card-front{transform:none!important}.case-study-card-tab{display:none}}.flip-card-root{perspective:1000px;-webkit-perspective:1000px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;width:100%;height:280px}.flip-card-container{position:relative;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;-webkit-transform-style:preserve-3d;will-change:transform}.flip-card-front,.flip-card-back{position:absolute;inset:0;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:20px;border:1px solid rgba(255,255,255,.1);overflow:hidden;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.flip-card-front{background:#0f172a99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;z-index:2;transform:rotateY(0) translateZ(1px);-webkit-transform:rotateY(0deg) translateZ(1px)}.flip-card-front-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#00264266,#002642cc);z-index:1}.flip-card-front-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:16px}.flip-card-icon-container{display:flex;padding:16px;border-radius:16px;background:linear-gradient(135deg,#34a9da1a,#53c2431a);color:#53c243}.flip-card-title{font-weight:800!important;color:#f8fafc;letter-spacing:-.01em}.flip-card-badge{background:#34a9da1a!important;color:#34a9da!important;border:1px solid rgba(52,169,218,.3)!important;font-size:.65rem!important;font-weight:700!important}.flip-card-hint{position:absolute;bottom:12px;opacity:.4;color:#94a3b8}.flip-card-back{background:linear-gradient(145deg,#002642,#001a2e);transform:rotateY(180deg);-webkit-transform:rotateY(180deg);display:flex;flex-direction:column;padding:32px;z-index:1}.rotate-x .flip-card-back{transform:rotateX(180deg);-webkit-transform:rotateX(180deg)}.flip-card-back-content{height:100%;display:flex;flex-direction:column}.flip-card-back-title{font-size:1.1rem!important;font-weight:800!important;color:#53c243;margin-bottom:12px!important}.flip-card-divider{width:40px;height:2px;background:#34a9da;margin-bottom:20px;border-radius:2px}.flip-card-description{color:#cbd5e1;font-size:.95rem;line-height:1.6}.flip-card-root.rotate-y:hover .flip-card-container{transform:rotateY(180deg);-webkit-transform:rotateY(180deg)}.flip-card-root.rotate-x:hover .flip-card-container{transform:rotateX(180deg);-webkit-transform:rotateX(180deg)}.flip-card-root:hover .flip-card-front{border-color:#53c243;box-shadow:0 0 20px #53c2431a}@media(max-width:600px){.flip-card-root{height:240px}}