/* Les deux galeries partagent leur navigation, leurs cartes et la charte du site. */
.hb-editorial-studies,
.hb-editorial-page {
  background: var(--hb-color-paper);
  color: var(--hb-color-ink);
  font: 400 var(--hb-font-size-text-sm)/1.65 var(--hb-font-body);
}
.hb-editorial-studies { padding-top: 140px; }
.hb-editorial-studies [hidden], .hb-editorial-page [hidden] { display: none !important; }
.hb-editorial-studies svg, .hb-editorial-page svg { width: 22px; height: 22px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.hb-editorial-studies__bar { display: flex; align-items: end; justify-content: space-between; gap: 24px; padding: 0 var(--hb-gutter) 26px; }
.hb-editorial-studies__bar > div > a { display: flex; align-items: center; gap: 10px; font-size: 12px; color: var(--hb-color-muted); margin-bottom: 14px; }
.hb-editorial-studies__bar > div > a svg { width: 17px; transform: rotate(180deg); }
.hb-editorial-studies__bar h1 { font-size: 28px; }
.hb-editorial-studies__bar h1 span { font: 400 12px/1.5 var(--hb-font-body); margin-left: 18px; color: var(--hb-color-muted); letter-spacing: 0; }
.hb-editorial-studies__bar nav { display: flex; gap: 26px; }
.hb-editorial-studies__bar nav a { border-bottom: 1px solid transparent; padding-bottom: 6px; }
.hb-editorial-studies__bar nav a[aria-current] { border-color: var(--hb-color-orange); }
.hb-editorial-studies__tabs { display: flex; gap: 5px; padding: 6px; margin-inline: var(--hb-gutter); border-radius: 12px; background: #dfe5d6f5; overflow-x: auto; scrollbar-width: none; position: sticky; top: 110px; scroll-margin-top: 110px; z-index: 20; }
.hb-editorial-studies__tabs button { display: flex; align-items: center; justify-content: center; gap: 12px; flex: 1; min-height: 48px; padding: 10px 18px; border-radius: 8px; white-space: nowrap; font-size: 13px; }
.hb-editorial-studies__tabs button > span { font-size: 11px; opacity: .65; }
.hb-editorial-studies__tabs button[aria-selected='true'] { color: var(--hb-color-paper); background: var(--hb-color-forest); }
.hb-editorial-studies__tabs button[aria-selected='true'] > span { color: var(--hb-color-orange); opacity: 1; }
.hb-editorial-studies__notes { display: flex; align-items: start; justify-content: space-between; gap: 24px; padding: 18px var(--hb-gutter) 28px; color: var(--hb-color-muted); font-size: 12px; }
.hb-editorial-studies__notes > a { display: flex; align-items: center; gap: 8px; max-width: 46%; font-size: 11px; overflow-wrap: anywhere; }
.hb-editorial-studies__notes svg { width: 16px; }
.hb-editorial-studies__notice { padding: 25px var(--hb-gutter); color: var(--hb-color-muted); border-top: 1px solid #10211920; font-size: 12px; }
.hb-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.hb-editorial {
  --hb-font-size-h1: var(--hb-font-size-h1-desktop);
  --hb-font-size-h2: var(--hb-font-size-page-h2);
  --hb-font-size-h3: var(--hb-font-size-page-h3);
  --hb-editorial-line: #10211928;
  padding: 58px var(--hb-gutter) 80px;
}
.hb-editorial__eyebrow { display: flex; align-items: center; gap: 12px; text-transform: uppercase; letter-spacing: .13em; font-size: 11px; }
.hb-editorial__eyebrow > svg, .hb-editorial__section-label > svg { width: 21px; height: 21px; fill: var(--hb-color-orange); stroke: none; }
.hb-editorial__opening { position: relative; margin-bottom: 48px; }
.hb-editorial__opening > div { display: flex; align-items: end; justify-content: space-between; gap: 50px; margin-top: 26px; }
.hb-editorial__opening .hb-heading-1 { font-size: clamp(62px, 6.5vw, 112px); }
.hb-editorial__opening .hb-heading-1 em { color: var(--hb-color-muted); }
.hb-editorial__lead { font-size: 16px; line-height: 1.8; color: var(--hb-color-muted); max-width: 300px; padding-bottom: 7px; }
.hb-editorial__tools { display: flex; justify-content: space-between; gap: 24px; align-items: center; padding: 22px 0; margin-bottom: 32px; border-block: 1px solid var(--hb-editorial-line); }
.hb-editorial__filter-toggle { display: none; }
.hb-editorial__filters { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; }
.hb-editorial__filters button { padding: 9px 17px; border-radius: 30px; color: var(--hb-color-muted); min-height: 42px; font-size: 13px; }
.hb-editorial__filters button[aria-pressed='true'] { background: var(--hb-color-forest); color: var(--hb-color-paper); }
.hb-editorial__search { display: flex; align-items: center; gap: 10px; min-width: 0; }
.hb-editorial__search svg { width: 18px; opacity: .6; }
.hb-editorial__search input { font: inherit; background: transparent; border: 0; padding: 10px 0; width: 160px; color: inherit; min-width: 0; }
.hb-editorial__search input::placeholder { color: var(--hb-color-muted); }
.hb-editorial__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 30px; }
.hb-editorial-card { min-width: 0; }
.hb-editorial-card__link { display: block; }
.hb-editorial-card__picture { position: relative; aspect-ratio: 4/3; border-radius: 14px; overflow: hidden; background: #dce3d3; }
.hb-editorial-card__picture > img { width: 100%; height: 100%; object-fit: cover; }
.hb-editorial-card__open { display: grid; place-items: center; position: absolute; bottom: 18px; right: 18px; width: 46px; height: 46px; border-radius: 50%; color: var(--hb-color-paper); background: #102119b3; transition: background .25s; }
.hb-editorial-card__link:hover .hb-editorial-card__open { background: var(--hb-color-forest); }
.hb-editorial-card__copy { padding: 25px 0 0; }
.hb-editorial__meta { display: flex; justify-content: space-between; gap: 16px; text-transform: uppercase; letter-spacing: .1em; color: var(--hb-color-muted); font-size: 10px; margin-bottom: 14px; }
.hb-editorial-card :is(h2,h3) { font-size: var(--hb-font-size-page-h3); line-height: 1.12; letter-spacing: -.04em; }
.hb-editorial-card__copy > p:not(.hb-editorial__meta) { color: var(--hb-color-muted); margin-top: 18px; line-height: 1.8; }
.hb-editorial-card__excerpt { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; overflow: hidden; }
.hb-editorial-card__foot { display: flex; justify-content: space-between; align-items: center; gap: 18px; border-top: 1px solid var(--hb-editorial-line); margin-top: 24px; padding-top: 18px; font-size: 11px; color: var(--hb-color-muted); }
.hb-editorial-card__foot > span { display: flex; align-items: center; gap: 10px; color: var(--hb-color-ink); }
.hb-editorial-card__foot svg { width: 18px; }
.hb-editorial__feature .hb-editorial-card__link { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(0,1fr); gap: clamp(30px,4vw,70px); align-items: center; }
.hb-editorial__feature h3 { font-size: clamp(34px,3.6vw,62px); }
.hb-editorial__feature .hb-editorial-card__copy { padding: 20px 0; }
.hb-editorial__feature .hb-editorial-card__picture { aspect-ratio: 4/3; }
.hb-editorial__section-label { display: flex; justify-content: space-between; align-items: center; margin: 65px 0 30px; border-top: 1px solid var(--hb-editorial-line); padding-top: 25px; text-transform: uppercase; font-size: 11px; letter-spacing: .12em; }
.hb-editorial__guide { display: flex; flex-direction: column; align-items: start; justify-content: space-between; width: 100%; height: 100%; background: var(--hb-color-forest); color: var(--hb-color-paper); padding: 24px; }
.hb-editorial__guide > svg { width: 28px; height: 28px; fill: var(--hb-color-orange); stroke: none; }
.hb-editorial__guide > span, .hb-editorial__guide > small { font-size: 9px; letter-spacing: .15em; }
.hb-editorial__guide > span { position: absolute; top: 24px; right: 24px; text-align: right; }
.hb-editorial__guide strong { font: 500 clamp(25px,3vw,48px)/1 var(--hb-font-heading); letter-spacing: -.045em; margin-block: 15px; }
.hb-editorial__closing, .hb-reading__end { display: flex; justify-content: space-between; align-items: center; gap: 25px; border-top: 1px solid var(--hb-editorial-line); padding-top: 32px; margin-top: 70px; }
.hb-editorial__closing > span { color: var(--hb-color-muted); }
.hb-editorial__closing > a, .hb-reading__end > a { display: flex; align-items: center; gap: 25px; font-family: var(--hb-font-heading); font-size: 24px; letter-spacing: -.035em; }
.hb-editorial__empty { padding: 40px 0; }
/* 02 — hero immersif et cartes éditoriales sur le papier commun du site. */
.hb-editorial.hb-editorial--blog-2 { background: var(--hb-color-paper); color: var(--hb-color-ink); padding: 0; }
.hb-editorial--blog-2 > .hb-editorial__opening--immersive { height: 100svh; min-height: 0; padding: 140px var(--hb-gutter) 94px; border-radius: 0; margin-bottom: 0; }
.hb-editorial--blog-2 > .hb-editorial__opening--immersive > div { margin-top: 0; }
.hb-editorial-page .hb-editorial__opening--immersive > div { margin-top: auto; }
.hb-editorial-page .hb-editorial__opening .hb-editorial__eyebrow { margin-bottom: 22px; }
.hb-editorial__catalogue { padding: 72px var(--hb-gutter) 80px; scroll-margin-top: 0; }
.hb-editorial__scroll { position: absolute; bottom: 32px; right: var(--hb-gutter); display: inline-flex; align-items: center; gap: 18px; font-size: 11px; color: var(--hb-color-paper); }
.hb-editorial__scroll > svg { width: 18px; transform: rotate(90deg); }
.hb-editorial--blog-2 .hb-heading-1 em { color: var(--hb-color-lime); }
.hb-editorial-card--plain .hb-editorial-card__picture { aspect-ratio: 16/9; border-radius: clamp(20px,1.7vw,30px); }
.hb-editorial-card--plain .hb-editorial-card__copy { padding: 24px 0 0; }
.hb-editorial-card--plain .hb-editorial-card__copy > .hb-editorial-card__category { margin: 0 0 17px; font-size: var(--hb-font-size-text-sm); line-height: 1.5; color: var(--hb-color-ink); }
.hb-editorial-card--plain .hb-editorial-card__copy > .hb-editorial-card__excerpt { margin-top: 14px; line-height: 1.7; }
.hb-editorial--blog-2 .hb-editorial__grid { grid-template-columns: repeat(4,minmax(0,1fr)); row-gap: 55px; align-items: start; }
.hb-editorial-card--plain .hb-editorial__guide { padding: 16px; }
.hb-editorial-card--plain .hb-editorial__guide > svg { width: 18px; height: 18px; }
.hb-editorial-card--plain .hb-editorial__guide > span { top: 16px; right: 16px; font-size: 7px; }
.hb-editorial-card--plain .hb-editorial__guide > strong { font-size: clamp(25px,1.8vw,36px); margin-block: 6px; }
.hb-editorial-card--plain .hb-editorial__guide > small { font-size: 8px; }
/* 03 — une revue, avec sa grande couverture et trois colonnes. */
.hb-editorial--blog-3 .hb-editorial__opening > div { align-items: center; }
.hb-editorial--blog-3 .hb-editorial__opening .hb-heading-1 { font-size: clamp(64px,6vw,104px); letter-spacing: -.065em; }
.hb-editorial--blog-3 .hb-editorial__feature { background: #dce3d3; border-radius: 20px; overflow: hidden; }
.hb-editorial--blog-3 .hb-editorial__feature .hb-editorial-card__link { gap: 0; grid-template-columns: 1.1fr 1fr; }
.hb-editorial--blog-3 .hb-editorial__feature .hb-editorial-card__picture { border-radius: 0; height: 100%; }
.hb-editorial--blog-3 .hb-editorial__feature .hb-editorial-card__copy { padding: 40px; }
.hb-editorial--blog-3 .hb-editorial__feature h3 { font-size: clamp(30px,3.1vw,52px); }
/* 04 — un répertoire de lectures, sans grands panneaux. */
.hb-editorial__list .hb-editorial-card { padding: 30px 0; border-top: 1px solid var(--hb-editorial-line); }
.hb-editorial__list .hb-editorial-card:first-child { padding-top: 0; border-top: 0; }
.hb-editorial__list .hb-editorial-card__link { display: grid; grid-template-columns: minmax(170px,22%) minmax(0,1fr); gap: 40px; align-items: center; }
.hb-editorial__list .hb-editorial-card__copy { position: relative; padding: 0 0 0 55px; }
.hb-editorial__index { position: absolute; left: 0; top: 0; font-size: 12px; color: var(--hb-color-orange); }
.hb-editorial__list h3 { font-size: clamp(30px,3vw,50px); max-width: 760px; }
.hb-editorial__list .hb-editorial-card__foot { margin-top: 20px; padding-top: 0; border: 0; }
/* 05 — des carnets ouverts, après une grande couverture photographique. */
.hb-editorial__mosaic { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(0,1fr); gap: 55px 7%; align-items: start; }
.hb-editorial__mosaic .hb-editorial-card:nth-child(even) { margin-top: 80px; }
.hb-editorial__mosaic .hb-editorial-card__picture { border-radius: 50% 50% 14px 14px / 13% 13% 14px 14px; }
/* Trois vraies ouvertures visuelles, avec le même décor original. */
.hb-editorial__hero-scene { width: 100%; height: 100%; object-fit: cover; }
.hb-editorial__opening--immersive { isolation: isolate; min-height: 560px; padding: clamp(30px,4.5vw,70px); border-radius: 22px; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; color: var(--hb-color-paper); }
.hb-editorial__opening--immersive > .hb-editorial__hero-scene { position: absolute; inset: 0; z-index: -2; object-position: center; }
.hb-editorial__opening--immersive::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg,#08180fbd,transparent 95%),linear-gradient(0deg,#08180f85,transparent 80%); }
.hb-editorial__opening--immersive > div { display: block; margin-top: 90px; }
.hb-editorial__opening--immersive .hb-heading-1 { max-width: 13ch; }
.hb-editorial__opening--immersive .hb-editorial__lead { margin-top: 24px; color: var(--hb-color-paper); max-width: 360px; }
.hb-editorial__opening--split { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.1fr); grid-template-rows: auto 1fr; column-gap: 6%; min-height: 490px; }
.hb-editorial__opening--split > .hb-editorial__hero-scene { grid-column: 2; grid-row: 1 / 3; border-radius: 20px; min-height: 490px; object-position: 68% center; }
.hb-editorial__opening--split > .hb-editorial__eyebrow { grid-column: 1; grid-row: 1; align-self: start; padding-top: 18px; }
.hb-editorial__opening--split > div { grid-column: 1; grid-row: 2; display: block; align-self: end; margin-top: 40px; padding-bottom: 25px; }
.hb-editorial__opening--split .hb-editorial__lead { margin-top: 28px; }
.hb-editorial__opening--cover { isolation: isolate; min-height: 650px; display: flex; flex-direction: column; justify-content: space-between; border-radius: 22px; overflow: hidden; }
.hb-editorial__opening--cover > .hb-editorial__hero-scene { position: absolute; inset: 0; z-index: -1; object-position: center; }
.hb-editorial__opening--cover > .hb-editorial__eyebrow { color: var(--hb-color-paper); margin: 35px; }
.hb-editorial__opening--cover > div { position: relative; display: block; width: 72%; padding: 34px 42px 5px 0; border-radius: 0 22px 0 0; background: var(--hb-color-paper); margin-top: 150px; }
.hb-editorial__opening--cover .hb-editorial__lead { margin-top: 22px; max-width: none; }
/* L’article partage son contenu et ses composants entre les cinq lectures. */
.hb-reading { --hb-reading-text-size: 15px; padding-top: 32px; }
.hb-editorial-page--article { padding-top: 140px; }
.hb-editorial-page--article .hb-reading { padding-bottom: 0; }
.hb-reading__back { display: inline-flex; align-items: center; gap: 12px; font-size: 12px; margin-bottom: 36px; color: var(--hb-color-muted); }
.hb-reading__back > svg { width: 18px; transform: rotate(180deg); }
.hb-reading__heading .hb-heading-1 { max-width: 18ch; margin-top: 25px; font-size: var(--hb-font-size-h1); }
.hb-reading__lead { max-width: 760px; font-size: 20px; line-height: 1.7; color: var(--hb-color-muted); margin-top: 28px; }
.hb-reading__byline { display: flex; gap: 12px 24px; flex-wrap: wrap; padding: 25px 0; margin-top: 12px; font-size: 13px; color: var(--hb-color-muted); }
.hb-reading__byline > span:first-child { color: var(--hb-color-ink); }
.hb-reading__byline a { text-decoration: underline; text-underline-offset: 3px; }
.hb-reading__cover { margin: 24px 0 50px; }
.hb-reading__cover > img { width: 100%; max-height: 600px; aspect-ratio: 4/3; object-fit: cover; object-position: 50% 48%; border-radius: 15px; }
.hb-reading__layout { display: grid; grid-template-columns: minmax(250px,.5fr) minmax(0,1.5fr); gap: 10%; align-items: start; }
.hb-reading__toc { position: sticky; top: 200px; }
.hb-reading__toc > summary { display: flex; align-items: center; cursor: pointer; list-style: none; }
.hb-reading__toc > summary::-webkit-details-marker { display: none; }
.hb-reading__toc-toggle { margin-left: auto; font-size: 20px; line-height: 1; }
.hb-reading__toc[open] .hb-reading__toc-toggle { transform: rotate(45deg); }
.hb-reading__toc ol, .hb-reading__contents ol { list-style: none; margin: 22px 0 0; padding: 0; }
.hb-reading__toc a, .hb-reading__contents a { display: flex; gap: 16px; padding: 14px 0; border-bottom: 1px solid var(--hb-editorial-line); font-size: 13px; line-height: 1.6; }
.hb-reading__toc a > span, .hb-reading__contents a > span { color: var(--hb-color-muted); font-size: 11px; padding-top: 2px; }
.hb-reading__body { max-width: 850px; }
.hb-reading__body .hb-article-content { color: inherit; font: inherit; font-size: var(--hb-reading-text-size); line-height: 1.7; }
.hb-reading__body .hb-article-content :is(h2,h3,h4) { color: inherit; font-family: var(--hb-font-heading); font-weight: 500; line-height: 1.13; letter-spacing: -.035em; scroll-margin-top: 180px; }
.hb-reading__body .hb-article-content h2 { font-size: 30px; margin: 44px 0 23px; }
.hb-reading__body .hb-article-content h3 { font-size: 25px; margin: 32px 0 20px; }
.hb-reading__body .hb-article-content h4 { font-size: 20px; margin: 28px 0 18px; }
.hb-reading__body .hb-article-content > :first-child { margin-top: 0; }
.hb-reading__body .hb-article-content :is(ul,ol) { padding-left: 24px; margin-bottom: 24px; }
.hb-reading__body .hb-article-content li { margin-block: 8px; }
.hb-reading__body .hb-article-content a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width:760px) {
  .hb-reading__body .hb-article-content { line-height: 1.5; }
  .hb-reading__body .hb-article-content h2 { font-size: 25px; }
  .hb-reading__body .hb-article-content h3 { font-size: 20px; }
  .hb-reading__body .hb-article-content h4 { font-size: 18px; }
}
.hb-reading__section { scroll-margin-top: 200px; padding-bottom: 44px; }
.hb-reading__section :is(h2, .hb-heading-2) { font-size: 30px; line-height: 1.13; margin-bottom: 23px; }
.hb-reading__section :is(h3, .hb-heading-3) { font-size: 25px; }
.hb-reading__section :is(h4, .hb-heading-4) { font-size: 20px; }
.hb-reading__section p { font-size: var(--hb-reading-text-size); line-height: 1.7; }
.hb-reading__section blockquote,.hb-reading__body .hb-article-content blockquote { margin: 35px 0 0; padding: 17px 0 17px 20px; border-left: 2px solid var(--hb-color-orange); font: 500 18px/1.3 var(--hb-font-heading); letter-spacing: -.035em; color: inherit; }
.hb-reading__center { max-width: 760px; margin-inline: auto; }
.hb-reading__contents { border-block: 1px solid var(--hb-editorial-line); padding: 18px 0; margin-bottom: 40px; }
.hb-reading__contents summary { display: flex; justify-content: space-between; gap: 20px; cursor: pointer; list-style: none; }
.hb-reading__contents summary::-webkit-details-marker { display: none; }
.hb-reading__contents summary > span { font-size: 20px; line-height: 1; }
.hb-reading__contents[open] summary > span { transform: rotate(45deg); }
.hb-reading__end { max-width: 100%; }
.hb-reading__end > span { color: var(--hb-color-muted); }
.hb-reading__split { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 5%; align-items: center; margin-bottom: 70px; }
.hb-reading__split .hb-reading__cover { margin: 0; }
.hb-reading__split .hb-heading-1 { font-size: clamp(48px,4.7vw,80px); }
.hb-reading__split .hb-reading__lead { font-size: 17px; }
.hb-reading__takeaway { background: var(--hb-color-forest); color: var(--hb-color-paper); border-radius: 16px; padding: 30px; position: sticky; top: 200px; }
.hb-reading__takeaway > p:not(.hb-editorial__eyebrow) { font: 500 30px/1.25 var(--hb-font-heading); letter-spacing: -.04em; margin-top: 28px; }
.hb-reading__takeaway .hb-reading__toc { position: static; margin-top: 30px; }
.hb-reading__takeaway .hb-reading__toc a { border-color: #e9ede235; }
.hb-reading__takeaway .hb-reading__toc a > span { color: var(--hb-color-lime); }
.hb-reading__forest { display: grid; grid-template-columns: 1.2fr 1fr; gap: 6%; padding: 55px; background: var(--hb-color-forest); color: var(--hb-color-paper); border-radius: 22px; align-items: center; margin-bottom: 55px; }
.hb-reading__forest .hb-heading-1 { font-size: clamp(48px,4.8vw,80px); }
.hb-reading__forest .hb-reading__lead { color: #b2bda6; font-size: 17px; }
.hb-reading__forest .hb-reading__byline, .hb-reading__forest .hb-reading__byline > span:first-child { color: var(--hb-color-lime); }
.hb-reading__forest .hb-reading__cover { margin: 0; }
.hb-reading__forest .hb-reading__cover > img { aspect-ratio: 4/3; }
.hb-reading__notebook { border: 1px solid var(--hb-editorial-line); border-radius: 20px; padding: 55px clamp(25px,4vw,65px); }
.hb-reading__notebook .hb-reading__heading { text-align: center; max-width: 950px; margin-inline: auto; }
.hb-reading__notebook .hb-editorial__eyebrow { justify-content: center; }
.hb-reading__notebook .hb-heading-1 { font-size: clamp(58px,6vw,100px); }
.hb-reading__notebook .hb-reading__lead { margin-inline: auto; }
.hb-reading__notebook .hb-reading__byline { justify-content: center; }
.hb-reading__notebook .hb-reading__cover { padding-top: 30px; border-top: 1px solid var(--hb-editorial-line); }
.hb-reading__manifesto { display: grid; grid-template-columns: 1.25fr 1fr; gap: 8%; align-items: start; margin-bottom: 65px; }
.hb-reading__manifesto .hb-heading-1 { font-size: clamp(55px,5.9vw,100px); }
.hb-reading__manifesto .hb-reading__cover { margin-top: 0; }
.hb-reading__statement { font: 500 27px/1.3 var(--hb-font-heading); letter-spacing: -.035em; border-top: 1px solid var(--hb-editorial-line); padding-top: 28px; }
.hb-reading__numbered .hb-reading__section { display: grid; grid-template-columns: 180px minmax(0,800px); gap: 8%; border-top: 1px solid var(--hb-editorial-line); padding-block: 40px; }
.hb-reading__number { color: var(--hb-color-orange); font: 500 85px/1 var(--hb-font-heading); letter-spacing: -.06em; }
@media (min-width: 1024px) {
  .hb-editorial__catalogue { padding-top: 40px; }
  .hb-editorial__catalogue .hb-editorial__tools { padding-top: 0; border-top: 0; }
}
@media (min-width: 1700px) {
  .hb-editorial { padding-block: 75px 100px; }
  .hb-editorial__opening .hb-heading-1 { font-size: var(--hb-font-size-h1-desktop); }
  .hb-editorial--blog-3 .hb-editorial__opening .hb-heading-1 { font-size: 104px; }
}
@media (max-width: 1600px) {
  .hb-editorial--blog-2 .hb-editorial__grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 1023px) {
  .hb-editorial-studies__notes { display: block; }
  .hb-editorial-studies__notes > a { max-width: none; margin-top: 12px; }
  .hb-editorial__tools { align-items: stretch; flex-direction: column; gap: 12px; }
  .hb-editorial__search { border-top: 1px solid var(--hb-editorial-line); padding-top: 12px; }
  .hb-editorial__search input { width: 100%; }
  .hb-editorial__opening > div { display: block; }
  .hb-editorial__lead { margin-top: 25px; max-width: none; }
  .hb-editorial__grid { gap: 20px; }
  .hb-editorial--blog-2 .hb-editorial__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .hb-editorial-card__foot { flex-wrap: wrap; }
  .hb-reading__forest { padding: 30px; }
  .hb-reading__takeaway { padding: 24px; }
  .hb-reading__split .hb-heading-1, .hb-reading__forest .hb-heading-1 { font-size: 48px; }
}
@media (min-width: 761px) and (max-width: 1100px) {
  .hb-reading { --hb-font-size-h1: var(--hb-font-size-h1-tablet); }
}
@media (max-width: 760px) {
  .hb-editorial-studies, .hb-editorial-page { --hb-gutter: var(--hb-gutter-mobile); }
  .hb-editorial-studies { padding-top: 112px; }
  .hb-editorial-studies__bar { display: block; padding-bottom: 20px; }
  .hb-editorial-studies__bar h1 { font-size: 25px; }
  .hb-editorial-studies__bar h1 > span { font-size: 11px; margin-left: 12px; }
  .hb-editorial-studies__bar nav { gap: 22px; flex-wrap: wrap; font-size: 12px; margin-top: 22px; }
  .hb-editorial-studies__tabs { top: 88px; scroll-margin-top: 88px; }
  .hb-editorial-studies__tabs button { flex: none; font-size: 12px; min-height: 44px; padding-inline: 15px; }
  .hb-editorial-studies__notes { padding-block: 16px 20px; }
  .hb-editorial-studies__notes > a { font-size: 10px; }
  .hb-editorial {
    --hb-font-size-h1: var(--hb-font-size-page-h1);
    padding: 35px 20px 50px;
  }
  .hb-editorial .hb-heading-1, .hb-editorial__opening .hb-heading-1, .hb-editorial--blog-3 .hb-editorial__opening .hb-heading-1, .hb-reading__heading .hb-heading-1 { font-size: var(--hb-font-size-h1); line-height: 1.04; letter-spacing: -.055em; }
  .hb-editorial__opening { margin-bottom: 30px; }
  .hb-editorial__opening > div { margin-top: 24px; }
  .hb-editorial__eyebrow { font-size: 10px; gap: 10px; }
  .hb-editorial__lead { font-size: 14px; line-height: 1.8; margin-top: 20px; }
  .hb-editorial__tools { position: relative; display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 0 12px; padding: 6px; border: 0; border-radius: 18px; background: #dfe5d6; }
  .hb-editorial__filters { grid-column: 1 / -1; grid-row: 2; flex-wrap: wrap; gap: 7px; padding-top: 14px; }
  .hb-editorial__filters button { flex: none; padding: 8px 14px; font-size: 12px; }
  .hb-editorial__tools.is-filter-ready > .hb-editorial__filter-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 46px; padding: 10px 15px; border: 0; border-radius: 12px; font-size: 13px; background: var(--hb-color-forest); color: var(--hb-color-paper); }
  .hb-editorial__filter-toggle > svg { width: 17px; height: 17px; }
  .hb-editorial__filter-toggle[aria-expanded='true'] > svg { color: var(--hb-color-lime); }
  .hb-editorial__filter-count { display: grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; background: var(--hb-color-lime); color: var(--hb-color-forest); font-size: 10px; }
  .hb-editorial__tools.is-filter-ready > .hb-editorial__filters { position: absolute; top: calc(100% + 10px); left: 0; z-index: 5; display: flex; flex-direction: column; align-items: stretch; width: min(270px,100%); gap: 3px; padding: 8px; border-radius: 16px; background: #f3f5ed; box-shadow: 0 16px 40px #10211924; }
  .hb-editorial__tools.is-filter-ready .hb-editorial__filters button { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 44px; padding: 11px 14px; border-radius: 10px; font-size: 14px; text-align: left; }
  .hb-editorial__tools.is-filter-ready .hb-editorial__filters button[aria-pressed='true']::after { content: ''; width: 10px; height: 6px; border-left: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(-45deg); }
  .hb-editorial__tools.is-filter-ready:not(.is-open) > .hb-editorial__filters { display: none; }
  .hb-editorial__search { grid-column: 1 / -1; grid-row: 1; border-top: 0; padding: 0 8px 0 0; gap: 9px; }
  .hb-editorial__tools.is-filter-ready .hb-editorial__search { grid-column: 2; }
  .hb-editorial__search input { width: 100%; font-size: 16px; }
  .hb-editorial__tools { margin-bottom: 24px; }
  .hb-editorial__grid, .hb-editorial__mosaic { display: grid; grid-template-columns: minmax(0,1fr); gap: 34px; }
  .hb-editorial__feature .hb-editorial-card__link, .hb-editorial--blog-3 .hb-editorial__feature .hb-editorial-card__link { display: block; }
  .hb-editorial__feature h3, .hb-editorial__list h3, .hb-editorial--blog-3 .hb-editorial__feature h3 { font-size: var(--hb-font-size-page-h3); }
  .hb-editorial-card__copy, .hb-editorial__feature .hb-editorial-card__copy { padding: 22px 0 0; }
  .hb-editorial-card__copy > p:not(.hb-editorial__meta) { font-size: 14px; margin-top: 14px; }
  .hb-editorial-card__open { width: 42px; height: 42px; right: 14px; bottom: 14px; }
  .hb-editorial__meta { font-size: 9px; gap: 12px; }
  .hb-editorial-card__foot { padding-top: 15px; margin-top: 20px; font-size: 10px; }
  .hb-editorial__section-label { margin: 40px 0 25px; }
  .hb-editorial__closing, .hb-reading__end { display: block; margin-top: 40px; padding-top: 24px; }
  .hb-editorial__closing > a, .hb-reading__end > a { margin-top: 16px; font-size: 23px; justify-content: space-between; }
  .hb-editorial--blog-2 .hb-editorial__grid { grid-template-columns: minmax(0,1fr); }
  .hb-editorial-card--plain .hb-editorial-card__copy { padding: 22px 0 0; }
  .hb-editorial-card--plain .hb-editorial-card__copy > .hb-editorial-card__category { margin-bottom: 15px; }
  .hb-editorial--blog-2 .hb-editorial__grid { row-gap: 38px; }
  .hb-editorial--blog-2 > .hb-editorial__opening--immersive { height: 450px; padding: 110px 20px 32px; }
  .hb-editorial__catalogue { padding: 40px 20px 50px; }
  .hb-editorial--blog-2 .hb-editorial__scroll { display: none; }
  .hb-editorial--blog-3 .hb-editorial__feature .hb-editorial-card__copy { padding: 24px 20px; }
  .hb-editorial__list .hb-editorial-card__link { grid-template-columns: 92px minmax(0,1fr); gap: 18px; align-items: start; }
  .hb-editorial__list .hb-editorial-card__picture { border-radius: 10px; }
  .hb-editorial__list .hb-editorial-card__open { display: none; }
  .hb-editorial__list .hb-editorial-card__copy { padding: 0; }
  .hb-editorial__list .hb-editorial__index { position: static; display: block; margin-bottom: 8px; }
  .hb-editorial__list .hb-editorial-card__copy > p:not(.hb-editorial__meta) { margin-left: -110px; padding-top: 16px; }
  .hb-editorial__list .hb-editorial-card__foot { margin-left: -110px; }
  .hb-editorial__list .hb-editorial__meta { flex-direction: column; gap: 4px; }
  .hb-editorial__opening--immersive { min-height: 530px; padding: 30px 20px; border-radius: 16px; }
  .hb-editorial__opening--immersive > div { margin-top: 150px; }
  .hb-editorial__opening--immersive > .hb-editorial__hero-scene { object-position: 90% center; }
  .hb-editorial__opening--immersive .hb-editorial__lead { margin-top: 22px; }
  .hb-editorial__opening--split { display: flex; flex-direction: column; gap: 0; min-height: 0; }
  .hb-editorial__opening--split > .hb-editorial__hero-scene { order: 1; min-height: 0; height: 290px; margin-top: 28px; border-radius: 14px; object-position: 90% center; }
  .hb-editorial__opening--split > .hb-editorial__eyebrow { padding-top: 0; }
  .hb-editorial__opening--split > div { margin-top: 24px; padding-bottom: 0; align-self: stretch; }
  .hb-editorial__opening--cover { min-height: 600px; border-radius: 16px; }
  .hb-editorial__opening--cover > .hb-editorial__eyebrow { margin: 25px 20px; }
  .hb-editorial__opening--cover > .hb-editorial__hero-scene { object-position: 90% center; }
  .hb-editorial__opening--cover > div { width: 100%; padding: 25px 12px 0 0; margin-top: 220px; }
  .hb-editorial__mosaic .hb-editorial-card:nth-child(even) { margin-top: 0; }
  .hb-editorial__guide strong { font-size: 36px; }
  .hb-reading { padding-top: 18px; }
  .hb-editorial-page--article { padding-top: 75px; }
  .hb-editorial-page--article .hb-reading { display: flex; flex-direction: column; padding-bottom: 0; }
  .hb-editorial-page--article .hb-reading > .hb-reading__cover { order: -1; margin: 0 0 28px; }
  .hb-editorial-page--article .hb-reading__cover > img { height: auto; aspect-ratio: 1; max-height: none; }
  .hb-editorial-page--article .hb-breadcrumb li:last-child { display: none; }
  .hb-reading__back { margin-bottom: 30px; }
  .hb-reading__heading .hb-heading-1 { margin-top: 24px; }
  .hb-reading__lead { font-size: var(--hb-reading-text-size); line-height: 1.5; margin-top: 22px; }
  .hb-reading__byline { margin-top: 4px; gap: 8px 18px; font-size: 10px; }
  .hb-reading__cover { margin: 12px 0 30px; }
  .hb-reading__cover > img { aspect-ratio: 4/3; border-radius: 12px; }
  .hb-reading__layout, .hb-reading__split, .hb-reading__forest, .hb-reading__manifesto { display: block; }
  .hb-reading__toc { position: static; margin-bottom: 32px; padding-block: 18px; border-block: 1px solid var(--hb-editorial-line); }
  .hb-reading__toc ol { margin-top: 14px; }
  .hb-reading__toc a, .hb-reading__contents a { font-size: 14px; }
  .hb-reading__section { scroll-margin-top: 160px; padding-bottom: 32px; }
  .hb-reading__section :is(h2, .hb-heading-2) { font-size: 25px; margin-bottom: 20px; }
  .hb-reading__section :is(h3, .hb-heading-3) { font-size: 20px; }
  .hb-reading__section :is(h4, .hb-heading-4) { font-size: 18px; }
  .hb-reading__section p { font-size: var(--hb-reading-text-size); line-height: 1.5; }
  .hb-reading__section blockquote,.hb-reading__body .hb-article-content blockquote { font-size: 18px; padding: 10px 0 10px 20px; margin-top: 26px; border-left-width: 2px; }
  .hb-reading__split { margin-bottom: 35px; }
  .hb-reading__split .hb-reading__cover { margin-bottom: 30px; }
  .hb-reading__takeaway { position: static; margin-bottom: 35px; padding: 25px 20px; }
  .hb-reading__takeaway > p:not(.hb-editorial__eyebrow) { font-size: 25px; }
  .hb-reading__takeaway .hb-reading__toc { margin-bottom: 0; }
  .hb-reading__forest { padding: 30px 20px; margin-inline: -20px; border-radius: 0; margin-bottom: 30px; }
  .hb-reading__forest .hb-reading__cover { margin-top: 18px; }
  .hb-reading__notebook { padding: 30px 20px; margin-inline: -20px; border-inline: 0; border-radius: 0; }
  .hb-reading__notebook .hb-reading__cover { padding-top: 20px; }
  .hb-reading__notebook .hb-reading__heading { text-align: left; }
  .hb-reading__notebook .hb-editorial__eyebrow { justify-content: start; }
  .hb-reading__notebook .hb-reading__byline { justify-content: start; }
  .hb-reading__manifesto { margin-bottom: 35px; }
  .hb-reading__manifesto .hb-reading__cover { margin-top: 14px; }
  .hb-reading__statement { font-size: 25px; padding-top: 20px; }
  .hb-reading__numbered .hb-reading__section { grid-template-columns: 45px minmax(0,1fr); gap: 20px; padding-block: 28px; }
  .hb-reading__number { font-size: 40px; }
}
/* Mouvement de la Webroom retenue : entrée unique et interactions légères. */
@keyframes hb-editorial-enter {
  from { opacity: 0; transform: translate3d(0,20px,0); }
  to { opacity: 1; transform: translate3d(0,0,0); }
}
@keyframes hb-editorial-scene-enter {
  from { transform: scale(1.035); }
  to { transform: scale(1); }
}
@keyframes hb-editorial-scroll-cue {
  0%, 100% { transform: rotate(90deg) translateX(0); }
  50% { transform: rotate(90deg) translateX(5px); }
}
@media (prefers-reduced-motion: no-preference) {
  .hb-editorial-page .hb-editorial__opening .hb-editorial__eyebrow,
  .hb-editorial-page .hb-editorial__opening .hb-heading-1,
  .hb-editorial-page .hb-editorial__opening .hb-editorial__lead,
  .hb-editorial-page .hb-editorial__scroll { animation: hb-editorial-enter .85s var(--hb-ease) both; }
  .hb-editorial-page .hb-editorial__opening .hb-heading-1 { animation-delay: .1s; }
  .hb-editorial-page .hb-editorial__opening .hb-editorial__lead { animation-delay: .2s; }
  .hb-editorial-page .hb-editorial__scroll { animation-delay: .3s; }
  .hb-editorial-page .hb-editorial__hero-scene { animation: hb-editorial-scene-enter 1.8s var(--hb-ease) both; }
  .hb-editorial-page .hb-editorial__scroll > svg { animation: hb-editorial-scroll-cue 2.2s var(--hb-ease) .8s 2; }
  .hb-editorial-page.is-motion-ready .hb-editorial-card { transition: opacity .65s var(--hb-ease), transform .65s var(--hb-ease); transition-delay: var(--hb-editorial-delay,0ms); }
  .hb-editorial-page.is-motion-ready .hb-editorial-card:not(.is-in):not(:focus-within) { opacity: 0; transform: translate3d(0,20px,0); }
  .hb-editorial-page .hb-editorial-card__picture > img { transition: transform .8s var(--hb-ease); }
  .hb-editorial-page .hb-editorial__filters button { transition: background-color .22s, color .22s; }
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .hb-editorial-page .hb-editorial-card__link:is(:hover,:focus-visible) .hb-editorial-card__picture > img { transform: scale(1.035); }
  .hb-editorial-page .hb-editorial-card :is(h2,h3) { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .16em; text-decoration-color: transparent; transition: text-decoration-color .25s; }
  .hb-editorial-page .hb-editorial-card__link:is(:hover,:focus-visible) :is(h2,h3) { text-decoration-color: currentColor; }
  .hb-editorial-page .hb-editorial__filters button[aria-pressed='false']:hover { background: #1021190c; color: var(--hb-color-ink); }
}
@media (prefers-reduced-motion: reduce) {
  .hb-editorial-studies *, .hb-editorial-studies *::before, .hb-editorial-studies *::after, .hb-editorial-page *, .hb-editorial-page *::before, .hb-editorial-page *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}