/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 30 2026 | 19:56:48 */
/*
 * AR Craftix categorized CSS
 * Source: Appearance > Customize > Additional CSS
 * Original lines: 1971-2348
 * Category: Homepage About the Studio section
 * Kept verbatim from the supplied Additional CSS.
 */

/* ==========================================================
   AR CRAFTIX - ABOUT THE STUDIO
   Primary: #003da3
   Secondary: #797979
   ========================================================== */

#arc-about-studio,
#arc-about-studio *{
    box-sizing:border-box;
}

#arc-about-studio{
    background:#f4f4f6;
    padding:105px 0 110px;
    overflow:hidden;
}

/* WordPress extra empty/generated paragraphs */
#arc-about-studio p:empty,
#arc-about-studio .arc-about-wrap > p{
    display:none !important;
}


/* ==========================================================
   MAIN LAYOUT
   ========================================================== */

#arc-about-studio .arc-about-wrap{
    max-width:1200px;
    margin:0 auto;
    padding:0 40px;

    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:90px;

    align-items:center;
}


/* Force correct grid positions */
#arc-about-studio .arc-about-left{
    grid-column:1;
    grid-row:1;
    min-width:0;
}

#arc-about-studio .arc-about-right{
    grid-column:2;
    grid-row:1;

    min-width:0;
    padding-top:42px;
}


/* ==========================================================
   LABEL
   ========================================================== */

#arc-about-studio .arc-about-label{
    display:flex;
    align-items:center;
    gap:12px;

    margin-bottom:28px;

    line-height:1;
}

#arc-about-studio .arc-about-label br{
    display:none;
}
#arc-about-studio .arc-label-text{
    color:#151827;

    font-family:'Montserrat', Arial, sans-serif;
    font-size:10px;
    font-weight:800;

    letter-spacing:.24em;

    text-transform:uppercase;
}


/* ==========================================================
   LEFT HEADING
   ========================================================== */

#arc-about-studio .arc-about-left h2{
    max-width:570px;

    margin:0;

    color:#080d20;

    font-family:'Montserrat', Arial, sans-serif;
    font-size:58px;
    line-height:1.06;
    font-weight:800;

    letter-spacing:-3px;

    text-transform:none;
}

#arc-about-studio .arc-about-left h2 em{
    color:#003da3;

    font-family:Georgia, "Times New Roman", serif;
    font-style:italic;
    font-weight:600;

    letter-spacing:-2px;
}


/* ==========================================================
   RIGHT CONTENT
   ========================================================== */

#arc-about-studio .arc-about-main{
    margin:0 0 20px;

    color:#111;

    font-size:16px;
    line-height:1.7;
}

#arc-about-studio .arc-about-small{
    margin:0 0 28px;

    color:#606274;

    font-size:13px;
    line-height:1.75;
}


/* ==========================================================
   HIGHLIGHT
   ========================================================== */

#arc-about-studio .arc-about-highlight{
    position:relative;

    margin:0;
    padding:12px 0 12px 20px;
}

#arc-about-studio .arc-about-highlight::before{
    content:"";

    position:absolute;

    top:0;
    bottom:0;
    left:0;

    width:2px;

    background:#003da3;
}

#arc-about-studio .arc-about-highlight strong{
    display:block;

    margin:0;

    color:#111;

    font-family:Georgia, "Times New Roman", serif;
    font-size:17px;
    line-height:1.65;
    font-style:italic;
}

#arc-about-studio .arc-about-highlight strong > br:first-child{
    display:none;
}

#arc-about-studio .arc-about-highlight em{
    color:#003da3;
}


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

@media (max-width:1199px){

    #arc-about-studio{
        padding:90px 0 95px;
    }

    #arc-about-studio .arc-about-wrap{
        max-width:1000px;
        padding:0 30px;
        gap:55px;
    }

    #arc-about-studio .arc-about-left h2{
        font-size:50px;
        letter-spacing:-2.5px;
    }

    #arc-about-studio .arc-about-right{
        padding-top:32px;
    }

    #arc-about-studio .arc-about-main{
        font-size:15px;
    }
}


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

@media (max-width:991px){

    #arc-about-studio{
        padding:75px 0 80px;
    }

    #arc-about-studio .arc-about-wrap{
        max-width:100%;
        padding:0 28px;
        gap:35px;
    }

    #arc-about-studio .arc-about-left h2{
        font-size:41px;
        line-height:1.05;
        letter-spacing:-2px;
    }

    #arc-about-studio .arc-about-right{
        padding-top:25px;
    }

    #arc-about-studio .arc-about-main{
        font-size:14px;
    }

    #arc-about-studio .arc-about-small{
        font-size:12px;
    }

    #arc-about-studio .arc-about-highlight strong{
        font-size:15px;
    }
}


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

@media (max-width:767px){

    #arc-about-studio{
        padding:58px 0 65px;
    }

    #arc-about-studio .arc-about-wrap{
        display:block;
        padding:0 22px;
    }

    #arc-about-studio .arc-about-left,
    #arc-about-studio .arc-about-right{
        width:100%;
    }

    #arc-about-studio .arc-about-left h2{
        max-width:none;

        font-size:44px;
        line-height:1.04;
        letter-spacing:-2px;
    }

    #arc-about-studio .arc-about-right{
        padding-top:38px;
    }

    #arc-about-studio .arc-about-main{
        font-size:15px;
    }

    #arc-about-studio .arc-about-small{
        font-size:13px;
        margin-bottom:24px;
    }

    #arc-about-studio .arc-about-highlight{
        padding:10px 0 10px 18px;
    }

    #arc-about-studio .arc-about-highlight strong{
        font-size:16px;
    }
}


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

@media (max-width:480px){

    #arc-about-studio{
        padding:50px 0 55px;
    }

    #arc-about-studio .arc-about-wrap{
        padding:0 20px;
    }

    #arc-about-studio .arc-about-label{
        gap:9px;
        margin-bottom:18px;
    }

    #arc-about-studio .arc-about-label::before{
        font-size:9px;
    }

    #arc-about-studio .arc-line{
        width:18px;
        flex-basis:18px;
    }

    #arc-about-studio .arc-label-text{
        font-size:9px;
        letter-spacing:.18em;
    }

    #arc-about-studio .arc-about-left h2{
        font-size:37px;
        letter-spacing:-1.6px;
    }

    #arc-about-studio .arc-about-right{
        padding-top:32px;
    }

    #arc-about-studio .arc-about-main{
        font-size:14px;
    }

    #arc-about-studio .arc-about-highlight strong{
        font-size:15px;
    }
}


/* ==========================================================
   EXTRA SMALL
   ========================================================== */

@media (max-width:360px){

    #arc-about-studio .arc-about-wrap{
        padding:0 17px;
    }

    #arc-about-studio .arc-about-left h2{
        font-size:33px;
        letter-spacing:-1.3px;
    }
}