.PS_Team_Hc_hcd-section {
            background-color: rgba(30, 30, 30, 1);
            color: #ffffff;
            padding: 6rem 0 0; 
   
            overflow: hidden;
        }

    
        .PS_Team_Hc_hcd-title {
            font-family: 'Clash Display', sans-serif;
            font-size: clamp(2.5rem, 1.2rem + 5.3333vw, 6rem);
            font-weight: 400;
            margin-bottom: 1rem;
			color:rgba(255, 255, 255, 1);
        }

        .PS_Team_Hc_hcd-desc {
                color: rgba(255, 255, 255, 1);
    max-width: 100%;
    margin-bottom: 0;
    font-family: Archivo;
    font-weight: 500;
    font-size: clamp(0.875rem, 0.8286rem + 0.1905vw, 1rem);
    line-height: 150%;
    letter-spacing: 0%;
        }

   
        .PS_Team_Hc_hcd-header-container {
            
            margin-bottom: 3rem;
        }

        
        .PS_Team_Hc_hcd-grid-wrapper {
            position: relative;
       
            padding: 3rem 0 5rem; 
            background-image: 
                linear-gradient(to right, rgba(255, 255, 255, 0.15) 1px, transparent 1px),
                linear-gradient(to bottom, rgba(255, 255, 255, 0.15) 1px, transparent 1px);
            background-size: 120px 120px; 
            background-position: center top;
        }

      
        .PS_Team_Hc_hcd-grid-wrapper::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 300px; 
            background: linear-gradient(to bottom, rgba(21, 21, 21, 0) 0%, rgba(21, 21, 21, 1) 100%);
            pointer-events: none; 
            z-index: 2;
        }

      
        .PS_Team_Hc_hcd-grid-inner {
            max-width: 1400px;
            margin: 0 auto;
            position: relative;
            z-index: 3;
        }

     
        .PS_Team_Hc_hcd-grid {
            display: grid;
            gap: 2.5rem 1.5rem;
        }

      
        .PS_Team_Hc_hcd-member {
            display: flex;
            flex-direction: column;
            cursor: pointer;
            width: 168px; /* Mobile width */
            margin: 0 auto; 
        }

   
        .PS_Team_Hc_hcd-img-wrapper {
            width: 100%;
            height: 175px; /* Mobile height */
            overflow: hidden; 
            margin-bottom: 1.2rem;
            background-color: #222;
            flex-shrink: 0;
        }

       
        .PS_Team_Hc_hcd-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            filter: grayscale(100%);
            transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), filter 0.5s ease;
        }

      
        .PS_Team_Hc_hcd-member:hover .PS_Team_Hc_hcd-img {
            filter: grayscale(0%);
            transform: scale(1.08); 
        }

   
        .PS_Team_Hc_hcd-details-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 0.2rem;
        }

        .PS_Team_Hc_hcd-name {
                font-family: Clash Display;
    font-weight: 500;
    font-size: clamp(1rem, 0.9071rem + 0.381vw, 1.25rem);
    line-height: 30px;
    letter-spacing: 0%;
        }

      
        .PS_Team_Hc_hcd-dot {
            width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 1);
    transition: background-color 0.4s ease, transform 0.4s ease;
    flex-shrink: 0;
    margin-left: 10px;
        }

        .PS_Team_Hc_hcd-member:hover .PS_Team_Hc_hcd-dot {
/*             background-color: var(--hover-dot);  */
            transform: scale(1); 
        }

.PS_Team_Hc_hcd-member .PS_Team_Hc_hcd-dot {
    background: #fff;
}

.PS_Team_Hc_hcd-member:hover .PS_Team_Hc_hcd-dot {
    background: var(--hover-dot) !important;
}

        .PS_Team_Hc_hcd-role {
               color: rgba(255, 255, 255, 1);
    text-transform: uppercase;
    margin: 0;
    font-family: Archivo;
    font-weight: 400;
    font-size: clamp(0.875rem, 0.8286rem + 0.1905vw, 1rem);
    line-height: normal;
    letter-spacing: 0%;
        }
        
        
@media (min-width: 1200px) and (max-width: 1400px) {
    .PS_Team_Hc_hcd-title{
        font-size: 85px;
    }
    
    .PS_Team_Hc_hcd-name{
        font-size: 18px;
    }
    
    .PS_Team_Hc_hcd-role{
        font-size: 14px;
    }
}

        /* 
           MOBILE SPECIFIC LAYOUT 
        */
        @media (max-width: 991.98px) {
			.PS_Team_Hc_hcd-section {
    
    padding: 3rem 0 0;
   
}
            .PS_Team_Hc_hcd-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            
       
            .PS_Team_Hc_hcd-member:nth-child(2) { 
                grid-column: 1 / span 2; 
                grid-row: 1; 
            }
.PS_Team_Hc_hcd-dot {
    width: 14px;
    height: 14px;
			}
			.PS_Team_Hc_hcd-grid-wrapper{
				    padding: 3rem 1rem 3rem;
			}
          
            /*.PS_Team_Hc_hcd-member:nth-child(1) { grid-column: 1; grid-row: 2; }*/
            /*.PS_Team_Hc_hcd-member:nth-child(3) { grid-column: 2; grid-row: 2; }*/
            /*.PS_Team_Hc_hcd-member:nth-child(4) { grid-column: 1; grid-row: 3; }*/
            /*.PS_Team_Hc_hcd-member:nth-child(5) { grid-column: 2; grid-row: 3; }*/
            
            .PS_Team_Hc_hcd-member{
                width: 100%;
            }
            .PS_Team_Hc_hcd-member:nth-child(2){
                        grid-column: auto;
            }
        }

      
        @media (min-width: 992px) {
            .PS_Team_Hc_hcd-member {
                width: 200px;
            }
            
            .PS_Team_Hc_hcd-img-wrapper {
                height: 200px;
            }

            .PS_Team_Hc_hcd-grid {
                grid-template-columns: repeat(5, 1fr); 
                gap: 2rem;
            }

          

       
            .PS_Team_Hc_hcd-member:nth-child(2){
                margin-top: 240px; 
            }
			
			
            .PS_Team_Hc_hcd-member:nth-child(4) {
                margin-top: 290px; 
            }

        
            .PS_Team_Hc_hcd-member:nth-child(5) {
                margin-top: 120px; 
            }
        }

      
        @media (min-width: 1200px) {
            .PS_Team_Hc_hcd-grid {
                gap: 3.5rem; 
            }
        }
        
                       @media (max-width: 340px) {
        .PS_Team_Hc_hcd-name{
            font-size: 14px;
        }
               }