/* Portfolio Placeholders */
.portfolio-placeholder {
    width: 100%;
    height: 100%;
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.portfolio-item:hover .portfolio-placeholder {
    transform: scale(1.05);
}

/* Style Intégral : Image dans le texte (simulé avec gradient pour démo) */
.p1 {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    position: relative;
}

.p1::after {
    content: "LÉO";
    font-size: 5rem;
    font-weight: 900;
    /* Gradient coloré pour simuler une photo */
    background: linear-gradient(135deg, #f6d365 0%, #fda085 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.05);
}

/* Style Ambiance : Texte sur fond image (simulé avec gradient) */
.p2 {
    /* Gradient coloré pour simuler une photo de fond */
    background: linear-gradient(135deg, #84fab0 0%, #8fd3f4 100%);
    position: relative;
}

.p2::after {
    content: "VACANCES";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 3rem;
    font-weight: 900;
    color: white;
    text-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    letter-spacing: 2px;
}

/* Autre exemple Intégral */
.p3 {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}

.p3::after {
    content: "SARAH";
    font-size: 4rem;
    font-weight: 900;
    background: linear-gradient(135deg, #a18cd1 0%, #fbc2eb 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}