/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 17 2026 | 09:44:26 */
/*
 * AR Craftix categorized CSS
 * Source: Appearance > Customize > Additional CSS
 * Original lines: 3922-4841
 * Category: Homepage Selected Work / WPZOOM Portfolio styling
 * Kept verbatim from the supplied Additional CSS.
 */

/* ==========================================================
   AR CRAFTIX - SELECTED WORK / PORTFOLIO
   Target: #text-5
   Primary:   #003da3
   Secondary: #797979
   ========================================================== */

#text-5,
#text-5 *{
    box-sizing:border-box;
}

#text-5{
    margin:0 !important;
    padding:0 !important;
    background:#0d0d13;
}

#text-5 > .textwidget{
    margin:0 !important;
    padding:0 !important;
}


/* ==========================================================
   MAIN PORTFOLIO WRAPPER
   ========================================================== */

#text-5 .wpzoom-portfolio-layout-shortcode-content{
    width:100%;
    max-width:1200px;

    margin:0 auto;
    padding:55px 22px 85px;

    background:#0d0d13;
}

#text-5 .wpzoom-blocks_portfolio-block{
    width:100%;
    margin:0 !important;
    padding:0 !important;

    color:#fff !important;
}


/* ==========================================================
   HEADER / FILTER AREA

   Reference:
   icon — SELECTED WORKS

   Don't just imagine it,
   See it come to life.
   ========================================================== */

#text-5 .wpzoom-blocks_portfolio-block_filter{
    position:relative;

    width:100%;

    margin:0 0 30px !important;
    padding:0 !important;
}


/* Main heading line 1 */
#text-5 .wpzoom-blocks_portfolio-block_filter::before{
    content:"Don't just imagine it,";

    position:absolute;

    top:48px;
    left:0;

    margin:0;

    color:#ffffff;

    font-family:'Montserrat', Arial, sans-serif;

    font-size:58px;
    line-height:1;

    font-weight:800;

    letter-spacing:-3px;

    pointer-events:none;
}


/* Main heading line 2 */
#text-5 .wpzoom-blocks_portfolio-block_filter::after{
    content:"See it come to life.";

    position:absolute;

    top:105px;
    left:0;

    color:#003da3;

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

    font-size:55px;
    line-height:1;

    font-weight:400;
    font-style:italic;

    letter-spacing:-2.5px;

    pointer-events:none;
}


/* ==========================================================
   FILTER UL
   ========================================================== */

#text-5 .wpzoom-blocks_portfolio-block_filter ul{
    position:relative;

    display:flex !important;
    flex-wrap:wrap;
    align-items:center;

    gap:7px;

    width:100%;

    margin:0 !important;
    padding:
        182px
        0
        0 !important;

    list-style:none !important;

    border:0 !important;
}


/* Icon instead of 01 + SELECTED WORKS */
#text-5 .wpzoom-blocks_portfolio-block_filter ul::before{
    content:"SELECTED WORKS";

    position:absolute;

    top:0;
    left:0;

    color:#aeb0b8;

    font-family:'Montserrat', Arial, sans-serif;

    font-size:12px;
    line-height:1;

    font-weight:800;

    letter-spacing:2.8px;

    white-space:pre;
}


/* ==========================================================
   FILTER BUTTONS
   ========================================================== */

#text-5 .wpzoom-blocks_portfolio-block_filter ul li{
    margin:0 !important;
    padding:0 !important;

    border:0 !important;

    list-style:none !important;
}


/* All filter links */
#text-5 .wpzoom-blocks_portfolio-block_filter ul li a{
    display:block !important;

    margin:0 !important;

    padding:
        7px
        13px !important;

    background:#15151d !important;

    border:1px solid #292a33 !important;
    border-radius:20px;

    color:#9b9ca5 !important;

    font-family:'Montserrat', Arial, sans-serif;

    font-size:12px !important;
    line-height:1 !important;

    font-weight:600 !important;

    letter-spacing:.2px !important;

    text-decoration:none !important;

    transition:
        color .25s ease,
        background-color .25s ease,
        border-color .25s ease !important;
}


/* Filter hover */
#text-5 .wpzoom-blocks_portfolio-block_filter ul li a:hover,
#text-5 .wpzoom-blocks_portfolio-block_filter ul li a:focus{
    color:#fff !important;

    background:#1b1c25 !important;

    border-color:#003da3 !important;
}


