/* Foco vivo · portfolio · sección "Proyectos que demuestran lo que hacemos" */
.pf-intro-split{
  display:grid;
  grid-template-columns:minmax(0,900px) minmax(0,1fr);
  align-items:start;
  column-gap:clamp(24px,4vw,72px);
  margin-bottom:56px;
}
.pf-intro-split .pf-intro-copy{margin-bottom:0}
.pf-foco-mundo{
  --fm-h:340px;
  position:relative;
  justify-self:center;
  align-self:start;
  margin:var(--fm-mt,0) 0 0;
  height:var(--fm-h);
  width:calc(var(--fm-h) * 0.6377);
  aspect-ratio:653/1024;
  transform:translateX(clamp(-140px,-8vw,-52px));
  pointer-events:none;
  user-select:none;
}
.pf-foco-mundo>*{position:absolute;inset:0;width:100%;height:100%;display:block}
.pf-foco-mundo .fm-static{object-fit:contain;transition:opacity .5s ease}
.pf-foco-mundo .fm-gl{opacity:0;transition:opacity .5s ease}
.pf-foco-mundo.is-live .fm-gl{opacity:1}
.pf-foco-mundo.is-live .fm-static{opacity:0}
.pf-foco-mundo .fm-fx{
  -webkit-mask-image:url(./media/foco-mundo/inner.png);mask-image:url(./media/foco-mundo/inner.png);
  -webkit-mask-size:100% 100%;mask-size:100% 100%;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
}
@media (max-width:1100px){
  .pf-intro-split{grid-template-columns:minmax(0,1fr);row-gap:32px}
  .pf-foco-mundo{--fm-h:clamp(455px,93vw,638px)!important;justify-self:center;transform:none}
}
@media (prefers-reduced-motion:reduce){
  .pf-foco-mundo .fm-fx{display:none}
}