/* =========================================================
   OC CSS Engine

   Module : Exhibition Item
   Version : 1.0
   Création : 18/08/2026
   ========================================================= */


/* =========================================================
   BASE
   ========================================================= */

.oc-expo-item {
    width: 100%;

    background: #E8DFC9;
    color: #233127;
}


.oc-expo-item *,
.oc-expo-item *::before,
.oc-expo-item *::after {
    box-sizing: border-box;
}


.oc-expo-item-container {
    width: min(1180px, 88%);
    margin: 0 auto;
}


.oc-expo-item .oc-section-label,
.oc-expo-item-eyebrow {
    margin: 0 0 14px;
.oc-expo-item-story__inner
    color: #D96A1B;

    font-size: .74rem;
    font-weight: 700;

    line-height: 1.4;
    letter-spacing: .19em;

    text-transform: uppercase;
}



/* =========================================================
   HERO
   ========================================================= */

.oc-expo-item-hero {
    width: 100%;

    padding:
        clamp(75px, 8vw, 125px)
        0
        clamp(75px, 8vw, 115px);

    background: #11110f;
    color: #E8DFC9;
}


.oc-expo-item-hero__inner {
    width: min(1280px, 88%);
    margin: 0 auto;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(380px, 1fr);

    gap: clamp(42px, 6vw, 85px);

    align-items: center;
}

.oc-expo-item-hero__content,
.oc-expo-item-hero__visual {
    min-width: 0;
}


.oc-expo-item-hero h1 {
    margin: 0 0 16px;

    color: #F5ECD9;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: clamp(3.2rem, 5.3vw, 6rem);
    font-weight: 400;

    line-height: .92;
    letter-spacing: -.04em;

    max-width: 100%;

   word-break: normal;
hyphens: none;
}

.oc-expo-item-hero__location {
    margin: 0;

    color: #D96A1B;

    font-size: 1rem;
    font-weight: 700;

    letter-spacing: .08em;
    text-transform: uppercase;
}


.oc-expo-item-hero__dates {
    margin-top: 24px;

    color: #E8DFC9;

    font-size: 1rem;
    font-weight: 700;
}


.oc-expo-item-hero__theme {
    max-width: 520px;

    margin: 18px 0 0;

    color: rgba(232,223,201,.72);

    line-height: 1.7;
}


/* Photo principale */

.oc-expo-item-hero__visual {
    width: 100%;
    max-width: 100%;

    padding: 10px;

    background: #E8DFC9;

    border:
        1px solid
        rgba(232,223,201,.26);

    box-shadow:
        0 20px 45px
        rgba(0,0,0,.34);
}

.oc-expo-item-hero__visual img {
    display: block;

    width: 100%;
    max-width: 100%;
    height: auto;

    max-height: 540px;

    object-fit: cover;
}

.oc-expo-item-hero__caption {
    margin: 10px 2px 0;

    color: #65685f;

    font-size: .72rem;
    line-height: 1.5;

    font-style: italic;
}



/* =========================================================
   REPÈRES
   ========================================================= */

.oc-expo-item-facts {
    padding: 55px 0;

    background: #F5ECD9;
}


.oc-expo-item-facts__grid {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 1px;

    margin-top: 25px;

    background:
        rgba(35,49,39,.15);

    border:
        1px solid
        rgba(35,49,39,.15);
}


.oc-expo-item-fact {
    min-height: 135px;

    padding: 28px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    background: #F5ECD9;
}


.oc-expo-item-fact strong {
    color: #233127;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 2rem;
    font-weight: 400;

    line-height: 1.05;
}


.oc-expo-item-fact span {
    margin-top: 14px;

    color: #D96A1B;

    font-size: .68rem;
    font-weight: 700;

    letter-spacing: .13em;

    text-transform: uppercase;
}



/* =========================================================
   RÉCIT
   ========================================================= */

.oc-expo-item-story {
    padding:
        clamp(90px, 9vw, 145px)
        0;

    background: #123D2F;
    color: #E8DFC9;
}


/* =========================================================
   BLOCS EDITORIAUX — GRILLE COMMUNE
   ========================================================= */

