.gallery-v3{
    min-height:100vh;
    padding:150px 5vw;
    background:
        radial-gradient(circle at 82% 18%,rgba(199,164,93,.12),transparent 34%),
        linear-gradient(180deg,#0B0B0B,#050505);
}

.gallery-v3-head{
    max-width:1080px;
    margin-bottom:80px;
}

.gallery-v3-head p{
    color:var(--gold);
    text-transform:uppercase;
    letter-spacing:.36em;
    font-size:12px;
    margin-bottom:28px;
}

.gallery-v3 h2{
    font-family:var(--display);
    font-weight:400;
    font-size:clamp(60px,9vw,140px);
    line-height:.84;
    letter-spacing:-.075em;
}

.gallery-v3-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    grid-auto-rows:310px;
    gap:18px;
}

.g-item{
    position:relative;
    overflow:hidden;
    border-radius:34px;
    border:1px solid var(--line);
    background:
        linear-gradient(to top,rgba(0,0,0,.86),rgba(0,0,0,.08)),
        radial-gradient(circle at 65% 25%,rgba(199,164,93,.22),transparent 38%),
        #171717;
    box-shadow:var(--shadow);
}

.g-item::after{
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(circle at 70% 25%,rgba(247,242,234,.08),transparent 42%);
    opacity:.7;
}

.g-large{
    grid-column:span 2;
    grid-row:span 2;
}

.g-wide{
    grid-column:span 2;
}

.g-item span,
.g-item h3{
    position:absolute;
    z-index:2;
    left:30px;
    right:30px;
}

.g-item span{
    bottom:92px;
    color:var(--gold);
    text-transform:uppercase;
    letter-spacing:.28em;
    font-size:10px;
}

.g-item h3{
    bottom:30px;
    font-family:var(--display);
    font-size:clamp(36px,4vw,64px);
    font-weight:400;
    line-height:.92;
}

@media(max-width:1000px){
    .gallery-v3-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:720px){
    .gallery-v3{
        padding:100px 22px;
    }

    .gallery-v3-grid{
        grid-template-columns:1fr;
        grid-auto-rows:300px;
    }

    .g-large,
    .g-wide{
        grid-column:span 1;
        grid-row:span 1;
    }

    .gallery-v3 h2{
        font-size:54px;
    }
}

/* ======================================================
   CHAPITRE IV · UNIVERS VISUEL
   Première carte Performances plus haute
====================================================== */

.gallery-v3-grid{
    grid-auto-rows:360px !important;
}

.gallery-v3-grid .g-item.g-large:first-child{
    grid-row:span 2 !important;
    min-height:720px !important;
}

.gallery-v3-grid .g-item.g-large:first-child img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    display:block !important;
}

@media(max-width:900px){
    .gallery-v3-grid{
        grid-auto-rows:320px !important;
    }

    .gallery-v3-grid .g-item.g-large:first-child{
        min-height:640px !important;
    }
}

@media(max-width:600px){
    .gallery-v3-grid{
        grid-auto-rows:auto !important;
    }

    .gallery-v3-grid .g-item.g-large:first-child{
        min-height:520px !important;
    }
}


/* ======================================================
   CHAPITRE IV · UNIVERS VISUEL
   Première carte Performances plus haute
====================================================== */

.gallery-v3-grid{
    grid-auto-rows:360px !important;
}

.gallery-v3-grid .g-item.g-large:first-child{
    grid-row:span 2 !important;
    min-height:720px !important;
}

.gallery-v3-grid .g-item.g-large:first-child img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    display:block !important;
}

@media(max-width:900px){
    .gallery-v3-grid{
        grid-auto-rows:320px !important;
    }

    .gallery-v3-grid .g-item.g-large:first-child{
        min-height:640px !important;
    }
}

@media(max-width:600px){
    .gallery-v3-grid{
        grid-auto-rows:auto !important;
    }

    .gallery-v3-grid .g-item.g-large:first-child{
        min-height:520px !important;
    }
}


