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

.artist-intro{

    width:100%;

    padding:120px 0 90px;

    position:relative;

    z-index:2;

}

.artist-container{

    width:min(1200px,92%);

    margin:auto;

    display:grid;

    grid-template-columns: 1fr 1fr;

    align-items:center;

    gap:35px;

}

.artist-image{
	
	width:90%;

    margin:auto;

    order:10;

}

.artist-content{

    order:1;

}

.artist-image img{
	
	order: 2;

    width:100%;

    display:block;

    border-radius:18px;

    box-shadow:0 25px 60px rgba(0,0,0,.18);
	
	 transform: scaleX(-1);

}

.artist-content{
	
	order: 1;

    text-align:center;

}

.artist-label{
	
	font-family: "Cormorant Garamond", serif;

    display:block;

    margin-bottom:10px;

    font-size:32px;
	
	 font-weight:500;

    letter-spacing:4.5px;

    color: var(--brand-green);

    text-transform:uppercase;
	
	margin-top: 20px;

}

.artist-content h1{

    font-family:"Forum", serif;

    font-size:92px;

    line-height:.9;

    font-weight:400;

    color:var(--brand-ivory);

    margin-bottom:22px;

}

.artist-content h2{

    font-family:"Cormorant Garamond", serif;

    font-size:38px;

    font-weight:450;

    line-height:1.0;
	
    color:var(--brand-bronze);

    letter-spacing:.5px;

    margin:28px 0 35px;
	
	margin-top: 10px;

}

.artist-signature{

    display:flex;
    justify-content:flex-end;

    margin-top:-30px;     /* يرفع الإمضاء */
    padding-right:0px;   /* يدفعه ناحية اليمين */

}

.artist-signature img{

    width:360px;

    max-width:100%;

    opacity:.88;

    display:block;

    margin:right;
	
	

}

.artist-content p{

   font-family: 'Cormorant Garamond', serif;
   
    font-style: italic;

    font-size:18px;
	
	text-align:left;

    line-height:1.65;

    font-weight:400;

    color:var(--brand-text);

    max-width:1000px;

    margin:35px auto;
	
	margin-top: -20px;

}

.artist-text{

    font-family:"Cormorant Garamond",serif;
    font-size:22px;
    font-style:italic;
	text-align:left;
    line-height:1.9;
    color:var(--brand-bronze);

}

.artist-sign-title{

    font-family:"Cormorant Garamond", serif;

    font-size:26px;

    font-style:italic;

    font-weight:500;

    color:#7a5a33;

    letter-spacing:.5px;

    margin-top:55px;

    margin-bottom:8px;

    text-align:center;

}

.my-test-title{

    color:var(--brand-bronze) !important;

    font-size:20px !important;

    margin-top:-20px !important;

    text-align:center !important;

}

/*======================================
        SECTION DIVIDER
======================================*/

.section-divider{
    width:min(420px,90%);
    margin:-73px auto 0px;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
}

.divider-line{
    flex:1;
    height:1px;

    background:linear-gradient(
        to right,
        transparent,
        rgba(170,125,60,.65),
        transparent
    );
}

.divider-icon{

    width:38px;
    height:38px;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:18px;
    color:#a8793d;

    border:1px solid rgba(170,125,60,.35);
    border-radius:50%;

    background:rgba(255,255,255,.35);
    backdrop-filter:blur(4px);

    box-shadow:0 6px 18px rgba(0,0,0,.08);
}

/*======================================
        WORKSHOP GALLERY
======================================*/

.workshop-gallery{

    max-width:1200px;

     margin:30px auto 80px;

    text-align:center;
	
	margin-bottom: 95px;

}

.section-title{

    font-family:"Cormorant Garamond",serif;

    font-size:42px;

    color:var(--brand-green);

    letter-spacing:3px;

    margin-bottom:55px;

}

.workshop-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:25px;

}

.workshop-grid img{

    width:100%;
    height:520px;          /* نفس الارتفاع لكل الصور */
    object-fit:cover;      /* يملأ الكادر بدون تشويه */
    object-position:center;

    display:block;

    border-radius:18px;

    transition:.35s;

    box-shadow:0 15px 40px rgba(0,0,0,.15);

}

.workshop-grid img:hover{

    transform:translateY(-8px);

    box-shadow:0 25px 60px rgba(0,0,0,.25);

}

.navbar a.active{
    color:#b88a44;
}

.navbar a.active::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:-8px;
    width:32px;
    height:2px;
    background:#b88a44;
    transform:translateX(-50%);
    border-radius:2px;
}