/* MC Beauty : page Notre histoire (templates/cms/notre-histoire.tpl). Chargée uniquement sur cette page. */
.bn-story-host{width:100%;max-width:none;padding:0;margin:0}
.bn-story{--st-champ:#cdb892;--st-champ-l:#efe7d6;--st-bx:#3d1019;--st-pad:clamp(4.5rem,2rem + 7vw,9.5rem);color:#000;font-family:var(--bn-sans);overflow-x:clip}
.bn-story-inner{max-width:calc(1312px + 2 * var(--bn-gutter));margin-inline:auto;padding-inline:var(--bn-gutter)}
.bn-story img{display:block;width:100%;height:100%;object-fit:cover}
.bn-story-kicker{margin:0 0 1.25rem;font-size:.75rem;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:var(--st-champ)}
.bn-story-kicker--dark{color:var(--st-bx)}
.bn-story-rule{display:block;width:64px;height:1px;background:var(--st-champ);margin:1.75rem 0}

/* Héros */
.bn-story-hero{display:grid;background:#000;color:#fff}
.bn-story-hero__text{padding:2.5rem var(--bn-gutter) 3.5rem;align-self:center}
.bn-story-hero__title{margin:0;color:#fff;font-size:clamp(2.6rem,1.4rem + 4.4vw,5.6rem);line-height:.92;letter-spacing:.01em;max-width:12ch}
.bn-story-hero__title em{color:var(--st-champ)}
.bn-story-hero__lead{margin:0;max-width:30rem;font-size:clamp(1rem,.95rem + .3vw,1.175rem);font-weight:300;line-height:1.75;color:#e9e4da}
.bn-story-scroll{display:inline-flex;align-items:center;gap:14px;margin-top:2.5rem;color:#fff;font-size:.75rem;letter-spacing:.24em;text-transform:uppercase;text-decoration:none}
.bn-story-scroll span{width:1px;height:44px;background:linear-gradient(var(--st-champ),transparent)}
.bn-story-scroll:hover,.bn-story-scroll:focus-visible{color:var(--st-champ)}
.bn-story-hero__media{position:relative;margin:0;aspect-ratio:4/5;max-height:74svh;overflow:hidden;background:#0b0b0d}
.bn-story-hero__media img{object-position:50% 18%}
.bn-story-hero__media figcaption{position:absolute;right:var(--bn-gutter);bottom:1.25rem;color:#fff;font-size:.6875rem;letter-spacing:.28em;text-transform:uppercase;opacity:.75}
@media (min-width:992px){
.bn-story-hero{grid-template-columns:minmax(0,5fr) minmax(0,6fr);min-height:min(92svh,980px)}
.bn-story-hero__text{order:0;padding:4rem 3rem 4rem max(var(--bn-gutter),calc((100vw - 1312px)/2))}
.bn-story-hero__media{aspect-ratio:auto;max-height:none;height:100%}
}
@media (max-width:991.98px){.bn-story-hero__media{order:-1}.bn-story-hero__media::after{content:"";position:absolute;inset:auto 0 0;height:30%;background:linear-gradient(transparent,#000)}.bn-story-hero__media figcaption{z-index:1}}

/* Frise des dates */
.bn-story-dates{border-bottom:1px solid var(--bn-line);background:#fff}
.bn-story-dates ol{position:relative;display:flex;justify-content:space-between;gap:1.5rem;max-width:calc(1100px + 2 * var(--bn-gutter));margin:0 auto;padding:2.25rem var(--bn-gutter) 1.75rem;list-style:none;overflow-x:auto;scrollbar-width:none}
.bn-story-dates ol::-webkit-scrollbar{display:none}
.bn-story-dates li{flex:0 0 auto;position:relative}
.bn-story-dates a{display:flex;flex-direction:column;align-items:center;gap:.35rem;color:#000;text-decoration:none;text-align:center;padding-top:1.1rem;position:relative}
.bn-story-dates a::before{content:"";position:absolute;top:0;left:50%;width:7px;height:7px;margin-left:-3.5px;border-radius:50%;border:1px solid var(--st-champ);background:#fff;transition:background-color .4s}
.bn-story-dates ol::before{content:"";position:absolute;left:calc(var(--bn-gutter) + 2rem);right:calc(var(--bn-gutter) + 2rem);top:calc(2.25rem + 3px);height:1px;background:var(--st-champ-l)}
.bn-story-dates strong{font-family:var(--bn-serif);font-weight:700;font-size:1.35rem;line-height:1;text-transform:uppercase;letter-spacing:.02em}
.bn-story-dates span{font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--bn-muted)}
.bn-story-dates a:hover strong,.bn-story-dates a.is-current strong{color:var(--st-bx)}
.bn-story-dates a:hover::before,.bn-story-dates a.is-current::before{background:var(--st-champ)}

/* Chapeau */
.bn-story-intro{max-width:48rem;margin:0 auto;padding:var(--st-pad) var(--bn-gutter) 0;text-align:center}
.bn-story-intro p{margin:0;font-size:clamp(1.2rem,1rem + .9vw,1.7rem);font-weight:300;line-height:1.6}
.bn-story-intro::after{content:"";display:block;width:1px;height:72px;margin:2.75rem auto 0;background:var(--st-champ)}

/* Chapitres */
.bn-story-chapter{padding-block:var(--st-pad);scroll-margin-top:90px}
.bn-story-chapter--tint{background:#faf9f6}
.bn-story-chapter--light{background:linear-gradient(180deg,#fff 0,#fff 18%,var(--st-champ-l) 18%,var(--st-champ-l) 82%,#fff 82%)}
.bn-story-chapter--dark{background:#000;color:#e9e4da}
.bn-story-grid{display:grid;gap:3rem}
@media (min-width:992px){
.bn-story-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:0 2rem;align-items:center}
.bn-story-media{grid-column:1/span 7}
.bn-story-text{grid-column:9/span 4}
.bn-story-chapter--reverse .bn-story-media{grid-column:6/span 7;order:2}
.bn-story-chapter--reverse .bn-story-text{grid-column:1/span 4;order:1}
.bn-story-media--tall{grid-column:1/span 6}
.bn-story-chapter--reverse .bn-story-media--tall{grid-column:7/span 6}
.bn-story-chapter--reverse .bn-story-media--square{grid-column:7/span 6}
.bn-story-media--wide{grid-column:1/span 7}
}
.bn-story-media{position:relative;margin:0}
.bn-story-frame{position:relative;overflow:hidden;aspect-ratio:4/3;background:var(--bn-sand)}
.bn-story-media--tall .bn-story-frame{aspect-ratio:4/5}
.bn-story-media--square .bn-story-frame{aspect-ratio:1/1;background:#fff}
.bn-story-media--wide .bn-story-frame{aspect-ratio:1107/858;background:#0b0b0d}
.bn-story-media figcaption{margin-top:1rem;font-size:.6875rem;letter-spacing:.24em;text-transform:uppercase;color:var(--bn-muted)}
.bn-story-chapter--dark figcaption{color:#a59f93}
.bn-story-inset{position:absolute;right:-6%;bottom:-9%;width:42%;aspect-ratio:4/3;overflow:hidden;border:8px solid #fff;box-shadow:0 30px 60px -30px rgba(0,0,0,.45);background:var(--bn-sand)}
.bn-story-chapter--tint .bn-story-inset{border-color:#faf9f6}
.bn-story-chapter--reverse .bn-story-inset{right:auto;left:-6%}
.bn-story-media:has(.bn-story-inset) figcaption{max-width:52%}
@media (max-width:991.98px){.bn-story-inset{right:-2%;bottom:-6%;width:46%;border-width:5px}.bn-story-chapter--reverse .bn-story-inset{left:-2%}.bn-story-media:has(.bn-story-inset){margin-bottom:2rem}}
.bn-story-text{position:relative}
.bn-story-year{margin:0 0 .5rem;font-family:var(--bn-serif);font-weight:700;font-size:clamp(4.5rem,2.5rem + 7vw,9rem);line-height:.78;letter-spacing:-.01em;color:var(--st-champ);text-transform:uppercase}
.bn-story-year--word{font-size:clamp(2.4rem,1.2rem + 2.4vw,3.6rem);line-height:.85;white-space:nowrap}
.bn-story-label{margin:1.25rem 0 .75rem;font-size:.6875rem;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--st-bx)}
.bn-story-chapter--dark .bn-story-label{color:var(--st-champ)}
.bn-story-title{margin:0 0 1.5rem;font-size:clamp(1.9rem,1.4rem + 1.6vw,2.9rem);line-height:.95}
.bn-story-chapter--dark .bn-story-title{color:#fff}
.bn-story-text p:not([class]){font-size:1rem;line-height:1.85;margin:0 0 1.1rem}
.bn-story-quote{position:relative;margin:2.25rem 0 0!important;padding-top:1.75rem;font-family:var(--bn-serif);font-weight:600;font-size:clamp(1.45rem,1.15rem + 1vw,2.05rem)!important;line-height:1.12!important;color:var(--st-bx)}
.bn-story-quote::before{content:"";position:absolute;top:0;left:0;width:64px;height:1px;background:var(--st-champ)}
.bn-story-chapter--dark .bn-story-quote{color:var(--st-champ)}
.bn-story-quote--sign{text-transform:uppercase;font-weight:700;letter-spacing:.01em}
.bn-story-links{display:flex;flex-wrap:wrap;gap:.5rem 1.75rem;margin-top:1.75rem!important}
.bn-story-links .bn-link{font-size:.75rem;letter-spacing:.18em;text-transform:uppercase}

/* Valeurs */
.bn-story-values{padding-block:var(--st-pad);background:#faf9f6;border-top:1px solid var(--bn-line);text-align:center}
.bn-story-values__title{margin:0 0 3.5rem;font-size:clamp(2.2rem,1.6rem + 2vw,3.4rem)}
.bn-story-values__list{display:grid;gap:3rem;margin:0;padding:0;list-style:none}
@media (min-width:768px){.bn-story-values__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.bn-story-values__list li+li{border-left:1px solid var(--st-champ-l)}}
.bn-story-values__list li{padding:0 clamp(1rem,3vw,3rem)}
.bn-story-values__num{display:block;font-family:var(--bn-serif);font-weight:700;font-size:2.4rem;line-height:1;color:var(--st-champ)}
.bn-story-values__list h3{margin:.9rem 0 .9rem;font-size:1.6rem}
.bn-story-values__list p{margin:0 auto;max-width:22rem;line-height:1.8;font-size:.9375rem;color:#333}

/* Appel à l'action */
.bn-story-cta{padding-block:clamp(4rem,2rem + 6vw,8rem);background:#000;color:#fff;text-align:center}
.bn-story-cta__title{margin:0;color:#fff;font-size:clamp(2.2rem,1.5rem + 2.6vw,3.8rem)}
.bn-story-cta__text{max-width:34rem;margin:1.25rem auto 2.25rem;color:#d6d0c4;line-height:1.75}
.bn-story-cta__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.bn-story-cta__actions .bn-btn{flex:0 0 auto}
@media (max-width:575.98px){.bn-story-cta__actions .bn-btn{flex:1 1 100%}}

/* Effets : noir et blanc vers couleur, apparition (activés par histoire.js) */
.bn-story--js .bn-story-bw img{filter:grayscale(1) contrast(1.06);transform:scale(1.035);transition:filter 1.2s ease,transform 1.8s var(--bn-ease)}
.bn-story--js .bn-story-bw.is-color img,.bn-story--js .bn-story-bw:hover img{filter:grayscale(0) contrast(1);transform:scale(1)}
.bn-story--js .bn-story-reveal{opacity:0;transform:translateY(32px);transition:opacity 1.1s ease,transform 1.3s var(--bn-ease)}
.bn-story--js .bn-story-reveal.is-in{opacity:1;transform:none}
.bn-story--js .bn-story-values__list li:nth-child(2){transition-delay:.15s}
.bn-story--js .bn-story-values__list li:nth-child(3){transition-delay:.3s}
@media (prefers-reduced-motion:reduce){.bn-story *,.bn-story *::before{transition:none!important;animation:none!important}.bn-story--js .bn-story-reveal{opacity:1;transform:none}.bn-story--js .bn-story-bw img{transform:none}}
.bn-story-chapter--reverse .bn-story-media:has(.bn-story-inset) figcaption{margin-left:auto;text-align:right}

/* ==== v2 (9 octobre 2026) : héros plein écran, galerie, mosaïque, citations ==== */
.bn-story-hero--full{position:relative;display:block;min-height:0;background:#000}
.bn-story-hero--full .bn-story-hero__media{position:relative;aspect-ratio:4/5;max-height:none;height:auto}
.bn-story-hero--full .bn-story-hero__media img{object-position:46% 30%}
.bn-story-hero--full .bn-story-hero__media::after{content:"";position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(transparent,#000)}
.bn-story-hero--full .bn-story-hero__text{position:relative;z-index:1;padding:0 var(--bn-gutter) 3.5rem;margin-top:-4rem}
.bn-story-hero__lead p{margin:0;max-width:34rem;font-size:clamp(1rem,.95rem + .35vw,1.2rem);font-weight:300;line-height:1.75;color:#e9e4da}
@media (min-width:992px){
.bn-story-hero--full{min-height:min(94svh,1080px);display:flex;align-items:flex-end}
.bn-story-hero--full .bn-story-hero__media{position:absolute;inset:0;aspect-ratio:auto;height:100%}
.bn-story-hero--full .bn-story-hero__media img{object-position:50% 32%}
.bn-story-hero--full .bn-story-hero__media::after{inset:0;height:auto;background:linear-gradient(90deg,rgba(0,0,0,.82) 0,rgba(0,0,0,.45) 34%,transparent 60%),linear-gradient(0deg,rgba(0,0,0,.55),transparent 40%)}
.bn-story-hero--full .bn-story-hero__text{width:100%;max-width:calc(1312px + 2 * var(--bn-gutter));margin:0 auto;padding:6rem var(--bn-gutter) clamp(3rem,6vh,5rem)}
.bn-story-hero--full .bn-story-hero__title{max-width:12ch}
.bn-story-media--narrow{grid-column:1/span 5}
.bn-story-chapter--reverse .bn-story-media--narrow{grid-column:7/span 5}
.bn-story-gallery{grid-column:1/span 7}
.bn-story-mosaic{grid-column:1/span 7}
.bn-story-chapter--reverse .bn-story-mosaic{grid-column:6/span 7}
}
.bn-story-frame--wide{aspect-ratio:1067/583}
.bn-story-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1vw,14px);margin-top:clamp(8px,1vw,14px)}
.bn-story-trio .bn-story-frame{aspect-ratio:7/10}
.bn-story-mosaic{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(8px,1vw,14px);align-items:start}
.bn-story-mosaic__a{grid-row:span 2;aspect-ratio:9/16}
.bn-story-mosaic__b{aspect-ratio:1/1}
.bn-story-mosaic__c{aspect-ratio:1/1;width:62%}
.bn-story-mosaic figcaption{grid-column:1/-1}
.bn-story-inset--square{aspect-ratio:1/1;width:36%}
.bn-story-chapter--dark .bn-story-frame{background:#0b0b0d}
.bn-story-chapter--dark .bn-story-inset{border-color:#000;box-shadow:0 30px 60px -20px rgba(0,0,0,.9)}
.bn-story-quote--cite{font-family:var(--bn-sans);font-style:italic;font-weight:400;font-size:clamp(1.1rem,1rem + .45vw,1.4rem)!important;line-height:1.55!important;letter-spacing:0}
@media (min-width:992px){
.bn-story-hero--full{--hx:max(calc((100vw - 1312px) / 2),var(--bn-gutter));--hw:min(520px,40vw)}
.bn-story-hero--full .bn-story-hero__media{inset:0 0 0 calc(var(--hx) + var(--hw) - 7vw)}
.bn-story-hero--full .bn-story-hero__media img{object-position:50% 30%}
.bn-story-hero--full .bn-story-hero__media::after{background:linear-gradient(90deg,#000 0,rgba(0,0,0,.6) 9%,transparent 24%),linear-gradient(0deg,rgba(0,0,0,.45),transparent 30%)}
.bn-story-hero--full .bn-story-hero__text{margin:0;max-width:none;width:auto;padding:6rem 0 clamp(3rem,8vh,6rem) var(--hx);align-self:center}
.bn-story-hero--full .bn-story-hero__text>*{max-width:var(--hw)}
.bn-story-hero--full .bn-story-hero__title{font-size:clamp(2.4rem,1.2rem + 2.8vw,4.6rem)}
}
.bn-story-media--narrow .bn-story-frame{aspect-ratio:2/3}
#h-aujourdhui .bn-story-inset{left:auto;right:-6%;bottom:-8%}#h-aujourdhui figcaption{margin-left:0;text-align:left}