/* =====================================================
   TREASURY
===================================================== */

.treasury-banner{

    max-width:1150px;

    margin:70px auto 90px;

    padding:70px 45px;

    text-align:center;

    border-radius:22px;

    position:relative;

    overflow:hidden;

    border:1px solid rgba(215,179,122,.18);

    background:

        radial-gradient(circle at top,
            rgba(215,179,122,.08),
            rgba(18,18,18,.97) 70%);

    box-shadow:

        inset 0 0 70px rgba(215,179,122,.04),
        0 25px 70px rgba(0,0,0,.45);

}

.treasury-banner::before{

    content:"";

    position:absolute;

    inset:0;

    background:

        radial-gradient(circle,
            rgba(255,215,120,.06),
            transparent 70%);

    pointer-events:none;

}

.treasury-content{

    position:relative;

    z-index:2;

}

.treasury-label{

    display:inline-block;

    margin-bottom:18px;

    padding:8px 20px;

    border-radius:999px;

    border:1px solid rgba(215,179,122,.3);

    color:#d7b37a;

    letter-spacing:3px;

    text-transform:uppercase;

    font-size:11px;

}

.treasury-banner h2{

    margin:0;

    color:#f3ede2;

    font-size:48px;

    font-weight:400;

}

.treasury-banner p{

    margin:25px auto 45px;

    max-width:760px;

    color:#b9b2a7;

    line-height:1.8;

    font-size:18px;

}

.treasury-btn{

    position:relative;

    display:inline-flex;

    justify-content:center;

    align-items:center;

    overflow:hidden;

    padding:18px 46px;

    border-radius:999px;

    text-decoration:none;

    background:#171717;

    border:1px solid rgba(255,220,150,.15);

    color:#f5f1e8;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    transition:.35s;

    animation:treasuryPulse 5s ease-in-out infinite;

}

.border-base{
    fill:none;
    stroke:#4d412d;
    stroke-width:2;
}

.treasury-border{

    position:absolute;

    inset:0;

    width:100%;

    height:100%;

    pointer-events:none;

}

.border-glow{

    fill:none;

    stroke:#d9b66b;

    stroke-width:2;

    stroke-linecap:round;

    stroke-dasharray:24 1200;

    animation:borderRun 4s linear infinite;

    filter:drop-shadow(0 0 6px rgba(255,220,140,.8));

}

.treasury-btn span{

    position:relative;

    z-index:3;

}

.treasury-btn::after{

    content:"";

    position:absolute;

    inset:-25px;

    border-radius:999px;

    background:

        radial-gradient(circle,

            rgba(215,179,122,.32),

            transparent 70%

        );

    opacity:.25;

    animation:treasuryGlow 5s ease-in-out infinite;

}

.treasury-btn:hover{

    transform:translateY(-3px);

    color:#fff;

    box-shadow:

        0 0 30px rgba(215,179,122,.35);

}

@keyframes borderRun{

    from{

        stroke-dashoffset:0;

    }

    to{

        stroke-dashoffset:-1244;

    }

}

@keyframes treasuryGlow{

    0%,100%{

        opacity:.15;

        transform:scale(.96);

    }

    50%{

        opacity:.5;

        transform:scale(1.08);

    }

}

@keyframes treasuryPulse{

    0%,100%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-2px);

    }

}