/* Current filter */
#text-5 .wpzoom-blocks_portfolio-block_filter ul li.current-cat a,
#text-5 .wpzoom-blocks_portfolio-block_filter ul li.cat-item-all.current-cat a{
    color:#fff !important;

    background:#003da3 !important;

    border-color:#003da3 !important;
}


/* ==========================================================
   PORTFOLIO GRID

   TARGET ORDER:

   Neon Sovereign     | spans 2 columns
                      | Moonlit Guardian

   Astral Drift       | Arcade Reactions spans 2

   NOVA Mark          | Vanta Identity
                      | blank third slot

   Nightwave Launch   | spans 2
                      | Dreamframe

   ========================================================== */

#text-5 .wpzoom-blocks_portfolio-block_items-list{
    display:grid !important;

    grid-template-columns:
        repeat(3, minmax(0,1fr)) !important;

    grid-auto-flow:row;

    gap:5px !important;

    width:100%;

    margin:0 !important;
    padding:0 !important;

    list-style:none !important;
}


/* Reset WPZOOM item sizing */
#text-5 .wpzoom-blocks_portfolio-block_item{
    width:auto !important;

    min-width:0 !important;

    margin:0 !important;
    padding:0 !important;

    float:none !important;

    list-style:none !important;

    height:315px;

    overflow:hidden;
}


/* ==========================================================
   EXACT ORDER + SPANS
   ========================================================== */

/* 01 Neon Sovereign */
#text-5 .wpzoom-blocks_portfolio-block_item-396{
    order:1;
    grid-column:span 2;
}


/* 02 Moonlit Guardian */
#text-5 .wpzoom-blocks_portfolio-block_item-400{
    order:2;
    grid-column:span 1;
}


/* 03 Astral Drift */
#text-5 .wpzoom-blocks_portfolio-block_item-403{
    order:3;
    grid-column:span 1;
}


/* 04 Arcade Reactions */
#text-5 .wpzoom-blocks_portfolio-block_item-406{
    order:4;
    grid-column:span 2;
}


/* 05 NOVA Mark */
#text-5 .wpzoom-blocks_portfolio-block_item-409{
    order:5;
    grid-column:span 1;
}


/* 06 Vanta Identity */
#text-5 .wpzoom-blocks_portfolio-block_item-412{
    order:6;
    grid-column:span 1;
}


/* 07 Nightwave Launch */
#text-5 .wpzoom-blocks_portfolio-block_item-414{
    order:7;
    grid-column:span 2;
}


/* 08 Dreamframe */
#text-5 .wpzoom-blocks_portfolio-block_item-417{
    order:8;
    grid-column:span 1;
}


/* ==========================================================
   ITEM / ARTICLE
   ========================================================== */

#text-5 .wpzoom-blocks_portfolio-block_item-wrap{
    position:relative;

    width:100%;
    height:100%;

    margin:0 !important;
    padding:0 !important;

    overflow:hidden;

    background:#111118;
}


/* ==========================================================
   IMAGE AREA
   ========================================================== */

#text-5 .wpzoom-blocks_portfolio-block_item-thumbnail,
#text-5 .wpzoom-blocks_portfolio-block_item-media,
#text-5 .wpzoom-blocks_portfolio-block_item-media > a{
    display:block;

    width:100%;
    height:100%;

    margin:0 !important;
    padding:0 !important;
}


#text-5 .wpzoom-blocks_portfolio-block_item-media{
    overflow:hidden;
}


#text-5 .wpzoom-blocks_portfolio-block_item-media img{
    display:block;

    width:100% !important;
    height:100% !important;

    max-width:none !important;

    object-fit:cover;
    object-position:center;

    margin:0 !important;

    transition:
        transform .55s ease,
        filter .55s ease !important;
}


/* ==========================================================
   IMAGE DARK GRADIENT
   ========================================================== */

#text-5 .wpzoom-blocks_portfolio-block_item-thumbnail::after{
    content:"";

    position:absolute;

    inset:0;

    z-index:2;

    pointer-events:none;

    background:
        linear-gradient(
            180deg,
            rgba(8,8,13,.05) 35%,
            rgba(8,8,13,.25) 60%,
            rgba(8,8,13,.88) 100%
        );
}


