/* ═══════════════════════════════════════════════════════════
   EDMOND'S & COMPANY — Pages d'expertise, direction « Héritage »
   Chaque page porte son symbole (variable --sv-glyph posée sur <body>),
   repris en grand dans l'en-tête et devant les titres.
   ═══════════════════════════════════════════════════════════ */
:root { --hx-pattern: url('/heritage/pattern-adinkra.svg'); --hx-pattern-clair: url('/heritage/pattern-adinkra-clair.svg'); --sv-glyph: url('/heritage/akofena.svg'); }

/* En-tête : fond noir à motif, grand symbole à droite */
.hx-page .page-hero { background: #000 var(--hx-pattern); padding-bottom: 90px; min-height: 460px; display: flex; align-items: flex-end; }
.hx-page .page-hero::before { background: radial-gradient(ellipse 55% 75% at 82% 55%, rgba(184,154,106,.16), transparent 70%); }
.hx-page .page-hero::after { content: ''; position: absolute; z-index: 0; right: max(6vw, calc((100vw - 1200px) / 2)); top: 50%; width: clamp(150px, 22vw, 300px); aspect-ratio: 1; transform: translateY(-38%); background: var(--sv-glyph) center / contain no-repeat; opacity: .95; filter: drop-shadow(0 0 40px rgba(184,154,106,.25)); }
.hx-page .page-hero .container { width: 100%; }
.hx-page .page-hero h1 { font-family: var(--font-n); font-weight: 800; text-transform: uppercase; letter-spacing: -.01em; line-height: 1.05; font-size: clamp(2.1rem, 4.6vw, 3.8rem); max-width: 62%; }
.hx-page .page-hero p:not(.section-eyebrow) { max-width: 560px; }
.hx-page .page-hero .section-eyebrow { display: inline-flex; align-items: center; gap: .75rem; font-weight: 700; letter-spacing: .2em; }
.hx-page .page-hero .section-eyebrow::before { content: ''; width: 24px; height: 24px; background: url('/heritage/akofena.svg') center / contain no-repeat; }
.hx-page .page-hero .section-eyebrow::after { display: none; }

/* Corps : fond crème à motif clair, titres en capitales précédés du symbole */
.hx-page main { background: var(--cream-l, #f8f3ea) var(--hx-pattern-clair); }
.hx-page .service h2 { display: flex; align-items: center; gap: .8rem; font-family: var(--font-n); font-weight: 800; text-transform: uppercase; font-size: clamp(1.15rem, 1.8vw, 1.45rem); letter-spacing: .01em; }
.hx-page .service h2::before { content: ''; width: 30px; height: 30px; flex: none; background: var(--sv-glyph) center / contain no-repeat; }
.hx-page .sv-objective { background: #000 var(--hx-pattern); border-left-color: var(--gold); }
.hx-page .sv-objective-text { color: #f0e8d6; }
.hx-page .sv-steps li { background: rgba(255,255,255,.92); }

/* Autres expertises : chaque lien porte son symbole */
.hx-page .sv-others a { display: inline-flex; align-items: center; gap: .6rem; background: rgba(255,255,255,.85); }
.hx-page .sv-others a::before { content: ''; width: 18px; height: 18px; flex: none; background: center / contain no-repeat; }
.hx-page .sv-others a[href*="office-of-the-cfo"]::before { background-image: url('/heritage/sym/nyansapo.svg'); }
.hx-page .sv-others a[href*="financial-health"]::before { background-image: url('/heritage/sym/sankofa.svg'); }
.hx-page .sv-others a[href*="debt-advisory"]::before { background-image: url('/heritage/sym/boa-me.svg'); }
.hx-page .sv-others a[href*="restructuring"]::before { background-image: url('/heritage/sym/nkyinkyim.svg'); }
.hx-page .sv-others a[href*="project-finance"]::before { background-image: url('/heritage/sym/kontire-ne-akwamu.svg'); }
.hx-page .sv-others a[href*="valuation"]::before { background-image: url('/heritage/sym/akoma-ntoso.svg'); }

@media (max-width: 760px) {
  .hx-page .page-hero { min-height: 0; padding-top: calc(var(--nav-h, 70px) + 170px); }
  .hx-page .page-hero::after { top: calc(var(--nav-h, 70px) + 20px); right: 20px; width: 130px; transform: none; }
  .hx-page .page-hero h1 { max-width: none; }
}

/* Études, Research, Journal : cartes illustrées (image, chiffre clé, titre) */
.hx-page .etudes-filters, .hx-page .etudes-list { max-width: 1200px; }
.hx-page .etudes-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.6rem; padding-bottom: 80px; }
.hx-page .etude { display: flex; flex-direction: column; gap: 0; padding: 0; background: #1a1410 var(--hx-pattern); border: 0; border-top: 2px solid var(--gold); color: var(--cream, #f0e8d6); overflow: hidden; transition: transform .45s cubic-bezier(.2,.7,.2,1), box-shadow .45s; }
.hx-page .etude:hover { transform: translateY(-6px); box-shadow: 0 24px 50px rgba(26,20,16,.25); border-color: var(--gold); }
.hx-page .etude-img { position: relative; margin: 0; aspect-ratio: 16 / 10; overflow: hidden; background: #000; }
.hx-page .etude-img picture, .hx-page .etude-img img { display: block; width: 100%; height: 100%; }
.hx-page .etude-img img { object-fit: cover; filter: grayscale(1) contrast(1.05); transform: scale(1.02); transition: filter .9s ease, transform 1.4s cubic-bezier(.2,.7,.2,1); }
.hx-page .etude:hover .etude-img img, .hx-page .etude:focus-visible .etude-img img { filter: none; transform: scale(1.07); }
.hx-page .etude-img::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.82) 0%, rgba(0,0,0,.15) 55%, rgba(0,0,0,0) 100%); pointer-events: none; }
.hx-page .etude-stat { position: absolute; z-index: 1; left: 1.4rem; bottom: 1.1rem; right: 1.4rem; font-family: var(--font-s); font-size: 2.4rem; font-weight: 400; color: var(--gold-l, #d4b98a); line-height: 1; }
.hx-page .etude-stat small { display: block; margin-top: .45rem; font-family: var(--font-n); font-size: .58rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: rgba(240,232,214,.75); }
.hx-page .etude-body { display: flex; flex-direction: column; gap: .7rem; padding: 1.6rem 1.5rem 1.7rem; flex: 1; }
.hx-page .etude-kicker { margin: 0; font-size: .6rem; font-weight: 700; letter-spacing: .18em; color: var(--gold); }
.hx-page .etude h2 { margin: 0; font-family: var(--font-n); font-weight: 800; text-transform: uppercase; font-size: 1.02rem; line-height: 1.3; color: #fff; }
.hx-page .etude-body > p:not(.etude-kicker) { margin: 0; font-size: .86rem; line-height: 1.7; color: rgba(240,232,214,.7); flex: 1; }
.hx-page .etude-go { align-self: flex-start; margin-top: .4rem; font-size: .64rem; font-weight: 700; letter-spacing: .16em; color: var(--gold-l, #d4b98a); border-bottom: 1px solid rgba(212,185,138,.5); padding-bottom: .2rem; }
/* La première carte, à la une, sur toute la largeur */
.hx-page .etude--feature { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); }
.hx-page .etude--feature .etude-img { aspect-ratio: auto; min-height: 380px; }
.hx-page .etude--feature .etude-body { justify-content: center; padding: 2.6rem 2.6rem; gap: 1rem; }
.hx-page .etude--feature h2 { font-size: clamp(1.4rem, 2.4vw, 2rem); line-height: 1.15; }
.hx-page .etude--feature .etude-body > p:not(.etude-kicker) { flex: 0; font-size: .95rem; }
.hx-page .etude--feature .etude-stat { font-size: 3.2rem; }
.hx-page .etude[hidden] { display: none; }
@media (max-width: 1000px) { .hx-page .etudes-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) {
  .hx-page .etudes-list { grid-template-columns: 1fr; }
  .hx-page .etude--feature { grid-template-columns: 1fr; }
  .hx-page .etude--feature .etude-img { min-height: 0; aspect-ratio: 16 / 10; }
  .hx-page .etude--feature .etude-body { padding: 1.6rem 1.5rem 1.8rem; }
}

/* Menu noir sur toutes les pages, y compris après défilement */
#navbar.scrolled, .page-inner #navbar { background: rgba(0,0,0,.94); box-shadow: 0 1px 0 rgba(184,154,106,.25); backdrop-filter: blur(8px); }
#navbar.scrolled .nav-links a, .page-inner #navbar .nav-links a { color: rgba(240,232,214,.82); }
#navbar.scrolled .nav-links a:hover, .page-inner #navbar .nav-links a:hover { color: var(--gold-l, #d4b98a); }
#navbar.scrolled .nav-links .nav-cta, .page-inner #navbar .nav-links .nav-cta { border-color: rgba(240,232,214,.6); color: #fff; }
#navbar.scrolled .nav-links .nav-cta:hover, .page-inner #navbar .nav-links .nav-cta:hover { background: var(--gold, #b89a6a); border-color: var(--gold, #b89a6a); color: #000; }
#navbar.scrolled .burger span, .page-inner #navbar .burger span { background: rgba(240,232,214,.85); }
#navbar .lang-switch { color: rgba(240,232,214,.85); }
.mobile-menu { background: #000; border-top-color: rgba(184,154,106,.25); }
.mobile-menu a { color: rgba(240,232,214,.85); }

/* Expertises : une image par métier, entre l'objectif et le détail */
.hx-page .sv-img { margin: 0; position: relative; }
.hx-page .sv-img picture, .hx-page .sv-img img { display: block; width: 100%; height: auto; }
.hx-page .sv-img img { aspect-ratio: 21 / 9; object-fit: cover; filter: grayscale(1) contrast(1.05); transition: filter .9s ease; }
.hx-page .sv-img:hover img, .hx-page .sv-img.is-color img { filter: none; }
.hx-page .sv-img figcaption { font-size: .66rem; color: var(--text-l, #9a8e82); margin-top: .5rem; }