@charset "utf-8";
/* Fusion : comportement exact du premier code + titre superposé */

body {
    background-color: #161D16;
    margin: 0px;
    margin-bottom: 100px;
}

/* Conteneur relatif pour le titre */
#sergio {
    position: relative;
}

#texte {
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-style: italic;
    font-family: "Times New Roman", Times, serif;
}

#image {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

/* ✅ Image corrigée */
.image {
    display: block;
    width: 100%;
    height: 95vh;
    object-fit: cover;
    object-position: center;
}

/* ✅ Fix spécifique iPhone */
@supports (-webkit-touch-callout: none) {
    .image {
        height: 100svh;
        max-height: 100svh;
    }
}

/* Titre superposé */
.texte {
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    text-align: center;
    color: hsla(123,90%,48%,1.00);
    font-size: 30px;
    pointer-events: none;
}

/* Media queries (inchangées) */
@media (min-width: 600px){
    .texte {
        color: hsla(123,90%,48%,1.00);
        font-size: 50px;
        font-style: italic;
    }
    .image {
        margin-top: 50px;
        width: 100%;
        height: auto;
        object-fit: unset;
    }
}

@media only screen and (min-width: 600px) and (orientation: landscape){
    .image {
        margin: 0px;
        width: auto;
        height: 100vh;
        object-fit: unset;
    }
    .texte {    
        font-size: 35px;
    }
}

@media (min-width: 600px) {

    body {
        display: flex;
        justify-content: center;
    }

    #sergio {
        position: relative;
        display: inline-block;
    }

    .texte {
        left: 50%;
        transform: translateX(-50%);
        width: max-content;
    }

}