/* ==========================================================
   REMOVE WPZOOM DEFAULT POPOVER ICON
   ========================================================== */

#text-5 .portfolio-block-entry-thumbnail-popover-content{
    display:none !important;
}


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

#text-5 .wpzoom-blocks_portfolio-block_item-details{
    position:absolute !important;

    left:25px;
    right:25px;
    bottom:22px;

    z-index:5;

    margin:0 !important;
    padding:0 !important;

    background:transparent !important;

    pointer-events:none;
}


/* Category label */
#text-5 .wpzoom-blocks_portfolio-block_item-details::before{
    display:block;

    margin-bottom:7px;

    color:#9b9da7;

    font-family:'Montserrat', Arial, sans-serif;

    font-size:8px;
    line-height:1;

    font-weight:800;

    letter-spacing:1.7px;

    text-transform:uppercase;
}


/* VIEW text */
#text-5 .wpzoom-blocks_portfolio-block_item-details::after{
    content:"VIEW  ↗";

    position:absolute;

    right:0;
    bottom:3px;

    color:#b7b8c0;

    font-family:'Montserrat', Arial, sans-serif;

    font-size:8px;
    line-height:1;

    font-weight:700;

    letter-spacing:1px;
}


/* ==========================================================
   CATEGORY LABELS
   ========================================================== */

#text-5 .wpzoom-blocks_portfolio-block_item-396
.wpzoom-blocks_portfolio-block_item-details::before{
    content:"CHARACTER ART";
}

#text-5 .wpzoom-blocks_portfolio-block_item-400
.wpzoom-blocks_portfolio-block_item-details::before{
    content:"FURSONA";
}

#text-5 .wpzoom-blocks_portfolio-block_item-403
.wpzoom-blocks_portfolio-block_item-details::before{
    content:"DIGITAL ART";
}

#text-5 .wpzoom-blocks_portfolio-block_item-406
.wpzoom-blocks_portfolio-block_item-details::before{
    content:"EMOTES";
}

#text-5 .wpzoom-blocks_portfolio-block_item-409
.wpzoom-blocks_portfolio-block_item-details::before{
    content:"LOGOS";
}

#text-5 .wpzoom-blocks_portfolio-block_item-412
.wpzoom-blocks_portfolio-block_item-details::before{
    content:"BRANDING";
}

#text-5 .wpzoom-blocks_portfolio-block_item-414
.wpzoom-blocks_portfolio-block_item-details::before{
    content:"BANNERS";
}

#text-5 .wpzoom-blocks_portfolio-block_item-417
.wpzoom-blocks_portfolio-block_item-details::before{
    content:"OTHER";
}


/* ==========================================================
   PORTFOLIO TITLE
   ========================================================== */

#text-5 .wpzoom-blocks_portfolio-block_item-title{
    max-width:75%;

    margin:0 !important;
    padding:0 !important;

    font-family:'Montserrat', Arial, sans-serif;

    font-size:17px !important;
    line-height:1.2;

    font-weight:700 !important;

    letter-spacing:-.3px;

    text-align:left !important;
}


#text-5 .wpzoom-blocks_portfolio-block_item-title a{
    color:#fff !important;

    font-weight:700 !important;

    line-height:1.2 !important;

    text-decoration:none !important;

    pointer-events:auto;
}


/* ==========================================================
   HOVER
   ========================================================== */

#text-5 .wpzoom-blocks_portfolio-block_item:hover
.wpzoom-blocks_portfolio-block_item-media img{
    transform:scale(1.045);

    filter:
        brightness(.82)
        saturate(1.05);
}


#text-5 .wpzoom-blocks_portfolio-block_item:hover
.wpzoom-blocks_portfolio-block_item-title a{
    color:#ffffff !important;
}


#text-5 .wpzoom-blocks_portfolio-block_item:hover
.wpzoom-blocks_portfolio-block_item-details::after{
    color:#003da3;
}


/* Blue outline on hover */
#text-5 .wpzoom-blocks_portfolio-block_item-wrap::after{
    content:"";

    position:absolute;

    inset:0;

    z-index:6;

    border:1px solid transparent;

    pointer-events:none;

    transition:border-color .3s ease;
}


#text-5 .wpzoom-blocks_portfolio-block_item:hover
.wpzoom-blocks_portfolio-block_item-wrap::after{
    border-color:rgba(0,61,163,.75);
}