.oc-expo-item-story__inner,
.oc-expo-item-preparation__inner,
.oc-expo-item-event__inner,
.oc-expo-item-memory__inner {
    width: min(1180px, 88%);
    margin: 0 auto;

    display: grid;

    grid-template-columns:
        .85fr 1.15fr;

    gap:
        clamp(55px, 8vw, 120px);

    align-items: start;
}


.oc-expo-item-story__title h2,
.oc-expo-item-preparation__intro h2,
.oc-expo-item-event__title h2,
.oc-expo-item-memory__heading h2,
.oc-expo-item-conclusion__heading h2 {
    margin: 0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(2.9rem, 5vw, 5.2rem);

    font-weight: 400;

    line-height: .96;

    letter-spacing: -.035em;
}


.oc-expo-item-story__title h2 {
    color: #F5ECD9;
}


.oc-expo-item-story__content {
    max-width: 680px;

    color:
        rgba(232,223,201,.82);

    line-height: 1.82;
}



/* =========================================================
   PRÉPARATION
   ========================================================= */

.oc-expo-item-preparation {
    padding:
        clamp(85px, 9vw, 140px)
        0;

    background: #E8DFC9;
}


.oc-expo-item-preparation__intro h2 {
    color: #233127;
}


.oc-expo-item-preparation__content {
    max-width: 680px;

    color: #4d544d;

    line-height: 1.82;
}



/* =========================================================
   MACHINES PRÉSENTÉES
   ========================================================= */

.oc-expo-item-machines {
    padding:
        clamp(85px, 9vw, 140px)
        0;

    background: #F5ECD9;
}


.oc-expo-item-machines__intro {
    max-width: 760px;

    margin-bottom: 48px;
}


.oc-expo-item-machines__intro h2 {
    margin: 0 0 20px;

    color: #233127;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(2.8rem, 5vw, 5rem);

    font-weight: 400;

    line-height: .96;

    letter-spacing: -.035em;
}


.oc-expo-item-machines__grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 22px;
}


.oc-expo-item-machine-card {
    min-height: 250px;

    padding: 34px;

    position: relative;

    background: #EEE5D2;

    border:
        1px solid
        rgba(35,49,39,.14);
}


.oc-expo-item-machine-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 46px;
    height: 3px;

    background: #D96A1B;
}


.oc-expo-item-machine-card__label {
    margin: 0 0 28px;

    color: #D96A1B;

    font-size: .68rem;
    font-weight: 700;

    letter-spacing: .15em;

    text-transform: uppercase;
}


.oc-expo-item-machine-card h3 {
    margin: 0;

    color: #233127;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 2.2rem;
    font-weight: 400;

    line-height: 1.05;
}



/* =========================================================
   SUR PLACE
   ========================================================= */

.oc-expo-item-event {
    padding:
        clamp(90px, 9vw, 145px)
        0;

    background: #E8DFC9;
}


.oc-expo-item-event__title h2 {
    color: #233127;
}


.oc-expo-item-event__content {
    max-width: 680px;

    color: #4d544d;

    line-height: 1.82;
}



/* =========================================================
   SOUVENIR
   ========================================================= */

.oc-expo-item-memory {
    padding:
        clamp(90px, 10vw, 150px)
        0;

    background: #123D2F;
    color: #E8DFC9;
}


.oc-expo-item-memory__heading h2 {
    color: #F5ECD9;
}


.oc-expo-item-memory__content {
    max-width: 680px;

    position: relative;

    color:
        rgba(232,223,201,.85);

    line-height: 1.82;
}


.oc-expo-item-memory__mark {
    display: block;

    height: 65px;

    color: #D96A1B;

    font-family: Georgia, serif;

    font-size: 7rem;
    line-height: .8;
}



/* =========================================================
   GALERIE
   ========================================================= */

.oc-expo-item-gallery {
    padding:
        clamp(85px, 9vw, 140px)
        0;

    background: #11110f;
    color: #E8DFC9;
}


.oc-expo-item-gallery__inner {
    width: min(1050px, 88%);
    margin: 0 auto;
}


.oc-expo-item-gallery__intro {
    max-width: 780px;

    margin-bottom: 45px;
}


