/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 10 2026 | 10:33:19 */
/* =========================================================
   09 — SECOND CREEK HERO ANIMATIONS

   Uses the individual CSS translate property rather than
   transform, preserving all layout and alignment transforms
   applied elsewhere in the hero CSS.
   ========================================================= */

@media (prefers-reduced-motion: no-preference) {

    .sct-hero-title,
    .sct-hero-description,
    .sct-hero-actions,
    .sct-hero-trust {
        animation:
            sctHeroReveal
            600ms
            cubic-bezier(0.22, 1, 0.36, 1)
            both;
    }

    .sct-hero-description {
        animation-delay: 70ms;
    }

    .sct-hero-actions {
        animation-delay: 135ms;
    }

    .sct-hero-trust {
        animation-delay: 200ms;
    }

    @keyframes sctHeroReveal {

        from {
            opacity: 0;
            translate: 0 10px;
        }

        to {
            opacity: 1;
            translate: 0 0;
        }
    }
}


/* =========================================================
   REDUCED-MOTION ACCESSIBILITY

   Ensures everything appears immediately when the visitor
   has reduced animation enabled in their device settings.
   ========================================================= */

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

    .sct-hero-title,
    .sct-hero-description,
    .sct-hero-actions,
    .sct-hero-trust {
        animation: none !important;
        opacity: 1 !important;
        translate: none !important;
    }
}