/* THE SLEEPER ARCHIVE — INTEGRATED WORDMARK v3 */

.premium-brand.brand-wordmark-v3{
    display:inline-flex !important;
    align-items:center !important;
    height:54px !important;

    color:#eadfc7 !important;
    text-decoration:none !important;

    white-space:nowrap !important;
    flex:0 0 auto !important;

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

/* THE */
.brand-wordmark-v3 .brand-the{
    margin-right:10px;

    color:#d6c49f;

    font-size:13px;
    font-weight:400;
    letter-spacing:.25em;
}

/* The S is the actual S in SLEEPER */
.brand-wordmark-v3 .brand-s{
    position:relative;

    display:inline-block;

    margin-right:0px;

    font-family:Georgia,"Times New Roman",serif;
    font-size:43px;
    font-weight:400;
    line-height:.85;

    background:
        linear-gradient(
            180deg,
            #f1e5ca 5%,
            #d2ae72 45%,
            #9b7542 77%,
            #e0c18b 100%
        );

    -webkit-background-clip:text;
    background-clip:text;

    color:transparent;
}

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

    position:absolute;

    left:50%;
    top:-8px;
    bottom:-8px;

    width:1px;

    transform:translateX(-50%);

    background:
        linear-gradient(
            to bottom,
            transparent,
            #9c7847 18%,
            #c7a568 50%,
            #9c7847 82%,
            transparent
        );

    opacity:.82;
}

/* Small star integrated into the S */
.brand-wordmark-v3 .brand-s::after{
    content:"✦";

    position:absolute;

    left:50%;
    top:-5px;

    transform:translateX(-50%);

    color:#d0ae72;

    font-family:Georgia,serif;
    font-size:10px;
    line-height:1;

    text-shadow:0 0 7px rgba(199,165,104,.35);
}

/* LEEPER ARCHIVE */
.brand-wordmark-v3 .brand-rest{
    color:#eee2c9;

    font-size:18px;
    font-weight:400;
    letter-spacing:.155em;

    margin-left:-1px;
}

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

.brand-wordmark-v3:hover .brand-s{
    filter:brightness(1.09);
}


/* Tablet */

@media(max-width:850px){

    .brand-wordmark-v3 .brand-the{
        font-size:11px;
        letter-spacing:.18em;
        margin-right:7px;
    }

    .brand-wordmark-v3 .brand-s{
        font-size:38px;
    }

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


/* Mobile — still keep the identity readable */

@media(max-width:520px){

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

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

    .brand-wordmark-v3 .brand-s{
        font-size:36px;
    }

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


/* Very narrow phone — SLEEPER only */

@media(max-width:390px){

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

    .brand-wordmark-v3 .brand-rest::before{
        content:"LEEPER";

        font-size:14px;
        letter-spacing:.09em;
    }
}