html {
  scroll-behavior: smooth;
}

/* ==========================================================================
   1. REINITIALISATION ET STYLES DE BASE
   ========================================================================== */

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    background-color: #0b0d10;
    color: #e0e0e0;
    font-family: 'Georgia', serif;
    line-height: 1.6;
    overflow-x: hidden;
}

a {
    color: inherit;
    text-decoration: none;
}

/* ==========================================================================
   2. HERO COMMON (COMMUN INDEX ET AUTRES PAGES)
   ========================================================================== */

.hero {
    position: relative;
    width: 100%;
    height: 60vh;
    min-height: 380px;
    background-color: #0b0d10;
    overflow: hidden;
}

.hero picture img,
.hero > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.6) contrast(1.1);
}

.hero_overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 10;
    width: 90%;
    pointer-events: none;
}

.hero_overlay h1 {
    font-family: 'Georgia', serif;
    font-size: clamp(2.5rem, 5vw, 4rem);
    font-weight: 400;
    letter-spacing: 4px;
    color: #ffffff;
    text-transform: uppercase;
    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.8);
}

.hero-subtitle {
    font-family: 'Georgia', serif;
    font-size: clamp(0.85rem, 1.5vw, 1.1rem);
    letter-spacing: 5px;
    color: #d5b884;
    text-transform: uppercase;
    margin-top: 12px;
}

.hero-triptyque-modern{
/* Ombre fluide projetée sous le bord inférieur */
box-shadow: 0 7px 10px -3px rgba(0, 0, 0, 0.55);
}
/* ==========================================================================
   3. NAVIGATION (DESKTOP & MOBILE)
   ========================================================================== */

#menu {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(11, 13, 16, 0.95);
    border-bottom: 1px solid rgba(213, 184, 132, 0.2);
    padding: 10px 0;
    list-style: none;
}

.element_menu {
    padding: 0 15px;
}

.element_menu a {
    font-size: 0.85rem;
    letter-spacing: 3px;
    color: #cccccc;
    transition: color 0.3s ease;
}

.element_menu a:hover {
    color: #d5b884;
}

#logo_site {
    height: 40px;
    width: auto;
    display: block;
}

/* Mobile Nav */
#menu_mobile, #sandwich {
    display: none;
}

/* Sélecteur de langue Desktop */
.lang-switch {
    font-size: 0.8rem;
    letter-spacing: 2px;
    color: #a0a0a0;
    white-space: nowrap;
}

.lang-switch .active-lang {
    color: #d5b884; /* Doré pour la langue active */
    font-weight: bold;
}

.lang-switch a {
    color: #707070;
    transition: color 0.3s ease;
}

.lang-switch a:hover {
    color: #ffffff;
}

/* Sélecteur de langue Mobile */
.mobile-lang-switch {
    margin-top: 25px;
    font-size: 0.9rem;
    letter-spacing: 3px;
    color: #a0a0a0;
}

.mobile-lang-switch .active-lang {
    color: #d5b884;
    font-weight: bold;
}

.mobile-lang-switch a {
    color: #ffffff;
}

@media screen and (max-width: 860px) {
    #menu {
        display: none;
    }

    #menu_mobile {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 15px;
        background: #0b0d10;
        border-bottom: 1px solid rgba(213, 184, 132, 0.2);
    }

    #sandwich {
        display: flex;
        flex-direction: column;
        gap: 6px;
        position: fixed;
        top: 20px;
        right: 20px;
        z-index: 1000;
        cursor: pointer;
        list-style: none;
    }

    #sandwich li {
        width: 28px;
        height: 2px;
        background-color: #d5b884;
        transition: transform 0.3s ease;
    }
}

/* Overlay Mobile */
.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    background-color: #0b0d10;
    overflow-x: hidden;
    transition: 0.4s ease;
}

.menu-open {
    width: 100%;
}

.overlay-content {
    position: relative;
    top: 10%;
    width: 100%;
    text-align: center;
    padding: 0 20px;
}

.overlay-menu a {
    padding: 12px;
    font-size: 1.2rem;
    color: #e0e0e0;
    display: block;
    letter-spacing: 3px;
}

.overlay-divider {
    width: 50px;
    height: 1px;
    background-color: rgba(213, 184, 132, 0.4);
    margin: 25px auto;
}

.overlay-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.overlay-socials {
    display: flex;
    justify-content: center;
    gap: 25px;
}

.overlay-socials img {
    width: 24px;
    height: 24px;
    object-fit: contain;
    opacity: 0.8;
    transition: opacity 0.3s ease;
}

.overlay-socials img:hover {
    opacity: 1;
}

.overlay-copy {
    font-size: 0.8rem;
    color: #707070;
    letter-spacing: 1px;
}

/* ==========================================================================
   4. STYLES ÉDITORIAUX COMMUNS (CONTAINERS & TITRES)
   ========================================================================== */

.editorial-container {
    max-width: 800px;
    width: 100%;
    text-align: left;
    position: relative;
}

.editorial-tag {
    display: inline-block;
    font-family: 'Georgia', serif;
    font-size: 0.75rem;
    letter-spacing: 4px;
    color: #d5b884;
    text-transform: uppercase;
    margin-bottom: 12px;
    opacity: 0.8;
}

.editorial-container h2 {
    font-family: 'Georgia', serif;
    font-size: clamp(1.8rem, 3vw, 2.4rem);
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #ffffff;
    margin-top: 0;
    margin-bottom: 30px;
}

.editorial-content {
    border-left: 2px solid #d5b884;
    padding-left: 25px;
    margin-left: 5px;
}

.editorial-quote {
    font-family: 'Georgia', serif;
    font-style: italic;
    font-size: 1.25rem;
    color: #d5b884;
    margin-bottom: 20px;
    line-height: 1.6;
}

.editorial-content p {
    font-family: 'Georgia', serif;
    font-size: 1.05rem;
    line-height: 1.9;
    color: #cccccc;
    margin: 0;
}

/* ==========================================================================
   5. PAGE INDEX - SPÉCIFIQUE
   ========================================================================== */

.page-index .index-main-content {
    background-color: #111419;
}

/* Section Intro */
.index-intro-section {
    width: 100%;
    padding: 90px 20px;
    box-sizing: border-box;
    background: linear-gradient(180deg, #111419 0%, rgba(20, 28, 38, 0.7) 100%);
    display: flex;
    justify-content: center;
}

/* Section Créations */
.index-featured-section {
    width: 100%;
    padding: 60px 20px 100px 20px;
    box-sizing: border-box;
    background-color: #111419;
    display: flex;
    justify-content: center;
}

.featured-container {
    max-width: 1000px;
    width: 100%;
}

.featured-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    border-bottom: 1px solid rgba(213, 184, 132, 0.25);
    padding-bottom: 15px;
    margin-bottom: 50px;
}

.featured-header h2 {
    font-family: 'Georgia', serif;
    font-size: clamp(1.6rem, 2.5vw, 2.1rem);
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #ffffff;
    margin: 0;
}

.featured-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 40px;
}

.featured-card {
    background: rgba(20, 28, 38, 0.4);
    border: 1px solid rgba(213, 184, 132, 0.2);
overflow: hidden;
    transition: transform 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
}

.featured-card:hover {
    transform: translateY(-5px);
    border-color: rgba(213, 184, 132, 0.6);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.5);
}

.featured-img-wrap {
    width: 100%;
    height: 220px;
    overflow: hidden;
}

.featured-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(30%) contrast(1.05);
    transition: transform 0.5s ease, filter 0.5s ease;
}

.featured-card:hover .featured-img-wrap img {
    transform: scale(1.04);
    filter: grayscale(0%);
}

.featured-info {
    padding: 25px 20px;
}

.card-category {
    font-family: 'Georgia', serif;
    font-size: 0.7rem;
    letter-spacing: 3px;
    color: #d5b884;
    text-transform: uppercase;
}

.featured-info h3 {
    font-family: 'Georgia', serif;
    font-size: 1.35rem;
    color: #ffffff;
    margin: 10px 0 12px 0;
    font-weight: 400;
}

.featured-info p {
    font-family: 'Georgia', serif;
    font-size: 0.95rem;
    line-height: 1.7;
    color: #b0b5bd;
    margin-bottom: 20px;
}

.link-editorial {
    display: inline-block;
    font-family: 'Georgia', serif;
    font-size: 0.85rem;
    letter-spacing: 2px;
    color: #d5b884;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 4px;
}

