/* ==== Services: clean-cut cards (no vignette, no link arrows) ==== */
.svc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.svc-card{display:flex;flex-direction:column;background:transparent;border:1px solid hsl(0 0% 100%/.12);border-radius:2px;overflow:hidden;transition:border-color .25s}
.svc-card:hover{border-color:hsl(0 0% 100%/.3)}
.svc-img{position:relative;aspect-ratio:4/3;overflow:hidden;background:#000}
.svc-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,0,0,1)}
.svc-card:hover .svc-img img{transform:scale(1.03)}
.svc-n{position:absolute;left:12px;top:12px;font-family:"Geist Mono",monospace;font-size:11px;letter-spacing:.14em;color:hsl(var(--foreground));background:rgba(9,9,11,.7);padding:4px 8px;border-radius:2px}
.svc-body{display:flex;flex-direction:column;flex:1;padding:24px}
.svc-t{font-family:Impact,"Arial Black",sans-serif;font-stretch:condensed;font-weight:900;text-transform:uppercase;letter-spacing:-.04em;line-height:.95;font-size:clamp(1.9rem,3vw,2.75rem);color:hsl(var(--foreground))}
.svc-d{margin-top:14px;font-size:14px;line-height:1.6;color:hsl(var(--muted-foreground))}
.svc-list{margin-top:22px;border-top:1px solid hsl(0 0% 100%/.1);list-style:none;padding:0}
.svc-list li{padding:11px 0;border-bottom:1px solid hsl(0 0% 100%/.07);font-family:"Geist Mono",monospace;font-size:13px;color:hsl(var(--foreground))}
.svc-list li:last-child{border-bottom:0;padding-bottom:0}
@media (max-width:1023px){.svc-grid{grid-template-columns:1fr;gap:20px}.svc-img{aspect-ratio:16/9}}

/* ==== Filter chips: one rectangular segmented control, same language as EN/SR, Before/After and the CTAs ==== */
.chip-row{gap:0!important}
.chip-row .pw-chip{border-radius:0!important;margin-left:-1px;padding:9px 16px;border-color:hsl(0 0% 100%/.2)!important;color:hsl(var(--muted-foreground));background:transparent}
.chip-row .pw-chip:first-child{margin-left:0;border-radius:2px 0 0 2px!important}
.chip-row .pw-chip:last-child{border-radius:0 2px 2px 0!important}
.chip-row .pw-chip[aria-pressed="true"]{background:transparent;color:hsl(var(--foreground))!important;border-color:hsl(var(--foreground))!important;position:relative;z-index:1}
.chip-row .pw-chip[aria-pressed="false"]:hover{color:hsl(var(--foreground))}
/* the remaining pill-shaped text button (copy email) joins the rectangular family */
button[data-copy]{border-radius:2px!important}

/* ==== One control language across the whole site ====
   corners: 2px everywhere (circles and 12px portraits removed)
   hairline: one shared border colour for every control */
:root{--ctl:hsl(0 0% 100%/.28)}
.ba-play,.pv-btn,.pw-arrow,img.rounded-lg,.rounded-lg,.rounded-xl,.rounded-full{border-radius:2px!important}
.chip-row .pw-chip:not(:first-child):not(:last-child){border-radius:0!important}
.chip-row .pw-chip:first-child{border-radius:2px 0 0 2px!important}
.chip-row .pw-chip:last-child{border-radius:0 2px 2px 0!important}
.bp-lang,.ba-ab,.ba-play,.pv-btn,.pw-arrow,.gx-search input,.brief-form input,.brief-form select,.brief-form textarea,
[data-brief-toggle],button[data-copy],[data-scroll-to],.pw-chip{border-color:var(--ctl)}
.pv-btn{background:rgba(9,9,11,.72)}
.fac-item,.svc-img{border-radius:0}

/* Before/After switch follows the same rule: active = outlined, not filled */
.ba-ab button.on{background:transparent;color:hsl(var(--foreground));box-shadow:inset 0 0 0 1px hsl(var(--foreground))}

/* ==== Collective: photo left, name + title right, bio full width underneath (tablet and below) ==== */
.team-grid{display:grid;grid-template-columns:1fr;gap:44px}
@media (min-width:768px){.team-grid{grid-template-columns:1fr 1fr;gap:48px 40px}}
.team-card{display:grid;grid-template-columns:auto 1fr;column-gap:20px;row-gap:18px;align-items:center}
.team-photo{grid-row:1;grid-column:1}
.team-img{display:block;width:104px;height:104px;object-fit:cover;border-radius:2px}
.team-head{grid-row:1;grid-column:2;min-width:0}
.team-name{font-size:1.25rem;font-weight:500;line-height:1.2}
.team-role{margin:6px 0 0;font-family:"Geist Mono",monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:hsl(var(--accent))}
.team-bio{grid-row:2;grid-column:1/-1;font-size:14px;line-height:1.65;color:hsl(var(--muted-foreground))}
@media (min-width:768px) and (max-width:1023px){.team-img{width:120px;height:120px}}
/* desktop: classic layout, photo left and all text beside it */
@media (min-width:1024px){
  .team-card{column-gap:24px;row-gap:12px;align-items:start}
  .team-photo{grid-row:1/3}
  .team-img{width:144px;height:144px}
  .team-head{align-self:end}
  .team-bio{grid-row:2;grid-column:2}
}