/* ==========================================================
   PRELOADER
   ========================================================== */

#text-5 .wpzoom-preloader-container{
    grid-column:1 / -1 !important;

    width:100% !important;
    height:auto !important;

    background:transparent !important;
}


/* ==========================================================
   SMALL DESKTOP
   ========================================================== */

@media (max-width:1199px){

    #text-5 .wpzoom-portfolio-layout-shortcode-content{
        max-width:1000px;

        padding-left:25px;
        padding-right:25px;
    }


    #text-5 .wpzoom-blocks_portfolio-block_filter::before{
        font-size:50px;
    }


    #text-5 .wpzoom-blocks_portfolio-block_filter::after{
        top:100px;

        font-size:49px;
    }


    #text-5 .wpzoom-blocks_portfolio-block_item{
        height:285px;
    }

}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width:991px){

    #text-5 .wpzoom-portfolio-layout-shortcode-content{
        padding:
            48px
            22px
            70px;
    }


    #text-5 .wpzoom-blocks_portfolio-block_filter::before{
        top:43px;

        font-size:43px;
        letter-spacing:-2px;
    }


    #text-5 .wpzoom-blocks_portfolio-block_filter::after{
        top:91px;

        font-size:43px;
        letter-spacing:-1.5px;
    }


    #text-5 .wpzoom-blocks_portfolio-block_filter ul{
        padding-top:165px !important;
    }


    #text-5 .wpzoom-blocks_portfolio-block_items-list{
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }


    /* Tablet: reset special 3-column spans */
    #text-5 .wpzoom-blocks_portfolio-block_item{
        grid-column:span 1 !important;

        height:280px;
    }


    /* Wide featured items */
    #text-5 .wpzoom-blocks_portfolio-block_item-396,
    #text-5 .wpzoom-blocks_portfolio-block_item-406,
    #text-5 .wpzoom-blocks_portfolio-block_item-414{
        grid-column:span 2 !important;
    }

}


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

@media (max-width:767px){

    #text-5 .wpzoom-portfolio-layout-shortcode-content{
        padding:
            45px
            18px
            60px;
    }


    #text-5 .wpzoom-blocks_portfolio-block_filter{
        margin-bottom:24px !important;
    }


    #text-5 .wpzoom-blocks_portfolio-block_filter::before{
        top:40px;

        font-size:36px;
        line-height:1.05;

        letter-spacing:-1.7px;
    }


    #text-5 .wpzoom-blocks_portfolio-block_filter::after{
        top:82px;

        font-size:38px;

        letter-spacing:-1.3px;
    }


    #text-5 .wpzoom-blocks_portfolio-block_filter ul{
        gap:6px;

        padding-top:150px !important;
    }


    #text-5 .wpzoom-blocks_portfolio-block_filter ul::before{
        font-size:8px;

        letter-spacing:2px;
    }


    #text-5 .wpzoom-blocks_portfolio-block_filter ul li a{
        padding:
            6px
            10px !important;

        font-size:8px !important;
    }


    #text-5 .wpzoom-blocks_portfolio-block_items-list{
        grid-template-columns:1fr !important;

        gap:5px !important;
    }


    #text-5 .wpzoom-blocks_portfolio-block_item,
    #text-5 .wpzoom-blocks_portfolio-block_item-396,
    #text-5 .wpzoom-blocks_portfolio-block_item-400,
    #text-5 .wpzoom-blocks_portfolio-block_item-403,
    #text-5 .wpzoom-blocks_portfolio-block_item-406,
    #text-5 .wpzoom-blocks_portfolio-block_item-409,
    #text-5 .wpzoom-blocks_portfolio-block_item-412,
    #text-5 .wpzoom-blocks_portfolio-block_item-414,
    #text-5 .wpzoom-blocks_portfolio-block_item-417{
        grid-column:1 !important;

        height:300px;
    }


    #text-5 .wpzoom-blocks_portfolio-block_item-details{
        left:20px;
        right:20px;
        bottom:19px;
    }


    #text-5 .wpzoom-blocks_portfolio-block_item-title{
        font-size:16px !important;
    }

}


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

