/* ==========================================================================
   AVE & VETMEDIC Studio v0.4.0
   Motion layer — single source of truth
   ========================================================================== */

.home .avm-motion-reveal{
  opacity:0;
  translate:0 22px;

  transition:
    opacity .65s ease,
    translate .72s cubic-bezier(.18,.78,.28,1);
}

.home .avm-motion-reveal.is-visible{
  opacity:1;
  translate:0 0;
}

@media(min-width:901px){
  .home .avm-office-card{
    transition:
      translate .28s ease,
      box-shadow .28s ease;
  }

  .home .avm-office-card:hover{
    translate:0 -4px;
  }
}

@media(prefers-reduced-motion:reduce){
  .home .avm-motion-reveal,
  .home .avm-motion-reveal.is-visible{
    opacity:1!important;
    translate:none!important;
    transition:none!important;
  }
}


/* ==========================================================================
   Desktop / Tablet approved hero assembly
   The production artwork remains one approved PNG.
   Three temporary clipped copies create the assembly entrance.
   ========================================================================== */

.home .avm-desktop-hero-assembly{
  position:absolute;
  inset:0;

  width:100%;
  height:100%;

  pointer-events:none;
  overflow:visible;

  z-index:1;
}

.home .avm-desktop-hero-slice{
  position:absolute;
  inset:0;

  display:block;

  width:100%;
  height:100%;

  object-fit:fill;

  margin:0!important;
  padding:0!important;

  border:0!important;
  box-shadow:none!important;

  opacity:1;
}


/*
 * Slight overlap is intentional.
 * It guarantees there can never be a visible seam between pieces.
 */

.home .avm-desktop-hero-slice--human{
  clip-path:inset(0 62% 0 0);
}

.home .avm-desktop-hero-slice--farm{
  clip-path:inset(0 30% 0 32%);
}

.home .avm-desktop-hero-slice--companion{
  clip-path:inset(0 0 0 64%);
}


@media(max-width:700px){

  .home .avm-desktop-hero-assembly{
    display:none!important;
  }

}