/* Mucha se asoma en la franja solidaria. Solo la portada. */
html body.mk-boutique-site .mk-home-purpose-scene{
  position:relative !important;
  isolation:isolate;
  width:min(1500px,calc(100vw - clamp(28px,5.2vw,96px))) !important;
  max-width:min(1500px,calc(100vw - clamp(28px,5.2vw,96px))) !important;
  margin:clamp(135px,11vw,152px) auto 8px !important;
}
html body.mk-boutique-site .mk-home-purpose-scene > .mk-home-purpose-strip{
  z-index:2 !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
}
html body.mk-boutique-site .mk-home-purpose-scene__tail,
html body.mk-boutique-site .mk-home-purpose-scene__peek{
  position:absolute !important;
  left:63% !important;
  display:block !important;
  pointer-events:none !important;
  user-select:none !important;
}
html body.mk-boutique-site .mk-home-purpose-scene__tail{
  z-index:1 !important;
  top:-88px !important;
  width:100px !important;
  height:100px !important;
  margin-left:-50px !important;
}
html body.mk-boutique-site .mk-home-purpose-scene__peek{
  z-index:1 !important;
  top:-102px !important;
  width:116px !important;
  height:116px !important;
  margin-left:-58px !important;
}
html body.mk-boutique-site .mk-home-purpose-scene__tail img,
html body.mk-boutique-site .mk-home-purpose-scene__peek img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
}
html body.mk-boutique-site .mk-home-purpose-scene.is-pending .mk-home-purpose-scene__tail{
  opacity:0;
  transform:translate(max(-52vw,-650px),44px);
}
html body.mk-boutique-site .mk-home-purpose-scene.is-pending .mk-home-purpose-scene__peek{
  opacity:1;
  transform:translateY(120px);
}
html body.mk-boutique-site .mk-home-purpose-scene.is-playing .mk-home-purpose-scene__tail{
  transform-origin:70% 94%;
  animation:mkPurposeTail 4.2s linear both;
}
html body.mk-boutique-site .mk-home-purpose-scene.is-playing .mk-home-purpose-scene__peek{
  transform-origin:50% 86%;
  animation:mkPurposePeek 6s ease-in-out both;
}
html body.mk-boutique-site .mk-home-purpose-scene.is-done .mk-home-purpose-scene__tail{
  display:none !important;
}
html body.mk-boutique-site .mk-home-purpose-scene.is-done .mk-home-purpose-scene__peek{
  opacity:1;
  transform:none;
}
@keyframes mkPurposeTail{
  0%{opacity:0;transform:translate(max(-52vw,-650px),44px) rotate(-6deg)}
  9%{opacity:1;transform:translate(max(-48vw,-600px),2px) rotate(5deg)}
  25%{opacity:1;transform:translate(max(-38vw,-480px),0) rotate(-5deg)}
  42%{opacity:1;transform:translate(max(-29vw,-370px),2px) rotate(5deg)}
  58%{opacity:1;transform:translate(max(-20vw,-250px),0) rotate(-5deg)}
  74%{opacity:1;transform:translate(max(-12vw,-150px),2px) rotate(5deg)}
  88%{opacity:1;transform:translate(-45px,10px) rotate(-3deg)}
  100%{opacity:0;transform:translate(-24px,106px) rotate(0)}
}
@keyframes mkPurposePeek{
  0%,61%{opacity:1;transform:translateY(120px) rotate(0)}
  65%{opacity:1;transform:translateY(98px) rotate(0)}
  73%{opacity:1;transform:translateY(62px) rotate(0)}
  82%{opacity:1;transform:translateY(4px) rotate(0)}
  88%{opacity:1;transform:translateY(0) rotate(-2deg)}
  94%{opacity:1;transform:translateY(-2px) rotate(1deg)}
  100%{opacity:1;transform:translateY(0) rotate(0)}
}
@media (max-width:980px){
  html body.mk-boutique-site .mk-home-purpose-scene__tail,
  html body.mk-boutique-site .mk-home-purpose-scene__peek{left:76% !important}
}
@media (max-width:768px){
  html body.mk-boutique-site .mk-home-purpose-scene{
    width:calc(100vw - 18px) !important;
    max-width:calc(100vw - 18px) !important;
    margin:88px auto 0 !important;
  }
  html body.mk-boutique-site .mk-home-purpose-scene__tail,
  html body.mk-boutique-site .mk-home-purpose-scene__peek{left:76% !important}
  html body.mk-boutique-site .mk-home-purpose-scene__tail{
    top:-69px !important;width:76px !important;height:76px !important;margin-left:-38px !important
  }
  html body.mk-boutique-site .mk-home-purpose-scene__peek{
    top:-81px !important;width:92px !important;height:92px !important;margin-left:-46px !important
  }
}
@media (prefers-reduced-motion:reduce){
  html body.mk-boutique-site .mk-home-purpose-scene__tail{display:none !important}
  html body.mk-boutique-site .mk-home-purpose-scene__peek{
    opacity:1 !important;transform:none !important;animation:none !important
  }
}