/* Consistent project previews across the expertise pages. */
:is(.bs-work-list,.cp-work-list,.dg-work-list,.ma-work-list,.ep-work-grid,.ev-work-grid){
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(14px,1.6vw,26px);
  border-top:1px solid #b9beb8;
  padding-top:18px;
}
:is(.dg-work-list,.ma-work-list,.ev-work-grid){grid-template-columns:repeat(2,minmax(0,1fr))}
:is(.bs-work-list,.cp-work-list,.dg-work-list,.ma-work-list,.ep-work-grid,.ev-work-grid)>a{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
  min-width:0;
  gap:0;
  padding:0 0 25px;
  border:0;
  border-bottom:1px solid #b9beb8;
  overflow:visible;
}
:is(.bs-work-list,.cp-work-list,.dg-work-list,.ma-work-list,.ep-work-grid,.ev-work-grid)>a>img{
  display:block;
  grid-column:auto;
  width:100%;
  height:clamp(340px,31vw,630px);
  aspect-ratio:auto;
  object-fit:cover;
  object-position:center;
  filter:none;
  transform:none;
  flex:none;
}
:is(.dg-work-list,.ma-work-list,.ep-work-grid)>a>img[src*="wse-2"]{object-position:77% 38%}
:is(.dg-work-list,.ma-work-list,.ep-work-grid)>a>img[src*="horizon-project"]{object-position:center 37%}
.dg-work-list>a.dg-work-brio>img,
.dg-work-list>a.dg-work-womanity>img{height:clamp(240px,18vw,400px);object-position:center center}
.dg-work-list>a.dg-work-brio>img{object-position:left center}
@media(max-width:600px){
  .dg-work-list>a.dg-work-brio>img,
  .dg-work-list>a.dg-work-womanity>img{height:clamp(220px,57vw,330px)}
  .dg-work-list>a.dg-work-brio>img{object-position:right center}
}
.cp-work-list>a>img[src*="geste-coiffure"]{object-position:center 32%}
.cp-work-list>a>img[src*="portrait-brunette"]{object-position:center 29%}
.ep-work-grid>a>img[src*="omni-1"]{object-position:center 36%}
:is(.bs-work-list,.cp-work-list,.dg-work-list,.ma-work-list,.ep-work-grid,.ev-work-grid)>a>:is(span,div){
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
  margin:0;
  padding:19px 38px 0 0;
}
:is(.bs-work-list,.cp-work-list,.dg-work-list,.ma-work-list,.ep-work-grid,.ev-work-grid)>a>:is(span,div)>:is(small,span:first-child){
  font-size:9px;
  font-style:normal;
  font-weight:750;
  letter-spacing:.11em;
  line-height:1.3;
  margin:0;
}
:is(.bs-work-list,.cp-work-list,.dg-work-list,.ma-work-list,.ep-work-grid,.ev-work-grid)>a>:is(span,div)>:is(strong,h3){
  display:block;
  font-size:clamp(29px,2.9vw,47px);
  line-height:.95;
  letter-spacing:-.055em;
  font-weight:750;
  margin:15px 0 10px;
  overflow-wrap:anywhere;
}
:is(.bs-work-list,.cp-work-list,.dg-work-list,.ma-work-list,.ep-work-grid,.ev-work-grid)>a>:is(span,div)>:is(em,p){
  font-size:15px;
  font-style:normal;
  font-weight:400;
  letter-spacing:0;
  line-height:1.35;
  margin:0;
}
:is(.bs-work-list,.cp-work-list,.dg-work-list,.ma-work-list,.ep-work-grid,.ev-work-grid)>a>b{
  position:absolute;
  right:0;
  bottom:19px;
  grid-column:auto;
  grid-row:auto;
  align-self:auto;
  font-size:29px;
  font-weight:350;
  line-height:1;
  transition:transform .25s ease;
}
:is(.bs-work-list,.cp-work-list,.dg-work-list,.ma-work-list,.ep-work-grid,.ev-work-grid)>a:hover>b,
:is(.bs-work-list,.cp-work-list,.dg-work-list,.ma-work-list,.ep-work-grid,.ev-work-grid)>a:focus-visible>b{transform:translate(3px,-3px)}
@media(max-width:800px){
  :is(.bs-work-list,.cp-work-list,.dg-work-list,.ma-work-list,.ep-work-grid,.ev-work-grid){grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}
  :is(.bs-work-list,.cp-work-list,.dg-work-list,.ma-work-list,.ep-work-grid,.ev-work-grid)>a>img{height:clamp(280px,47vw,420px)}
  :is(.bs-work-list,.cp-work-list,.dg-work-list,.ma-work-list,.ep-work-grid,.ev-work-grid)>a>:is(span,div)>:is(strong,h3){font-size:clamp(27px,4vw,38px)}
}
@media(max-width:600px){
  :is(.bs-work-list,.cp-work-list,.dg-work-list,.ma-work-list,.ep-work-grid,.ev-work-grid){grid-template-columns:minmax(0,1fr);gap:30px;border-top:0;padding-top:0}
  :is(.bs-work-list,.cp-work-list,.dg-work-list,.ma-work-list,.ep-work-grid,.ev-work-grid)>a>img{height:clamp(310px,98vw,470px)}
  :is(.bs-work-list,.cp-work-list,.dg-work-list,.ma-work-list,.ep-work-grid,.ev-work-grid)>a>:is(span,div){padding:17px 35px 0 0}
  :is(.bs-work-list,.cp-work-list,.dg-work-list,.ma-work-list,.ep-work-grid,.ev-work-grid)>a>:is(span,div)>:is(strong,h3){font-size:clamp(32px,9vw,43px)}
  :is(.bs-work-list,.cp-work-list,.dg-work-list,.ma-work-list,.ep-work-grid,.ev-work-grid)>a>b{font-size:25px}
}