/* =========================================================
   ARFA INSTITUTIONAL FOOTER
   ---------------------------------------------------------
   ARFA CLUB
   Luxury Editorial / Private Network

   Scoped exclusively to:
   body.qiupidsaas-dark-mode

   Animation system:
   footer.is-visible
   ========================================================= */


/* =========================================================
   MAIN FOOTER
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-institutional-footer{

    --arfa-footer-gold:#C9A96E;
    --arfa-footer-gold-light:#E5C98B;
    --arfa-footer-gold-bright:#E9D19A;
    --arfa-footer-gold-soft:rgba(201,169,110,.55);

    --arfa-footer-black:#070707;
    --arfa-footer-black-soft:#0C0C0C;

    --arfa-footer-text:#9A9A9A;
    --arfa-footer-text-soft:#696969;

    position:relative;

    width:100%;

    margin:0;
    padding:0;

    overflow:hidden;

    isolation:isolate;

    background:
        linear-gradient(
            180deg,
            #12110F 0%,
            #0C0B0A 26%,
            #080808 62%,
            #050505 100%
        );

    border-top:
        1px solid rgba(201,169,110,.11);

    color:#F4F1EB;

    font-family:
        "Albert Sans",
        sans-serif;

}


/* =========================================================
   AMBIENT LIGHT
   ---------------------------------------------------------
   Slow cinematic breathing.
   This remains active after page load.
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-institutional-footer
.arfa-institutional-footer__ambient{

    position:absolute;

    top:-320px;
    left:50%;

    width:920px;
    height:580px;

    transform:
        translateX(-50%)
        scale(.97);

    border-radius:50%;

    background:
        radial-gradient(
            ellipse at center,
            rgba(201,169,110,.085) 0%,
            rgba(201,169,110,.042) 28%,
            rgba(201,169,110,.015) 49%,
            transparent 73%
        );

    pointer-events:none;

    z-index:0;

    opacity:.66;

    animation:
        arfa-footer-ambient-breathe
        11s
        ease-in-out
        infinite;

}


/* =========================================================
   AMBIENT ANIMATION
   ========================================================= */

@keyframes arfa-footer-ambient-breathe{

    0%{

        opacity:.55;

        transform:
            translateX(-50%)
            scale(.96);

    }

    50%{

        opacity:.88;

        transform:
            translateX(-50%)
            scale(1.045);

    }

    100%{

        opacity:.55;

        transform:
            translateX(-50%)
            scale(.96);

    }

}


/* =========================================================
   INNER CONTAINER
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-institutional-footer
.arfa-institutional-footer__inner{

    position:relative;

    z-index:2;

    width:
        min(
            calc(100% - 100px),
            1280px
        );

    margin:
        0 auto;

    padding:
        105px 0 44px;

}


/* =========================================================
   MAIN FOOTER COMPOSITION
   ---------------------------------------------------------
   LEFT / BRAND / RIGHT
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-institutional-footer
.arfa-institutional-footer__main{

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        300px
        minmax(0,1fr);

    align-items:center;

    column-gap:105px;

    min-height:235px;

}


/* =========================================================
   NAVIGATION
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-institutional-footer
.arfa-institutional-footer__nav{

    display:flex;

    flex-direction:column;

    gap:21px;

    width:100%;

}


/* =========================================================
   NAV INITIAL STATE
   ---------------------------------------------------------
   Visible by default.
   The observer-enhanced state adds animation.
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-institutional-footer
.arfa-institutional-footer__nav--left{

    align-items:flex-start;

    text-align:left;

}


body.qiupidsaas-dark-mode
.arfa-institutional-footer
.arfa-institutional-footer__nav--right{

    align-items:flex-end;

    text-align:right;

}


/* =========================================================
   NAV ANIMATION
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-institutional-footer.is-visible
.arfa-institutional-footer__nav--left{

    animation:
        arfa-footer-nav-left-in
        .95s
        cubic-bezier(.22,.61,.36,1)
        both;

    animation-delay:
        .05s;

}


body.qiupidsaas-dark-mode
.arfa-institutional-footer.is-visible
.arfa-institutional-footer__nav--right{

    animation:
        arfa-footer-nav-right-in
        .95s
        cubic-bezier(.22,.61,.36,1)
        both;

    animation-delay:
        .13s;

}


/* =========================================================
   NAV ENTRANCE
   ========================================================= */

@keyframes arfa-footer-nav-left-in{

    from{

        opacity:0;

        transform:
            translateX(-22px);

    }

    to{

        opacity:1;

        transform:
            translateX(0);

    }

}


@keyframes arfa-footer-nav-right-in{

    from{

        opacity:0;

        transform:
            translateX(22px);

    }

    to{

        opacity:1;

        transform:
            translateX(0);

    }

}


/* =========================================================
   NAV LINKS
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-institutional-footer
.arfa-institutional-footer__nav a{

    position:relative;

    display:inline-flex;

    align-items:center;

    width:max-content;

    max-width:100%;

    padding:
        4px 0;

    color:
        var(--arfa-footer-text);

    font-family:
        "Albert Sans",
        sans-serif;

    font-size:10px;

    font-weight:500;

    line-height:1.5;

    letter-spacing:
        1.5px;

    text-transform:
        uppercase;

    text-decoration:none;

    opacity:.92;

    transition:
        color .35s ease,
        opacity .35s ease,
        transform .35s ease;

}


/* =========================================================
   NAV UNDERLINE
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-institutional-footer
.arfa-institutional-footer__nav a::after{

    content:"";

    position:absolute;

    left:0;
    bottom:0;

    width:0;
    height:1px;

    background:
        linear-gradient(
            90deg,
            var(--arfa-footer-gold),
            var(--arfa-footer-gold-light)
        );

    transition:
        width .45s cubic-bezier(.22,.61,.36,1);

}


/* =========================================================
   NAV HOVER
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-institutional-footer
.arfa-institutional-footer__nav a:hover{

    color:
        var(--arfa-footer-gold-light);

    opacity:1;

}


/* LEFT */