.oc-expo-item-gallery__intro h2 {
    margin: 0 0 18px;

    color: #F5ECD9;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(2.8rem, 5vw, 5rem);

    font-weight: 400;

    line-height: .96;

    letter-spacing: -.035em;
}


.oc-expo-item-gallery__intro > p:last-child {
    max-width: 680px;

    color:
        rgba(232,223,201,.72);

    line-height: 1.7;
}

/* ========================================
   GALERIE EXPOSITION
   UNIFORMISATION DES MINIATURES
   ======================================== */

.oc-expo-item-gallery .oc-gallery-link {
    display: block;

    width: 100%;
    aspect-ratio: 3 / 2;

    overflow: hidden;

    background: #090a09;
}

.oc-expo-item-gallery .oc-gallery-link img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center center;
}

.oc-expo-item-gallery .oc-gallery-link {
    display: block;

    width: 100%;
    aspect-ratio: 3 / 2;

    overflow: hidden;

    background: #090a09;

    border: 1px solid rgba(201, 184, 148, 0.28);
}

.oc-expo-item-gallery .oc-gallery-link {
    transition: border-color 0.25s ease;
}

.oc-expo-item-gallery .oc-gallery-link:hover {
    border-color: rgba(201, 184, 148, 0.7);
}

/*
 * La mosaïque et la visionneuse
 * utilisent oc_gallery.css.
 */



/* =========================================================
   ARCHIVES
   ========================================================= */

.oc-expo-item-archives {
    padding:
        clamp(85px, 9vw, 140px)
        0;

    background: #F5ECD9;
}


.oc-expo-item-archives__inner {
    width: min(1180px, 88%);
    margin: 0 auto;
}


/* ========================================
   MISE EN PAGE
   ======================================== */

.oc-expo-item-archives__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(220px, 280px);

    gap:
        clamp(50px, 7vw, 95px);

    align-items: start;
}


/* ========================================
   COLONNE TEXTE
   ======================================== */

.oc-expo-item-archives__content {
    max-width: 800px;
}


.oc-expo-item-archives__intro {
    margin-bottom: 42px;
}


.oc-expo-item-archives__intro h2 {
    margin: 0;

    color: #233127;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(2.8rem, 5vw, 5rem);

    font-weight: 400;

    line-height: .96;

    letter-spacing: -.035em;
}


.oc-expo-item-archives__text {
    max-width: 800px;
}


/* ========================================
   DOCUMENT CONSERVE
   ======================================== */

.oc-expo-item-archives__document {
    width: 100%;

    padding-top: 8px;
}


.oc-expo-item-archives__document img {
    display: block;

    width: 100%;
    height: auto;

    max-width: 260px;

    margin: 0 auto 14px;

    border: 1px solid rgba(35, 49, 39, .18);
}


/* ========================================
   MOBILE
   ======================================== */

@media (max-width: 760px) {

    .oc-expo-item-archives__grid {
        grid-template-columns: 1fr;

        gap: 38px;
    }

    .oc-expo-item-archives__document {
        max-width: 260px;

        margin: 0 auto;

        padding-top: 0;
    }
}

/* ========================================
   TEXTE + DOCUMENT
   ======================================== */

.oc-expo-item-archives__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(200px, 280px);

    gap:
        clamp(42px, 6vw, 82px);

    align-items: start;
}


.oc-expo-item-archives__text {
    max-width: 760px;
}


.oc-expo-item-archives__document {
    width: 100%;
}


/* ========================================
   IMAGE / AFFICHE
   ======================================== */

.oc-expo-item-archives__document img {
    display: block;

    width: 100%;
    height: auto;

    max-width: 260px;

    margin: 0 auto 16px;

    border: 1px solid rgba(35, 49, 39, .18);
}


/* ========================================
   MOBILE
   ======================================== */

@media (max-width: 760px) {

    .oc-expo-item-archives__grid {
        grid-template-columns: 1fr;

        gap: 36px;
    }

    .oc-expo-item-archives__document {
        max-width: 260px;

        margin: 0 auto;
    }
}


/* =========================================================
   CONCLUSION
   ========================================================= */

