/**
 * Precision Home Animation System
 * Version: 1.0
 */

/* إيقاف الحركة عند طلب النظام ذلك */

@media (prefers-reduced-motion: reduce){

*{
animation:none!important;
transition:none!important;
scroll-behavior:auto!important;
}

}

/*------------------------------------
Initial State
------------------------------------*/

.reveal{

opacity:0;
transform:translateY(45px);
transition:

opacity .8s cubic-bezier(.2,.8,.2,1),

transform .8s cubic-bezier(.2,.8,.2,1);

will-change:opacity,transform;

}

.reveal.is-visible{

opacity:1;
transform:none;

}

/*------------------------------------
Directions
------------------------------------*/

.reveal-left{

transform:translateX(60px);

}

.reveal-right{

transform:translateX(-60px);

}

.reveal-up{

transform:translateY(60px);

}

.reveal-scale{

transform:scale(.92);

}

.reveal-scale.is-visible{

transform:scale(1);

}

/*------------------------------------
Delay System
------------------------------------*/

.delay-1{

transition-delay:.08s;

}

.delay-2{

transition-delay:.16s;

}

.delay-3{

transition-delay:.24s;

}

.delay-4{

transition-delay:.32s;

}

.delay-5{

transition-delay:.40s;

}

.delay-6{

transition-delay:.48s;

}

/*------------------------------------
Image Hover
------------------------------------*/

.image-hover{

overflow:hidden;

}

.image-hover img{

transition:

transform .8s ease,

filter .8s ease;

}

.image-hover:hover img{

transform:scale(1.08);

filter:contrast(1.05) saturate(1.08);

}

/*------------------------------------
Cards Hover
------------------------------------*/

.hover-card{

transition:

transform .35s ease,

box-shadow .35s ease;

}

.hover-card:hover{

transform:translateY(-10px);

}

/*------------------------------------
Button
------------------------------------*/

.hover-button{

transition:

transform .3s ease,

box-shadow .3s ease;

}

.hover-button:hover{

transform:translateY(-3px);

}

/*------------------------------------
Icon Rotate
------------------------------------*/

.icon-rotate svg{

transition:transform .35s ease;

}

.icon-rotate:hover svg{

transform:rotate(-12deg);

}

/*------------------------------------
Underline Animation
------------------------------------*/

.animated-line{

position:relative;

}

.animated-line::after{

content:"";

position:absolute;

right:0;

bottom:-10px;

width:0;

height:2px;

background:#D4AF37;

transition:.35s;

}

.animated-line:hover::after{

width:100%;

}

/*------------------------------------
Floating
------------------------------------*/

@keyframes phFloat{

0%{

transform:translateY(0);

}

50%{

transform:translateY(-7px);

}

100%{

transform:translateY(0);

}

}

.float{

animation:phFloat 4s ease-in-out infinite;

}

/*------------------------------------
Glow
------------------------------------*/

.glow{

position:relative;

}

.glow::before{

content:"";

position:absolute;

inset:-2px;

border-radius:inherit;

opacity:0;

transition:.4s;

background:

radial-gradient(circle,

rgba(212,175,55,.25),

transparent 70%);

z-index:-1;

}

.glow:hover::before{

opacity:1;

}