/* ---- Our work page: every case study as a photo tile, copy always visible ---- */
.wg{display:grid; grid-template-columns:repeat(3,1fr); gap:28px; padding:8px 0 40px; --navy:#0e294b; --mag:#d41b5b}
.wg-card{position:relative; aspect-ratio:1/1; overflow:hidden; border-radius:4px; display:block; color:#fff!important; text-decoration:none!important;
  background:var(--navy); isolation:isolate; transform:translateZ(0); transition:transform .6s cubic-bezier(.2,.8,.2,1), box-shadow .6s cubic-bezier(.2,.8,.2,1)}
.wg-card img.wg-bg{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-2; transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.wg-card::before{content:""; position:absolute; inset:0; z-index:-1;
  background:linear-gradient(180deg, rgba(10,29,53,.6) 0%, rgba(10,29,53,0) 28%, rgba(10,29,53,.2) 45%, rgba(10,29,53,.92) 100%)}
.wg-tag{position:absolute; top:26px; left:24px; max-width:48%; font:700 11px/1.3 "Inter",sans-serif; letter-spacing:.14em; text-transform:uppercase; opacity:.9}
.wg-logo{position:absolute; top:22px; right:24px; height:34px; max-width:42%; display:flex; justify-content:flex-end}
.wg-logo img{max-height:100%; max-width:100%; object-fit:contain; filter:brightness(0) invert(1)}
.wg-txt{position:absolute; left:24px; right:24px; bottom:24px}
.wg-card h3{font:700 clamp(20px,1.75vw,27px)/1.12 "Inter",sans-serif!important; letter-spacing:-.02em; margin:0!important; color:#fff!important; text-transform:none}
.wg-card p{font-size:15px!important; line-height:1.5!important; margin:12px 0 0!important; color:#fff!important; opacity:.9;
  display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden}
.wg-card:hover,.wg-card:focus-visible{transform:scale(1.03); box-shadow:0 30px 50px -28px rgba(14,41,75,.6); z-index:2}
.wg-card:hover img.wg-bg,.wg-card:focus-visible img.wg-bg{transform:scale(1.07)}
.wg-card:focus-visible{outline:3px solid var(--mag); outline-offset:3px}
@media (max-width:1100px){ .wg{grid-template-columns:repeat(2,1fr); gap:22px} }
@media (max-width:640px){ .wg{grid-template-columns:1fr; gap:16px} .wg-card{aspect-ratio:4/5} }
.wg-card p{display:block; -webkit-line-clamp:unset; overflow:visible}
/* tag now lives in the text block: on the original layout keep it pinned top left */
.wg-txt .wg-tag{position:fixed}
.wg-card{contain:paint}
.wg-bar{display:none}
.wg-tag{display:none} .wg-card::before{background:none} @media (max-width:640px){ .wg-card{aspect-ratio:1/1} }