/* ======================================================
   CHAPITRE IV · Carte Performances
   Texte sorti de la photo
====================================================== */

.gallery-v3-grid .g-item.g-large:first-child{
    display:flex !important;
    flex-direction:column !important;
    overflow:hidden !important;
    background:#050505 !important;
}

.gallery-v3-grid .g-item.g-large:first-child img{
    flex:1 1 auto !important;
    height:auto !important;
    min-height:520px !important;
    object-fit:cover !important;
    object-position:center 38% !important;
}

.gallery-v3-grid .g-item.g-large:first-child span,
.gallery-v3-grid .g-item.g-large:first-child h3{
    position:relative !important;
    z-index:3 !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
}

.gallery-v3-grid .g-item.g-large:first-child span{
    margin:26px 52px 10px !important;
}

.gallery-v3-grid .g-item.g-large:first-child h3{
    margin:0 52px 42px !important;
    max-width:90% !important;
}

@media(max-width:700px){
    .gallery-v3-grid .g-item.g-large:first-child img{
        min-height:390px !important;
    }

    .gallery-v3-grid .g-item.g-large:first-child span{
        margin:22px 28px 8px !important;
    }

    .gallery-v3-grid .g-item.g-large:first-child h3{
        margin:0 28px 32px !important;
    }
}


/* FORCE FIX · CHAPITRE IV · Texte sous l'image */

.gallery-v3 .gallery-v3-grid > article.g-item.g-large:first-child{
    display:grid !important;
    grid-template-rows:minmax(520px, 1fr) auto auto !important;
    min-height:760px !important;
    height:auto !important;
    padding:0 !important;
    background:#050505 !important;
}

.gallery-v3 .gallery-v3-grid > article.g-item.g-large:first-child > img{
    grid-row:1 !important;
    width:100% !important;
    height:100% !important;
    min-height:520px !important;
    object-fit:cover !important;
    object-position:center 34% !important;
    position:relative !important;
    inset:auto !important;
}

.gallery-v3 .gallery-v3-grid > article.g-item.g-large:first-child > span{
    grid-row:2 !important;
    position:relative !important;
    inset:auto !important;
    transform:none !important;
    display:block !important;
    margin:30px 52px 10px !important;
    padding:0 !important;
}

.gallery-v3 .gallery-v3-grid > article.g-item.g-large:first-child > h3{
    grid-row:3 !important;
    position:relative !important;
    inset:auto !important;
    transform:none !important;
    display:block !important;
    margin:0 52px 46px !important;
    padding:0 !important;
}

@media(max-width:700px){
    .gallery-v3 .gallery-v3-grid > article.g-item.g-large:first-child{
        grid-template-rows:390px auto auto !important;
        min-height:560px !important;
    }

    .gallery-v3 .gallery-v3-grid > article.g-item.g-large:first-child > img{
        min-height:390px !important;
    }

    .gallery-v3 .gallery-v3-grid > article.g-item.g-large:first-child > span{
        margin:24px 28px 8px !important;
    }

    .gallery-v3 .gallery-v3-grid > article.g-item.g-large:first-child > h3{
        margin:0 28px 34px !important;
    }
}


/* ======================================================
   CHAPITRE IV · UNIVERS VISUEL
   Images plein cadre dans toutes les cartes
====================================================== */

.gallery-v3-grid .g-item{
    position:relative !important;
    overflow:hidden !important;
    background:#050505 !important;
}

.gallery-v3-grid .g-item img{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    display:block !important;
    z-index:1 !important;
}

.gallery-v3-grid .g-item::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    background:linear-gradient(
        to top,
        rgba(0,0,0,.78) 0%,
        rgba(0,0,0,.42) 38%,
        rgba(0,0,0,.08) 100%
    ) !important;
    z-index:2 !important;
    pointer-events:none !important;
}

