/* THE SLEEPER ARCHIVE — WORDMARK v4
   Cleaner, narrower, more editorial.
*/

.premium-brand.brand-wordmark-v3{
    display:inline-flex !important;
    align-items:center !important;
    height:56px !important;
    color:#eadfc7 !important;
    text-decoration:none !important;
    white-space:nowrap !important;
    flex:0 0 auto !important;
    font-family:
        Baskerville,
        "Iowan Old Style",
        Georgia,
        "Times New Roman",
        serif !important;
}

/* Small THE */
.brand-wordmark-v3 .brand-the{
    margin-right:8px !important;
    color:#bda77f !important;
    font-size:10px !important;
    font-weight:400 !important;
    letter-spacing:.30em !important;
    transform:translateY(-1px);
}

/* Signature S */
.brand-wordmark-v3 .brand-s{
    position:relative !important;
    display:inline-block !important;

    width:34px !important;
    margin-right:1px !important;

    font-family:
        Baskerville,
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:48px !important;
    font-weight:400 !important;
    line-height:.78 !important;

    transform:
        scaleX(.78)
        scaleY(1.12);

    transform-origin:center center;

    background:
        linear-gradient(
            180deg,
            #e7d6b5 0%,
            #c6a36b 44%,
            #9a7749 73%,
            #d8ba82 100%
        ) !important;

    -webkit-background-clip:text !important;
    background-clip:text !important;
    color:transparent !important;
}

/* Fine vertical archive axis */
.brand-wordmark-v3 .brand-s::before{
    content:"" !important;

    position:absolute !important;

    left:50% !important;
    top:-9px !important;
    bottom:-10px !important;

    width:1px !important;

    transform:translateX(-50%) scaleX(1.28) !important;

    background:
        linear-gradient(
            to bottom,
            transparent 0%,
            #7f633f 18%,
            #b9935c 50%,
            #7f633f 82%,
            transparent 100%
        ) !important;

    opacity:.72 !important;
}

/* Tiny diamond, not a decorative star */
.brand-wordmark-v3 .brand-s::after{
    content:"" !important;

    position:absolute !important;

    left:50% !important;
    top:3px !important;

    width:5px !important;
    height:5px !important;

    transform:
        translateX(-50%)
        rotate(45deg) !important;

    background:#c6a36b !important;

    box-shadow:
        0 0 6px rgba(198,163,107,.18) !important;
}

/* Rest of the name */
.brand-wordmark-v3 .brand-rest{
    color:#eadfc7 !important;

    font-family:
        Baskerville,
        "Iowan Old Style",
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:17px !important;
    font-weight:400 !important;

    letter-spacing:.115em !important;

    margin-left:-3px !important;
    transform:translateY(1px);
}

/* Very subtle interaction */
.brand-wordmark-v3:hover .brand-s{
    filter:brightness(1.06);
}

.brand-wordmark-v3:hover .brand-rest,
.brand-wordmark-v3:focus-visible .brand-rest{
    color:#f1e7d2 !important;
}


/* Tablet */

@media(max-width:850px){

    .brand-wordmark-v3 .brand-the{
        font-size:9px !important;
        letter-spacing:.24em !important;
        margin-right:6px !important;
    }

    .brand-wordmark-v3 .brand-s{
        width:30px !important;
        font-size:43px !important;
    }

    .brand-wordmark-v3 .brand-rest{
        font-size:15px !important;
        letter-spacing:.09em !important;
    }
}


/* Mobile */

@media(max-width:520px){

    .premium-brand.brand-wordmark-v3{
        height:48px !important;
    }

    .brand-wordmark-v3 .brand-the{
        display:none !important;
    }

    .brand-wordmark-v3 .brand-s{
        width:29px !important;
        font-size:41px !important;
    }

    .brand-wordmark-v3 .brand-rest{
        font-size:14px !important;
        letter-spacing:.075em !important;
    }
}


/* Narrow phone */

@media(max-width:390px){

    .brand-wordmark-v3 .brand-rest{
        font-size:0 !important;
    }

    .brand-wordmark-v3 .brand-rest::before{
        content:"LEEPER" !important;
        font-size:14px !important;
        letter-spacing:.075em !important;
    }
}