.oc-expo-item-conclusion {
    padding:
        clamp(90px, 9vw, 145px)
        0;

    background: #E8DFC9;
}


.oc-expo-item-conclusion__inner {
    width: min(1180px, 88%);
    margin: 0 auto;

    display: block;
}


/* ========================================
   EN-TETE DE CHAPITRE
   ======================================== */

.oc-expo-item-conclusion__header {
    max-width: 760px;

    margin-bottom:
        clamp(56px, 7vw, 90px);
}


.oc-expo-item-conclusion__header h2 {
    margin: 0;

    color: #233127;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(2.8rem, 5vw, 5rem);

    font-weight: 400;

    line-height: .96;

    letter-spacing: -.035em;
}


/* ========================================
   PERSONNE / RENCONTRE
   ======================================== */

.oc-expo-item-conclusion__rencontre {
    display: grid;

    grid-template-columns:
        minmax(0, .9fr)
        minmax(0, 1.1fr);

    gap:
        clamp(42px, 6vw, 82px);

    align-items: start;

    margin-bottom:
        clamp(80px, 9vw, 125px);
}


/* ----------------------------------------
   PHOTO RENCONTRE — STYLE ARCHIVE
   même principe que la page Notre histoire
   ---------------------------------------- */

.oc-expo-item-conclusion__rencontre-photo {
    position: relative;

    max-width: 510px;

    margin: 0;
}


/* Petite feuille/photo posée derrière */

.oc-expo-item-conclusion__rencontre-photo::before {
    content: "";

    position: absolute;

    top: 15px;
    left: 12px;
    right: -12px;

    /* La feuille arrière s'arrête avec la photo */
    aspect-ratio: 4 / 3;

    z-index: 0;

    background: rgba(222, 207, 174, .55);

    border: 1px solid rgba(95, 67, 36, .10);

    transform: rotate(1.4deg);

    pointer-events: none;
}


/* Photo principale */

.oc-expo-item-conclusion__rencontre-photo img {
    position: relative;

    z-index: 1;

    width: 100%;

    aspect-ratio: 4 / 3;

    display: block;

    object-fit: cover;

    padding: 8px;

    box-sizing: border-box;

    background: #f8efd9;

    border: 1px solid rgba(83, 62, 38, .18);

    box-shadow:
        0 10px 26px rgba(55, 40, 24, .14);

    transform: rotate(-1deg);
}


/* Petit morceau de ruban */

.oc-expo-item-conclusion__rencontre-photo::after {
    content: "";

    position: absolute;

    z-index: 3;

    top: -10px;
    left: 50%;

    width: 82px;
    height: 22px;

    transform:
        translateX(-50%)
        rotate(-2deg);

    background: rgba(205, 185, 143, .66);

    box-shadow:
        0 2px 5px rgba(62, 45, 25, .08);

    pointer-events: none;
}


/* Légende */

.oc-expo-item-conclusion__rencontre-photo figcaption {
    position: relative;
    z-index: 2;

    margin-top: 12px;

    padding-top: 2px;

    background: #E8DFC9;

    color: #6d7068;

    font-size: .9rem;
    font-style: italic;

    line-height: 1.45;
}


/* ----------------------------------------
   TEXTE RENCONTRE
   ---------------------------------------- */

.oc-expo-item-conclusion__rencontre-text {
    color: #4d544d;

    line-height: 1.82;
}


.oc-expo-item-conclusion__rencontre-text p {
    margin:
        0 0
        18px;
}


.oc-expo-item-conclusion__rencontre-text p:last-child {
    margin-bottom: 0;
}


/* ========================================
   TEMOIGNAGE / CITATION
   ======================================== */

.oc-expo-item-conclusion__temoignage {
    width: 100vw;

    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);

    margin-top: 0;

    margin-bottom:
        clamp(70px, 7vw, 105px);

    padding:
        clamp(30px, 3.5vw, 48px)
        max(5vw, calc((100vw - 1450px) / 2));

    box-sizing: border-box;

    background: #0F4A38;

    color: #F5ECD9;

    text-align: center;
}


/* Texte de la citation */