body.qiupidsaas-dark-mode
.arfa-institutional-footer
.arfa-institutional-footer__nav--left a:hover{

    transform:
        translateX(5px);

}


/* RIGHT */

body.qiupidsaas-dark-mode
.arfa-institutional-footer
.arfa-institutional-footer__nav--right a:hover{

    transform:
        translateX(-5px);

}


/* UNDERLINE */

body.qiupidsaas-dark-mode
.arfa-institutional-footer
.arfa-institutional-footer__nav a:hover::after{

    width:100%;

}


/* =========================================================
   CENTER BRAND
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-institutional-footer
.arfa-institutional-footer__brand{

    position:relative;

    display:flex;

    align-items:center;

    justify-content:center;

    min-width:300px;

    min-height:200px;

    text-align:center;

}


/* =========================================================
   BRAND ANIMATION
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-institutional-footer.is-visible
.arfa-institutional-footer__brand{

    animation:
        arfa-footer-brand-in
        1.15s
        cubic-bezier(.22,.61,.36,1)
        both;

    animation-delay:
        .22s;

}


/* =========================================================
   BRAND ENTRANCE
   ========================================================= */

@keyframes arfa-footer-brand-in{

    from{

        opacity:0;

        transform:
            translateY(18px)
            scale(.94);

    }

    to{

        opacity:1;

        transform:
            translateY(0)
            scale(1);

    }

}