.gallery-v3-grid .g-item span,
.gallery-v3-grid .g-item h3{
    position:relative !important;
    z-index:3 !important;
}

/* Ajustement spécifique première grande carte */
.gallery-v3-grid .g-item.g-large:first-child img{
    object-position:center 30% !important;
}

/* Ajustement Stage Presence */
.gallery-v3-grid .g-item:nth-child(2) img{
    object-position:center center !important;
}

/* Ajustement L’Univers Shayla */
.gallery-v3-grid .g-item:nth-child(3) img{
    object-position:center top !important;
}


/* ======================================================
   CHAPITRE IV · UNIVERS VISUEL
   Typographie premium des intitulés
====================================================== */

.gallery-v3-grid .g-item{
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-end !important;
    padding:34px 34px 38px !important;
}

.gallery-v3-grid .g-item span{
    position:relative !important;
    z-index:4 !important;
    display:block !important;
    margin:0 0 13px !important;
    padding:0 !important;
    font-size:11px !important;
    line-height:1 !important;
    letter-spacing:.34em !important;
    text-transform:uppercase !important;
    color:#c8a75a !important;
}

.gallery-v3-grid .g-item h3{
    position:relative !important;
    z-index:4 !important;
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    max-width:92% !important;
    font-size:clamp(31px,3vw,38px) !important;
    line-height:1.05 !important;
    letter-spacing:.01em !important;
    font-weight:300 !important;
    color:#f8f2e8 !important;
}

/* Première grande carte : garde un titre majestueux */
.gallery-v3-grid .g-item.g-large:first-child{
    padding:44px 52px 52px !important;
}

.gallery-v3-grid .g-item.g-large:first-child h3{
    max-width:92% !important;
    font-size:clamp(48px,5vw,72px) !important;
    line-height:1.02 !important;
}

/* Cartes 2 et 3 : texte plus discret, toujours en bas */
.gallery-v3-grid .g-item:nth-child(2) h3,
.gallery-v3-grid .g-item:nth-child(3) h3{
    font-size:clamp(30px,2.4vw,38px) !important;
    line-height:1.05 !important;
    max-width:100% !important;
}

/* Dégradé plus lisible en bas, sans masquer la photo */
.gallery-v3-grid .g-item::after{
    background:linear-gradient(
        to top,
        rgba(0,0,0,.82) 0%,
        rgba(0,0,0,.58) 28%,
        rgba(0,0,0,.18) 58%,
        rgba(0,0,0,.03) 100%
    ) !important;
}

/* Mobile */
@media(max-width:700px){
    .gallery-v3-grid .g-item{
        padding:28px 26px 32px !important;
    }

    .gallery-v3-grid .g-item h3{
        font-size:clamp(28px,9vw,38px) !important;
    }

    .gallery-v3-grid .g-item.g-large:first-child{
        padding:34px 28px 36px !important;
    }

    .gallery-v3-grid .g-item.g-large:first-child h3{
        font-size:clamp(36px,10vw,54px) !important;
    }
}


/* ======================================================
   CHAPITRE IV · Raffinement final intitulés cartes 2/3
====================================================== */

.gallery-v3-grid .g-item:nth-child(2),
.gallery-v3-grid .g-item:nth-child(3){
    justify-content:flex-end !important;
    align-items:flex-start !important;
    text-align:left !important;
    padding:0 34px 42px !important;
}

.gallery-v3-grid .g-item:nth-child(2) span,
.gallery-v3-grid .g-item:nth-child(3) span{
    margin:0 0 14px !important;
    font-size:10px !important;
    letter-spacing:.42em !important;
    line-height:1 !important;
    color:#c8a75a !important;
    opacity:.92 !important;
    text-shadow:0 8px 24px rgba(0,0,0,.75) !important;
}