.oc-expo-item-conclusion__temoignage p {
    max-width: 1450px;

    margin:
        top: 0;
    left: 0;
    right: 0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(1.05rem, 1.45vw, 1.45rem);

    font-weight: 400;

    line-height: 1.35;

    letter-spacing: -.01em;
}


.oc-expo-item-conclusion__temoignage p:last-child {
    margin-bottom: 0;
}


/* Signature */

.oc-expo-item-conclusion__temoignage p:last-child {
    margin-top: 22px;

    font-size:
        clamp(1rem, 1.25vw, 1.25rem);
}


/* Petit ornement sous la citation */

.oc-expo-item-conclusion__temoignage::after {
    content: "───── ◇ ─────";

    display: block;

    margin-top: 14px;

    color: #B89B63;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: .8rem;

    letter-spacing: .14em;
}
/* ========================================
   BILAN
   ======================================== */

.oc-expo-item-conclusion__bilan {
    width: 100%;

    max-width: 820px;

    margin-bottom:
        clamp(65px, 7vw, 100px);

    color: #4d544d;

    line-height: 1.82;
}


.oc-expo-item-conclusion__bilan h3 {
    margin:
        4px 0
        28px;

    color: #233127;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(2.2rem, 4vw, 3.8rem);

    font-weight: 400;

    line-height: 1;
}


/* ========================================
   REMERCIEMENTS
   ======================================== */

.oc-expo-item-conclusion__remerciements {
    position: relative;

    width: 100%;

    max-width: none;

    margin-top:
        clamp(10px, 2vw, 25px);

    padding-top:
        clamp(48px, 5vw, 70px);

    color: #4d544d;

    line-height: 1.82;
}


/* Grand trait de séparation */

.oc-expo-item-conclusion__remerciements::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;
    right: 0;

    height: 1px;

    background:
        rgba(35, 49, 39, .22);
}


/* Le contenu reste volontairement plus étroit */

.oc-expo-item-conclusion__remerciements > * {
    max-width: 760px;
}


/* ========================================
   MOBILE
   ======================================== */

@media (max-width: 760px) {

    .oc-expo-item-conclusion__inner {
        width: 100%;

        padding-left: 22px;
        padding-right: 22px;

        box-sizing: border-box;
    }


    .oc-expo-item-conclusion__header {
        margin-bottom: 48px;
    }


    .oc-expo-item-conclusion__rencontre {
        grid-template-columns: 1fr;

        gap: 28px;

        margin-bottom: 62px;
    }


    .oc-expo-item-conclusion__rencontre-photo img {
        height: auto;
    }


    .oc-expo-item-conclusion__temoignage {
        margin-bottom: 58px;

        padding:
            30px 24px;
    }


    .oc-expo-item-conclusion__temoignage p {
        font-size: 1.05rem;

        line-height: 1.45;
    }


    .oc-expo-item-conclusion__bilan {
        margin-bottom: 58px;
    }
}

/* =========================================================
   NAVIGATION
   ========================================================= */

.oc-expo-item-nav {
    background: #11110f;
    color: #E8DFC9;

    border-top:
        1px solid
        rgba(232,223,201,.13);
}


.oc-expo-item-nav__inner {
    width: min(1180px, 88%);
    margin: 0 auto;

    display: grid;

    grid-template-columns:
        1fr auto 1fr;

    gap: 35px;

    align-items: center;

    padding: 42px 0;
}


.oc-expo-item-nav a {
    color: #E8DFC9;

    text-decoration: none;
}


.oc-expo-item-nav__item {
    display: flex;
    flex-direction: column;

    gap: 7px;
}


.oc-expo-item-nav__next {
    text-align: right;
}


.oc-expo-item-nav__item span {
    color:
        rgba(232,223,201,.48);

    font-size: .68rem;

    letter-spacing: .12em;

    text-transform: uppercase;
}


.oc-expo-item-nav__item strong,
.oc-expo-item-nav__collection strong {
    color: #F5ECD9;
}


.oc-expo-item-nav__collection {
    color: #D96A1B !important;

    font-size: .72rem;
    font-weight: 700;

    letter-spacing: .12em;

    text-align: center;
    text-transform: uppercase;
}