/* =========================================================
   BRAND LINK
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-institutional-footer
.arfa-institutional-footer__brand-link{

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    gap:9px;

    color:#fff;

    text-decoration:none;

    transition:
        transform .45s ease;

}


/* =========================================================
   BRAND HOVER
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-institutional-footer
.arfa-institutional-footer__brand-link:hover{

    transform:
        translateY(-3px);

}


/* =========================================================
   ARFA WORDMARK
   ---------------------------------------------------------
   Enlarged intentionally.
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-institutional-footer
.arfa-institutional-footer__brand-name{

    display:block;

    margin:0;

    padding-left:
        .16em;

    color:
        var(--arfa-footer-gold);

    font-family:
        "Albert Sans",
        sans-serif;

    font-size:
        clamp(44px,4.1vw,56px);

    font-weight:500;

    line-height:.90;

    letter-spacing:
        .16em;

    text-rendering:
        geometricPrecision;

    text-shadow:
        0 0 22px rgba(201,169,110,.08);

    transition:
        color .45s ease,
        text-shadow .45s ease;

}


/* =========================================================
   BRAND WORDMARK HOVER
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-institutional-footer
.arfa-institutional-footer__brand-link:hover
.arfa-institutional-footer__brand-name{

    color:
        var(--arfa-footer-gold-bright);

    text-shadow:
        0 0 28px rgba(201,169,110,.15);

}


/* =========================================================
   CLUB
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-institutional-footer
.arfa-institutional-footer__brand-subtitle{

    display:block;

    margin:0;

    padding-left:
        .41em;

    color:
        rgba(229,201,139,.78);

    font-family:
        "Albert Sans",
        sans-serif;

    font-size:9px;

    font-weight:600;

    line-height:1;

    letter-spacing:
        .41em;

    text-transform:
        uppercase;

}


/* =========================================================
   BRAND DETAIL LINE
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-institutional-footer
.arfa-institutional-footer__brand::after{

    content:"";

    position:absolute;

    bottom:3px;

    left:50%;

    width:52px;

    height:1px;

    transform:
        translateX(-50%)
        scaleX(0);

    transform-origin:center;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--arfa-footer-gold),
            transparent
        );

    opacity:.65;

}


/* =========================================================
   BRAND LINE ANIMATION
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-institutional-footer.is-visible
.arfa-institutional-footer__brand::after{

    animation:
        arfa-footer-brand-line-in
        .85s
        cubic-bezier(.22,.61,.36,1)
        both;

    animation-delay:
        .78s;

}


@keyframes arfa-footer-brand-line-in{

    from{

        opacity:0;

        transform:
            translateX(-50%)
            scaleX(0);

    }

    to{

        opacity:.65;

        transform:
            translateX(-50%)
            scaleX(1);

    }

}


/* =========================================================
   SVG LOGO SUPPORT
   ---------------------------------------------------------
   If footer.php uses:
   .arfa-institutional-footer__logo
   this makes the SVG substantially larger.
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-institutional-footer
.arfa-institutional-footer__logo{

    display:block;

    width:
        clamp(180px,16vw,230px);

    height:auto;

    max-width:230px;

    object-fit:contain;

    filter:
        drop-shadow(
            0 0 18px
            rgba(201,169,110,.07)
        );

    transition:
        filter .45s ease,
        transform .45s ease;

}


/* =========================================================
   SVG LOGO HOVER
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-institutional-footer
.arfa-institutional-footer__brand-link:hover
.arfa-institutional-footer__logo{

    transform:
        translateY(-2px);

    filter:
        drop-shadow(
            0 0 24px
            rgba(201,169,110,.14)
        );

}


/* =========================================================
   CTA
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-institutional-footer
.arfa-institutional-footer__cta{

    display:flex;

    justify-content:center;

    margin-top:
        62px;

}


/* =========================================================
   CTA ANIMATION
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-institutional-footer.is-visible
.arfa-institutional-footer__cta{

    animation:
        arfa-footer-cta-in
        .95s
        cubic-bezier(.22,.61,.36,1)
        both;

    animation-delay:
        .46s;

}


@keyframes arfa-footer-cta-in{

    from{

        opacity:0;

        transform:
            translateY(18px);

    }

    to{

        opacity:1;

        transform:
            translateY(0);

    }

}


/* =========================================================
   CTA LINK
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-institutional-footer
.arfa-institutional-footer__cta-link{

    position:relative;

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        auto;

    align-items:center;

    column-gap:38px;

    width:
        min(
            100%,
            650px
        );

    padding:
        21px 5px 20px;

    border-top:
        1px solid rgba(201,169,110,.14);

    border-bottom:
        1px solid rgba(201,169,110,.14);

    color:#fff;

    text-decoration:none;

    transition:
        border-color .4s ease,
        padding .4s ease,
        transform .4s ease;

}


/* =========================================================
   CTA HOVER
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-institutional-footer
.arfa-institutional-footer__cta-link:hover{

    padding-left:
        12px;

    padding-right:
        12px;

    border-top-color:
        rgba(201,169,110,.35);

    border-bottom-color:
        rgba(201,169,110,.35);

    transform:
        translateY(-2px);

}


/* =========================================================
   CTA TITLE
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-institutional-footer
.arfa-institutional-footer__cta-title{

    display:block;

    color:
        var(--arfa-footer-gold-light);

    font-family:
        "Albert Sans",
        sans-serif;

    font-size:10px;

    font-weight:600;

    line-height:1.5;

    letter-spacing:
        1.7px;

    text-transform:
        uppercase;

}


/* =========================================================
   CTA DESCRIPTION
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-institutional-footer
.arfa-institutional-footer__cta-description{

    display:block;

    margin-top:5px;

    color:
        #747474;

    font-family:
        "Albert Sans",
        sans-serif;

    font-size:11px;

    font-weight:400;

    line-height:1.55;

    letter-spacing:
        .25px;

}


/* =========================================================
   CTA ARROW
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-institutional-footer
.arfa-institutional-footer__cta-arrow{

    display:flex;

    align-items:center;

    justify-content:center;

    width:34px;

    height:34px;

    border:
        1px solid rgba(201,169,110,.24);

    border-radius:50%;

    color:
        var(--arfa-footer-gold);

    font-size:16px;

    line-height:1;

    transition:
        background .35s ease,
        color .35s ease,
        border-color .35s ease,
        transform .45s cubic-bezier(.22,.61,.36,1);

}


/* =========================================================
   CTA ARROW HOVER
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-institutional-footer
.arfa-institutional-footer__cta-link:hover
.arfa-institutional-footer__cta-arrow{

    background:
        var(--arfa-footer-gold);

    border-color:
        var(--arfa-footer-gold);

    color:
        var(--arfa-footer-black);

    transform:
        translateX(6px);

}


/* =========================================================
   DIVIDER
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-institutional-footer
.arfa-institutional-footer__divider{

    width:100%;

    height:1px;

    margin-top:
        62px;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(201,169,110,.055) 12%,
            rgba(201,169,110,.17) 50%,
            rgba(201,169,110,.055) 88%,
            transparent 100%
        );

    transform:
        scaleX(0);

    transform-origin:center;

    opacity:0;

}


/* =========================================================
   DIVIDER ANIMATION
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-institutional-footer.is-visible
.arfa-institutional-footer__divider{

    animation:
        arfa-footer-divider-in
        1.1s
        cubic-bezier(.22,.61,.36,1)
        both;

    animation-delay:
        .68s;

}


@keyframes arfa-footer-divider-in{

    from{

        opacity:0;

        transform:
            scaleX(0);

    }

    to{

        opacity:1;

        transform:
            scaleX(1);

    }

}


/* =========================================================
   LEGAL
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-institutional-footer
.arfa-institutional-footer__legal{

    display:flex;

    align-items:center;

    justify-content:center;

    padding-top:
        25px;

    opacity:1;

}


/* =========================================================
   LEGAL ANIMATION
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-institutional-footer.is-visible
.arfa-institutional-footer__legal{

    animation:
        arfa-footer-bottom-in
        .85s
        ease
        both;

    animation-delay:
        .82s;

}


/* =========================================================
   COPYRIGHT
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-institutional-footer
.arfa-institutional-footer__copyright{

    margin:0;

    color:
        #575757;

    font-family:
        "Albert Sans",
        sans-serif;

    font-size:8px;

    font-weight:400;

    line-height:1.5;

    letter-spacing:
        1.15px;

    text-align:center;

    text-transform:
        uppercase;

}


/* =========================================================
   SOCIAL
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-institutional-footer
.arfa-institutional-footer__social{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:13px;

    margin-top:
        18px;

    opacity:1;

}


/* =========================================================
   SOCIAL ANIMATION
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-institutional-footer.is-visible
.arfa-institutional-footer__social{

    animation:
        arfa-footer-bottom-in
        .85s
        ease
        both;

    animation-delay:
        .96s;

}


/* =========================================================
   BOTTOM ENTRANCE
   ========================================================= */

@keyframes arfa-footer-bottom-in{

    from{

        opacity:0;

        transform:
            translateY(9px);

    }

    to{

        opacity:1;

        transform:
            translateY(0);

    }

}