.gallery-v3-grid .g-item:nth-child(2) h3,
.gallery-v3-grid .g-item:nth-child(3) h3{
    margin:0 !important;
    max-width:92% !important;
    font-size:clamp(28px,2.15vw,34px) !important;
    line-height:1.05 !important;
    letter-spacing:.01em !important;
    font-weight:300 !important;
    color:#f8f2e8 !important;
    text-shadow:0 12px 34px rgba(0,0,0,.82) !important;
}

/* Évite que The Shayla Universe domine trop la photo */
.gallery-v3-grid .g-item:nth-child(3) h3{
    max-width:78% !important;
}

/* Dégradé plus bas, moins envahissant */
.gallery-v3-grid .g-item:nth-child(2)::after,
.gallery-v3-grid .g-item:nth-child(3)::after{
    background:linear-gradient(
        to top,
        rgba(0,0,0,.82) 0%,
        rgba(0,0,0,.50) 25%,
        rgba(0,0,0,.16) 52%,
        rgba(0,0,0,0) 100%
    ) !important;
}

/* Recadrages plus élégants */
.gallery-v3-grid .g-item:nth-child(2) img{
    object-position:center center !important;
}

.gallery-v3-grid .g-item:nth-child(3) img{
    object-position:center center !important;
}

@media(max-width:700px){
    .gallery-v3-grid .g-item:nth-child(2),
    .gallery-v3-grid .g-item:nth-child(3){
        padding:0 26px 34px !important;
    }

    .gallery-v3-grid .g-item:nth-child(2) h3,
    .gallery-v3-grid .g-item:nth-child(3) h3{
        font-size:30px !important;
        max-width:92% !important;
    }
}


/* ==========================================================
   CHAPITRE IV
   Positionnement premium des cartes 2 & 3
========================================================== */

.gallery-v3-grid .g-item:nth-child(2),
.gallery-v3-grid .g-item:nth-child(3){

    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-end !important;
    align-items:flex-start !important;

    position:relative !important;

    padding:0 !important;

}

/* Bloc texte */

.gallery-v3-grid .g-item:nth-child(2) h3,
.gallery-v3-grid .g-item:nth-child(3) h3{

    position:absolute !important;

    left:34px !important;

    bottom:68px !important;

    margin:0 !important;

    z-index:20 !important;

}

/* Filet doré */

.gallery-v3-grid .g-item:nth-child(2) h3::after,
.gallery-v3-grid .g-item:nth-child(3) h3::after{

    content:"";

    display:block;

    width:42px;

    height:2px;

    background:#c8a75a;

    margin:16px 0 14px;

}

/* Sous-titre */

.gallery-v3-grid .g-item:nth-child(2) span,
.gallery-v3-grid .g-item:nth-child(3) span{

    position:absolute !important;

    left:34px !important;

    bottom:34px !important;

    margin:0 !important;

    z-index:20 !important;

}

@media(max-width:768px){

.gallery-v3-grid .g-item:nth-child(2) h3,
.gallery-v3-grid .g-item:nth-child(3) h3{

    left:24px !important;

    bottom:62px !important;

}

.gallery-v3-grid .g-item:nth-child(2) span,
.gallery-v3-grid .g-item:nth-child(3) span{

    left:24px !important;

    bottom:28px !important;

}

}


/* ==========================================================
   CHAPITRE IV · Carte 4
   Même position/style texte que cartes 2 & 3
========================================================== */

.gallery-v3-grid .g-item.g-wide{
    position:relative !important;
    padding:0 !important;
    overflow:hidden !important;
}

.gallery-v3-grid .g-item.g-wide h3{
    position:absolute !important;
    left:34px !important;
    bottom:68px !important;
    margin:0 !important;
    z-index:20 !important;
    font-size:clamp(31px,2.3vw,38px) !important;
    line-height:1.08 !important;
    font-weight:300 !important;
    color:#f7f3ed !important;
    text-shadow:0 12px 28px rgba(0,0,0,.65) !important;
}

.gallery-v3-grid .g-item.g-wide h3::after{
    content:"";
    display:block;
    width:42px;
    height:2px;
    background:#c8a75a;
    margin:16px 0 14px;
}

