.work-hero{padding-bottom:62px}.work-hero .container{max-width:980px}.work-hero-stats{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:24px}.work-hero-stats span{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #dbe8f8;border-radius:999px;padding:10px 15px;color:#53647d;box-shadow:0 8px 22px rgba(9,41,91,.06)}.work-hero-stats strong{color:#0b48c4;font-size:20px}.work-showcase-section{padding-top:58px}.work-filter-bar{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:30px}.work-filter-bar a{display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border:1px solid #dbe8f8;border-radius:999px;background:#fff;color:#41506a;font-weight:800;box-shadow:0 8px 22px rgba(9,41,91,.05);transition:.2s}.work-filter-bar a:hover,.work-filter-bar a.active{background:linear-gradient(135deg,#0c43bb,#1d83ff 62%,#27d5cb);color:#fff;transform:translateY(-2px)}.work-filter-bar a span{font-size:12px;min-width:24px;height:24px;border-radius:999px;background:#eff5ff;color:#1769ff;display:grid;place-items:center}.work-filter-bar a.active span,.work-filter-bar a:hover span{background:rgba(255,255,255,.18);color:#fff}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.work-card{background:#fff;border:1px solid #dfe8f7;border-radius:24px;overflow:hidden;box-shadow:0 12px 36px rgba(9,41,91,.08);transition:.25s;display:flex;flex-direction:column}.work-card:hover{transform:translateY(-6px);box-shadow:0 18px 55px rgba(9,41,91,.13)}.work-media{height:245px;position:relative;overflow:hidden;background:linear-gradient(135deg,#061f4e,#1769ff 65%,#26d6cd)}.work-media img{width:100%;height:100%;object-fit:cover;transition:.4s}.work-card:hover .work-media img{transform:scale(1.04)}.work-placeholder{height:100%;display:grid;place-items:center;color:#fff;font-size:58px}.work-type-pill{position:absolute;top:14px;left:14px;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);color:#0c3479;border:1px solid rgba(255,255,255,.65);border-radius:999px;padding:8px 11px;font-size:12px;font-weight:900;box-shadow:0 10px 20px rgba(0,0,0,.10)}.work-play{position:absolute;inset:0;margin:auto;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);color:#0c43bb;font-size:26px;box-shadow:0 14px 30px rgba(0,0,0,.22)}.work-body{padding:24px;display:flex;flex-direction:column;flex:1}.work-client{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#1769ff;font-weight:900;margin-bottom:7px}.work-body h2{font-size:22px;line-height:1.25;margin:0 0 10px;color:#081b3f}.work-meta{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#718099;font-weight:800;margin-bottom:10px}.work-body p{color:#5d6b82;margin:0 0 20px}.work-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:auto}.work-platform{margin-top:13px;color:#74849d;font-weight:700}.work-empty{text-align:center;background:#fff;border:1px solid #dfe8f7;border-radius:24px;padding:45px;box-shadow:0 12px 36px rgba(9,41,91,.08)}.work-empty p{color:#5d6b82}.work-cta-section{padding-top:60px}.work-cta-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:28px;background:linear-gradient(135deg,#061f4e,#0b47b7 65%,#22cfc6);color:#fff;border-radius:28px;padding:42px;box-shadow:0 18px 55px rgba(9,41,91,.16)}.work-cta-card h2{font-size:36px;line-height:1.15;margin:12px 0}.work-cta-card p{color:#dbe9ff;margin:0}.work-cta-card .eyebrow{background:rgba(255,255,255,.13);color:#9af7f1}.work-cta-card .btn{background:#fff;color:#0b3477;box-shadow:none;white-space:nowrap}@media(max-width:1000px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-cta-card{grid-template-columns:1fr}}@media(max-width:640px){.work-showcase-section{padding-top:38px}.work-grid{grid-template-columns:1fr}.work-media{height:220px}.work-hero-stats{justify-content:flex-start}.work-filter-bar{justify-content:flex-start}.work-cta-card{padding:28px}.work-cta-card h2{font-size:29px}.work-actions{align-items:stretch;flex-direction:column}.work-actions .btn,.work-actions .text-link{width:100%;justify-content:center;text-align:center}}