.link-editorial::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 1px;
    background-color: #d5b884;
    transition: width 0.3s ease;
}

.link-editorial:hover::after {
    width: 100%;
}

/* ==========================================================================
   6. FOOTER
   ========================================================================== */

footer {
    background-color: #080a0c;
    border-top: 1px solid rgba(213, 184, 132, 0.15);
    padding: 40px 20px;
}

.footer-container {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.foot-links, #reseaux {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 15px;
}

.foot-links a {
    font-size: 0.8rem;
    color: #a0a0a0;
    letter-spacing: 1px;
    transition: color 0.3s ease;
}

.foot-links a:hover {
    color: #d5b884;
}

.foot-copy {
    text-align: center;
    font-size: 0.8rem;
    color: #707070;
}

.sub-copy {
    font-size: 0.7rem;
    margin-top: 3px;
}

/* Zone de clic optimisée pour les icônes réseaux sociaux */
#reseaux a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
transition: background-color 0.3s ease;
}

#reseaux a:hover {
    background-color: rgba(213, 184, 132, 0.1);
}

.reseaux_sociaux {
    width: 24px;
    height: 24px;
    opacity: 0.75;
    display: block;
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.3s ease;
}

#reseaux a:hover .reseaux_sociaux {
    opacity: 1;
    transform: scale(1.15);
}

/* --- LISERÉ ET BOUTON RETOUR EN HAUT (BAS DE FOOTER) --- */

/* Fine ligne de séparation très discrète */
.footer-separator {
    border: 0;
    height: 1px;
    background: rgba(213, 184, 132, 0.25); /* Doré très subtil et translucide */
    margin: 25px 0 15px 0;
    width: 100%;
}

/* Alignement du bouton sur la droite */
.footer-bottom-bar {
    display: flex;
    justify-content: flex-end; /* Pousse le bouton à droite */
    width: 100%;
    padding-bottom: 0;
    margin-bottom: -20px;
}

/* Bouton compact, sobre et raffiné */
.back-to-top-small {
    font-size: 0.75rem; /* Petit texte discret */
    font-family: inherit;
    color: #d5b884; /* Doré caractéristique */
    text-decoration: none;
    border: 1px solid rgba(213, 184, 132, 0.4);
    padding: 4px 10px;
text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.25s ease;
}

.back-to-top-small:hover {
    color: #ffffff;
    border-color: #d5b884;
    background-color: rgba(213, 184, 132, 0.15); /* Effet d'illumination doux au survol */
}
/* ==========================================================================
   7. MEDIA QUERIES GENERALES
   ========================================================================== */

@media screen and (max-width: 860px) {
    .index-intro-section {
        padding: 50px 20px;
    }
    
    .index-featured-section {
        padding: 40px 15px 60px 15px;
    }
    
    .featured-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .footer-container {
        flex-direction: column;
        text-align: center;
    }
}

/* ==========================================================================
   PAGE À PROPOS - DESIGN ÉDITORIAL MODERNE
   ========================================================================== */

/* --- Hero Modernisé --- */
.hero-triptyque-modern {
    background-color: #0b0d10;
    overflow: hidden;
    position: relative;
}

.triptyque-grid {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 0 4%;
    box-sizing: border-box;
}

.trip-card {
    position: relative;
    flex: 1;
    max-width: 320px;
    height: 68%;
    overflow: hidden;
border: 1px solid rgba(213, 184, 132, 0.2);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6);
}

/* Le calque de "vitre" */
.trip-card::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Un dégradé très léger pour simuler le reflet sur le verre */
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 90%);
    pointer-events: none; /* Important : pour pouvoir toujours cliquer sur la carte */
    z-index: 1;
}

/* On assure que l'image reste en dessous du reflet */
.trip-card img {
    position: relative;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(40%) contrast(1.1);
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), filter 0.6s ease;
}

.trip-card:hover img {
    transform: scale(1.05);
    filter: grayscale(0%) contrast(1.05);
}

.trip-num {
    position: absolute;
    bottom: 12px;
    right: 15px;
    font-family: 'Georgia', serif;
    font-size: 0.85rem;
    letter-spacing: 2px;
    color: #d5b884;
    background: rgba(11, 13, 16, 0.8);
    padding: 3px 8px;
}

/* --- Sections de Texte Éditoriales --- */
.page-apropos .about-main-content {
    background-color: #111419;
}

