/* ═══════════════════════════════════════════════════════════
   EDMOND'S & COMPANY — Articles (notes et Journal), direction « Héritage »
   Même identité que le reste du site : menu noir avec le logo, en-tête
   noir à motif adinkra, titre en capitales, symbole de la rubrique
   (variable --art-glyph posée sur <body>).
   ═══════════════════════════════════════════════════════════ */
:root { --hx-pattern: url('/heritage/pattern-adinkra.svg'); --hx-pattern-clair: url('/heritage/pattern-adinkra-clair.svg'); --art-glyph: url('/heritage/akofena.svg'); }
.hx-art { background: var(--cream-l, #f8f3ea) var(--hx-pattern-clair); }
.hx-art .kente { display: none; }

/* Menu */
.hx-art nav.hx-artnav { background: #000; height: 76px; padding: 0 clamp(1rem, 4vw, 2.5rem); display: flex; align-items: center; gap: 2rem; position: sticky; top: 0; z-index: 100; border-bottom: 1px solid rgba(184,154,106,.25); }
.hx-artnav-logo { display: flex; align-items: center; flex: none; }
.hx-artnav-logo img { height: 52px; width: auto; display: block; }
.hx-artnav-links { display: flex; align-items: center; gap: 1.8rem; margin-left: auto; }
.hx-artnav-links a { font-family: var(--font-n); font-size: .68rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: rgba(240,232,214,.82); text-decoration: none; transition: color .2s; }
.hx-artnav-links a:hover { color: var(--gold, #b89a6a); }
.hx-artnav-links a.cta { border: 1px solid rgba(240,232,214,.6); padding: .55rem 1.1rem; color: #fff; }
.hx-artnav-links a.cta:hover { background: var(--gold, #b89a6a); border-color: var(--gold, #b89a6a); color: #000; }
.hx-art nav.hx-artnav .nav-lang { margin-left: 0; }

/* En-tête */
.hx-art .art-hero { background: #000 var(--hx-pattern); padding: 90px 0 80px; }
.hx-art .art-hero::before { background: radial-gradient(ellipse 50% 80% at 85% 50%, rgba(184,154,106,.16), transparent 70%); }
.hx-art .art-hero::after { content: ''; position: absolute; right: max(4vw, calc((100vw - 1200px) / 2)); top: 50%; width: clamp(120px, 17vw, 230px); aspect-ratio: 1; transform: translateY(-50%); background: var(--art-glyph) center / contain no-repeat; opacity: .9; filter: drop-shadow(0 0 40px rgba(184,154,106,.25)); }
.hx-art .art-hero-inner { max-width: 1040px; padding-right: clamp(2rem, 22vw, 300px); }
.hx-art .art-kicker { font-family: var(--font-n); font-weight: 700; letter-spacing: .2em; }
.hx-art .art-kicker::before { content: ''; width: 22px; height: 22px; flex: none; background: url('/heritage/akofena.svg') center / contain no-repeat; }
.hx-art .art-kicker::after { display: none; }
.hx-art .art-hero h1 { font-family: var(--font-n); font-weight: 800; text-transform: uppercase; letter-spacing: -.01em; line-height: 1.06; font-size: clamp(1.9rem, 4.2vw, 3.3rem); }
.hx-art .art-hero h1 em { font-style: normal; color: var(--gold, #b89a6a); }
.hx-art .art-meta { color: rgba(240,232,214,.5); flex-wrap: wrap; row-gap: .4rem; }

/* Barre de partage */
.hx-art .share-bar { background: #0b0907; border-bottom: 1px solid rgba(184,154,106,.2); flex-wrap: wrap; }
.hx-art .share-btn.li { background: transparent; border: 1px solid rgba(184,154,106,.5); color: var(--gold-l, #d4b98a); }
.hx-art .share-btn.li:hover { background: var(--gold, #b89a6a); color: #000; opacity: 1; }

/* Corps */
.hx-art .art-body { background: transparent; }
.hx-art .art-body h2 { display: flex; align-items: center; gap: .75rem; font-family: var(--font-n); font-weight: 800; text-transform: uppercase; font-size: clamp(1.1rem, 1.9vw, 1.4rem); letter-spacing: .005em; line-height: 1.25; color: var(--brown, #1a1410); }
.hx-art .art-body h2::before { content: ''; width: 26px; height: 26px; flex: none; background: var(--art-glyph) center / contain no-repeat; }
.hx-art .stat-block { background: #000 var(--hx-pattern); border-radius: 0; border-top: 2px solid var(--gold, #b89a6a); }
.hx-art .stat-block::before { display: none; }
.hx-art .pull-quote { background: #fff; border-left-color: var(--gold, #b89a6a); }

/* Pied de page */
.hx-art .art-footer { background: #000 var(--hx-pattern); border-top: 2px solid var(--gold, #b89a6a); }
.hx-art .art-footer-logo img { height: 64px; width: auto; display: inline-block; }
.hx-art .btn-back { border-radius: 0; }

@media (max-width: 900px) {
  .hx-artnav-links a:not(.cta) { display: none; }
  .hx-artnav-links { gap: 1rem; }
  .hx-art nav.hx-artnav { height: 64px; gap: 1rem; }
  .hx-artnav-logo img { height: 42px; }
}
@media (max-width: 640px) {
  .hx-art .art-hero { padding: 150px 0 56px; }
  .hx-art .art-hero::after { top: 34px; right: 1.5rem; width: 92px; transform: none; }
  .hx-art .art-hero-inner { padding-right: 2rem; }
  .hx-art .share-bar { justify-content: flex-start; gap: .5rem; padding: .7rem 1rem; }
  .hx-art .share-label { width: 100%; }
  .hx-art .share-btn { padding: .4rem .7rem; font-size: .62rem; }
  .hx-artnav-links a.cta { padding: .45rem .8rem; font-size: .6rem; }
}
@media print { .hx-art .art-hero::after { display: none; } }