/* ======= Variables ======= */
/* :root {
  --brand-primary: #003120;
  --brand-secondary: #71B644;
  --brand-accent: #E7EDFF;
  --neutral-dark: #000;
  --neutral-light: #fff;
} */

/* ======= Generic anim ======= */
.u-anim-toright{
    opacity: 0 !important;
    transform: translateX(-48px);

    transition: all 0.6s ease !important;
}
.u-observed .u-anim-toright,
.u-observed.u-anim-toright{
    opacity: 1 !important;
    transform: translateX(0);
}

.u-anim-up{
    opacity: 0 !important;
    transform: translateY(48px);

    transition: all 0.6s ease !important;
}
.u-observed .u-anim-up, 
.u-observed.u-anim-up{
    opacity: 1 !important;
    transform: translateY(0);
}

.u-anim-toleft{
    opacity: 0 !important;
    transform: translateX(48px);

    transition: all 0.6s ease !important;
}
.u-observed .u-anim-toleft, 
.u-observed.u-anim-toleft{
    opacity: 1 !important;
    transform: translateX(0);
}

/* ======= Homepage UF Label ======= */
.c-homeuf__dot, .c-homeuf__label{
    transform: translateY(16px) !important;
    opacity: 0 !important;
    scale: 1 !important;
    transition: all 0.3s ease !important;
}

.c-homeuf__dot--2{
    transition-delay: 0.15s !important;
}
.c-homeuf__dot--3{
    transition-delay: 0.3s !important;
}
.c-homeuf__dot--4{
    transition-delay: 0.45s !important;
}
.c-homeuf__label{
    transition-delay: 0.45s !important;
}

.c-homeuf__line{
    height: 100% !important;
    transform: scaleY(0) !important;
    transform-origin: bottom;
    transition: transform 0.6s ease !important;
    box-shadow: 0px 2px 12px 2px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 2px 12px 2px rgba(0, 0, 0, 0.5);
}
.u-observed .c-homeuf__line{
    transform: scaleY(1) !important;
}

@media(max-width: 1024px){
    .c-masterplan .c-homeuf__dot, .c-homeuf__label{
        transform: translateY(-16px) !important;
    }

    .c-masterplan .c-homeuf__line{
        transform-origin: top !important;
    }
}

.u-observed .c-homeuf__label, .u-observed .c-homeuf__dot{
    opacity: 1 !important;
    transform: translateY(0) !important;
}