/* Nos valeurs — même rythme éditorial et mêmes typos que l’accueil. */
.page-valeurs .hb-container { width: min(1180px, calc(100% - 128px)); margin-inline: auto; }
.page-valeurs .hb-section { padding-block: 90px; scroll-margin-top: 120px; }
.page-valeurs .hb-heading {
  margin: 0 0 28px;
  font: 400 clamp(38px, 4.8vw, 64px)/1.04 Baskerville, Georgia, 'Times New Roman', serif;
  letter-spacing: -.025em;
  text-transform: none;
  color: var(--c-dark);
}
.page-valeurs .hb-heading em { font-weight: 400; }
.page-valeurs .hb-copy { max-width: 500px; font-size: 16px; line-height: 1.8; }
.page-valeurs .hb-copy p { margin: 0 0 22px; text-align: justify; text-align-last: left; hyphens: auto; }
.page-valeurs .hb-copy p:last-child { margin-bottom: 0; }
.page-valeurs .hb-portrait-detail { display: grid; grid-template-columns: 43% 49%; gap: 8%; align-items: start; }
.page-valeurs .hb-portrait { margin: 0; min-width: 0; padding-top: 12px; }
.page-valeurs .hb-portrait img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: cover; }
.page-valeurs .hb-detail-story { min-width: 0; }
@media (min-width: 701px) {
  .page-valeurs .hb-category--reverse .hb-portrait-detail { grid-template-columns: 49% 43%; }
  .page-valeurs .hb-category--reverse .hb-portrait { grid-column: 2; grid-row: 1; }
  .page-valeurs .hb-category--reverse .hb-detail-story { grid-column: 1; grid-row: 1; }
}

.page-valeurs .hb-valeurs-hero { height: clamp(400px, 62svh, 620px); isolation: isolate; overflow: hidden; }
.page-valeurs .hb-valeurs-hero .banner__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 48%; z-index: -2; }
.page-valeurs .hb-valeurs-hero::after { content: ''; position: absolute; inset: 30% 0 0; background: linear-gradient(transparent, rgba(30, 27, 20, .58)); z-index: -1; }
.page-valeurs .hb-valeurs-hero__content { display: flex; height: 100%; align-items: flex-end; padding-bottom: 48px; }
.page-valeurs .hb-valeurs-hero h1 { margin: 0; color: var(--c-paper); font: 400 clamp(60px, 7.8vw, 112px)/1 Baskerville, Georgia, 'Times New Roman', serif; letter-spacing: -.035em; text-transform: none; }
.page-valeurs .hb-valeurs-hero h1 em { font-weight: 400; }
.page-valeurs .hb-breadcrumb { padding-block: 28px 0; font-size: 11px; }
.page-valeurs .hb-breadcrumb ol { display: flex; flex-wrap: wrap; gap: 12px; margin: 0; padding: 0; list-style: none; }
.page-valeurs .hb-breadcrumb li + li::before { content: '/'; margin-right: 12px; opacity: .5; }
.page-valeurs .hb-breadcrumb a { color: inherit; text-decoration: none; }
.page-valeurs .hb-breadcrumb a:hover { text-decoration: underline; text-underline-offset: 4px; }
.page-valeurs .hb-breadcrumb a:focus-visible { outline: 2px solid currentColor; outline-offset: 5px; }

/* Des gravures crème en filigrane, sans cadres entre les récits. */
.page-valeurs .hb-story-flow { position: relative; isolation: isolate; overflow: clip; }
.page-valeurs .hb-story-flow > .brion-section { overflow: visible; isolation: auto; }
.page-valeurs .hb-story-flow .hb-container { position: relative; z-index: 1; }
.page-valeurs .hb-story-flow #section_2 .brion-motif { top: 280px; left: -250px; width: min(52vw, 720px); opacity: .12; }
.page-valeurs .hb-story-flow #section_3 .brion-motif { top: 340px; right: -210px; width: min(48vw, 650px); opacity: .12; transform: rotate(12deg); }

/* Trois PNG seulement, alignés et révélés par le moteur commun au scroll. */
.page-valeurs .hb-values-symbols { position: relative; padding-block: 68px 32px; scroll-margin-top: 120px; }
.page-valeurs .hb-values-symbols__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: center; gap: 32px; max-width: 880px; margin-block: 0; padding: 0; list-style: none; }
.page-valeurs .hb-values-symbols__list li { display: grid; place-items: center; scroll-margin-top: 180px; opacity: .65; }
.page-valeurs .hb-values-symbols__list img { display: block; width: clamp(108px, 12vw, 152px); max-width: 100%; height: auto; object-fit: contain; }
.page-valeurs .hb-values-symbols__list li:nth-child(2) { --symbol-delay: .22s; }
.page-valeurs .hb-values-symbols__list li:nth-child(3) { --symbol-delay: .34s; }
.page-valeurs .hb-values-symbols__list .hb-reveal-pending { --hb-reveal-fade-duration: .8s; --hb-reveal-move-duration: .8s; --hb-reveal-fade-delay: var(--symbol-delay, .1s); --hb-reveal-move-delay: var(--symbol-delay, .1s); }

@media (max-width: 1000px) {
  .page-valeurs .hb-container { width: calc(100% - 80px); }
  .page-valeurs .hb-section { padding-block: 65px; }
  .page-valeurs .hb-heading { font-size: clamp(36px, 4.8vw, 52px); }
  .page-valeurs .hb-copy { font-size: 15px; }
}
@media (max-width: 700px) {
  .page-valeurs .hb-container { width: calc(100% - 48px); }
  .page-valeurs .hb-section { padding-block: 46px; scroll-margin-top: 85px; }
  .page-valeurs .hb-heading { font-size: clamp(35px, 8.2vw, 48px); margin-bottom: 24px; }
  .page-valeurs .hb-valeurs-hero { height: 460px; max-height: 70svh; min-height: 350px; }
  .page-valeurs .hb-valeurs-hero__content { padding-bottom: 32px; }
  .page-valeurs .hb-valeurs-hero h1 { font-size: clamp(54px, 12vw, 76px); }
  .page-valeurs .hb-breadcrumb { padding-top: 22px; }
  .page-valeurs .hb-portrait-detail { grid-template-columns: 1fr; gap: 32px; }
  .page-valeurs .hb-portrait { width: 78%; padding-top: 0; }
  .page-valeurs .hb-detail-story { padding-left: 10%; }
  .page-valeurs .hb-category--reverse .hb-portrait { justify-self: end; }
  .page-valeurs .hb-category--reverse .hb-detail-story { padding-left: 0; padding-right: 10%; }
  .page-valeurs .hb-story-flow #section_2 .brion-motif { top: 240px; left: -260px; width: 460px; opacity: .08; }
  .page-valeurs .hb-story-flow #section_3 .brion-motif { top: 320px; right: -280px; width: 460px; opacity: .08; }
  .page-valeurs .hb-values-symbols { padding-block: 28px 14px; scroll-margin-top: 85px; }
  .page-valeurs .hb-values-symbols__list { gap: 22px; }
  .page-valeurs .hb-values-symbols__list img { width: 90px; }
  .page-valeurs .hb-values-symbols__list li { scroll-margin-top: 130px; }
}

/* Le cadrage garde ensemble le clocher et le soleil de la photo IMG_3329. */
.page-valeurs .hb-portrait .hb-brion-couchant { object-position: 65% 50%; }

/* Le portrait DSC08259 conserve la bouteille entière et son cadrage d’origine. */
.page-valeurs .hb-portrait .hb-brion-bouteille { aspect-ratio: auto; object-fit: contain; }