/* "Our Country Teams" on the Where We Work page. 2026-10-29.
 * The same four flag cards as the home page, with the same styling, copied from the home page's own rules (home-rebuild.css) and
 * limited to this one section (.country-teams) so nothing else on the page changes. The teal IMPAACT4HIV box that used to sit here is gone.
 */
.country-teams.home-strap{padding:clamp(70px,9vw,120px) clamp(22px,7vw,116px)}
.country-teams .home-strap-head{max-width:760px;margin:0 0 clamp(40px,5vw,64px)}
.country-teams .home-strap-head .section-index{margin-bottom:20px}
.country-teams .home-strap-head h2{font-size:clamp(38px,4.6vw,64px);line-height:.95;letter-spacing:-.05em;margin:0;font-weight:600}
.country-teams{position:relative;overflow:hidden;background:#fff}
.country-teams::before{content:"";position:absolute;z-index:0;top:2%;right:0%;width:min(480px,42vw);height:56%; background-image:radial-gradient(rgba(224,172,38,.4) 1.6px,transparent 1.6px); background-size:15px 15px; -webkit-mask-image:radial-gradient(ellipse 60% 75% at 70% 32%,#000 42%,transparent 78%); mask-image:radial-gradient(ellipse 60% 75% at 70% 32%,#000 42%,transparent 78%); pointer-events:none;}
.country-teams .home-strap-head,.country-teams .footprint-grid{position:relative;z-index:1}
.country-teams .home-strap-head .lead{margin:16px 0 0;max-width:520px;font-size:clamp(15px,1.1vw,17px);line-height:1.6;color:rgba(23,21,20,.6)}
.country-teams .footprint-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.country-teams .footprint-box{position:relative;display:flex;align-items:flex-end;aspect-ratio:2.1;min-height:170px;border-radius:0;overflow:hidden;box-shadow:0 16px 38px rgba(25,22,19,.14);transition:transform .5s var(--ease-editorial),box-shadow .5s var(--ease-editorial)}
.country-teams .footprint-box:hover{outline:2px solid var(--aurum-gold);outline-offset:0;transform:translateY(-4px);box-shadow:0 24px 50px rgba(25,22,19,.2)}
.country-teams .footprint-box:focus-visible{outline:3px solid var(--aurum-gold);outline-offset:3px}
.country-teams .footprint-box-img{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .6s var(--ease-editorial)}
.country-teams .footprint-box:hover .footprint-box-img{transform:scale(1.03)}
.country-teams .footprint-box::before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(0deg,rgba(10,8,6,.7) 0%,rgba(10,8,6,.32) 24%,rgba(10,8,6,0) 48%);pointer-events:none}
.country-teams .footprint-box-label{position:relative;z-index:2;padding:20px 22px;width:100%;color:#fff}
.country-teams .footprint-box-label b{display:block;font-size:22px;letter-spacing:-.01em;margin-bottom:7px}
.country-teams .footprint-box-tag{display:inline-block;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--aurum-gold)}
.country-teams .footprint-box-place{display:block;margin-top:4px;font-size:12.5px;letter-spacing:.02em;color:rgba(255,255,255,.82)}
.country-teams .footprint-box-arrow{position:absolute;z-index:2;right:20px;bottom:20px;width:38px;height:38px;border-radius:50%;border:1.5px solid currentColor;display:grid;place-items:center;color:#fff;font-size:15px;transition:background .3s var(--ease-editorial),color .3s var(--ease-editorial),transform .3s var(--ease-editorial)}
.country-teams .footprint-box:hover .footprint-box-arrow{background:#fff;color:var(--aurum-ink);transform:scale(1.06)}
.country-teams .footprint-box--sa .footprint-box-arrow{color:var(--aurum-gold)}
.country-teams .footprint-box--sa .footprint-box-tag{background:var(--aurum-gold);color:var(--aurum-ink);padding:3px 9px;border-radius:20px;font-weight:700}
.country-teams .footprint-box--ghana .footprint-box-tag,.country-teams .footprint-box--ghana .footprint-box-arrow{color:var(--aurum-gold)}
.country-teams .footprint-box--usa .footprint-box-tag,.country-teams .footprint-box--usa .footprint-box-arrow{color:var(--aurum-light-blue)}
.country-teams .footprint-box--mozambique .footprint-box-tag,.country-teams .footprint-box--mozambique .footprint-box-arrow{color:var(--aurum-gold)}
@media(max-width:900px){.country-teams .footprint-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.country-teams .footprint-grid{grid-template-columns:1fr;max-width:none}}
@media(max-width:650px){.country-teams .footprint-box{aspect-ratio:1.9;min-height:0}}
@media(max-width:650px){.country-teams::before{display:none}}
