/* Custom additions to match original motion effects */
.slide{
background-size: cover;
background-position: center;
width:100%;
height:100%;
opacity:0;
transform: scale(1.08);
transition: opacity 600ms ease, transform 900ms ease;
}
.slide.active{
opacity:1;
transform: scale(1);
}
/* Icon system (inline SVG masks) */
.icon{
display:inline-block;
width:20px;
height:20px;
background-color: currentColor;
-webkit-mask-repeat:no-repeat;
-webkit-mask-position:center;
-webkit-mask-size:contain;
mask-repeat:no-repeat;
mask-position:center;
mask-size:contain;
}
.icon-chevron-right{ -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); }
.icon-chevron-left{ -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); }
.icon-globe{ -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); }
.icon-dashboard{ -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); }
/* Social icons */
.icon-twitter{ -webkit-mask-image:url('data:image/svg+xml;utf8,'); mask-image:url('data:image/svg+xml;utf8,'); }
.icon-instagram{ -webkit-mask-image:url('data:image/svg+xml;utf8,'); mask-image:url('data:image/svg+xml;utf8,'); }
.icon-linkedin{ -webkit-mask-image:url('data:image/svg+xml;utf8,'); mask-image:url('data:image/svg+xml;utf8,'); }
.icon-youtube{ -webkit-mask-image:url('data:image/svg+xml;utf8,'); mask-image:url('data:image/svg+xml;utf8,'); }
.icon-facebook{ -webkit-mask-image:url('data:image/svg+xml;utf8,'); mask-image:url('data:image/svg+xml;utf8,'); }
.icon-tiktok{ -webkit-mask-image:url('data:image/svg+xml;utf8,'); mask-image:url('data:image/svg+xml;utf8,'); }
/* CTA gradient set via JS */
#btnSite{
background-image: linear-gradient(to right, #2563eb, #4f46e5);
}
/* Accessibility */
:focus-visible{ outline: 2px solid rgba(255,255,255,.6); outline-offset: 3px; }