/* Replay each service hero entrance when its page becomes active. */
#page-transport .tx-hero .tx-visual,
#page-equipements .te-visual,
#page-pro .pp-visual{--tx-reveal-ease:cubic-bezier(.22,1,.36,1);}
#page-transport .tx-hero .tx-photo img,
#page-transport .tx-hero .tx-road-photo img{backface-visibility:hidden;}
#page-transport.active .tx-hero .tx-orbit{
 animation:tx-backdrop-arrive 1200ms var(--tx-reveal-ease) both;
}
#page-transport.active .tx-hero .tx-orbit::after{
 transform-origin:left center;
 animation:tx-outline-arrive 1100ms var(--tx-reveal-ease) 180ms both;
}
#page-transport.active .tx-hero .tx-photo{
 animation:tx-truck-arrive 1050ms var(--tx-reveal-ease) 100ms both;
}
#page-transport.active .tx-hero .tx-road-photo{
 animation:tx-road-arrive 1150ms var(--tx-reveal-ease) 280ms both;
}
#page-transport.active .tx-hero .tx-photo img,
#page-transport.active .tx-hero .tx-road-photo img{
 animation:tx-photo-settle 1700ms var(--tx-reveal-ease) 100ms both;
}
@keyframes tx-backdrop-arrive{
 from{opacity:0;transform:translateX(32px) skewY(-13deg) scaleX(.94);}
 to{opacity:1;transform:translateX(0) skewY(-13deg) scaleX(1);}
}
@keyframes tx-outline-arrive{
 from{opacity:0;transform:scaleX(.75);}
 to{opacity:1;transform:scaleX(1);}
}
@keyframes tx-truck-arrive{
 from{opacity:0;transform:translate(-44px,-14px);}
 to{opacity:1;transform:translate(-12px,-28px);}
}
@keyframes tx-road-arrive{
 from{opacity:0;transform:translate(38px,46px);}
 to{opacity:1;transform:translate(0,28px);}
}
@keyframes tx-photo-settle{
 from{transform:scale(1.065);}
 to{transform:scale(1);}
}
#page-equipements.active .te-ribbon,
#page-pro.active .pp-ribbon{
 animation:tx-backdrop-arrive 1200ms var(--tx-reveal-ease) both;
}
#page-equipements.active .te-ribbon::after,
#page-pro.active .pp-ribbon::after{
 transform-origin:left center;
 animation:tx-outline-arrive 1100ms var(--tx-reveal-ease) 180ms both;
}
#page-equipements.active .te-main-photo,
#page-pro.active .pp-visual>img{
 animation:service-photo-arrive 1350ms var(--tx-reveal-ease) 100ms both;
}
#page-equipements.active .te-photo-label,
#page-pro.active .pp-photo-note{
 animation:service-caption-arrive 950ms var(--tx-reveal-ease) 360ms both;
}
@keyframes service-photo-arrive{
 from{opacity:0;transform:translate(24px,16px) scale(.97);}
 to{opacity:1;transform:translate(0,0) scale(1);}
}
@keyframes service-caption-arrive{
 from{opacity:0;transform:translateY(14px);}
 to{opacity:1;transform:translateY(0);}
}
@media(prefers-reduced-motion:reduce){
 #page-equipements.active :is(.te-ribbon,.te-main-photo,.te-photo-label),
 #page-equipements.active .te-ribbon::after,
 #page-pro.active :is(.pp-ribbon,.pp-visual>img,.pp-photo-note),
 #page-pro.active .pp-ribbon::after,
 #page-transport.active .tx-hero :is(.tx-orbit,.tx-photo,.tx-road-photo),
 #page-transport.active .tx-hero .tx-orbit::after,
 #page-transport.active .tx-hero :is(.tx-photo,.tx-road-photo) img{animation:none;}
}