.gallery-v3-grid .g-item.g-wide span{
    position:absolute !important;
    left:34px !important;
    bottom:34px !important;
    margin:0 !important;
    z-index:20 !important;
    font-size:10px !important;
    letter-spacing:.42em !important;
    text-transform:uppercase !important;
    color:#c8a75a !important;
}

.gallery-v3-grid .g-item.g-wide img{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    z-index:1 !important;
}

@media(max-width:768px){
    .gallery-v3-grid .g-item.g-wide h3{
        left:24px !important;
        bottom:62px !important;
    }

    .gallery-v3-grid .g-item.g-wide span{
        left:24px !important;
        bottom:28px !important;
    }
}


/* ==========================================================
   CHAPITRE IV · Carte 4
   Même position/style texte que cartes 2 & 3
========================================================== */

.gallery-v3-grid .g-item.g-wide{
    position:relative !important;
    padding:0 !important;
    overflow:hidden !important;
}

.gallery-v3-grid .g-item.g-wide h3{
    position:absolute !important;
    left:34px !important;
    bottom:68px !important;
    margin:0 !important;
    z-index:20 !important;
    font-size:clamp(31px,2.3vw,38px) !important;
    line-height:1.08 !important;
    font-weight:300 !important;
    color:#f7f3ed !important;
    text-shadow:0 12px 28px rgba(0,0,0,.65) !important;
}

.gallery-v3-grid .g-item.g-wide h3::after{
    content:"";
    display:block;
    width:42px;
    height:2px;
    background:#c8a75a;
    margin:16px 0 14px;
}

.gallery-v3-grid .g-item.g-wide span{
    position:absolute !important;
    left:34px !important;
    bottom:34px !important;
    margin:0 !important;
    z-index:20 !important;
    font-size:10px !important;
    letter-spacing:.42em !important;
    text-transform:uppercase !important;
    color:#c8a75a !important;
}

.gallery-v3-grid .g-item.g-wide img{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    z-index:1 !important;
}

@media(max-width:768px){
    .gallery-v3-grid .g-item.g-wide h3{
        left:24px !important;
        bottom:62px !important;
    }

    .gallery-v3-grid .g-item.g-wide span{
        left:24px !important;
        bottom:28px !important;
    }
}


/* ==========================================================
   CHAPITRE IV · Carte 4
   Même position/style texte que cartes 2 & 3
========================================================== */

.gallery-v3-grid .g-item.g-wide{
    position:relative !important;
    padding:0 !important;
    overflow:hidden !important;
}

.gallery-v3-grid .g-item.g-wide h3{
    position:absolute !important;
    left:34px !important;
    bottom:68px !important;
    margin:0 !important;
    z-index:20 !important;
    font-size:clamp(31px,2.3vw,38px) !important;
    line-height:1.08 !important;
    font-weight:300 !important;
    color:#f7f3ed !important;
    text-shadow:0 12px 28px rgba(0,0,0,.65) !important;
}

.gallery-v3-grid .g-item.g-wide h3::after{
    content:"";
    display:block;
    width:42px;
    height:2px;
    background:#c8a75a;
    margin:16px 0 14px;
}

.gallery-v3-grid .g-item.g-wide span{
    position:absolute !important;
    left:34px !important;
    bottom:34px !important;
    margin:0 !important;
    z-index:20 !important;
    font-size:10px !important;
    letter-spacing:.42em !important;
    text-transform:uppercase !important;
    color:#c8a75a !important;
}

.gallery-v3-grid .g-item.g-wide img{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    z-index:1 !important;
}

@media(max-width:768px){
    .gallery-v3-grid .g-item.g-wide h3{
        left:24px !important;
        bottom:62px !important;
    }

    .gallery-v3-grid .g-item.g-wide span{
        left:24px !important;
        bottom:28px !important;
    }
}