.oc-expo-item-nav__record {
    padding: 18px 5%;

    border-top:
        1px solid
        rgba(232,223,201,.10);

    color:
        rgba(232,223,201,.38);

    font-size: .65rem;

    letter-spacing: .13em;

    text-align: center;
    text-transform: uppercase;
}


.oc-expo-item-nav__record strong {
    margin: 0 8px;

    color: #D96A1B;
}



/* =========================================================
   TABLETTE
   ========================================================= */

@media (max-width: 900px) {

    .oc-expo-item-hero__inner {
        grid-template-columns: 1fr;
        gap: 55px;
    }


    .oc-expo-item-facts__grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }


    .oc-expo-item-machines__grid {
        grid-template-columns: 1fr;
    }

}



/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 650px) {

    .oc-expo-item-container,
    .oc-expo-item-story__inner,
    .oc-expo-item-preparation__inner,
    .oc-expo-item-event__inner,
    .oc-expo-item-memory__inner,
    .oc-expo-item-conclusion__inner,
    .oc-expo-item-gallery__inner,
    .oc-expo-item-archives__inner {

        width: 100%;

        padding-left: 22px;
        padding-right: 22px;

        box-sizing: border-box;
    }


    .oc-expo-item-hero {
        padding: 65px 0;
    }


    .oc-expo-item-hero__inner {
        width: 100%;

        padding-left: 22px;
        padding-right: 22px;

        box-sizing: border-box;
    }


    .oc-expo-item-hero h1 {
        font-size:
            clamp(3rem, 16vw, 5rem);
    }


    .oc-expo-item-hero__visual {
        padding: 7px;
    }


    .oc-expo-item-story,
    .oc-expo-item-preparation,
    .oc-expo-item-machines,
    .oc-expo-item-event,
    .oc-expo-item-memory,
    .oc-expo-item-gallery,
    .oc-expo-item-archives,
    .oc-expo-item-conclusion {
        padding: 65px 0;
    }


    .oc-expo-item-story__inner,
    .oc-expo-item-preparation__inner,
    .oc-expo-item-event__inner,
    .oc-expo-item-memory__inner,
    .oc-expo-item-conclusion__inner {
        grid-template-columns: 1fr;

        gap: 38px;
    }


    .oc-expo-item-story__title h2,
    .oc-expo-item-preparation__intro h2,
    .oc-expo-item-event__title h2,
    .oc-expo-item-memory__heading h2,
    .oc-expo-item-conclusion__heading h2,
    .oc-expo-item-machines__intro h2,
    .oc-expo-item-gallery__intro h2,
    .oc-expo-item-archives__intro h2 {
        font-size: 2.65rem;
    }


    .oc-expo-item-facts__grid {
        grid-template-columns: 1fr;
    }


    .oc-expo-item-fact {
        min-height: 105px;
    }


    .oc-expo-item-archives__grid {
        grid-template-columns: 1fr;
    }


    .oc-expo-item-nav__inner {
        grid-template-columns: 1fr;

        gap: 28px;

        text-align: center;
    }


    .oc-expo-item-nav__prev,
    .oc-expo-item-nav__next {
        text-align: center;
    }

}
.oc-expo-item-machines__top {
    display: grid;
    grid-template-columns:
        minmax(0, 1.15fr)
        minmax(320px, .85fr);

    gap: clamp(45px, 7vw, 95px);
    align-items: start;

    margin-bottom: 48px;
}

.oc-expo-item-machines__featured {
    min-width: 0;
}

.oc-expo-item-machines__featured img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;

    padding: 8px;

    background: #EEE5D2;
    border: 1px solid rgba(35,49,39,.14);
}

.oc-expo-item-machines__featured-caption {
    margin-top: 18px;
}

.oc-expo-item-machines__featured-caption h3 {
    margin: 0;

    color: #233127;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: clamp(2rem, 3vw, 3rem);
    font-weight: 400;
    line-height: 1;
}

.oc-expo-item-machines__grid--two {
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
}

/* =========================================================
   RENCONTRES & SOUVENIRS — PARTIE BASSE
   ========================================================= */

