/* Modern profile hero for index.php */
.home-profile-section{
    margin-left:0;
    margin-right:0;
    margin-bottom:28px;
}

.home-profile-card{
    position:relative;
    width:100%;
    min-height:320px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.16);
    border-radius:24px;
    background:
        linear-gradient(115deg,rgba(4,15,24,.90),rgba(4,18,29,.76)),
        url('../images/bgbib.png') center/cover no-repeat;
    box-shadow:0 14px 34px rgba(15,23,42,.18);
}

.home-profile-overlay{
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        radial-gradient(circle at 16% 50%,rgba(31,171,241,.18),transparent 30%),
        radial-gradient(circle at 92% 10%,rgba(79,195,247,.12),transparent 28%);
}

.home-profile-content{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:minmax(260px,38%) minmax(0,62%);
    align-items:center;
    min-height:320px;
}

.home-profile-photo-column{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:320px;
    padding:28px 22px;
    border-right:1px solid rgba(255,255,255,.12);
}

.home-profile-photo-frame{
    position:relative;
    width:190px;
    height:190px;
    padding:6px;
    border-radius:50%;
    background:linear-gradient(135deg,#1FABF1,#1688c2);
    box-shadow:
        0 12px 32px rgba(0,0,0,.32),
        0 0 0 8px rgba(31,171,241,.08);
}

.home-profile-photo-frame::before{
    content:"";
    position:absolute;
    inset:-7px;
    border:1px solid rgba(31,171,241,.38);
    border-radius:50%;
}

.home-profile-photo{
    width:100%;
    height:100%;
    overflow:hidden;
    border:4px solid rgba(255,255,255,.96);
    border-radius:50%;
    background:#eef3f7;
}

.home-profile-photo img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}

.home-profile-photo-caption{
    margin-top:15px;
    color:rgba(255,255,255,.62);
    font-size:.68rem;
    letter-spacing:1.8px;
    text-transform:uppercase;
}

.home-profile-info{
    min-width:0;
    padding:34px 42px;
    text-align:center;
}

.home-profile-logo{
    display:block;
    width:min(290px,80%);
    max-height:82px;
    object-fit:contain;
    margin:0 auto 14px;
}

.home-profile-ebib{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-bottom:8px;
    padding:6px 13px;
    border:1px solid rgba(255,255,255,.15);
    border-radius:999px;
    background:rgba(255,255,255,.08);
    color:rgba(255,255,255,.72);
    font-size:.75rem;
    letter-spacing:.8px;
}

.home-profile-ebib span{
    color:#fff;
    font-weight:500;
}

.home-profile-name{
    margin:6px auto 10px;
    color:#fff;
    font-family:'Mitr',sans-serif;
    font-size:clamp(1.25rem,2.2vw,1.75rem);
    font-weight:500;
    line-height:1.4;
}

.home-profile-unit{
    color:rgba(255,255,255,.68);
    font-family:'Mitr',sans-serif;
    font-size:.88rem;
}

.home-profile-unit-label{
    margin-right:6px;
}

.home-profile-unit strong{
    color:#fff;
    font-weight:400;
}

@media (max-width:768px){
    .home-profile-card{
        min-height:auto;
        border-radius:20px;
    }

    .home-profile-content{
        grid-template-columns:1fr;
        min-height:auto;
    }

    .home-profile-photo-column{
        min-height:auto;
        padding:30px 20px 18px;
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.12);
    }

    .home-profile-photo-frame{
        width:160px;
        height:160px;
    }

    .home-profile-info{
        padding:24px 20px 28px;
    }

    .home-profile-logo{
        width:min(250px,78%);
    }
}

@media (max-width:480px){
    .home-profile-photo-column{
        padding-top:25px;
    }

    .home-profile-photo-frame{
        width:135px;
        height:135px;
    }

    .home-profile-info{
        padding:20px 15px 24px;
    }

    .home-profile-name{
        font-size:1.12rem;
    }

    .home-profile-unit{
        font-size:.78rem;
    }

    .home-profile-ebib{
        font-size:.7rem;
    }
}