/* ======================
   LOGO
====================== */

.logo,
.footer-logo {
    font-weight: 900;
    font-style: italic;
    letter-spacing: -1px;
}

.logo {
    font-size: 28px;
}

.footer-logo {
    font-size: 30px;
}

.logo span,
.footer-logo span {
    color: var(--yellow);
}


/* ======================
   BUTTON
====================== */

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 54px;

    padding: 0 25px;

    border-radius: 999px;

    font-weight: 900;

    transition:
        transform .22s ease,
        box-shadow .22s ease;
}

.btn-primary {
    color: #2a1100;

    background:
        linear-gradient(
            135deg,
            #ffd700,
            #ff9d00
        );

    box-shadow:
        0 12px 35px
        rgba(255,165,0,.22);
}

.btn-primary:hover {
    transform:
        translateY(-3px)
        scale(1.015);

    box-shadow:
        0 18px 40px
        rgba(255,165,0,.30);
}

.btn-secondary {
    border:
        1px solid
        rgba(255,255,255,.17);

    background:
        rgba(255,255,255,.05);

    backdrop-filter: blur(8px);
}


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

.eyebrow {
    display: inline-flex;

    margin-bottom: 20px;

    padding: 8px 14px;

    border:
        1px solid
        rgba(255,196,0,.3);

    border-radius: 999px;

    background:
        rgba(255,196,0,.12);

    color: var(--yellow);

    font-weight: 800;
    font-size: 13px;
}


/* ======================
   REVEAL
====================== */

.reveal {
    opacity: 0;
    transform: translateY(24px);

    transition:
        opacity .7s ease,
        transform .7s ease;
}

.reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}