/* ===== Section About ===== */
.about-section {
    min-height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px 20px;
    text-align: center;
    background: linear-gradient(135deg, #1b1b1b, #2c2c2c); /* background gelap */
}

/* Fade-in + slide-up section About */
.about-wrapper {
    max-width: 900px;
    cursor: pointer;
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.8s ease-out;
    background: rgba(30, 30, 30, 0.95); /* wrapper gelap + hampir solid */
    padding: 40px 30px;
    border-radius: 20px;
    box-shadow: 0 12px 30px rgba(0,0,0,0.6);
    backdrop-filter: blur(10px); /* efek blur modern */
}
.about-wrapper.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Klik-trigger animasi berulang */
.about-wrapper.click-effect {
    animation: clickAnim 0.6s ease;
}

@keyframes clickAnim {
    0% { transform: translateY(0); opacity: 1; }
    50% { transform: translateY(-15px); opacity: 0.8; }
    100% { transform: translateY(0); opacity: 1; }
}

/* Typography About */
.about-wrapper h2 {
    font-size: 2rem;
    font-weight: 700;
    color: #b3885d;
    margin-bottom: 30px;
}

.about-wrapper p {
    font-size: 1rem;
    line-height: 1.6;
    color: #f1f1f1;
    margin-bottom: 15px;
}
.about-wrapper p:last-child {
    margin-bottom: 0;
}