.oc-expo-item-memory__footer {
    width: min(1180px, 88%);
    margin: clamp(55px, 7vw, 90px) auto 0;

    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr);

    gap: clamp(35px, 5vw, 70px);

    padding-top: 42px;

    border-top:
        1px solid
        rgba(232,223,201,.18);
}

.oc-expo-item-memory__encounter,
.oc-expo-item-memory__quote {
    min-width: 0;
}

.oc-expo-item-memory__small-label {
    margin: 0 0 18px;

    color: #D96A1B;

    font-size: .7rem;
    font-weight: 700;

    letter-spacing: .16em;
    text-transform: uppercase;
}

.oc-expo-item-memory__encounter {
    color: rgba(232,223,201,.76);
    line-height: 1.75;
}

.oc-expo-item-memory__quote {
    color: #F5ECD9;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(1.15rem, 1.7vw, 1.55rem);

    line-height: 1.5;

    font-style: italic;
}

.oc-expo-item-memory__footer p {
    margin-top: 0;
}

@media (max-width: 760px) {

    .oc-expo-item-memory__footer {
        grid-template-columns: 1fr;
        gap: 34px;
    }
}

.oc-expo-item-memory__small-label {
    font-style: normal;
}

.oc-expo-item-memory__quote {
    font-size: clamp(1.05rem, 1.5vw, 1.4rem);
}

.oc-expo-item-conclusion__main {
    display: grid;

    grid-template-columns:
        minmax(0, .9fr)
        minmax(0, 1.1fr);

    gap: clamp(55px, 8vw, 120px);

    align-items: start;
}

.oc-expo-item-conclusion__header,
.oc-expo-item-conclusion__bilan {
    min-width: 0;
}

.oc-expo-item-conclusion__bilan {
    max-width: none;
    margin-bottom: 0;
}

@media (max-width: 760px) {

    .oc-expo-item-conclusion__main {
        grid-template-columns: 1fr;
        gap: 34px;
    }
}

.oc-expo-item-conclusion__remerciements .oc-section-label {
    font-size: .82rem;
    letter-spacing: .16em;
    margin-bottom: 14px;
}

.oc-expo-item-conclusion__remerciements {
    font-size: 1.05rem;
    line-height: 1.8;
}

.oc-expo-item-conclusion__remerciements {
    display: grid;

    grid-template-columns:
        minmax(0, 1.1fr)
        minmax(320px, .9fr);

    gap: clamp(60px, 8vw, 120px);

    align-items: start;

    margin-top: clamp(55px, 7vw, 90px);
    padding-top: 38px;
    padding-bottom: clamp(60px, 7vw, 95px);

    border-top: 1px solid rgba(32, 52, 41, .20);
}

.oc-expo-item-conclusion__thanks-text {
    min-width: 0;

    font-size: 1.05rem;
    line-height: 1.8;
}

.oc-expo-item-conclusion__signature {
    min-width: 0;
}

.oc-expo-item-conclusion__signature-label {
    margin: 0 0 15px;

    color: #D96A1B;

    font-size: .72rem;
    font-weight: 700;

    letter-spacing: .15em;
    text-transform: uppercase;
}

.oc-expo-item-conclusion__signature-text {
    margin: 0;

    color: #203429;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: clamp(1.8rem, 2.6vw, 2.7rem);

    font-weight: 400;
    line-height: 1.12;

    letter-spacing: -.025em;
}

@media (max-width: 760px) {

    .oc-expo-item-conclusion__remerciements {
        grid-template-columns: 1fr;
        gap: 40px;
    }
}

/* =========================================================
   BILAN — RÉGLAGE ESPACE AVANT NAVIGATION
   ========================================================= */

.oc-expo-item-conclusion__inner {
    padding-bottom: 0px;
}

.oc-expo-item-conclusion__remerciements {
    padding-bottom: 0;
}
/* =========================================================
   OC CSS Engine

   Module : Exhibition Item
   Version : 1.0

   État :
   - MASTER en construction
   - À brancher sur moteur Exposition
   - À tester Schirrhein 2022
   - À valider PC
   - À valider mobile
   ========================================================= */