/* =========================================
   INDIVIDUAL ARTWORK
========================================= */

.ais-work {

    --paper:
        #eee2ce;

    --paper-soft:
        #f5ead9;

    --ink:
        #241a16;

    --muted:
        #77695e;

    --bronze:
        #966a47;

    --bronze-light:
        #bd8759;

    --wine:
        #371310;

    --wine-dark:
        #1e0908;

    background:
        var(--paper);

    color:
        var(--ink);

}



/* =========================================
   INTRO
========================================= */

.ais-work__intro {

    padding:
        clamp(3.5rem, 7vw, 6rem)
        1.5rem
        clamp(3.5rem, 6vw, 5rem);

    background:
        radial-gradient(
            circle at 75% 28%,
            rgba(119,48,36,0.22),
            transparent 38%
        ),
        linear-gradient(
            135deg,
            var(--wine),
            var(--wine-dark)
        );

    color:
        var(--paper-soft);

}



.ais-work__intro-inner {

    width:
        min(1100px, 100%);

    margin:
        0 auto;

}



.ais-work__back {

    display:
        inline-block;

    margin-bottom:
        clamp(3rem, 6vw, 5rem);

    text-decoration:
        none;

    font-size:
        0.63rem;

    letter-spacing:
        0.23em;

    color:
        var(--bronze-light);

}



.ais-work__label {

    margin:
        0;

    font-size:
        0.65rem;

    letter-spacing:
        0.31em;

    color:
        var(--bronze-light);

}



.ais-work__intro h1 {

    max-width:
        1000px;

    margin:
        0.9rem 0
        0;

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

    font-size:
        clamp(3rem, 7vw, 6rem);

    line-height:
        0.95;

    font-weight:
        400;

    letter-spacing:
        -0.015em;

}



.ais-work__style {

    max-width:
        760px;

    margin:
        1.5rem 0
        0;

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

    font-size:
        clamp(1.1rem, 2.3vw, 1.5rem);

    line-height:
        1.5;

    font-style:
        italic;

    color:
        rgba(245,234,217,0.76);

}



.ais-work__reference {

    margin:
        1.4rem 0
        0;

    font-size:
        0.65rem;

    letter-spacing:
        0.26em;

    text-transform:
        uppercase;

    color:
        var(--bronze-light);

}



/* =========================================
   ARTWORK VIEWING ROOM
========================================= */

.ais-work__art {

    padding:
        clamp(1.5rem, 4vw, 3.5rem);

    background:
        #100706;

}



.ais-work__art figure {

    width:
        min(1380px, 100%);

    margin:
        0 auto;

}



.ais-work__art img {

    display:
        block;

    width:
        100%;

    height:
        auto;

    max-height:
        88vh;

    object-fit:
        contain;

}



/* =========================================
   DETAILS
========================================= */

.ais-work__details {

    padding:
        clamp(4rem, 8vw, 7rem)
        1.4rem
        clamp(5rem, 9vw, 8rem);

}



.ais-work__details-inner {

    width:
        min(840px, 100%);

    margin:
        0 auto;

}



.ais-work__details-heading {

    padding-bottom:
        2.5rem;

    margin-bottom:
        clamp(2.5rem, 5vw, 4rem);

    border-bottom:
        1px solid
        rgba(70,45,31,0.18);

}



.ais-work__details-heading > p:first-child {

    margin:
        0;

    font-size:
        0.65rem;

    letter-spacing:
        0.31em;

    color:
        var(--bronze);

}



.ais-work__details-heading h2 {

    margin:
        0.75rem 0
        0;

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

    font-size:
        clamp(2rem, 5vw, 3.5rem);

    line-height:
        1;

    font-weight:
        400;

}



.ais-work__details-style {

    margin:
        1.6rem 0
        0;

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

    font-size:
        clamp(1.15rem, 2.5vw, 1.5rem);

    font-style:
        italic;

    line-height:
        1.55;

    color:
        #695243;

}



/* =========================================
   GHOST EDITOR CONTENT
========================================= */

.ais-work__content {

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

    font-size:
        clamp(1.06rem, 2vw, 1.22rem);

    line-height:
        1.85;

    color:
        #3d2e27;

}



.ais-work__content > * {

    max-width:
        100%;

}



.ais-work__content p {

    margin:
        0 0
        1.55em;

}



.ais-work__content h2 {

    margin:
        2.7em 0
        0.8em;

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

    font-size:
        clamp(2rem, 4vw, 3rem);

    font-weight:
        400;

    line-height:
        1.05;

    color:
        var(--ink);

}



.ais-work__content h3 {

    margin:
        2.2em 0
        0.75em;

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

    font-size:
        clamp(1.45rem, 3vw, 2rem);

    font-weight:
        400;

    color:
        #593727;

}



.ais-work__content blockquote {

    margin:
        2.8rem 0;

    padding:
        1.8rem
        0
        1.8rem
        1.6rem;

    border-left:
        2px solid
        var(--bronze);

    font-size:
        clamp(1.2rem, 2.5vw, 1.55rem);

    line-height:
        1.65;

    font-style:
        italic;

    color:
        #563e32;

}



.ais-work__content hr {

    width:
        80px;

    margin:
        3.5rem auto;

    border:
        0;

    border-top:
        1px solid
        rgba(86,59,40,0.35);

}



.ais-work__content img {

    width:
        100%;

    height:
        auto;

}



.ais-work__content .kg-image-card,
.ais-work__content .kg-gallery-card {

    margin:
        2.5rem 0;

}



.ais-work__content figcaption {

    margin-top:
        0.8rem;

    text-align:
        center;

    font-size:
        0.9rem;

    font-style:
        italic;

    color:
        var(--muted);

}



/* =========================================
   RETURN
========================================= */

.ais-work__return {

    padding:
        clamp(3.5rem, 7vw, 5.5rem)
        1.5rem;

    text-align:
        center;

    background:
        #ddcbae;

}



.ais-work__return span {

    display:
        block;

    margin-bottom:
        0.6rem;

    font-size:
        0.6rem;

    letter-spacing:
        0.28em;

    color:
        var(--bronze);

}



.ais-work__return a {

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

    font-size:
        clamp(1.6rem, 3vw, 2.35rem);

    text-decoration:
        none;

    color:
        var(--ink);

}



/* =========================================
   CLOSING
========================================= */

.ais-work__closing {

    padding:
        clamp(4.5rem, 8vw, 7rem)
        1.5rem;

    text-align:
        center;

    background:
        var(--wine-dark);

    color:
        var(--paper-soft);

}



.ais-work__closing > span {

    color:
        var(--bronze-light);

}



.ais-work__closing p {

    margin:
        1.3rem 0
        0;

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

    font-size:
        clamp(1.3rem, 3vw, 1.95rem);

    line-height:
        1.55;

    font-style:
        italic;

}



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

@media (max-width: 650px) {

    .ais-work__intro {

        padding-left:
            1.2rem;

        padding-right:
            1.2rem;

    }


    .ais-work__intro h1 {

        font-size:
            clamp(3rem, 14vw, 4.5rem);

    }


    .ais-work__art {

        padding:
            0.7rem 0;

    }


    .ais-work__art img {

        max-height:
            none;

    }


    .ais-work__details {

        padding-left:
            1.2rem;

        padding-right:
            1.2rem;

    }

}