/* ===================================
   BASE STYLES & GLOBAL UTILITIES
   =================================== */

/* Global Smooth Scroll */
html {
    scroll-behavior: smooth;
}

/* ===================================
   SHARED ANIMATIONS
   =================================== */

/* Fade-in animation used by cards */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ===================================
   UTILITIES
   =================================== */

/* Icon Decorator */
.icon-decorator {
    opacity: 0.1;
    position: absolute;
}

/* Spacing Utilities */
.section {
    padding: 6rem 1.5rem;
}

@media (min-width: 768px) {
    .section {
        padding: 8rem 1.5rem;
    }
}

.section--hero {
    padding-top: 8rem;
    padding-bottom: 6rem;
}

@media (min-width: 1024px) {
    .section--hero {
        padding-top: 12rem;
        padding-bottom: 10rem;
    }
}