.about-editorial-section {
    width: 100%;
    padding: 90px 20px;
    box-sizing: border-box;
    background: linear-gradient(180deg, #111419 0%, rgba(20, 28, 38, 0.7) 50%, #111419 100%);
    display: flex;
    justify-content: center;
    overflow: hidden;
}

.editorial-container {
    max-width: 800px;
    width: 100%;
    text-align: left; /* Alignement moderne à gauche */
    position: relative;
}

.editorial-tag {
    display: inline-block;
    font-family: 'Georgia', serif;
    font-size: 0.75rem;
    letter-spacing: 4px;
    color: #d5b884;
    text-transform: uppercase;
    margin-bottom: 12px;
    opacity: 0.8;
}

.editorial-container h2 {
    font-family: 'Georgia', serif;
    font-size: clamp(1.8rem, 3vw, 2.4rem);
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #ffffff;
    margin-top: 0;
    margin-bottom: 30px;
    position: relative;
}

.editorial-content {
    border-left: 2px solid #d5b884; /* Ligne verticale élégante */
    padding-left: 25px;
    margin-left: 5px;
}

.editorial-quote {
    font-family: 'Georgia', serif;
    font-style: italic;
    font-size: 1.25rem;
    color: #d5b884;
    margin-bottom: 20px;
    line-height: 1.6;
}

.editorial-content p {
    font-family: 'Georgia', serif;
    font-size: 1.05rem;
    line-height: 1.9;
    color: #cccccc;
    margin: 0;
}

/* ==========================================================================
   PARALLAX AVEC BRIS DE GLACE INDIVIDUELS
   ========================================================================== */

.parallax-window {
    position: relative;
    height: 45vh;
    min-height: 300px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Conteneur animé par le JS */
.parallax-img-bg {
    position: absolute;
    top: -15%;
    left: 0;
    width: 100%;
    height: 130%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    will-change: transform;
    transition: transform 0.1s ease-out;
}

/* 🏔️ IMAGES DE FOND (PAYSAGES) */
.parallax-img-bg.img-1 { background-image: url('../images/flam1.jpg'); }
.parallax-img-bg.img-2 { background-image: url('../images/manege1.jpg'); }
.parallax-img-bg.img-3 { background-image: url('../images/prof1.jpg'); }

/* 🧊 STYLE COMMUN POUR TOUS LES BRIS DE GLACE */
.parallax-img-bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    
    /* Si tes images ont un fond noir et des fissures blanches/claires */
    mix-blend-mode: screen; 
    
    /* Ajuste l'opacité au besoin (entre 0.5 et 0.9) */
    opacity: 0.8; 
    
    pointer-events: none;
}

/* 🧊 IMAGES DE GLACE BRISÉE SPÉCIFIQUES POUR CHAQUE PARALLAX */
.parallax-img-bg.img-1::before {
    background-image: url('../images/brisglace2.jpg');
}

.parallax-img-bg.img-2::before {
    background-image: url('../images/brisglace1.jpg');
}

.parallax-img-bg.img-3::before {
    background-image: url('../images/brisglace3.jpg');
}

/* --- Overlay Texte --- */
.parallax-overlay-layer {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(17, 20, 25, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.parallax-caption {
    font-family: 'Georgia', serif;
    font-size: 0.9rem;
    letter-spacing: 5px;
    color: #ffffff;
    text-transform: uppercase;
    border-bottom: 1px solid #d5b884;
    padding-bottom: 8px;
}

/* --- Adaptation Mobile --- */
@media screen and (max-width: 860px) {
    .triptyque-grid {
        gap: 10px;
        padding: 0 2%;
    }

    .trip-card {
        height: 60%;
    }

    .editorial-container {
        padding: 0 10px;
    }

    .about-editorial-section {
        padding: 60px 20px;
    }

    .parallax-window {
        height: 30vh;
        min-height: 220px;
    }
}

/* ==========================================================================
   9. PAGE ARTICLE & CHRONIQUE
   ========================================================================== */

.page-article {
    background-color: #0b0d10;
}

.article-main-container {
    width: 100%;
    padding: 60px 20px 100px 20px;
    display: flex;
    justify-content: center;
}

.article-wrapper {
    max-width: 760px;
    width: 100%;
}

/* En-tête de l'article */
.article-header {
    margin-bottom: 40px;
    text-align: left;
}

.article-meta {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}

.article-meta time {
    font-size: 0.85rem;
    color: #a0a0a0;
    font-family: sans-serif;
}

.article-header h1 {
    font-family: 'Georgia', serif;
    font-size: 2.2rem;
    color: #ffffff;
    line-height: 1.3;
    margin-bottom: 15px;
    font-weight: normal;
}

.article-subtitle {
    font-family: 'Georgia', serif;
    font-size: 1.15rem;
    color: #d5b884;
    font-style: italic;
    line-height: 1.5;
}


/* Corps du texte */
.article-body {
    font-family: 'Georgia', serif;
    font-size: 1.05rem;
    line-height: 1.8;
    color: #d0d0d0;
}

.article-lead {
    font-size: 1.2rem;
    line-height: 1.7;
    color: #ffffff;
    margin-bottom: 30px;
}

.article-body h2 {
    font-family: 'Georgia', serif;
    font-size: 1.4rem;
    color: #d5b884;
    margin: 40px 0 20px 0;
    font-weight: normal;
    border-bottom: 1px solid rgba(213, 184, 132, 0.15);
    padding-bottom: 8px;
}

.article-body p {
    margin-bottom: 25px;
}

.article-body em {
    color: #ffffff;
}

/* Citation mise en valeur */
.editorial-blockquote {
    margin: 40px 0;
    padding: 20px 30px;
    border-left: 2px solid #d5b884;
    background: rgba(213, 184, 132, 0.04);
    font-style: italic;
    font-size: 1.15rem;
    color: #ffffff;
    line-height: 1.6;
}

/* Pied de l'article */
.article-footer {
    margin-top: 60px;
    padding-top: 30px;
    border-top: 1px solid rgba(213, 184, 132, 0.2);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.article-author {
    display: flex;
    flex-direction: column;
}

.author-label {
    font-size: 0.75rem;
    color: #808080;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.author-name {
    font-family: 'Georgia', serif;
    color: #d5b884;
    font-size: 1rem;
}

/* Adaptations Mobile */
@media screen and (max-width: 768px) {
    .article-header h1 {
        font-size: 1.7rem;
    }

    .article-subtitle {
        font-size: 1rem;
    }

    .article-body {
        font-size: 1rem;
    }

    .article-footer {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* ==========================================================================
   10. PAGE CRÉATIONS (LIVRES & TEXTES)
   ========================================================================== */

.page-creations {
    background-color: #0b0d10;
}

.creations-main-content {
    width: 100%;
}

.creations-intro-section {
    width: 100%;
    padding: 60px 20px 40px 20px;
    display: flex;
    justify-content: center;
}

.creations-section {
    width: 100%;
    padding: 60px 20px;
    display: flex;
    justify-content: center;
}

.creations-section.bg-darker {
    background-color: #07080a;
}

.creations-container {
    max-width: 900px;
    width: 100%;
}

/* Grille des Livres */
.books-grid {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-top: 30px;
}

.book-card {
    display: flex;
    gap: 30px;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(213, 184, 132, 0.15);
    padding: 25px;
align-items: center;
}

.book-cover-wrap {
    position: relative;
    width: 160px;
    flex-shrink: 0;
}

.book-cover-wrap img {
    width: 100%;
    height: 220px;
    object-fit: cover;
border: 1px solid rgba(213, 184, 132, 0.3);
}

.book-badge {
    position: absolute;
    top: -10px;
    left: -10px;
    font-size: 0.65rem;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 4px 8px;
font-family: sans-serif;
}

.badge-upcoming {
    background-color: #d5b884;
    color: #0b0d10;
}

.badge-published {
    background-color: #172131;
    color: #d5b884;
    border: 1px solid #d5b884;
}

.book-details {
    flex: 1;
}

.book-details h3 {
    font-family: 'Georgia', serif;
    font-size: 1.5rem;
    color: #ffffff;
    margin-bottom: 5px;
}

.book-genre {
    font-size: 0.85rem;
    color: #d5b884;
    margin-bottom: 15px;
    font-style: italic;
}

.book-summary {
    font-family: 'Georgia', serif;
    color: #a0a0a0;
    line-height: 1.6;
    margin-bottom: 20px;
    font-size: 0.95rem;
}

.book-status {
    font-size: 0.85rem;
    color: #808080;
    font-style: italic;
}

/* Liste des Poèmes & Nouvelles */
.texts-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 30px;
}

.text-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    border-bottom: 1px solid rgba(213, 184, 132, 0.15);
    background: rgba(255, 255, 255, 0.01);
    gap: 20px;
    transition: background 0.3s ease;
}

.text-item:hover {
    background: rgba(213, 184, 132, 0.03);
}

.text-type {
    font-size: 0.7rem;
    letter-spacing: 2px;
    color: #d5b884;
    width: 90px;
    flex-shrink: 0;
    font-weight: bold;
}

.text-info {
    flex: 1;
}

.text-info h3 {
    font-family: 'Georgia', serif;
    font-size: 1.1rem;
    color: #ffffff;
    margin-bottom: 4px;
    font-weight: normal;
}

.text-info p {
    font-size: 0.85rem;
    color: #808080;
}

/* Responsivité Mobile */
@media screen and (max-width: 768px) {
    .book-card {
        flex-direction: column;
        text-align: center;
    }

    .book-cover-wrap {
        width: 140px;
    }

    .book-cover-wrap img {
        height: 190px;
    }

    .book-badge {
        left: 50%;
        transform: translateX(-50%);
    }

    .text-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .text-type {
        width: auto;
    }
}

/* Style spécifique pour les poèmes */
.poem-wrapper {
    max-width: 650px;
}

.text-center {
    text-align: center;
}

.justify-center {
    justify-content: center;
}

.poem-body {
    text-align: center;
    margin-top: 40px;
}

.poem-stanza {
    margin-bottom: 35px;
    font-family: 'Georgia', serif;
    font-size: 1.15rem;
    line-height: 1.8;
    color: #e0e0e0;
}

/* ==========================================================================
   FICHE DÉTAIL LIVRE (Mise en page Présentation + Fiche technique en bas)
   ========================================================================== */

.book-detail-layout {
    display: flex;
    gap: 40px;
    margin-bottom: 40px;
    align-items: flex-start;
}

.book-detail-cover {
    flex: 1;
    max-width: 260px;
}

.book-detail-cover img {
    width: 100%;
    height: auto;
border: 1px solid rgba(213, 184, 132, 0.3);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.6);
}

.book-presentation-content {
    flex: 2;
}

.book-presentation-content h2 {
    font-family: 'Georgia', serif;
    font-size: 1.4rem;
    color: #d5b884;
    margin-bottom: 20px;
    font-weight: normal;
}

/* Fiche technique sous la présentation */
.book-specs-section {
    margin-top: 40px;
    margin-bottom: 50px;
}

.book-specs-card {
    background: rgba(20, 28, 38, 0.4);
    border: 1px solid rgba(213, 184, 132, 0.2);
    padding: 30px;
}

.book-specs-card h2 {
    font-family: 'Georgia', serif;
    font-size: 1.2rem;
    color: #d5b884;
    margin-bottom: 20px;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.specs-grid {
    display: flex;
    gap: 40px;
    margin-bottom: 25px;
}

.specs-grid ul {
    flex: 1;
    list-style: none;
    padding: 0;
    margin: 0;
}

.specs-grid li {
    font-size: 0.95rem;
    color: #cccccc;
    padding: 8px 0;
    border-bottom: 1px dashed rgba(213, 184, 132, 0.15);
}

.specs-grid li.price-tag {
    font-size: 1.1rem;
    color: #ffffff;
    border-bottom: none;
    padding-top: 12px;
}

.buy-label {
    display: block;
    font-size: 0.8rem;
    letter-spacing: 2px;
    color: #d5b884;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.buy-buttons-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
    gap: 10px;
}

.btn-vendor {
    display: inline-block;
    text-align: center;
    padding: 8px 12px;
    font-size: 0.8rem;
    letter-spacing: 1px;
    color: #e0e0e0;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(213, 184, 132, 0.3);
transition: all 0.3s ease;
}

.btn-vendor:hover {
    background: #d5b884;
    color: #0b0d10;
    border-color: #d5b884;
}

/* Adaptations écrans mobiles */
@media screen and (max-width: 768px) {
    .book-detail-layout, .specs-grid {
        flex-direction: column;
        gap: 25px;
    }
    
    .book-detail-cover {
        max-width: 200px;
        margin: 0 auto;
    }
}

/* ==========================================================================
   ALIGNEMENT HARMONIEUX DE LA LISTE DE TEXTES
   ========================================================================== */

/* 1. Rapproche la liste du titre principal */
.texts-list {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
}

/* 2. Style de base des cartes de texte */
.text-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 22px 0; /* Padding vertical uniquement pour aligner avec les marges du site */
    border-top: 1px solid rgba(213, 184, 132, 0.2); /* Ligne de séparation par défaut */
    border-bottom: none !important;
    background: transparent;
    margin: 0;
}

/* 3. Supprime le double liseré au-dessus du TOUT PREMIER élément (POÉSIE) */
.text-item:first-child {
    border-top: none !important;
    padding-top: 15px; /* Réduit l'espace sous la ligne du titre */
    margin-top: -48px; /* <-- à surveiller */
}

/* 4. Réinitialise les marges hautes du texte */
.text-type,
.text-info h3,
.text-info p {
    margin-top: 0 !important;
}

/* --- Ajustement du bloc présentation (soireemurmure.html) --- */

/* --- Ajustement du bloc présentation (soireemurmure.html) --- */

/* Sur Desktop (au-dessus de 768px) */
@media screen and (min-width: 769px) {
    .book-detail-layout {
        display: flow-root; /* Création d'un contexte de formatage pour englober le float */
    }

    .book-detail-cover {
        float: left;        /* L'image flotte à gauche */
        width: 35%; 
        margin-right: 40px;
        margin-bottom: 20px;
    }

    .book-presentation-content {
        /* Pas besoin de overflow: hidden ici avec display: flow-root sur le parent */
        display: block; 
    }
}

/* Sur Mobile / Tablette (en dessous de 768px) */
@media screen and (max-width: 768px) {
    .book-detail-layout {
        display: flex;
        flex-direction: column;
    }

    .book-detail-cover {
        float: none;        /* Annulation du float sur mobile */
        width: 60%; 
        margin: 0 auto 25px auto;
    }

    .book-presentation-content {
        width: 100%;
    }
}
/* ==========================================================================
   2026 — SYSTÈME VISUEL ORPHIN VAL
   Palette : bleu nuit profond / brun d'encre / ivoire / or patiné
   ========================================================================== */

@font-face {
    font-family: "Above Beyond Serif";
    src: url("../fonts/Above the Beyond Serif Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Above Beyond Serif";
    src: url("../fonts/Above the Beyond Serif Italic.woff2") format("woff2");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Above Beyond Script";
    src: url("../fonts/Above the Beyond Script.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

:root {
    --ov-blue: #020b18;
    --ov-blue-soft: #071525;
    --ov-ink: #2e2b2a;
    --ov-night: #070b12;
    --ov-paper: #f5f5f5;
    --ov-ivory: #e8e1d2;
    --ov-gold: #d5b884;
    --ov-gold-soft: rgba(213, 184, 132, .22);
    --ov-line: rgba(213, 184, 132, .18);
    --ov-glass: rgba(7, 17, 31, .72);
    --ov-shadow: 0 24px 70px rgba(0, 0, 0, .32);
--ov-serif: "Above Beyond Serif", Georgia, serif;
    --ov-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html {
    scroll-behavior: smooth;
    background: var(--ov-night);
}

body {
    background:
        radial-gradient(circle at 15% 0%, rgba(2, 11, 24, .32), transparent 35rem),
        radial-gradient(circle at 85% 30%, rgba(213, 184, 132, .045), transparent 30rem),
        var(--ov-night);
    color: var(--ov-ivory);
    font-family: var(--ov-serif);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

::selection {
    background: var(--ov-gold);
    color: var(--ov-blue);
}

:focus-visible {
    outline: 2px solid var(--ov-gold);
    outline-offset: 4px;
}

a {
    text-underline-offset: 4px;
}

.hero {
    background: var(--ov-blue);
    min-height: 430px;
}

.hero picture img,
.hero > img {
    filter: brightness(.58) saturate(.82) contrast(1.04);
}

.hero_overlay h1,
.editorial-container h2,
.featured-header h2,
.article-header h1,
.book-details h3,
.text-info h3 {
    font-family: var(--ov-serif);
}

.hero_overlay h1 {
    letter-spacing: .12em;
    text-shadow: 0 8px 36px rgba(0,0,0,.72);
}

.hero-subtitle,
.editorial-tag,
.card-category,
.text-type,
.buy-label {
    color: var(--ov-gold);
}

#menu,
#menu_mobile {
    background: rgba(5, 10, 18, .88);
    border-color: var(--ov-line);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

#menu {
    position: relative;
    z-index: 20;
}

.element_menu a {
    color: rgba(245,245,245,.78);
    transition: color .25s ease, opacity .25s ease;
}

.element_menu a:hover,
.element_menu a:focus-visible {
    color: var(--ov-gold);
}

#logo_site {
    height: 42px;
    filter: drop-shadow(0 6px 14px rgba(0,0,0,.25));
}

.index-intro-section,
.index-featured-section,
.about-editorial-section,
.creations-section,
.article-main-container {
    background: transparent;
}

.index-intro-section {
    padding-block: clamp(70px, 9vw, 120px);
    background:
        linear-gradient(180deg, rgba(2,11,24,.18), transparent 65%);
}

.index-featured-section {
    padding-block: 40px clamp(80px, 9vw, 120px);
}

.featured-header {
    border-color: var(--ov-line);
}

.featured-grid {
    gap: clamp(22px, 3vw, 34px);
}

.featured-card,
.book-card,
.book-specs-card,
.text-item {
    background: linear-gradient(145deg, rgba(255,255,255,.035), rgba(2,11,24,.16));
    border-color: var(--ov-line);
}

.featured-card {
box-shadow: 0 12px 36px rgba(0,0,0,.18);
    transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
}

.featured-card:hover {
    transform: translateY(-7px);
    border-color: rgba(213,184,132,.48);
    box-shadow: var(--ov-shadow);
}

.featured-img-wrap {
    height: clamp(210px, 26vw, 270px);
}



.featured-info {
    padding: clamp(22px, 3vw, 30px);
}

.featured-info h3 {
    line-height: 1.25;
}

.link-editorial {
    color: var(--ov-gold);
    transition: color .25s ease, transform .25s ease;
}

.link-editorial:hover {
    color: var(--ov-ivory);
}

footer {
    background: linear-gradient(180deg, rgba(2,11,24,.18), rgba(0,0,0,.22));
    border-top-color: var(--ov-line);
}

.footer-container {
    max-width: 1120px;
}

.back-to-top-small {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-height: 38px;
    padding: 7px 13px;
border-color: rgba(213,184,132,.38);
    background: rgba(2,11,24,.2);
    backdrop-filter: blur(10px);
    transition: transform .25s ease, background .25s ease, border-color .25s ease;
}

.back-to-top-small:hover {
    transform: translateY(-2px);
    background: rgba(213,184,132,.12);
    border-color: var(--ov-gold);
}

.site-footer-minimal {
    min-height: 90px;
    padding: 20px 24px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    background: var(--ov-night);
}

/* Pages éditoriales */
.article-main-container {
    padding-block: clamp(55px, 8vw, 100px);
}

.article-wrapper,
.editorial-container,
.creations-container,
.featured-container {
    max-width: 900px;
}

.article-header h1 {
    font-size: clamp(2rem, 4vw, 3.35rem);
    letter-spacing: -.015em;
}

.article-body {
    font-size: clamp(1.03rem, 1.2vw, 1.12rem);
    line-height: 1.9;
}

.editorial-content {
    border-left-width: 1px;
    border-color: var(--ov-gold);
}

.book-card,
.book-specs-card {
box-shadow: 0 14px 45px rgba(0,0,0,.15);
}

.book-card {
    padding: clamp(20px, 3vw, 30px);
}

.book-cover-wrap img,
.book-detail-cover img {
    box-shadow: 0 16px 36px rgba(0,0,0,.28);
}

.btn-vendor {
padding: 10px 15px;
    background: rgba(255,255,255,.035);
}

.btn-vendor:hover {
    background: var(--ov-gold);
    color: var(--ov-blue);
}

.trip-card {
border-color: var(--ov-line);
}

.trip-card img {
    filter: saturate(.72) contrast(1.04);
}

.parallax-window {
    border-top: 1px solid var(--ov-line);
    border-bottom: 1px solid var(--ov-line);
}

.overlay {
    background:
        radial-gradient(circle at 50% 20%, rgba(2,11,24,.95), transparent 34rem),
        var(--ov-night);
}

.overlay-menu a {
    font-family: var(--ov-serif);
    transition: color .2s ease, transform .2s ease;
}

.overlay-menu a:hover {
    color: var(--ov-gold);
    transform: translateX(3px);
}

#sandwich li {
    background: var(--ov-gold);
}

@media (max-width: 860px) {
    #sandwich {
        top: 18px;
        right: 18px;
    }

    .hero {
        min-height: 360px;
    }

    .featured-grid {
        gap: 22px;
    }
}

@media (max-width: 600px) {
    .hero_overlay h1 {
        letter-spacing: .08em;
    }

    .article-main-container,
    .about-editorial-section {
        padding-inline: 18px;
    }

    .footer-bottom-bar {
        justify-content: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
    }
}

/* ==========================================================================
   STYLES MIGRÉS DEPUIS LES ATTRIBUTS INLINE
   ========================================================================== */

.u-style-9afb9ab0 { list-style-type: none; padding-left: 0; line-height: 2; }
.u-style-b75fad00 { margin-bottom: 20px; }
.u-style-d17557d8 { font-size: 1.3rem; margin-bottom: 5px; }
.u-style-bf63d8fb { list-style-type: square; margin-left: 25px; color: #a0a0a0; }
.u-style-995899e7 { color: #d5b884; }
.u-style-3a67770b { margin: 0; font-style: italic; color: #888; }
.u-style-93c6e1d4 { white-space: nowrap; }
.u-style-1c85118f { padding-bottom: 40px; }
.u-style-0c9ab94b { text-align: center; margin-top: 60px; }
.u-style-e7951008 { font-size: 0.95rem; letter-spacing: 3px; border: 1px solid rgba(213, 184, 132, 0.3); padding: 12px 28px; background: rgba(20, 28, 38, 0.6); }
.u-style-d0bde4b9 { font-size: 1.3rem; margin-top: 30px; margin-bottom: 10px; color: #d5b884; }
.u-style-6c0f8d51 { max-width: 800px; }
.u-style-ff4dae78 { list-style: none; padding: 0; margin-bottom: 60px; }
.u-style-a6ad086e { border-bottom: 1px solid rgba(213, 184, 132, 0.15); padding: 15px 0; display: flex; justify-content: space-between; align-items: center; }
.u-style-df9988c2 { color: #ffffff; font-family: 'Georgia', serif; }
.u-style-3a9f3deb { color: #a0a0a0; }
.u-style-d3ce4b76 { color: #d5b884; font-size: 0.85rem; }
.u-style-f0bd7fb0 { list-style: none; padding: 0; }
.u-style-73011761 { margin-top: 50px; }
.u-style-a4405c54 { overflow: hidden; margin-bottom: 40px; }
.u-style-9edb58f9 { float: left; margin: 0 25px 15px 0; max-width: 280px; }
.u-style-cb8e78bc { width: 100%; height: auto; display: block; }
.u-style-5744a2cb { clear: both; margin-top: 30px; }
.u-style-97494165 { font-size: 0.6em; font-weight: normal; color: #d5b884; }
.u-style-036111c8 { text-align: center; font-style: italic; color: #d5b884; }
.u-style-2e26f38c { padding-left: 20px; font-style: italic; border-left: 1px solid #d5b884; color: #a0a0a0; }
.u-style-72a68ac3 { text-align: center; }
.u-style-1a7cceb3 { align-items: flex-start; }
.u-style-3a55a5d4 { margin-top: 40px; }
.u-style-7aac1ab4 { border: 0; border-top: 1px solid #d5b884; margin: 30px 0; }
.u-style-888228c5 { grid-template-columns: 1fr; }
.u-style-dac609c3 { list-style-type: disc; padding-left: 20px; font-size: 0.95rem; line-height: 1.6; }
.u-style-c3122899 { margin-top: 0; }

/* 404 */
body:not([class]) > main {
    min-height: 75vh;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 18px;
    padding: 40px 24px;
    text-align: center;
    background:
        radial-gradient(circle at center, rgba(2,11,24,.55), transparent 60%),
        var(--ov-night);
}

body:not([class]) > main h1 {
    font-family: var(--ov-serif);
    font-size: clamp(5rem, 18vw, 11rem);
    line-height: .8;
    color: var(--ov-gold);
    font-weight: 400;
    letter-spacing: -.04em;
}

body:not([class]) > main p {
    max-width: 560px;
    color: rgba(245,245,245,.68);
    font-family: var(--ov-serif);
    font-size: 1.1rem;
}

body:not([class]) > main a {
    display: inline-flex;
    margin-top: 12px;
    padding: 11px 18px;
    border: 1px solid var(--ov-line);
color: var(--ov-gold);
    background: rgba(2,11,24,.25);
}

.sitemap-pending {
    color: rgba(245,245,245,.48);
    font-style: italic;
}
.sitemap-pending small {
    color: var(--ov-gold);
    font-size: .72em;
    letter-spacing: .04em;
}

/* Le visuel du hero de l’accueil reste strictement inchangé. */
.page-index .hero picture img { filter: none; }
.page-index .hero picture img { filter: brightness(0.6) contrast(1.1); }


/* ==========================================================================
   DIRECTION ARTISTIQUE 2026 — LE LIVRE NUMERIQUE
   ========================================================================== */
:root{--ink:#020711;--ink-2:#050b18;--paper:#f5f5f5;--gold:#d5b884;--muted:#aeb4bf;}
html,body{background:var(--ink);}
body{background-image:linear-gradient(90deg,rgba(213,184,132,.018) 1px,transparent 1px);background-size:8vw 100%;}

#menu{background:rgba(2,7,17,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);}
#menu_mobile,.overlay,footer{background:#020711;}
.page-index .index-main-content,.page-apropos .about-main-content{background:#050b18;}

/* Accueil : couverture */
.page-index .hero{height:82vh;min-height:600px;}
.page-index .hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,7,17,.05) 20%,rgba(2,7,17,.28) 70%,#020711 100%);z-index:2;pointer-events:none;}
.page-index .hero_overlay{z-index:3;}
.page-index .hero_overlay h1{font-size:clamp(3.5rem,9vw,8rem);letter-spacing:.12em;font-weight:400;}
.page-index .hero-subtitle{font-size:.72rem;letter-spacing:.62em;}
.book-opening{position:relative;padding:110px 20px 125px;background:#020711;overflow:hidden;}
.book-opening::before{content:"I";position:absolute;right:4vw;top:-7rem;font:normal 22rem/1 Georgia,serif;color:rgba(213,184,132,.035);}
.book-opening-inner{max-width:1100px;margin:auto;display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:8vw;align-items:end;}
.book-kicker{color:var(--gold);font-size:.68rem;letter-spacing:.48em;text-transform:uppercase;}
.book-opening h2{font-weight:400;font-size:clamp(2.6rem,5vw,5.2rem);line-height:.98;margin:18px 0 0;color:#fff;}
.book-opening-copy{border-left:1px solid rgba(213,184,132,.65);padding:10px 0 10px 32px;color:#c5cad2;font-size:1.08rem;line-height:2;}
.book-opening-copy em{display:block;color:var(--gold);font-size:1.28rem;margin-bottom:12px;}

/* Triptyque autobiographique */
.life-triptych{background:#050b18;padding:0 0 120px;}
.life-triptych-head{max-width:1100px;margin:0 auto;padding:0 20px 38px;display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid rgba(213,184,132,.28);}
.life-triptych-head h2{font-weight:400;font-size:clamp(1.8rem,3vw,3rem);letter-spacing:.05em;color:#fff;}
.life-triptych-head span{color:var(--gold);font-size:.65rem;letter-spacing:.4em;text-transform:uppercase;}
.life-panels{max-width:1280px;margin:55px auto 0;display:grid;grid-template-columns:repeat(3,1fr);padding:0 20px;}
.life-panel{position:relative;min-height:560px;overflow:hidden;border-left:1px solid rgba(213,184,132,.28);}
.life-panel:last-child{border-right:1px solid rgba(213,184,132,.28);}
.life-panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.65) contrast(1.08) brightness(.6);transition:transform .9s cubic-bezier(.16,1,.3,1),filter .7s ease;}
.life-panel::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(2,7,17,.9) 100%);}
.life-panel:hover img{transform:scale(1.035);filter:saturate(.9) contrast(1.05) brightness(.72);}
.life-panel-copy{position:absolute;z-index:2;left:28px;right:28px;bottom:28px;}
.life-panel-num{font-size:.62rem;letter-spacing:.35em;color:var(--gold);}
.life-panel h3{font-weight:400;color:#fff;font-size:clamp(1.6rem,2.4vw,2.5rem);margin:7px 0 5px;}
.life-panel p{color:#b9bec7;font-size:.86rem;letter-spacing:.08em;text-transform:uppercase;}
.life-coda{max-width:1100px;margin:70px auto 0;padding:0 20px;text-align:center;}
.life-coda span{display:block;color:var(--gold);font-size:.65rem;letter-spacing:.45em;text-transform:uppercase;margin-bottom:18px;}
.life-coda p{font-size:clamp(2rem,4vw,4rem);line-height:1.1;color:#fff;}

/* À propos : manifeste biographique */
.page-apropos .hero-triptyque-modern{height:76vh;min-height:560px;background:#020711;}
.page-apropos .triptyque-grid{gap:0;padding:0;width:86%;left:7%;}
.page-apropos .trip-card{max-width:none;height:74%;border:0;border-left:1px solid rgba(213,184,132,.3);box-shadow:none;}
.page-apropos .trip-card:last-child{border-right:1px solid rgba(213,184,132,.3);}
.page-apropos .trip-card::after{background:linear-gradient(180deg,rgba(2,7,17,.08),rgba(2,7,17,.72));}
.page-apropos .trip-card img{filter:saturate(.55) contrast(1.08) brightness(.7);}
.page-apropos .hero_overlay h1{font-size:clamp(3rem,7vw,6.8rem);}
.about-manifesto{padding:110px 20px;background:#020711;text-align:center;border-top:1px solid rgba(213,184,132,.18);}
.about-manifesto-inner{max-width:980px;margin:auto;}
.about-manifesto .eyebrow{color:var(--gold);font-size:.65rem;letter-spacing:.48em;text-transform:uppercase;}
.about-manifesto h2{font-weight:400;font-size:clamp(2.5rem,5vw,5rem);line-height:1.03;color:#fff;margin:22px 0 32px;}
.about-manifesto p{max-width:720px;margin:auto;color:#bfc4cc;line-height:1.95;font-size:1.05rem;}
.page-apropos .about-editorial-section{background:#050b18;padding:100px 20px;}
.page-apropos .parallax-window{height:58vh;min-height:430px;border-top:1px solid rgba(213,184,132,.18);border-bottom:1px solid rgba(213,184,132,.18);}
.page-apropos .parallax-overlay-layer{background:linear-gradient(90deg,rgba(2,7,17,.68),rgba(2,7,17,.18),rgba(2,7,17,.68));}
.page-apropos .parallax-caption{font-size:.72rem;letter-spacing:.55em;}
.about-final{padding:120px 20px;background:#020711;text-align:center;}
.about-final .roman{color:rgba(213,184,132,.5);font-size:.72rem;letter-spacing:.45em;}
.about-final h2{font-weight:400;color:#fff;font-size:clamp(3rem,7vw,7rem);line-height:.95;margin:22px 0;}
.about-final p{color:var(--gold);font-style:italic;font-size:1.2rem;}

@media(max-width:860px){.page-index .hero{height:72vh;min-height:520px}.book-opening{padding:75px 20px}.book-opening-inner{grid-template-columns:1fr;gap:45px}.life-triptych{padding-bottom:80px}.life-panels{grid-template-columns:1fr}.life-panel{min-height:430px;border-right:1px solid rgba(213,184,132,.28);border-bottom:1px solid rgba(213,184,132,.28)}.life-triptych-head{align-items:flex-start;gap:15px;flex-direction:column}.page-apropos .triptyque-grid{width:94%;left:3%}.page-apropos .hero-triptyque-modern{height:62vh;min-height:470px}.page-apropos .parallax-window{height:42vh;min-height:300px}.about-manifesto,.about-final{padding:80px 20px}}



/* AFFINAGE DIRECTION ARTISTIQUE — TITRES & TRIPTYQUE */
.page-index .hero_overlay h1,
.book-opening h2,
.life-triptych-head h2,
.life-panel h3,
.page-apropos .hero_overlay h1,
.about-manifesto h2,
.about-final h2 {
    font-family: var(--ov-serif);
    font-weight: 400;
    letter-spacing: .035em;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
}
.page-index .hero_overlay h1 { letter-spacing: .105em; }
.book-opening h2,
.about-manifesto h2,
.about-final h2 { line-height: 1.01; }

/* Un soupçon de lumière supplémentaire sur les trois images autobiographiques */
.life-panel img {
    filter: saturate(.67) contrast(1.07) brightness(.95);
}
.life-panel:hover img {
    filter: saturate(.9) contrast(1.04) brightness(.75);
}
.page-apropos .trip-card img {
    filter: saturate(1.3) contrast(1.07) brightness(.99);
}
.page-apropos .trip-card:hover img {
    filter: saturate(.82) contrast(1.04) brightness(.79);
}
.page-apropos .parallax-overlay-layer {
    background: linear-gradient(90deg,rgba(2,7,17,.62),rgba(2,7,17,.15),rgba(2,7,17,.62));
}
.hero-triptyque-modern {
    box-shadow: 0 6px 9px -3px rgba(0,0,0,.42);
}


/* ===== ORPHIN VAL — UNIFICATION EDITORIALE 2026 ===== */
/* Toutes les pages parlent désormais la même langue visuelle que l'accueil et À propos. */

:root{
  --book-night:#020711;
  --book-blue:#050b18;
  --book-blue-2:#081321;
  --book-gold:#d5b884;
  --book-ivory:#f5f5f5;
  --book-muted:#aeb5c0;
}

/* Ligne directrice : aucune forme arrondie, nulle part. */


/* Le menu devient le dos du livre : fixe visuellement, discret, dense. */
#menu,#menu_mobile{background:rgba(2,7,17,.94);border-bottom:1px solid rgba(213,184,132,.22);}
.element_menu a{font-family:var(--ov-sans);font-size:.72rem;letter-spacing:.22em;}

/* Respiration et grain éditorial communs */
.page-creations,.page-lectures,.page-archives,.page-article{background:var(--book-night);}
.page-creations main,.page-lectures main,.page-archives main,.page-article main{position:relative;isolation:isolate;}
.page-creations main::before,.page-lectures main::before,.page-archives main::before,.page-article main::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(circle at 84% 10%,rgba(213,184,132,.055),transparent 28rem),radial-gradient(circle at 12% 42%,rgba(21,49,78,.16),transparent 34rem);
}

/* Ouvertures de chapitre — Créations / Lectures / Archives */
.page-creations .creations-intro-section,
.page-lectures .index-intro-section,
.page-archives .index-intro-section{
  min-height:56vh;display:flex;align-items:center;padding:clamp(80px,11vw,150px) 7vw;
  background:linear-gradient(115deg,#020711 0%,#050b18 58%,#081321 100%);
  border-bottom:1px solid rgba(213,184,132,.2);position:relative;overflow:hidden;
}
.page-creations .creations-intro-section::after,
.page-lectures .index-intro-section::after,
.page-archives .index-intro-section::after{
  content:"ORPHIN VAL";position:absolute;right:-.03em;bottom:-.24em;color:rgba(245,245,245,.025);
  font-family:var(--ov-serif);font-size:clamp(6rem,18vw,18rem);line-height:1;white-space:nowrap;pointer-events:none;
}
.page-creations .creations-intro-section .editorial-container,
.page-lectures .index-intro-section .editorial-container,
.page-archives .index-intro-section .editorial-container{max-width:1050px;margin:0 auto;z-index:1;}
.page-creations .creations-intro-section h2,
.page-lectures .index-intro-section h2,
.page-archives .index-intro-section h2{
  font-size:clamp(3.5rem,8vw,8.2rem);font-weight:300;line-height:.92;letter-spacing:-.035em;text-transform:none;margin:.15em 0 .35em;color:#fff;
}
.page-creations .creations-intro-section .editorial-tag,
.page-lectures .index-intro-section .editorial-tag,
.page-archives .index-intro-section .editorial-tag{font-family:var(--ov-sans);letter-spacing:.5em;font-size:.63rem;}
.page-creations .creations-intro-section .editorial-content,
.page-lectures .index-intro-section .editorial-content,
.page-archives .index-intro-section .editorial-content{max-width:720px;border-left:1px solid var(--book-gold);color:var(--book-muted);}

/* Les sections ressemblent à des feuillets / chapitres, pas à un catalogue web. */
.page-creations .creations-section,.page-lectures .index-featured-section,.page-archives .index-featured-section{padding:clamp(75px,9vw,125px) 5vw;background:transparent;}
.page-creations .creations-section.bg-darker,.page-lectures .index-featured-section:nth-of-type(odd){background:rgba(0,0,0,.13);}
.page-creations .creations-container,.page-lectures .featured-container,.page-archives .featured-container{max-width:1180px;}
.featured-header{align-items:flex-end;border-bottom:1px solid rgba(213,184,132,.26);padding-bottom:18px;margin-bottom:48px;}
.featured-header h2{font-size:clamp(2rem,4vw,4rem);font-weight:300;letter-spacing:-.015em;text-transform:none;}

/* Livres : grandes planches éditoriales */
.page-creations .books-grid{gap:0;border-top:1px solid rgba(213,184,132,.18);}
.page-creations .book-card{position:relative;display:grid;grid-template-columns:minmax(180px,260px) 1fr;gap:clamp(32px,6vw,85px);padding:clamp(42px,6vw,76px) 0;background:transparent;border:0;border-bottom:1px solid rgba(213,184,132,.18);box-shadow:none;}
.page-creations .book-card:nth-child(even){grid-template-columns:1fr minmax(180px,260px);}
.page-creations .book-card:nth-child(even) .book-cover-wrap{grid-column:2;grid-row:1;}
.page-creations .book-card:nth-child(even) .book-details{grid-column:1;grid-row:1;text-align:right;}
.page-creations .book-cover-wrap{width:100%;}
.page-creations .book-cover-wrap img{height:auto;aspect-ratio:2/3;filter:saturate(.72) contrast(1.05) brightness(.82);box-shadow:18px 22px 0 rgba(213,184,132,.055),0 30px 65px rgba(0,0,0,.42);transition:filter .6s ease,transform .7s cubic-bezier(.16,1,.3,1);}
.page-creations .book-card:hover .book-cover-wrap img{filter:saturate(.95) contrast(1.03) brightness(.96);transform:translateY(-6px);}
.page-creations .book-details{align-self:center;}
.page-creations .book-details h3{font-size:clamp(2rem,4.5vw,4.8rem);font-weight:300;line-height:1.02;margin-bottom:20px;}
.page-creations .book-genre{font-family:var(--ov-sans);font-style:normal;letter-spacing:.22em;text-transform:uppercase;font-size:.66rem;}
.page-creations .book-summary{max-width:680px;font-size:1.02rem;line-height:1.9;color:#aeb5c0;}
.page-creations .book-card:nth-child(even) .book-summary{margin-left:auto;}
.page-creations .book-badge{top:-15px;left:-5px;font-family:var(--ov-sans);letter-spacing:.18em;font-weight:500;z-index: 6;}

/* Textes : une vraie table des matières */
.page-creations .texts-list{border-top:1px solid rgba(213,184,132,.2);margin-top:0;}
.page-creations .text-item{display:grid;grid-template-columns:120px 1fr auto;gap:30px;padding:30px 4px;border:0;border-bottom:1px solid rgba(213,184,132,.16)!important;background:transparent;transition:padding .3s ease,background .3s ease;}
.page-creations .text-item:first-child{margin-top:0!important;padding-top:30px;}
.page-creations .text-item:hover{padding-left:18px;padding-right:18px;background:rgba(213,184,132,.025);}
.page-creations .text-info h3{font-size:clamp(1.35rem,2vw,1.85rem);}

/* Lectures : mosaïque nocturne, images qui émergent de l'ombre. */
.page-lectures .featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:rgba(213,184,132,.18);border:1px solid rgba(213,184,132,.18);}
.page-lectures .featured-card{background:#040a14;border:0;box-shadow:none;min-height:100%;}
.page-lectures .featured-card:hover{transform:none;box-shadow:none;border:0;}
.page-lectures .featured-img-wrap{height:clamp(260px,32vw,430px);}
.page-lectures .featured-img-wrap img{filter:saturate(.52) contrast(1.08) brightness(.62);transform:scale(1.01);transition:filter .7s ease,transform .8s cubic-bezier(.16,1,.3,1);}
.page-lectures .featured-card:hover .featured-img-wrap img{filter:saturate(.82) contrast(1.04) brightness(.82);transform:scale(1.045);}
.page-lectures .featured-info{padding:clamp(28px,4vw,48px);min-height:220px;}
.page-lectures .featured-info h3{font-size:clamp(1.65rem,2.7vw,2.7rem);font-weight:300;}

/* Archives : lignes de mémoire. */
.page-archives .featured-container{max-width:1000px!important;}
.page-archives .u-style-ff4dae78,.page-archives .u-style-f0bd7fb0{border-top:1px solid rgba(213,184,132,.2);}
.page-archives .u-style-a6ad086e{padding:24px 5px;border-bottom:1px solid rgba(213,184,132,.15);transition:padding .3s ease,background .3s ease;}
.page-archives .u-style-a6ad086e:hover{padding-left:18px;padding-right:18px;background:rgba(213,184,132,.025);}

/* Articles, poèmes, chroniques : la page devient une feuille nocturne. */
.page-article .article-main-container{padding:0 20px clamp(90px,10vw,140px);background:transparent;}
.page-article .article-wrapper{max-width:900px;}
.page-article .article-header{position:relative;margin:0 calc(50% - 50vw) clamp(55px,8vw,90px);padding:clamp(90px,11vw,150px) max(20px,calc((100vw - 900px)/2));background:linear-gradient(115deg,#020711,#071525);border-bottom:1px solid rgba(213,184,132,.22);overflow:hidden;}
.page-article .article-header::after{content:"OV";position:absolute;right:2vw;bottom:-.32em;font-size:clamp(9rem,24vw,25rem);line-height:1;color:rgba(245,245,245,.022);font-family:var(--ov-serif);pointer-events:none;}
.page-article .article-header h1{position:relative;z-index:1;font-size:clamp(3rem,7vw,7rem);font-weight:300;line-height:.98;letter-spacing:-.035em;max-width:1000px;}
.page-article .article-meta{position:relative;z-index:1;margin-bottom:28px;}
.page-article .card-category{font-family:var(--ov-sans);font-size:.62rem;letter-spacing:.42em;}
.page-article .article-subtitle{position:relative;z-index:1;max-width:680px;font-size:clamp(1rem,1.7vw,1.3rem);color:#b9c0ca;}
.page-article .article-body,.page-article .book-presentation-content{font-size:1.07rem;line-height:1.95;color:#c9cdd4;}
.page-article .article-lead{font-size:clamp(1.25rem,2vw,1.55rem);line-height:1.65;color:#f2efe9;}
.page-article .article-body h2,.page-article .book-presentation-content h2{font-size:clamp(1.7rem,3vw,2.6rem);font-weight:300;color:#fff;border-bottom:1px solid rgba(213,184,132,.18);padding-bottom:12px;margin-top:55px;}
.page-article .editorial-blockquote{margin:55px 0;padding:28px 34px;border-left:1px solid var(--book-gold);background:linear-gradient(90deg,rgba(213,184,132,.055),transparent);font-size:clamp(1.12rem,1.7vw,1.35rem);}
.page-article .book-detail-cover img{filter:saturate(.72) contrast(1.05) brightness(.82);box-shadow:18px 20px 0 rgba(213,184,132,.045),0 26px 65px rgba(0,0,0,.4);}
.page-article .book-specs-card{background:linear-gradient(135deg,rgba(7,21,37,.72),rgba(2,7,17,.88));border:1px solid rgba(213,184,132,.2);box-shadow:none;padding:clamp(28px,5vw,48px);}
.page-article .article-footer{border-top:1px solid rgba(213,184,132,.2);padding-top:28px;}
.page-poeme .poem-wrapper{max-width:760px;}
.page-poeme .poem-body{margin-top:60px;}
.page-poeme .poem-stanza{font-size:clamp(1.05rem,1.5vw,1.22rem);line-height:2;color:#e3e0da;}
.article-utility .article-wrapper{max-width:820px;}
.article-utility .article-header h1{font-size:clamp(3rem,6vw,6rem);}

/* Footer : le bouton est TOUJOURS le dernier élément visuel. */
footer{background:#01050b;border-top:1px solid rgba(213,184,132,.16);}
footer>.footer-separator{width:100%;margin:28px 0 0;border:0;height:1px;background:rgba(213,184,132,.18);}
footer>.footer-bottom-bar{width:100%;padding:16px 22px 0;display:flex;justify-content:flex-end;margin:0;}
footer>.footer-bottom-bar .back-to-top-small{font-family:var(--ov-sans);font-size:.62rem;letter-spacing:.18em;background:transparent;border:1px solid rgba(213,184,132,.35);padding:8px 12px;}
.site-footer-minimal{min-height:90px;padding:20px 24px;}

/* Le favicon n'est pas visible dans la page, mais tous les documents le déclarent dans leur head. */

@media(max-width:860px){
  .page-creations .creations-intro-section h2,.page-lectures .index-intro-section h2,.page-archives .index-intro-section h2{font-size:clamp(3rem,15vw,5.5rem);}
  .page-creations .book-card,.page-creations .book-card:nth-child(even){grid-template-columns:120px 1fr;gap:25px;}
  .page-creations .book-card:nth-child(even) .book-cover-wrap{grid-column:1;grid-row:1;}
  .page-creations .book-card:nth-child(even) .book-details{grid-column:2;grid-row:1;text-align:left;}
  .page-creations .book-card:nth-child(even) .book-summary{margin-left:0;}
  .page-creations .book-details h3{font-size:clamp(1.7rem,6vw,2.7rem);}
  .page-lectures .featured-grid{grid-template-columns:1fr;}
  .page-article .article-header{padding-top:90px;padding-bottom:70px;}
}
@media(max-width:600px){
  .page-creations .book-card,.page-creations .book-card:nth-child(even){grid-template-columns:1fr;padding:46px 0;}
  .page-creations .book-card .book-cover-wrap,.page-creations .book-card:nth-child(even) .book-cover-wrap{grid-column:1;grid-row:1;width:min(58vw,210px);}
  .page-creations .book-card .book-details,.page-creations .book-card:nth-child(even) .book-details{grid-column:1;grid-row:2;text-align:left;}
  .page-creations .text-item{grid-template-columns:1fr;gap:10px;}
  .page-creations .text-type{width:auto;}
  .page-article .article-header h1{font-size:clamp(2.65rem,13vw,4.8rem);}
  footer>.footer-bottom-bar{justify-content:center;}
}

/* ===== CORRECTIFS RESPONSIFS — CARTOUCHES & FILIGRANE AUTEUR ===== */
/* Les cartouches restent toujours au-dessus de la couverture et à l'intérieur du viewport. */
.page-creations .book-cover-wrap {
  overflow: visible;
}


/* Le grand ORPHIN VAL de fond reste entièrement lisible quelle que soit la largeur. */
.page-creations .creations-intro-section::after,
.page-lectures .index-intro-section::after,
.page-archives .index-intro-section::after {
  left: 50%;
  right: auto;
  width: max-content;
  max-width: none;
  transform: translateX(-50%);
  text-align: center;
  font-size: clamp(5rem, 15vw, 16rem);
}

@media (max-width: 860px) {
  .page-creations .creations-intro-section::after,
  .page-lectures .index-intro-section::after,
  .page-archives .index-intro-section::after {
    font-size: clamp(3.5rem, 17vw, 6.5rem);
  }
  .page-creations .book-badge {
  top: -15px;
  left: 40px;
  z-index: 6;
  }
}

@media (max-width: 600px) {
  .page-creations .book-badge {
    top: -10px;
    left: 40px;
  }
  .page-creations .creations-intro-section::after,
  .page-lectures .index-intro-section::after,
  .page-archives .index-intro-section::after {
    font-size: clamp(3.2rem, 15vw, 6rem);
  }
}

/* Désamours — titre phonétique volontairement composé sur trois lignes. */
.page-article .article-header h1.desamours-title {
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
}



/* ========================================================================== 
   AJUSTEMENT VISUEL CIBLÉ — TRIPTYQUE & PARALLAX BIOGRAPHIQUES
   Uniquement : flam-min.jpg, manege-min.jpg, prof-min.jpg,
                flam1.jpg, manege1.jpg, prof1.jpg
   ========================================================================== */

/* Triptyque de l'accueil : chaleur/contraste maîtrisés et fusion vers le bleu nuit. */
.life-panel img[src$="flam-min.jpg"] {
    filter: saturate(.55) sepia(.07) contrast(1.11) brightness(.69);
}
.life-panel img[src$="manege-min.jpg"] {
    filter: saturate(.55) sepia(.08) contrast(1.12) brightness(.69);
}
.life-panel img[src$="prof-min.jpg"] {
    filter: saturate(.57) sepia(.06) contrast(1.11) brightness(.72);
}
.life-panel:hover img[src$="flam-min.jpg"],
.life-panel:hover img[src$="manege-min.jpg"],
.life-panel:hover img[src$="prof-min.jpg"] {
    filter: saturate(.70) sepia(.05) contrast(1.08) brightness(.78);
}
.life-panel::after {
    background:
        radial-gradient(ellipse at 50% 42%, rgba(213,184,132,.055) 0%, rgba(5,11,24,.06) 48%, rgba(5,11,24,.28) 74%, rgba(5,11,24,.68) 100%),
        linear-gradient(180deg, rgba(5,11,24,.02) 24%, rgba(5,11,24,.11) 54%, rgba(5,11,24,.60) 79%, #050b18 100%);
}

/* Triptyque de la page À propos : même rendu, fondu adapté au fond #020711. */
.page-apropos .trip-card img[src$="flam-min.jpg"] {
    filter: saturate(.55) sepia(.07) contrast(1.11) brightness(.69);
}
.page-apropos .trip-card img[src$="manege-min.jpg"] {
    filter: saturate(.55) sepia(.08) contrast(1.12) brightness(.69);
}
.page-apropos .trip-card img[src$="prof-min.jpg"] {
    filter: saturate(.57) sepia(.06) contrast(1.11) brightness(.72);
}
.page-apropos .trip-card:hover img[src$="flam-min.jpg"],
.page-apropos .trip-card:hover img[src$="manege-min.jpg"],
.page-apropos .trip-card:hover img[src$="prof-min.jpg"] {
    filter: saturate(.65) sepia(.05) contrast(1.08) brightness(.78);
}
.page-apropos .trip-card::after {
    background:
        radial-gradient(ellipse at 50% 40%, rgba(213,184,132,.05) 0%, rgba(2,7,17,.05) 48%, rgba(2,7,17,.25) 74%, rgba(2,7,17,.64) 100%),
        linear-gradient(180deg, rgba(2,7,17,.02) 24%, rgba(2,7,17,.12) 55%, rgba(2,7,17,.62) 80%, #020711 100%);
}

/* Parallax À propos : teinte cohérente avec le triptyque, ombre cinématique et terminaison noire. */
.page-apropos .parallax-img-bg.img-1,
.page-apropos .parallax-img-bg.img-2,
.page-apropos .parallax-img-bg.img-3 {
    filter: saturate(.55) sepia(.07) contrast(1.10) brightness(.70);
}
.page-apropos .parallax-window {
    background: #000;
}
.page-apropos .parallax-overlay-layer {
    background:
        linear-gradient(180deg, rgba(0,0,0,0) 47%, rgba(0,0,0,.15) 66%, rgba(0,0,0,.62) 86%, #000 100%),
        radial-gradient(ellipse at 50% 43%, rgba(213,184,132,.045) 0%, rgba(0,0,0,.03) 48%, rgba(0,0,0,.18) 74%, rgba(0,0,0,.38) 100%),
        linear-gradient(90deg, rgba(2,7,17,.64) 0%, rgba(2,7,17,.13) 48%, rgba(2,7,17,.64) 100%);
}