/* Scroll-reveal */
.reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity .6s ease, transform .6s ease;
}
.reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.reveal-scale {
    opacity: 0;
    transform: scale(.92);
    transition: opacity .5s ease, transform .5s ease;
}
.reveal-scale.is-visible {
    opacity: 1;
    transform: scale(1);
}

/* Stagger children of a .reveal-group */
.reveal-group .reveal:nth-child(1), .reveal-group .reveal-scale:nth-child(1) { transition-delay: .05s; }
.reveal-group .reveal:nth-child(2), .reveal-group .reveal-scale:nth-child(2) { transition-delay: .15s; }
.reveal-group .reveal:nth-child(3), .reveal-group .reveal-scale:nth-child(3) { transition-delay: .25s; }
.reveal-group .reveal:nth-child(4), .reveal-group .reveal-scale:nth-child(4) { transition-delay: .35s; }
.reveal-group .reveal:nth-child(5), .reveal-group .reveal-scale:nth-child(5) { transition-delay: .45s; }
.reveal-group .reveal:nth-child(6), .reveal-group .reveal-scale:nth-child(6) { transition-delay: .55s; }

@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(24px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes pulseGlow {
    0%, 100% { box-shadow: 0 0 0 0 rgba(228, 20, 28, .35); }
    50% { box-shadow: 0 0 0 10px rgba(228, 20, 28, 0); }
}

.hero-section h1 {
    animation: fadeInUp .7s ease both;
}
.hero-section .lead {
    animation: fadeInUp .7s .15s ease both;
}
.hero-section .btn {
    animation: fadeInUp .7s .3s ease both;
}

/* Smooth transitions everywhere already-interactive */
a, .btn, .nav-link, .card-service, .social-icon, .icon-tile {
    transition: all .2s ease;
}

.btn:active {
    transform: scale(.97);
}

.navbar-brand img {
    transition: transform .3s ease;
}
.navbar-brand:hover img {
    transform: rotate(-8deg) scale(1.05);
}

.icon-tile {
    transition: transform .3s ease, background-color .3s ease, color .3s ease;
}
.card-service:hover .icon-tile {
    background-color: var(--ts-red);
    color: #fff;
    transform: translateY(-4px) rotate(-4deg);
}

.social-icon {
    transition: transform .25s ease, background-color .25s ease;
}
.social-icon:hover {
    transform: translateY(-3px);
}

.social-icon-light {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: var(--ts-green-light);
    color: var(--ts-red);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform .25s ease, background-color .25s ease, color .25s ease;
}
.social-icon-light:hover {
    background-color: var(--ts-red);
    color: #fff;
    transform: translateY(-3px);
}

.stat-number {
    transition: transform .3s ease;
}
.stat-number:hover {
    transform: scale(1.08);
}

/* Swiper tweaks */
.swiper-button-next, .swiper-button-prev {
    color: var(--ts-red) !important;
}
.swiper-pagination-bullet-active {
    background-color: var(--ts-red) !important;
}
.service-gallery-swiper, .project-gallery-swiper {
    border-radius: .75rem;
    overflow: hidden;
}
.card-service-img {
    height: 220px;
    object-fit: cover;
    transition: transform .4s ease;
}
.card-service:hover .card-service-img {
    transform: scale(1.05);
}

@media (prefers-reduced-motion: reduce) {
    .reveal, .reveal-scale, .hero-section h1, .hero-section .lead, .hero-section .btn {
        animation: none !important;
        transition: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}