/* =========================================================
   SOCIAL LINKS
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-institutional-footer
.arfa-institutional-footer__social-link{

    position:relative;

    color:
        #686868;

    font-family:
        "Albert Sans",
        sans-serif;

    font-size:8px;

    font-weight:500;

    line-height:1.5;

    letter-spacing:
        1.1px;

    text-decoration:none;

    text-transform:
        uppercase;

    transition:
        color .35s ease,
        transform .35s ease;

}


/* =========================================================
   SOCIAL HOVER
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-institutional-footer
.arfa-institutional-footer__social-link:hover{

    color:
        var(--arfa-footer-gold-light);

    transform:
        translateY(-2px);

}


/* =========================================================
   SOCIAL SEPARATOR
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-institutional-footer
.arfa-institutional-footer__social-separator{

    color:
        rgba(201,169,110,.25);

    font-size:9px;

    line-height:1;

}


/* =========================================================
   ACCESSIBILITY
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-institutional-footer
a:focus-visible{

    outline:
        1px solid var(--arfa-footer-gold-light);

    outline-offset:
        5px;

    border-radius:2px;

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width:1100px){

    body.qiupidsaas-dark-mode
    .arfa-institutional-footer
    .arfa-institutional-footer__inner{

        width:
            calc(100% - 60px);

        padding:
            88px 0 40px;

    }


    body.qiupidsaas-dark-mode
    .arfa-institutional-footer
    .arfa-institutional-footer__main{

        grid-template-columns:
            minmax(0,1fr)
            235px
            minmax(0,1fr);

        column-gap:
            55px;

        min-height:
            215px;

    }


    body.qiupidsaas-dark-mode
    .arfa-institutional-footer
    .arfa-institutional-footer__brand{

        min-width:
            235px;

        min-height:
            185px;

    }


    body.qiupidsaas-dark-mode
    .arfa-institutional-footer
    .arfa-institutional-footer__brand-name{

        font-size:
            46px;

    }


    body.qiupidsaas-dark-mode
    .arfa-institutional-footer
    .arfa-institutional-footer__logo{

        width:
            205px;

    }


    body.qiupidsaas-dark-mode
    .arfa-institutional-footer
    .arfa-institutional-footer__nav{

        gap:
            18px;

    }


    body.qiupidsaas-dark-mode
    .arfa-institutional-footer
    .arfa-institutional-footer__nav a{

        font-size:
            9px;

        letter-spacing:
            1.2px;

    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width:760px){

    body.qiupidsaas-dark-mode
    .arfa-institutional-footer{

        border-top-color:
            rgba(201,169,110,.13);

    }


    body.qiupidsaas-dark-mode
    .arfa-institutional-footer
    .arfa-institutional-footer__ambient{

        top:
            -205px;

        width:
            600px;

        height:
            410px;

    }


    body.qiupidsaas-dark-mode
    .arfa-institutional-footer
    .arfa-institutional-footer__inner{

        width:
            calc(100% - 36px);

        padding:
            68px 0 34px;

    }


    /* -----------------------------------------
       MAIN STACK
    ----------------------------------------- */

    body.qiupidsaas-dark-mode
    .arfa-institutional-footer
    .arfa-institutional-footer__main{

        display:flex;

        flex-direction:column;

        min-height:auto;

    }


    /* -----------------------------------------
       BRAND
    ----------------------------------------- */

    body.qiupidsaas-dark-mode
    .arfa-institutional-footer
    .arfa-institutional-footer__brand{

        order:1;

        min-width:auto;

        min-height:auto;

        margin-bottom:
            48px;

    }


    body.qiupidsaas-dark-mode
    .arfa-institutional-footer
    .arfa-institutional-footer__brand-name{

        font-size:
            38px;

        letter-spacing:
            .15em;

    }


    body.qiupidsaas-dark-mode
    .arfa-institutional-footer
    .arfa-institutional-footer__logo{

        width:
            min(68vw,220px);

        max-width:
            220px;

    }


    body.qiupidsaas-dark-mode
    .arfa-institutional-footer
    .arfa-institutional-footer__brand-subtitle{

        font-size:
            8px;

    }


    body.qiupidsaas-dark-mode
    .arfa-institutional-footer
    .arfa-institutional-footer__brand::after{

        bottom:
            -20px;

        width:
            46px;

    }


    /* -----------------------------------------
       LEFT NAV
    ----------------------------------------- */

    body.qiupidsaas-dark-mode
    .arfa-institutional-footer
    .arfa-institutional-footer__nav--left{

        order:2;

        align-items:center;

        text-align:center;

    }


    /* -----------------------------------------
       RIGHT NAV
    ----------------------------------------- */

    body.qiupidsaas-dark-mode
    .arfa-institutional-footer
    .arfa-institutional-footer__nav--right{

        order:3;

        align-items:center;

        text-align:center;

        margin-top:
            9px;

    }


    /* -----------------------------------------
       MOBILE NAV
    ----------------------------------------- */

    body.qiupidsaas-dark-mode
    .arfa-institutional-footer
    .arfa-institutional-footer__nav{

        gap:
            0;

    }


    body.qiupidsaas-dark-mode
    .arfa-institutional-footer
    .arfa-institutional-footer__nav a{

        width:auto;

        padding:
            9px 0;

        font-size:
            9px;

        letter-spacing:
            1.05px;

        text-align:center;

    }


    /* -----------------------------------------
       CTA
    ----------------------------------------- */

    body.qiupidsaas-dark-mode
    .arfa-institutional-footer
    .arfa-institutional-footer__cta{

        margin-top:
            51px;

    }


    body.qiupidsaas-dark-mode
    .arfa-institutional-footer
    .arfa-institutional-footer__cta-link{

        grid-template-columns:
            minmax(0,1fr)
            auto;

        column-gap:
            20px;

        width:
            100%;

        padding:
            20px 2px;

    }


    body.qiupidsaas-dark-mode
    .arfa-institutional-footer
    .arfa-institutional-footer__cta-title{

        font-size:
            9px;

        letter-spacing:
            1.3px;

    }


    body.qiupidsaas-dark-mode
    .arfa-institutional-footer
    .arfa-institutional-footer__cta-description{

        font-size:
            10px;

    }


    body.qiupidsaas-dark-mode
    .arfa-institutional-footer
    .arfa-institutional-footer__cta-arrow{

        width:
            31px;

        height:
            31px;

        font-size:
            15px;

    }


    /* -----------------------------------------
       DIVIDER
    ----------------------------------------- */

    body.qiupidsaas-dark-mode
    .arfa-institutional-footer
    .arfa-institutional-footer__divider{

        margin-top:
            48px;

    }


    /* -----------------------------------------
       LEGAL
    ----------------------------------------- */

    body.qiupidsaas-dark-mode
    .arfa-institutional-footer
    .arfa-institutional-footer__legal{

        padding-top:
            23px;

    }


    body.qiupidsaas-dark-mode
    .arfa-institutional-footer
    .arfa-institutional-footer__copyright{

        max-width:
            100%;

        font-size:
            7.5px;

        letter-spacing:
            .8px;

    }


    /* -----------------------------------------
       SOCIAL
    ----------------------------------------- */

    body.qiupidsaas-dark-mode
    .arfa-institutional-footer
    .arfa-institutional-footer__social{

        margin-top:
            18px;

    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width:420px){

    body.qiupidsaas-dark-mode
    .arfa-institutional-footer
    .arfa-institutional-footer__inner{

        width:
            calc(100% - 28px);

        padding-top:
            58px;

    }


    body.qiupidsaas-dark-mode
    .arfa-institutional-footer
    .arfa-institutional-footer__brand{

        margin-bottom:
            43px;

    }


    body.qiupidsaas-dark-mode
    .arfa-institutional-footer
    .arfa-institutional-footer__brand-name{

        font-size:
            34px;

    }


    body.qiupidsaas-dark-mode
    .arfa-institutional-footer
    .arfa-institutional-footer__logo{

        width:
            min(72vw,205px);

    }


    body.qiupidsaas-dark-mode
    .arfa-institutional-footer
    .arfa-institutional-footer__brand-subtitle{

        font-size:
            7px;

    }


    body.qiupidsaas-dark-mode
    .arfa-institutional-footer
    .arfa-institutional-footer__nav a{

        font-size:
            8px;

        letter-spacing:
            .9px;

    }


    body.qiupidsaas-dark-mode
    .arfa-institutional-footer
    .arfa-institutional-footer__cta{

        margin-top:
            45px;

    }


    body.qiupidsaas-dark-mode
    .arfa-institutional-footer
    .arfa-institutional-footer__cta-title{

        font-size:
            8.5px;

    }


    body.qiupidsaas-dark-mode
    .arfa-institutional-footer
    .arfa-institutional-footer__cta-description{

        font-size:
            9.5px;

    }


    body.qiupidsaas-dark-mode
    .arfa-institutional-footer
    .arfa-institutional-footer__social{

        gap:
            9px;

    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    body.qiupidsaas-dark-mode
    .arfa-institutional-footer
    .arfa-institutional-footer__ambient{

        animation:none;

    }


    body.qiupidsaas-dark-mode
    .arfa-institutional-footer *,
    body.qiupidsaas-dark-mode
    .arfa-institutional-footer *::before,
    body.qiupidsaas-dark-mode
    .arfa-institutional-footer *::after{

        animation:none !important;

        transition:none !important;

    }

}

/* =========================================================
   ARFA CINEMATIC HERO — V2
   ---------------------------------------------------------
   ARFA CLUB
   CSS ONLY / 4 IMAGE PLANES / CINEMATIC DEPTH
   ========================================================= */


/* =========================================================
   ROOT
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-cinematic-hero{

    --arfa-gold:
        #C9A96E;

    --arfa-gold-light:
        #E5C98B;

    --arfa-white:
        #F4F1EB;

    --arfa-black:
        #050505;

    --arfa-motion:
        cubic-bezier(.22,.61,.36,1);

    position:relative;

    width:100vw;
    max-width:100vw;

    margin-left:
        calc(50% - 50vw);

    margin-right:
        calc(50% - 50vw);

    overflow:hidden;

    background:
        #050505;

    isolation:isolate;

}


/* =========================================================
   STAGE
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-cinematic-hero
.arfa-cinematic-hero__stage{

    position:relative;

    width:100%;

    height:
        clamp(
            700px,
            78vh,
            900px
        );

    min-height:
        700px;

    overflow:hidden;

    isolation:isolate;

}


/* =========================================================
   COMMON IMAGE LAYER
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-cinematic-hero
.arfa-cinematic-hero__layer{

    position:absolute;

    inset:0;

    pointer-events:none;

    overflow:visible;

    transform:
        translate3d(0,0,0);

    will-change:
        transform;

}


/* =========================================================
   COMMON IMAGE
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-cinematic-hero
.arfa-cinematic-hero__layer
img{

    position:absolute;

    display:block;

    width:auto;

    height:auto;

    max-width:none;
    max-height:none;

    margin:0;
    padding:0;

    object-fit:contain;

    user-select:none;

    pointer-events:none;

    -webkit-user-drag:none;

    backface-visibility:hidden;

    -webkit-backface-visibility:hidden;

    transform:
        translate3d(0,0,0);

}


/* =========================================================
   01 — BACKGROUND
   ---------------------------------------------------------
   2560 × 1440
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-cinematic-hero
.arfa-cinematic-hero__layer--background{

    z-index:1;

    animation:
        arfa-cinematic-background-v2
        14s
        ease-in-out
        infinite
        alternate;

}


body.qiupidsaas-dark-mode
.arfa-cinematic-hero
.arfa-cinematic-hero__layer--background
img{

    width:100%;
    height:100%;

    object-fit:cover;

    object-position:center center;

}


/* =========================================================
   BACKGROUND CAMERA
   ========================================================= */

@keyframes arfa-cinematic-background-v2{

    0%{

        transform:
            translate3d(-.22%,0,0)
            scale(1.018);

    }

    50%{

        transform:
            translate3d(.05%,-.08%,0)
            scale(1.027);

    }

    100%{

        transform:
            translate3d(.24%,-.16%,0)
            scale(1.038);

    }

}


/* =========================================================
   02 — BACK TYPOGRAPHY
   ---------------------------------------------------------
   Behind the midground.
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-cinematic-hero
.arfa-cinematic-hero__depth-text{

    position:absolute;

    margin:0;
    padding:0;

    pointer-events:none;

    white-space:nowrap;

    user-select:none;

    font-family:
        "Albert Sans",
        sans-serif;

    font-weight:400;

    line-height:.8;

    text-transform:uppercase;

}


/* =========================================================
   BACK WORD
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-cinematic-hero
.arfa-cinematic-hero__depth-text--back{

    z-index:2;

    top:
        20%;

    left:
        50%;

   color: var(--arfa-gold-dark);

    font-size:
        clamp(
            115px,
            16vw,
            245px
        );

    letter-spacing:
        .12em;

    transform:
        translateX(-50%);

    animation:
        arfa-cinematic-back-word
        3s
        ease-in-out
        infinite
        alternate;

}


/* =========================================================
   BACK WORD MOTION
   ========================================================= */

@keyframes arfa-cinematic-back-word{

    0%{

        transform:
            translate3d(-50%,0,0)
            scale(1);

    }

    100%{

        transform:
            translate3d(-49.4%,-1.2%,0)
            scale(1.025);

    }

}


/* =========================================================
   03 — MIDGROUND LEFT
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-cinematic-hero
.arfa-cinematic-hero__layer--mid-left{

    z-index:3;

    animation:
        arfa-cinematic-left-v2
        6s
        ease-in-out
        infinite
        alternate;

}


body.qiupidsaas-dark-mode
.arfa-cinematic-hero
.arfa-cinematic-hero__layer--mid-left
img{

    height:
        112%;

    width:auto;

    left:
        1.5%;

    bottom:
        -4%;

}


/* =========================================================
   LEFT MOVEMENT
   ========================================================= */

@keyframes arfa-cinematic-left-v2{

    0%{

        transform:
            translate3d(-.65%,.1%,0)
            scale(1.01);

    }

    50%{

        transform:
            translate3d(.05%,-.1%,0)
            scale(1.025);

    }

    100%{

        transform:
            translate3d(.55%,-.3%,0)
            scale(1.045);

    }

}


/* =========================================================
   04 — MIDGROUND RIGHT
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-cinematic-hero
.arfa-cinematic-hero__layer--mid-right{

    z-index:4;

    animation:
        arfa-cinematic-right-v2
        8.7s
        ease-in-out
        infinite
        alternate;

}


body.qiupidsaas-dark-mode
.arfa-cinematic-hero
.arfa-cinematic-hero__layer--mid-right
img{

    height:
        104%;

    width:auto;

    right:
        -1.5%;

    bottom:
        -2%;

}


/* =========================================================
   RIGHT MOVEMENT
   ========================================================= */

@keyframes arfa-cinematic-right-v2{

    0%{

        transform:
            translate3d(.65%,.12%,0)
            scale(1.01);

    }

    50%{

        transform:
            translate3d(-.05%,-.08%,0)
            scale(1.03);

    }

    100%{

        transform:
            translate3d(-.55%,-.28%,0)
            scale(1.05);

    }

}


/* =========================================================
   05 — MIDDLE TYPOGRAPHY
   ---------------------------------------------------------
   Sits between midground and foreground.
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-cinematic-hero
.arfa-cinematic-hero__depth-text--middle{

    z-index:5;

    top:
        42%;

    left:
        50%;

    color:
        var(--arfa-gold-light);

    font-size:
        clamp(
            70px,
            9.5vw,
            145px
        );

    letter-spacing:
        .09em;

    transform:
        translateX(-50%);

    animation:
        arfa-cinematic-middle-word
        4s
        ease-in-out
        infinite
        alternate;

}


/* =========================================================
   MIDDLE WORD MOTION
   ========================================================= */

@keyframes arfa-cinematic-middle-word{

    0%{

        transform:
            translate3d(-50%,0,0)
            scale(1);

    }

    100%{

        transform:
            translate3d(-50.6%,-.7%,0)
            scale(1.02);

    }

}


/* =========================================================
   06 — FOREGROUND
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-cinematic-hero
.arfa-cinematic-hero__layer--foreground{

    z-index:6;

    animation:
        arfa-cinematic-foreground-v2
        5.4s
        ease-in-out
        infinite
        alternate;

}


body.qiupidsaas-dark-mode
.arfa-cinematic-hero
.arfa-cinematic-hero__layer--foreground
img{

    height:
        113%;

    width:auto;

    left:
        50%;

    bottom:
        -7%;

    transform:
        translateX(-50%);

}


/* =========================================================
   FOREGROUND CAMERA
   ========================================================= */

@keyframes arfa-cinematic-foreground-v2{

    0%{

        transform:
            translate3d(-.55%,.15%,0)
            scale(1.015);

    }

    50%{

        transform:
            translate3d(.05%,-.05%,0)
            scale(1.035);

    }

    100%{

        transform:
            translate3d(.65%,-.4%,0)
            scale(1.065);

    }

}


/* =========================================================
   07 — FRONT CONTENT
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-cinematic-hero
.arfa-cinematic-hero__content{

    position:absolute;

    z-index:8;

    left:50%;

    bottom:
        clamp(
            48px,
            7vh,
            82px
        );

    width:
        min(
            calc(100% - 50px),
            690px
        );

    transform:
        translateX(-50%);

    text-align:center;

    pointer-events:none;

}


/* =========================================================
   EYEBROW
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-cinematic-hero
.arfa-cinematic-hero__eyebrow{

    margin-bottom:
        12px;

    color:
        var(--arfa-gold-light);

    font-size:
        8px;

    font-weight:
        600;

    letter-spacing:
        3.2px;

    line-height:
        1.4;

    text-transform:
        uppercase;

    opacity:0;

    animation:
        arfa-cinematic-eyebrow-v2
        1s
        var(--arfa-motion)
        forwards;

    animation-delay:
        .7s;

}


/* =========================================================
   MAIN TITLE
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-cinematic-hero
.arfa-cinematic-hero__title{

    max-width:
        650px;

    margin:
        0 auto;

    color:
        var(--arfa-white);

    font-family:
        "Albert Sans",
        sans-serif;

    font-size:
        clamp(
            32px,
            4.5vw,
            58px
        );

    font-weight:
        400;
		text-transform: uppercase;

    line-height:
        1.01;

    letter-spacing:
        -.035em;

    text-wrap:
        balance;

    text-shadow:
        0 4px 30px rgba(0,0,0,.55);

    opacity:0;

    animation:
        arfa-cinematic-title-v2
        1.2s
        var(--arfa-motion)
        forwards;

    animation-delay:
        .82s;

}


body.qiupidsaas-dark-mode
.arfa-cinematic-hero
.arfa-cinematic-hero__title span{

    display:block;

    color:
        var(--arfa-gold-light);

}


/* =========================================================
   DESCRIPTION
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-cinematic-hero
.arfa-cinematic-hero__description{

    max-width:
        480px;

    margin:
        16px auto 0;

    color:
        rgba(244,241,235,.72);

    font-size:
        10px;

    font-weight:
        400;

    line-height:
        1.7;

    letter-spacing:
        .35px;

    text-shadow:
        0 2px 16px rgba(0,0,0,.5);

    opacity:0;

    animation:
        arfa-cinematic-description-v2
        1s
        var(--arfa-motion)
        forwards;

    animation-delay:
        1.05s;

}


/* =========================================================
   CTA
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-cinematic-hero
.arfa-cinematic-hero__cta{

    display:inline-flex;

    align-items:center;
    justify-content:center;

    gap:
        16px;

    margin-top:
        23px;

    padding:
        12px 20px;

    border:
        1px solid
        rgba(229,201,139,.4);

    background:
        rgba(5,5,5,.13);

    backdrop-filter:
        blur(4px);

    -webkit-backdrop-filter:
        blur(4px);

    color:
        var(--arfa-gold-light);

    font-size:
        8px;

    font-weight:
        600;

    letter-spacing:
        1.8px;

    line-height:
        1;

    text-decoration:none;

    text-transform:uppercase;

    pointer-events:auto;

    opacity:0;

    animation:
        arfa-cinematic-cta-v2
        1s
        var(--arfa-motion)
        forwards;

    animation-delay:
        1.28s;

    transition:
        background .4s ease,
        border-color .4s ease,
        color .4s ease,
        transform .4s ease;

}


body.qiupidsaas-dark-mode
.arfa-cinematic-hero
.arfa-cinematic-hero__cta:hover{

    background:
        rgba(201,169,110,.1);

    border-color:
        rgba(229,201,139,.7);

    color:
        #fff;

    transform:
        translateY(-2px);

}


/* =========================================================
   CTA ARROW
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-cinematic-hero
.arfa-cinematic-hero__cta-arrow{

    transition:
        transform .4s ease;

}


body.qiupidsaas-dark-mode
.arfa-cinematic-hero
.arfa-cinematic-hero__cta:hover
.arfa-cinematic-hero__cta-arrow{

    transform:
        translateX(5px);

}


/* =========================================================
   CONTENT ENTRANCE
   ========================================================= */

@keyframes arfa-cinematic-eyebrow-v2{

    from{

        opacity:0;

        transform:
            translateY(14px);

    }

    to{

        opacity:1;

        transform:
            translateY(0);

    }

}


@keyframes arfa-cinematic-title-v2{

    from{

        opacity:0;

        transform:
            translateY(28px)
            scale(.985);

    }

    to{

        opacity:1;

        transform:
            translateY(0)
            scale(1);

    }

}


@keyframes arfa-cinematic-description-v2{

    from{

        opacity:0;

        transform:
            translateY(16px);

    }

    to{

        opacity:1;

        transform:
            translateY(0);

    }

}


@keyframes arfa-cinematic-cta-v2{

    from{

        opacity:0;

        transform:
            translateY(13px);

    }

    to{

        opacity:1;

        transform:
            translateY(0);

    }

}


/* =========================================================
   CINEMATIC VIGNETTE
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-cinematic-hero
.arfa-cinematic-hero__vignette{

    position:absolute;

    inset:0;

    z-index:7;

    pointer-events:none;

    background:

        radial-gradient(
            ellipse at center,
            rgba(0,0,0,0) 32%,
            rgba(0,0,0,.035) 56%,
            rgba(0,0,0,.22) 100%
        );

}


/* =========================================================
   BOTTOM CINEMATIC FADE
   ========================================================= */

body.qiupidsaas-dark-mode
.arfa-cinematic-hero
.arfa-cinematic-hero__bottom-fade{

    position:absolute;

    right:0;
    bottom:0;
    left:0;

    z-index:9;

    height:
        170px;

    pointer-events:none;

    background:
        linear-gradient(
            180deg,
            transparent 0%,
            rgba(5,5,5,.08) 25%,
            rgba(5,5,5,.52) 78%,
            rgba(5,5,5,.88) 100%
        );

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width:1100px){

    body.qiupidsaas-dark-mode
    .arfa-cinematic-hero
    .arfa-cinematic-hero__stage{

        height:
            clamp(
                650px,
                76vh,
                820px
            );

        min-height:
            650px;

    }


    body.qiupidsaas-dark-mode
    .arfa-cinematic-hero
    .arfa-cinematic-hero__layer--mid-left
    img{

        height:
            108%;

        left:
            -1%;

    }


    body.qiupidsaas-dark-mode
    .arfa-cinematic-hero
    .arfa-cinematic-hero__layer--mid-right
    img{

        height:
            100%;

        right:
            -4%;

    }


    body.qiupidsaas-dark-mode
    .arfa-cinematic-hero
    .arfa-cinematic-hero__layer--foreground
    img{

        height:
            108%;

    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width:760px){

    body.qiupidsaas-dark-mode
    .arfa-cinematic-hero{

        width:100vw;

        margin-left:
            calc(50% - 50vw);

        margin-right:
            calc(50% - 50vw);

    }


    body.qiupidsaas-dark-mode
    .arfa-cinematic-hero
    .arfa-cinematic-hero__stage{

        height:
            min(
                760px,
                100svh
            );

        min-height:
            680px;

    }


    /* -----------------------------------------
       MOBILE BACKGROUND
       ----------------------------------------- */

    body.qiupidsaas-dark-mode
    .arfa-cinematic-hero
    .arfa-cinematic-hero__layer--background
    img{

        width:auto;

        height:100%;

        min-width:100%;

        object-fit:cover;

        object-position:
            50% center;

    }


    /* -----------------------------------------
       MOBILE LEFT
       ----------------------------------------- */

    body.qiupidsaas-dark-mode
    .arfa-cinematic-hero
    .arfa-cinematic-hero__layer--mid-left
    img{

        height:
            77%;

        left:
            -10%;

        bottom:
            6%;

    }


    /* -----------------------------------------
       MOBILE RIGHT
       ----------------------------------------- */

    body.qiupidsaas-dark-mode
    .arfa-cinematic-hero
    .arfa-cinematic-hero__layer--mid-right
    img{

        height:
            67%;

        right:
            -16%;

        bottom:
            8%;

    }


    /* -----------------------------------------
       MOBILE FOREGROUND
       ----------------------------------------- */

    body.qiupidsaas-dark-mode
    .arfa-cinematic-hero
    .arfa-cinematic-hero__layer--foreground
    img{

        height:
            78%;

        bottom:
            4%;

        left:
            50%;

    }


    /* -----------------------------------------
       MOBILE BACK TEXT
       ----------------------------------------- */

    body.qiupidsaas-dark-mode
    .arfa-cinematic-hero
    .arfa-cinematic-hero__depth-text--back{

        top:
            18%;

        font-size:
            23vw;

        letter-spacing:
            .08em;

    }


    /* -----------------------------------------
       MOBILE MIDDLE TEXT
       ----------------------------------------- */

    body.qiupidsaas-dark-mode
    .arfa-cinematic-hero
    .arfa-cinematic-hero__depth-text--middle{

        top:
            34%;

        font-size:
            15vw;

    }


    /* -----------------------------------------
       MOBILE CONTENT
       ----------------------------------------- */

    body.qiupidsaas-dark-mode
    .arfa-cinematic-hero
    .arfa-cinematic-hero__content{

        bottom:
            45px;

        width:
            calc(100% - 34px);

    }


    body.qiupidsaas-dark-mode
    .arfa-cinematic-hero
    .arfa-cinematic-hero__eyebrow{

        font-size:
            7.5px;

        letter-spacing:
            2.5px;

    }


    body.qiupidsaas-dark-mode
    .arfa-cinematic-hero
    .arfa-cinematic-hero__title{

        font-size:
            clamp(
                28px,
                8.8vw,
                40px
            );

        line-height:
            1.03;

    }


    body.qiupidsaas-dark-mode
    .arfa-cinematic-hero
    .arfa-cinematic-hero__description{

        max-width:
            325px;

        margin-top:
            12px;

        font-size:
            9.5px;

        line-height:
            1.55;

    }


    body.qiupidsaas-dark-mode
    .arfa-cinematic-hero
    .arfa-cinematic-hero__cta{

        margin-top:
            19px;

        padding:
            11px 17px;

    }


    body.qiupidsaas-dark-mode
    .arfa-cinematic-hero
    .arfa-cinematic-hero__bottom-fade{

        height:
            205px;

    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width:420px){

    body.qiupidsaas-dark-mode
    .arfa-cinematic-hero
    .arfa-cinematic-hero__stage{

        min-height:
            650px;

    }


    body.qiupidsaas-dark-mode
    .arfa-cinematic-hero
    .arfa-cinematic-hero__layer--mid-left
    img{

        height:
            73%;

        left:
            -14%;

    }


    body.qiupidsaas-dark-mode
    .arfa-cinematic-hero
    .arfa-cinematic-hero__layer--mid-right
    img{

        height:
            63%;

        right:
            -20%;

    }


    body.qiupidsaas-dark-mode
    .arfa-cinematic-hero
    .arfa-cinematic-hero__layer--foreground
    img{

        height:
            72%;

    }


    body.qiupidsaas-dark-mode
    .arfa-cinematic-hero
    .arfa-cinematic-hero__content{

        bottom:
            36px;

        width:
            calc(100% - 26px);

    }


    body.qiupidsaas-dark-mode
    .arfa-cinematic-hero
    .arfa-cinematic-hero__title{

        font-size:
            27px;

    }


    body.qiupidsaas-dark-mode
    .arfa-cinematic-hero
    .arfa-cinematic-hero__description{

        font-size:
            9px;

    }

}


/* =========================================================
   ACCESSIBILITY
   ========================================================= */

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

    body.qiupidsaas-dark-mode
    .arfa-cinematic-hero
    .arfa-cinematic-hero__layer,
    body.qiupidsaas-dark-mode
    .arfa-cinematic-hero
    .arfa-cinematic-hero__depth-text{

        animation:none !important;

    }


    body.qiupidsaas-dark-mode
    .arfa-cinematic-hero
    .arfa-cinematic-hero__eyebrow,
    body.qiupidsaas-dark-mode
    .arfa-cinematic-hero
    .arfa-cinematic-hero__title,
    body.qiupidsaas-dark-mode
    .arfa-cinematic-hero
    .arfa-cinematic-hero__description,
    body.qiupidsaas-dark-mode
    .arfa-cinematic-hero
    .arfa-cinematic-hero__cta{

        animation:none !important;

        opacity:1 !important;

        transform:none !important;

    }

}