/* Our work mega menu (html/mod_articles_category/mega-ourwork.php). Reuses the Products / Services mega styles in custom.css
   (.tp-mega-products: col-title, row-link, tp-mega-products-foot); selectors that set link colours start with
   ".t4-megamenu .dropdown-menu" to beat the template's "a:hover { background-color: transparent }" rule. */
.tp-mega-products.tp-mega-work { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 40px; }

/* project types */
.tp-mega-work .mw-types .row-link { padding: 8px 10px; align-items: center; }
.tp-mega-work .mw-types .row-link .ico { padding-top: 0; }
.tp-mega-work .mw-cta { margin-top: 12px; padding: 14px 16px; border-radius: 12px; background: #f1f4f8; display: flex; flex-direction: column; gap: 10px; align-items: flex-start; }
.tp-mega-work .mw-cta b { font-size: .92rem; color: #050038; }
.t4-megamenu .dropdown-menu .tp-mega-work a.mw-cta-btn { display: inline-flex; gap: 6px; align-items: center; padding: 8px 16px; border-radius: 999px; background-color: #34c759; color: #fff; font-size: .86rem; font-weight: 600; transition: background-color .2s; }
.t4-megamenu .dropdown-menu .tp-mega-work a.mw-cta-btn i { font-size: .8em; }
.t4-megamenu .dropdown-menu .tp-mega-work a.mw-cta-btn:hover,
.t4-megamenu .dropdown-menu .tp-mega-work a.mw-cta-btn:focus { background-color: #1bc145; color: #fff; }

/* featured case studies */
.tp-mega-work .mw-head { display: flex; align-items: baseline; justify-content: space-between; }
.t4-megamenu .dropdown-menu .tp-mega-work a.mw-all { display: inline-flex; gap: 6px; align-items: center; font-size: .84rem; font-weight: 600; color: #16803a; background: transparent; }
.t4-megamenu .dropdown-menu .tp-mega-work a.mw-all i { font-size: .8em; }
.t4-megamenu .dropdown-menu .tp-mega-work a.mw-all:hover { color: #1bc145; background: transparent; }
.tp-mega-work .mw-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.t4-megamenu .dropdown-menu .tp-mega-work a.mw-case { display: flex; flex-direction: column; gap: 8px; color: #161616; background: transparent; border-radius: 12px; }
.tp-mega-work .mw-shot { display: block; border-radius: 10px; overflow: hidden; aspect-ratio: 16/10; background: #eef1f5; border: 1px solid #e7ebf0; }
.tp-mega-work .mw-shot img { width: 100%; height: 100%; object-fit: cover; object-position: top; display: block; transition: transform .6s; }
.tp-mega-work .mw-case:hover .mw-shot img { transform: scale(1.04); }
.tp-mega-work .mw-who { display: flex; gap: 8px; align-items: center; font-size: .76rem; color: #5b6474; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tp-mega-work .mw-who img, .tp-mega-work .mw-who .mono { flex: 0 0 20px; width: 20px; height: 20px; border-radius: 5px; object-fit: contain; }
.tp-mega-work .mw-who .mono { display: inline-grid; place-items: center; background: #050038; color: #fff; font-size: .55rem; font-weight: 700; }
.tp-mega-work .mw-who b { color: #161616; font-weight: 600; }
.tp-mega-work .mw-title { font-size: .95rem; line-height: 1.3; font-weight: 600; transition: color .2s; }
.t4-megamenu .dropdown-menu .tp-mega-work a.mw-case:hover .mw-title,
.t4-megamenu .dropdown-menu .tp-mega-work a.mw-case:focus .mw-title { color: #16803a; }
.tp-mega-work .mw-res { display: flex; gap: 7px; align-items: baseline; font-size: .8rem; color: #5b6474; line-height: 1.4; }
.tp-mega-work .mw-res i { color: #34c759; font-size: .78rem; }
.tp-mega-work .mw-res b { color: #161616; font-weight: 600; }
.tp-mega-work .mw-chips { display: flex; gap: 5px; flex-wrap: wrap; }
.tp-mega-work .mw-chips span { font-size: .68rem; font-weight: 600; background: #eef1f5; color: #3b4352; border-radius: 999px; padding: 2px 8px; }
.tp-mega-work .mw-chips span.j { background: #e7f8ec; color: #16803a; }

/* client logos */
.tp-mega-products-foot.mw-logos { gap: 18px; }
.mw-logos .mw-trusted { font-size: .7rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #6b7482; white-space: nowrap; }
.mw-logos .mw-logo-row { flex: 1; display: flex; align-items: center; justify-content: space-between; gap: 22px; min-width: 0; overflow: hidden; }
.t4-megamenu .dropdown-menu .mw-logos a { flex: 0 0 auto; background: transparent; }
.mw-logos img { height: 22px; width: auto; max-width: 96px; object-fit: contain; filter: grayscale(1); opacity: .55; transition: filter .2s, opacity .2s; }
.mw-logos a:hover img, .mw-logos a:focus img { filter: none; opacity: 1; }

@media (max-width: 1199.98px) {
	.tp-mega-products.tp-mega-work { grid-template-columns: 240px minmax(0, 1fr); gap: 28px; }
	.tp-mega-work .mw-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.t4-megamenu .dropdown-menu .tp-mega-work a.mw-case:nth-child(n+3) { display: none; }
}