/* --- Portfolio Section --- */
.section-portfolio {
    padding-bottom: 0;
}

.portfolio-hero-banner {
    position: relative;
    background-image: url('../images/portofolio-section.jpg');
    background-size: cover;
    background-position: bottom right;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    align-items: center;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

/* Gradient overlay for text readability */
.portfolio-hero-banner::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(50, 35, 15, 0.95) 0%, rgba(60, 40, 15, 0.8) 45%, transparent 100%);
    z-index: 1;
}

.portfolio-hero-content {
    position: relative;
    padding-inline-start: 36px;
    padding-block-end: 36px;
    z-index: 2;
}