@media (max-width:480px){

    #text-5 .wpzoom-portfolio-layout-shortcode-content{
        padding-left:15px;
        padding-right:15px;
    }


    #text-5 .wpzoom-blocks_portfolio-block_filter::before{
        font-size:31px;
    }


    #text-5 .wpzoom-blocks_portfolio-block_filter::after{
        top:78px;

        font-size:33px;
    }


    #text-5 .wpzoom-blocks_portfolio-block_filter ul{
        padding-top:140px !important;
    }


    #text-5 .wpzoom-blocks_portfolio-block_item{
        height:260px;
    }

}








/* ==========================================================
   SELECTED WORKS - DESCRIPTION
   LEFT ALIGNED UNDER BLUE TEXT
   ========================================================== */

#text-5 .wpzoom-blocks_portfolio-block_filter ul::after{
    content:
        "Every artwork starts as an idea.\A"
        "This is what happens when that idea gets the attention it deserves.";

    position:absolute !important;

    top:158px !important;
    left:0 !important;
    right:auto !important;

    display:block !important;

    width:620px !important;
    max-width:620px !important;

    margin:0 !important;
    padding:0 !important;

    color:#b7b8c2 !important;

    font-family:'Montserrat', Arial, sans-serif !important;

    font-size:14px !important;
    line-height:1.75 !important;

    font-weight:400 !important;

    letter-spacing:0 !important;

    text-align:left !important;

    white-space:pre-line !important;

    pointer-events:none !important;
}


/* Space before filter buttons */
#text-5 .wpzoom-blocks_portfolio-block_filter ul{
    padding-top:235px !important;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width:991px){

    #text-5 .wpzoom-blocks_portfolio-block_filter ul::after{
        top:145px !important;

        width:560px !important;
        max-width:560px !important;

        font-size:13px !important;
    }

    #text-5 .wpzoom-blocks_portfolio-block_filter ul{
        padding-top:220px !important;
    }

}


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

@media (max-width:767px){

    #text-5 .wpzoom-blocks_portfolio-block_filter ul::after{
        top:128px !important;

        width:100% !important;
        max-width:100% !important;

        font-size:12px !important;
        line-height:1.65 !important;

        text-align:left !important;
    }

    #text-5 .wpzoom-blocks_portfolio-block_filter ul{
        padding-top:205px !important;
    }

}






/* ==========================================================
   SELECTED WORKS - MOBILE TITLE RESPONSIVE FIX
   ========================================================== */

@media (max-width: 767px){

    /* WHITE TITLE */
    #text-5 .wpzoom-blocks_portfolio-block_filter::before{
        top:42px !important;

        width:100% !important;
        max-width:100% !important;

        font-size:clamp(23px, 7vw, 34px) !important;
        line-height:1.05 !important;

        letter-spacing:-1.4px !important;

        white-space:nowrap !important;
    }


    /* BLUE ITALIC TITLE */
    #text-5 .wpzoom-blocks_portfolio-block_filter::after{
        top:82px !important;

        width:100% !important;
        max-width:100% !important;

        font-size:clamp(29px, 8vw, 38px) !important;
        line-height:1 !important;

        letter-spacing:-1.2px !important;

        white-space:nowrap !important;
    }


    /* DESCRIPTION */
    #text-5
    .wpzoom-blocks_portfolio-block_filter
    ul::after{
        top:132px !important;

        width:100% !important;
        max-width:100% !important;

        font-size:12px !important;
        line-height:1.65 !important;
    }


    /* SPACE BEFORE FILTER BUTTONS */
    #text-5
    .wpzoom-blocks_portfolio-block_filter ul{
        padding-top:215px !important;
    }

}


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

@media (max-width: 480px){

    #text-5 .wpzoom-blocks_portfolio-block_filter::before{
        top:40px !important;

        font-size:clamp(22px, 7vw, 30px) !important;

        letter-spacing:-1px !important;
    }


    #text-5 .wpzoom-blocks_portfolio-block_filter::after{
        top:77px !important;

        font-size:clamp(27px, 8.5vw, 34px) !important;

        letter-spacing:-1px !important;
    }


    #text-5
    .wpzoom-blocks_portfolio-block_filter
    ul::after{
        top:123px !important;

        font-size:12px !important;
        line-height:1.6 !important;
    }


    #text-5
    .wpzoom-blocks_portfolio-block_filter ul{
        padding-top:205px !important;
    }

}