/*
Theme Name: B-Empire Africa La Maison
Theme URI: https://africa.b-empiremagazine.com
Author: B-Empire
Description: La Maison editorial design for B-Empire Magazine Africa.
Version: 1.0.0
Text Domain: b-empire-africa
*/
@font-face {
  font-family: 'DM Serif Display';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/dm-serif-display-latin-ext-italic.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'DM Serif Display';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/dm-serif-display-latin-italic.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'DM Serif Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/dm-serif-display-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'DM Serif Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/dm-serif-display-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Source Serif 4';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/source-serif-4-latin-ext-italic.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Source Serif 4';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/source-serif-4-latin-italic.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url(assets/fonts/source-serif-4-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url(assets/fonts/source-serif-4-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/libre-franklin-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/libre-franklin-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/libre-franklin-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/libre-franklin-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Noto Naskh Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/noto-naskh-arabic-arabic.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'Noto Naskh Arabic';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/noto-naskh-arabic-arabic.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'Noto Naskh Arabic';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/noto-naskh-arabic-arabic.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/ibm-plex-sans-arabic-arabic.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/ibm-plex-sans-arabic-arabic-500.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/ibm-plex-sans-arabic-arabic-600.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* B-EMPIRE — "La Maison" design system (local preview) */
:root{
  --noir:#0D0D0D; --noir-2:#171614; --or:#C9A84C; --or-encre:#7A5F1E;
  --ivoire:#F7F5F2; --blanc:#FFFFFF;
  --filet-sombre:rgba(247,245,242,.18); --filet-clair:rgba(13,13,13,.16);
  --doux-sombre:rgba(247,245,242,.68); --doux-clair:rgba(13,13,13,.66);
  --display:"DM Serif Display",Georgia,serif;
  --texte:"Source Serif 4",Georgia,serif;
  --label:"Libre Franklin","Helvetica Neue",Arial,sans-serif;
  --marge:clamp(16px,4vw,64px);
  --max:1560px;
}
[dir=rtl]{
  --display:"Noto Naskh Arabic","Amiri",serif;
  --texte:"Noto Naskh Arabic","Amiri",serif;
  --label:"IBM Plex Sans Arabic",Arial,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--ivoire);color:var(--noir);font-family:var(--texte);font-size:18px;line-height:1.5;overflow-x:clip}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3,p,figure,ol,ul{margin:0;padding:0}
ol,ul{list-style:none}
:focus-visible{outline:2px solid var(--or);outline-offset:3px}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* Labels */
.lab{font-family:var(--label);font-size:12px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}
[dir=rtl] .lab{letter-spacing:0;text-transform:none;font-size:14px}
.or{color:var(--or)}
.clair .or,.or-encre{color:var(--or-encre)}

/* Display type */
.t{font-family:var(--display);font-weight:400;line-height:1.04;letter-spacing:-.012em;text-wrap:balance}
.t em{font-style:italic;font-weight:400}
[dir=rtl] .t{letter-spacing:0;line-height:1.4;font-weight:700}
[dir=rtl] .t em{font-style:normal;font-weight:400}
.lien-t{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .45s cubic-bezier(.2,.7,.2,1)}
[dir=rtl] .lien-t{background-position:100% 100%}
a:hover .lien-t{background-size:100% 1px}

/* Utility bar */
.util{background:var(--noir);color:var(--doux-sombre);border-bottom:1px solid var(--filet-sombre)}
.util__in{max-width:var(--max);margin:auto;padding:9px var(--marge);display:flex;justify-content:space-between;gap:24px;align-items:center}
.util .lab{font-size:11px}
[dir=rtl] .util .lab{font-size:13px}
.util nav{display:flex;gap:22px;align-items:center}
.util a:hover{color:var(--or)}
.util a[aria-current]{color:var(--or)}
.util__grp{display:flex;gap:22px}

/* Masthead */
.mast{background:var(--noir);color:var(--ivoire);text-align:center;padding:24px var(--marge) 22px}
.mast a{display:inline-block}
.mast svg{height:66px;width:auto;display:block}
.mast svg,.nav__mark svg,.pied svg{direction:ltr;unicode-bidi:isolate}
.nav{position:sticky;top:0;z-index:50;background:var(--noir);color:var(--ivoire);border-top:1px solid var(--filet-sombre);border-bottom:1px solid var(--filet-sombre)}
.nav__in{max-width:var(--max);margin:auto;padding:0 var(--marge);display:flex;align-items:center;justify-content:center;position:relative;min-height:54px}
.nav__mark{position:absolute;inset-inline-start:var(--marge);top:50%;transform:translateY(-50%);opacity:0;transition:opacity .3s;pointer-events:none}
.nav.pris .nav__mark{opacity:1;pointer-events:auto}
.nav__mark svg{height:26px;width:auto;display:block}
.nav-unused ul{display:flex;gap:clamp(20px,3.4vw,54px);overflow-x:auto;scrollbar-width:none}
.nav-unused ul::-webkit-scrollbar{display:none}
.nav-unused li a{display:block;padding:18px 0 16px;white-space:nowrap;position:relative}
.nav-unused li a::after{content:"";position:absolute;inset-inline:0;bottom:-1px;height:2px;background:var(--or);transform:scaleX(0);transition:transform .35s}
.nav-unused li a:hover::after,.nav-unused li a[aria-current]::after{transform:scaleX(1)}
.nav__cta{position:absolute;inset-inline-end:var(--marge);top:50%;transform:translateY(-50%);color:var(--or)}

/* COVER */
.cover{background:var(--noir);color:var(--ivoire);position:relative;overflow:hidden}
.cover__in{max-width:var(--max);margin:auto;padding:0 var(--marge);display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,1fr) 300px;min-height:clamp(600px,calc(100vh - 170px),860px);position:relative}
.cover__txt{position:relative;z-index:2;align-self:end;padding:44px 0 52px;margin-inline-end:-22%}
.cover__kick{display:flex;gap:14px;align-items:center;margin-bottom:26px}
.cover__kick::before{content:"";width:46px;height:1px;background:var(--or)}
.cover h1{font-size:clamp(50px,6.5vw,116px);line-height:.96}
[dir=rtl] .cover h1{font-size:clamp(46px,6vw,104px);line-height:1.22}
.cover h1 em{display:block;font-size:.46em;line-height:1.14;color:var(--or);margin-top:.5em;max-width:17em}
.cover__deck{margin-top:26px;max-width:33em;color:var(--doux-sombre);font-size:19px;line-height:1.5}
.cover__meta{margin-top:24px;color:var(--doux-sombre)}
.cover__img{position:relative;grid-column:2;min-height:520px}
.cover__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 12%;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 26%);mask-image:linear-gradient(to right,transparent 0,#000 26%)}
[dir=rtl] .cover__img img{-webkit-mask-image:linear-gradient(to left,transparent 0,#000 26%);mask-image:linear-gradient(to left,transparent 0,#000 26%)}
.cover__lines{grid-column:3;border-inline-start:1px solid var(--filet-sombre);padding:40px 0 40px 30px;display:flex;flex-direction:column;justify-content:flex-end;gap:0}
[dir=rtl] .cover__lines{padding:40px 30px 40px 0}
.cover__lines>.lab{margin-bottom:auto}
.ligne{display:block;padding:22px 0;border-top:1px solid var(--filet-sombre)}
.ligne .n{font-family:var(--display);color:var(--or);font-size:24px;display:block;margin-bottom:4px}
.ligne .t{font-size:23px;line-height:1.16}
[dir=rtl] .ligne .t{font-size:24px;line-height:1.5}
.ligne .lab{display:block;margin-top:10px;color:var(--doux-sombre);font-size:11px}

/* Section furniture */
.sec{padding:clamp(64px,8vw,128px) var(--marge)}
.sec__in{max-width:var(--max);margin:auto}
.sombre{background:var(--noir);color:var(--ivoire)}
.clair{background:var(--ivoire);color:var(--noir)}
.sec__tete{display:flex;justify-content:space-between;align-items:baseline;gap:24px;border-top:1px solid currentColor;padding-top:14px;margin-bottom:clamp(36px,5vw,72px)}
.sec__tete h2{font-family:var(--display);font-style:italic;font-weight:400;font-size:clamp(34px,4vw,60px);line-height:1}
[dir=rtl] .sec__tete h2{font-style:normal;font-weight:700;line-height:1.4}
.sec__tete a:hover{color:var(--or)}

/* Maison spread */
.spread{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(32px,6vw,104px);align-items:center}
.spread__img{background:#E9E6E1;overflow:hidden}
.spread__img img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%;transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
a:hover>.spread__img img,.spread__img:hover img{transform:scale(1.03)}
.spread h3{font-size:clamp(40px,5vw,84px);line-height:1}
[dir=rtl] .spread h3{line-height:1.35}
.spread h3 em,.spread h2 em{display:block;font-size:.5em;line-height:1.16;margin-top:.5em;color:var(--or-encre)}
.spread__lead{margin-top:30px;font-size:21px;line-height:1.5}
.spread__lead::first-letter{font-family:var(--display);float:inline-start;font-size:5.1em;line-height:.8;padding-inline-end:.08em;padding-top:.07em;color:var(--or-encre)}
[dir=rtl] .spread__lead::first-letter{float:none;font-size:inherit;padding:0;color:inherit;font-family:inherit}
.plus{display:inline-block;margin-top:28px;padding-bottom:5px;border-bottom:1px solid currentColor}
.aussi{display:block;margin-top:44px;padding-top:20px;border-top:1px solid var(--filet-clair)}
.aussi .t{font-size:29px;margin-top:8px;line-height:1.12}

/* Quote */
.citation{background:var(--or);color:var(--noir);padding:clamp(72px,9vw,140px) var(--marge);text-align:center}
.citation blockquote{margin:0 auto;max-width:21em;font-family:var(--display);font-style:italic;font-size:clamp(32px,4.5vw,72px);line-height:1.1;text-wrap:balance}
[dir=rtl] .citation blockquote{font-style:normal;font-weight:700;line-height:1.5}
.citation a{display:inline-block;margin-top:34px;border-bottom:1px solid currentColor;padding-bottom:5px}

/* Sport mosaic */
.mosa{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:clamp(20px,2.4vw,36px)}
.img-c{display:block;position:relative;overflow:hidden;background:var(--noir-2)}
.img-c img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.img-c:hover img{transform:scale(1.03)}
.mosa__a{grid-row:span 2;min-height:640px}
.img-c__v{position:absolute;inset:auto 0 0 0;padding:120px clamp(20px,3vw,44px) clamp(20px,3vw,40px);background:linear-gradient(transparent,rgba(13,13,13,.92));color:var(--ivoire)}
.mosa__a .t{font-size:clamp(34px,4.3vw,72px);margin-top:12px;max-width:15em}
.mosa__b .t{font-size:clamp(26px,2.3vw,36px);margin-top:10px}
.mosa__b{min-height:310px}

/* Affaires index */
.idx li{border-top:1px solid var(--filet-clair)}
.idx li:last-child{border-bottom:1px solid var(--filet-clair)}
.idx a{display:grid;grid-template-columns:90px minmax(0,1fr) 150px;gap:24px;padding:30px 0;align-items:baseline;transition:padding .4s cubic-bezier(.2,.7,.2,1),background .3s}
.idx a:hover{padding-inline-start:18px;background:var(--blanc)}
.idx .n{font-family:var(--display);font-size:42px;line-height:1;color:var(--or-encre)}
.idx .t{font-size:clamp(28px,3.5vw,54px);line-height:1.06}
.idx .lab{text-align:end;color:var(--doux-clair)}

/* Ad slot */
.pub{background:var(--ivoire);padding:0 var(--marge) clamp(56px,6vw,96px);text-align:center}
.pub .lab{color:var(--doux-clair);display:block;margin-bottom:10px;font-size:10px}
.pub__z{max-width:970px;height:150px;margin:auto;border:1px solid var(--filet-clair);display:grid;place-items:center;color:var(--doux-clair);font-family:var(--label);font-size:13px}

/* Brief */
.brief{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:end}
.brief h2{font-size:clamp(46px,6.4vw,108px);line-height:.96}
[dir=rtl] .brief h2{line-height:1.3}
.brief h2 em{color:var(--or)}
.brief p{color:var(--doux-sombre);font-size:20px;max-width:30em}
.form{display:flex;margin-top:26px;border-bottom:1px solid var(--ivoire)}
.form input{flex:1;min-width:0;background:none;border:0;color:var(--ivoire);padding:14px 0;font:inherit;font-size:19px;outline-offset:0}
.form input::placeholder{color:var(--doux-sombre)}
.form button{background:none;border:0;color:var(--or);cursor:pointer;padding:0 0 0 18px}
[dir=rtl] .form button{padding:0 18px 0 0}

/* Le fil */
.fil{columns:2;column-gap:clamp(32px,5vw,88px)}
.fil li{break-inside:avoid;border-top:1px solid var(--filet-clair)}
.fil a{display:grid;grid-template-columns:62px minmax(0,1fr);gap:16px;padding:20px 0}
.fil time{font-family:var(--label);font-size:14px;color:var(--or-encre);padding-top:5px;font-variant-numeric:tabular-nums}
.fil .t{font-size:24px;line-height:1.18}
[dir=rtl] .fil .t{line-height:1.55}
.fil .lab{display:block;margin-bottom:5px;color:var(--doux-clair);font-size:11px}

/* Typographic card (no photo) */
.typo{display:flex;flex-direction:column;justify-content:space-between;background:var(--noir);color:var(--ivoire);padding:28px;min-height:330px;position:relative;overflow:hidden;transition:background .3s}
.typo:hover{background:var(--noir-2)}
.typo .t{font-size:30px;line-height:1.12;position:relative}
[dir=rtl] .typo .t{line-height:1.5}

/* Rubrique */
.rub-h{background:var(--noir);color:var(--ivoire);padding:clamp(52px,7vw,104px) var(--marge) clamp(34px,4vw,56px)}
.rub-h h1{font-family:var(--display);font-weight:400;font-size:clamp(76px,16vw,264px);line-height:.88;letter-spacing:-.02em}
[dir=rtl] .rub-h h1{letter-spacing:0;line-height:1.25;font-weight:700}
.rub-h .sec__in{display:block}
.rub-h .lab{display:block;margin-bottom:18px}
.grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(32px,3.6vw,56px) clamp(20px,2.6vw,40px)}
.carte .ph{display:block;overflow:hidden;background:#E9E6E1;aspect-ratio:4/5;margin-bottom:18px}
.carte .ph img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.carte:hover .ph img{transform:scale(1.03)}
.carte .t{font-size:clamp(26px,2.3vw,34px);line-height:1.1;margin-top:8px}
[dir=rtl] .carte .t{line-height:1.5}
.carte p{margin-top:10px;color:var(--doux-clair);font-size:17px}
.carte--t{display:block;border-top:2px solid var(--or);padding-top:16px}
.carte--t .t{font-size:clamp(27px,2.5vw,38px);line-height:1.1;margin-top:12px}
.rub-lead{margin-bottom:clamp(56px,7vw,104px)}
.rub-lead .spread__img img{aspect-ratio:5/6}
.spread--inv>a{order:2}
.grille--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grille+.grille{margin-top:clamp(48px,6vw,88px)}

/* Article */
.prog{position:fixed;inset-inline:0;top:0;height:3px;z-index:60;background:var(--or);transform:scaleX(0);transform-origin:left}
[dir=rtl] .prog{transform-origin:right}
.a-h{background:var(--noir);color:var(--ivoire);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:min(82vh,820px)}
.a-h__t{padding:clamp(40px,6vw,96px) var(--marge);align-self:end}
.a-h h1{font-size:clamp(42px,5.2vw,92px);line-height:1}
[dir=rtl] .a-h h1{line-height:1.35}
.a-h h1 em{display:block;font-size:.5em;line-height:1.16;color:var(--or);margin-top:.55em}
.a-h__m{margin-top:32px;color:var(--doux-sombre);display:flex;flex-wrap:wrap;gap:8px 24px}
.a-h__i{position:relative;min-height:440px}
.a-h__i img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 16%}
.a-h--typo{display:block;min-height:0;text-align:center}
.a-h--typo .a-h__t{max-width:1180px;margin:auto;padding-block:clamp(72px,10vw,150px)}
.a-h--typo h1 em{margin-inline:auto}
.a-h--typo .a-h__m{justify-content:center}
.a-b{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,690px) minmax(0,1fr);gap:40px;padding:clamp(52px,7vw,104px) var(--marge)}
.a-b__c{grid-column:2}
.a-b__p{grid-column:1;justify-self:end;position:sticky;top:90px;align-self:start;display:flex;flex-direction:column;gap:14px;color:var(--doux-clair)}
.a-b__p a:hover{color:var(--or-encre)}
.corps{font-size:21px;line-height:1.62}
[dir=rtl] .corps{font-size:21px;line-height:2}
.corps p{margin:0 0 1.15em}
.corps>p:first-child{font-size:25px;line-height:1.45}
.corps>p:first-child::first-letter{font-family:var(--display);float:inline-start;font-size:4.3em;line-height:.8;padding-inline-end:.08em;padding-top:.08em;color:var(--or-encre)}
[dir=rtl] .corps>p:first-child::first-letter{float:none;font-size:inherit;padding:0;color:inherit;font-family:inherit}
.corps h2{font-family:var(--display);font-weight:400;font-size:38px;line-height:1.1;margin:1.5em 0 .55em}
[dir=rtl] .corps h2{line-height:1.5;font-weight:700}
.corps a{color:var(--or-encre);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.corps img{height:auto;margin:1.4em 0}
.corps blockquote{margin:1.4em 0;padding-inline-start:24px;border-inline-start:2px solid var(--or);font-style:italic}
.pq{margin:1.6em -8%;padding:1.1em 0;border-block:1px solid var(--noir);font-family:var(--display);font-style:italic;font-size:clamp(30px,3.2vw,44px);line-height:1.14;text-align:center;text-wrap:balance}
[dir=rtl] .pq{font-style:normal;font-weight:700;line-height:1.55}

/* Footer */
.pied{background:var(--noir);color:var(--doux-sombre);padding:clamp(56px,7vw,96px) var(--marge) 34px;border-top:1px solid var(--filet-sombre)}
.pied__in{max-width:var(--max);margin:auto}
.pied__h{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:40px}
.pied svg{height:82px;width:auto;margin-inline-start:-8px}
.pied h4{margin:0 0 16px;color:var(--or);font-weight:500}
.pied li{margin:9px 0;font-family:var(--label);font-size:15px}
.pied a:hover{color:var(--or)}
.pied__b{margin-top:56px;padding-top:20px;border-top:1px solid var(--filet-sombre);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.pied__b .lab{font-size:11px}

/* Motion: content is only hidden when JS is confirmed running */
.js .rv{opacity:0;transform:translateY(22px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.js .rv.in{opacity:1;transform:none}
@keyframes zoom{from{transform:scale(1.07)}to{transform:none}}
.cover__img img{animation:zoom 2.2s cubic-bezier(.2,.7,.2,1) both}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .rv{opacity:1;transform:none}
}

/* Tablet */
@media (max-width:1180px){
  .cover__in{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
  .cover__lines{grid-column:1/-1;border-inline-start:0;padding:0 0 28px!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 26px}
  .cover__lines>.lab{grid-column:1/-1;margin-bottom:14px}
  .nav__cta{display:none}
}
/* Phone */
@media (max-width:760px){
  body{font-size:17px}
  .util__grp{display:none}
  .util__in{padding-block:7px;gap:12px}
  .util .lab{font-size:10px;letter-spacing:.1em;white-space:nowrap}
  .util nav{gap:12px}
  .mast{padding:18px var(--marge) 14px}
  .mast svg{height:46px}
  .nav__in{justify-content:flex-start;padding-inline:0;min-height:48px}
  .nav-unused ul{padding-inline:var(--marge);gap:24px}
  .nav-unused li a{padding:15px 0 13px}
  .nav__mark{display:none}
  .cover__in{display:flex;flex-direction:column;padding:0;min-height:0}
  .cover__img{order:-1;width:100%}
  .cover__img{height:112vw;max-height:600px;min-height:0}
  .cover__img img,[dir=rtl] .cover__img img{-webkit-mask-image:linear-gradient(to bottom,#000 62%,transparent);mask-image:linear-gradient(to bottom,#000 62%,transparent)}
  .cover__txt{margin:-104px 0 0;padding:0 var(--marge) 34px}
  .cover h1{font-size:clamp(46px,13.4vw,72px)}
  [dir=rtl] .cover h1{font-size:clamp(42px,11.5vw,64px)}
  .cover__deck{font-size:18px}
  .cover__lines{display:block;padding:0 var(--marge) 20px!important}
  .ligne{padding:18px 0}
  .spread,.brief,.a-h{grid-template-columns:minmax(0,1fr)}
  .mosa{grid-template-columns:minmax(0,1fr)}
  .mosa__a{min-height:440px;grid-row:auto}
  .mosa__b{min-height:400px}
  .idx a{grid-template-columns:48px minmax(0,1fr);gap:12px;padding:22px 0}
  .idx .n{font-size:30px}
  .idx .lab{display:none}
  .pub__z{height:100px}
  .fil{columns:1}
  .grille,.grille--2{grid-template-columns:minmax(0,1fr)}
  .spread--inv>a{order:0}
  .a-h{display:flex;flex-direction:column-reverse;min-height:0}
  .a-h__i{height:96vw;max-height:540px;min-height:0}
  .a-h--typo{display:block}
  .a-b{display:block}
  .a-b__p{display:none}
  .corps{font-size:19px}
  .corps>p:first-child{font-size:22px}
  .corps h2{font-size:31px}
  .pq{margin-inline:0}
  .pied__h{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pied__h>div:first-child{grid-column:1/-1}
}

/* WordPress components */
.skip{position:absolute;inset-inline-start:8px;top:-60px;z-index:100;background:var(--or);color:var(--noir);padding:10px 16px;font-family:var(--label)}
.skip:focus{top:8px}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.mast__h{margin:0;font-size:inherit;font-weight:inherit}
.util__r{display:flex;gap:22px;align-items:center}.util__r nav{display:flex;gap:16px}
.be-nav ul{display:flex;gap:clamp(20px,3vw,46px);overflow-x:auto;scrollbar-width:none}
.be-nav ul::-webkit-scrollbar{display:none}
.be-nav a{display:block;padding:18px 0 16px;white-space:nowrap;position:relative;font-family:var(--label);font-size:12px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}
[dir=rtl] .be-nav a{letter-spacing:0;text-transform:none;font-size:14px}
.be-nav a::after{content:"";position:absolute;inset-inline:0;bottom:-1px;height:2px;background:var(--or);transform:scaleX(0);transition:transform .35s}
.be-nav a:hover::after,.be-nav a[aria-current]::after,.be-nav .current-menu-item a::after{transform:scaleX(1)}
.be-nav .be-menu-gold a{color:var(--or)}
.nav__cta{display:flex;gap:18px;align-items:center}
.nav__cta button{background:none;border:0;color:var(--ivoire);padding:8px;cursor:pointer;display:flex}
.nav__cta svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
.cover__h{font-size:clamp(50px,6.5vw,116px);line-height:.98;margin:0}
.cover__h em{display:block;font-size:.46em;line-height:1.14;color:var(--or);margin-top:.5em;max-width:17em}
[dir=rtl] .cover__h{font-size:clamp(46px,6vw,104px);line-height:1.22}
.cover--typo .cover__in{grid-template-columns:minmax(0,1fr) 300px}
.cover--typo .cover__txt{margin:0}
.cover--typo .cover__lines{grid-column:2}
.ligne{padding:22px 0;border-top:1px solid var(--filet-sombre)}
.ligne .t{margin:0}.ligne .lab{margin-top:10px}
.cover__lines>p.lab{margin-bottom:auto}
.spread__h{font-size:clamp(40px,5vw,84px);line-height:1.02;margin-top:16px}
.spread__h em{display:block;font-size:.5em;line-height:1.16;margin-top:.5em;color:var(--or-encre)}
.aussi .t{margin-top:8px}
.citation__q{margin:0 auto;max-width:21em;font-family:var(--display);font-style:italic;font-size:clamp(32px,4.5vw,72px);line-height:1.1;text-wrap:balance}
[dir=rtl] .citation__q{font-style:normal;font-weight:700;line-height:1.5}
.img-c{position:relative}.img-c>img{position:absolute;inset:0}
.img-c>img{object-position:50% 18%}
.spread__img img{height:auto}
.mosa__b:nth-child(2):last-child{grid-row:span 2}
.related .carte--t{border-top-color:var(--or)}
.img-c__v{z-index:1}.stretch::after{content:"";position:absolute;inset:0}
.idx h3,.fil h3{margin:0}
.carte{position:relative}
.carte .ph{display:block;overflow:hidden;background:#E9E6E1;aspect-ratio:4/5;margin-bottom:18px}
.carte .be-fav-btn{position:absolute;top:10px;inset-inline-end:10px;background:rgba(13,13,13,.72);border-radius:50%;width:44px;height:44px;color:var(--ivoire)}
.carte__d{margin-top:10px;color:var(--doux-clair);font-size:17px}
.related .carte__d,.related .carte .lab{color:var(--doux-sombre)}
.be-fav-btn{background:none;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;color:inherit}
.be-fav-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
.be-fav-btn.is-saved svg{fill:var(--or);stroke:var(--or)}
.crumbs{display:flex;flex-wrap:wrap;gap:6px 10px;margin-bottom:22px;color:var(--doux-sombre);font-size:11px}
.crumbs a:hover{color:var(--or)}.crumbs .sep{opacity:.5}
.a-h h1{margin-top:20px}
.a-h__d{margin-top:22px;color:var(--doux-sombre);font-size:21px;max-width:34em}
.a-h__m a{color:var(--ivoire);border-bottom:1px solid var(--or)}
.a-h__i{margin:0}
.a-h__i figcaption{position:absolute;inset-inline-end:0;bottom:0;background:rgba(13,13,13,.72);color:var(--ivoire);font-family:var(--label);font-size:12px;padding:6px 10px;max-width:80%}
.a-b__c{grid-column:2;grid-row:1}
.a-b__p{grid-row:1}
.a-b__p .be-fav-btn{width:44px;height:44px;justify-content:flex-start}
.a-b__p button{background:none;border:0;padding:0;cursor:pointer;color:inherit;text-align:start}
.a-b--page{display:block}.a-b--page .a-b__c{max-width:760px;margin:auto}
.toc{margin:0 0 1.6em;padding:20px 0;border-block:1px solid var(--filet-clair)}
.toc ol{counter-reset:t;margin-top:10px}
.toc li{counter-increment:t;margin:7px 0;font-family:var(--label);font-size:16px;line-height:1.35}
.toc li::before{content:counter(t) ". ";color:var(--or-encre)}
.corps .toc a{color:inherit;text-decoration:none}.corps .toc a:hover{color:var(--or-encre)}
.corps h2{scroll-margin-top:80px}
.corps figure{margin:1.4em 0}.corps figcaption{font-family:var(--label);font-size:13px;color:var(--doux-clair);margin-top:6px}
.corps>ul,.corps>ol{padding-inline-start:1.2em;list-style:revert;margin:0 0 1.15em}
.corps table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}
.corps iframe{max-width:100%}
.corps .a-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:36px}
.corps .a-tags a{border:1px solid var(--filet-clair);padding:8px 12px;text-decoration:none;color:inherit;line-height:1}
.a-auth{display:flex;gap:18px;align-items:center;margin-top:34px;padding-top:24px;border-top:2px solid var(--or)}
.corps .a-auth img{border-radius:50%;width:88px;height:88px;flex:none;margin:0}
.corps .a-auth__n{font-size:26px;margin:0}.corps .a-auth__n a{text-decoration:none;color:inherit}
.corps .a-auth__b{margin:6px 0 0;font-size:17px;line-height:1.45;color:var(--doux-clair)}
.rub-h .crumbs{margin-bottom:30px}
.rub-h h1.long{font-size:clamp(46px,8vw,120px);line-height:1}
.rub-h__d{margin-top:24px;max-width:44em;color:var(--doux-sombre);font-size:20px}
.nf{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:30px}.nf a:hover{color:var(--or)}
.pagin{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:64px}
.pagin .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 12px;border:1px solid var(--filet-clair)}
.pagin .current{background:var(--noir);color:var(--ivoire);border-color:var(--noir)}
.pagin a:hover{border-color:var(--or);color:var(--or-encre)}
.be-newsletter__msg{margin-top:14px;color:var(--or)}
.pied p.lab{margin:0 0 16px}.pied__tag{margin-top:16px;max-width:22em}
.pied__soc{display:flex;gap:6px;margin-top:18px;margin-inline-start:-11px}
.pied__soc a{width:44px;height:44px;display:flex;align-items:center;justify-content:center}
.pied .pied__soc svg{width:18px;height:18px;fill:currentColor;margin:0}
.pied__leg{display:flex;gap:18px;flex-wrap:wrap}
.pied__h>div:first-child>a svg{height:60px}

/* Overlays carried over from the previous theme */
.be-search-overlay{position:fixed;inset:0;z-index:95;background:var(--noir);color:var(--ivoire);display:none;align-items:center;justify-content:center;padding:var(--marge)}
.be-search-overlay.is-open{display:flex}
.be-search-overlay form{width:min(860px,100%)}
.be-search-overlay input{width:100%;background:none;border:0;border-bottom:1px solid var(--or);color:inherit;font-family:var(--display);font-size:clamp(30px,5vw,60px);padding:12px 0}
.be-search-overlay__close{position:absolute;top:18px;inset-inline-end:var(--marge);background:none;border:0;color:var(--ivoire);font-size:42px;width:48px;height:48px;cursor:pointer}
.be-bottomnav{display:none}
.be-install,.be-offline{position:fixed;inset-inline:16px;bottom:84px;z-index:80;display:none;background:var(--noir);color:var(--ivoire);border:1px solid var(--or);padding:16px;font-family:var(--label);font-size:15px}
.be-install.is-open,.be-offline.is-open{display:block}
.be-install__text{margin-bottom:10px}
.be-install__actions{display:flex;gap:12px}
.be-install button,.be-notify button{min-height:44px;padding:0 18px;border:1px solid var(--or);background:none;color:var(--or);cursor:pointer;font:inherit}
.be-install__yes,.be-notify__yes{background:var(--or)!important;color:var(--noir)!important}
.be-notify{position:fixed;inset:0;z-index:92;background:rgba(13,13,13,.7);display:none;align-items:center;justify-content:center;padding:16px}
.be-notify.is-open{display:flex}
.be-notify__card{background:var(--noir);color:var(--ivoire);border:1px solid var(--or);padding:32px;max-width:420px;text-align:center;font-family:var(--label)}
.be-notify__title{font-size:32px;margin-bottom:10px}
.be-notify__text{margin-bottom:20px;color:var(--doux-sombre)}
.be-notify button{margin:4px}

/* Compatibility: markup from plugins and the favourites script */
.be-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.be-card__media img{width:100%;aspect-ratio:4/5;object-fit:cover}
.be-card__title{font-family:var(--display);font-weight:400;font-size:28px;line-height:1.12;margin:10px 0}
.be-card__tag,.be-card__meta{font-family:var(--label);font-size:12px;color:var(--doux-clair)}

@media (max-width:1180px){
  .cover--typo .cover__in{grid-template-columns:minmax(0,1fr)}
  .cover--typo .cover__lines{grid-column:1}
  .nav__cta .lab{display:none}
}
@media (max-width:760px){
  html body{padding-bottom:64px}
  .be-nav{width:100%}.be-nav ul{padding-inline:var(--marge);gap:24px}.be-nav a{padding:15px 0 13px}
  .nav__cta{display:none}
  .cover__h{font-size:clamp(46px,13.4vw,72px)}[dir=rtl] .cover__h{font-size:clamp(42px,11.5vw,64px)}
  .cover--typo .cover__txt{margin:0;padding-top:36px}
  .a-b{display:block}.a-b__p{display:flex;flex-flow:row wrap;position:static;margin-top:28px;gap:14px 18px}.a-b__p>span{width:100%}
  .be-grid-3{grid-template-columns:minmax(0,1fr)}
  .be-bottomnav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;inset:auto 0 0 0;z-index:70;background:var(--noir);color:var(--ivoire);border-top:1px solid var(--filet-sombre);padding-bottom:env(safe-area-inset-bottom)}
  .be-bottomnav a{min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-family:var(--label);font-size:11px}
  .be-bottomnav a.is-active{color:var(--or)}
  .be-bottomnav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
  .pied__h>div:first-child>a svg{height:48px}
}

/* Plugin pages that rely on the previous theme's container */
.container{max-width:1280px;margin-inline:auto;padding-inline:var(--marge)}

/* Pages whose content opens with its own H1: breadcrumb strip only */
.rub-h--crumbs{padding-top:18px;padding-bottom:18px;min-height:0}
.rub-h--crumbs .be-breadcrumbs,.rub-h--crumbs nav{margin-bottom:0}

/* Photo credits: AA contrast */
.brp-credit,.brp-credit a{color:#655f52!important}
.sombre .brp-credit,.sombre .brp-credit a{color:#b9b2a3!important}

/* Billionaires index */
.bn-in{max-width:1240px;margin:0 auto;padding:0 var(--marge)}
.bn-h{background:var(--noir);color:var(--ivoire);padding:clamp(40px,6vw,88px) 0 clamp(36px,5vw,64px)}
.bn-h .lab.or{display:block;margin:22px 0 14px}
.bn-h__t{font-family:var(--display);font-weight:400;font-size:clamp(44px,8.4vw,128px);line-height:.98;letter-spacing:-.02em;max-width:13em}
.bn-h__l{font-size:clamp(17px,1.5vw,21px);line-height:1.5;max-width:36em;margin-top:22px;opacity:.82}
.bn-kpi{display:grid;grid-template-columns:repeat(4,1fr);margin-top:clamp(32px,4vw,56px);border-top:1px solid rgba(201,168,76,.45)}
.bn-kpi>div{padding:20px 20px 0 0}
.bn-kpi>div+div{border-left:1px solid rgba(255,255,255,.12);padding-left:20px}
.bn-kpi dt{opacity:.72}
.bn-kpi dd{font-family:var(--display);font-size:clamp(26px,3.2vw,46px);color:#d9bb68;margin:8px 0 0;line-height:1.1}
.bn-kpi .bn-kpi__d{font-size:clamp(20px,2vw,28px);color:var(--ivoire)}
.bn-pod{background:var(--noir);padding-bottom:clamp(44px,6vw,88px)}
.bn-pod__g{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:clamp(12px,1.6vw,22px);align-items:end}
.bn-c{position:relative;display:block;overflow:hidden;color:var(--ivoire);text-decoration:none;background:#17140f;aspect-ratio:4/5}
.bn-c img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 16%;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.bn-c:hover img{transform:scale(1.04)}
.bn-c::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(8,7,5,.94))}
.bn-c__n{position:absolute;z-index:2;top:12px;left:18px;font-family:var(--display);font-size:clamp(60px,8vw,120px);line-height:1;color:#d9bb68;text-shadow:0 2px 24px rgba(0,0,0,.5)}
.bn-c__b{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:clamp(16px,2vw,28px);display:block}
.bn-c__b .lab{display:block;opacity:.85}
.bn-c__nm{display:block;font-family:var(--display);font-weight:400;font-size:clamp(26px,3vw,46px);line-height:1.05;margin:8px 0}
.bn-c__w{font-family:var(--display);font-size:clamp(20px,2vw,30px);color:#d9bb68}
[dir=rtl] .bn-c__n{left:auto;right:18px}
.bn-l{padding:clamp(48px,7vw,104px) 0}
.bn-l__t{font-family:var(--display);font-weight:400;font-size:clamp(32px,4.4vw,64px);line-height:1.05;margin-bottom:clamp(20px,3vw,40px)}
.bn-r{list-style:none;margin:0;padding:0;border-top:2px solid var(--noir)}
.bn-r li{display:grid;grid-template-columns:64px 72px 1fr auto;gap:20px;align-items:center;padding:18px 0;border-bottom:1px solid rgba(21,19,15,.14)}
.bn-r__n{font-family:var(--display);font-size:40px;line-height:1;color:#8a6d1f}
.bn-r img{width:72px;height:72px;object-fit:cover;object-position:50% 16%}
.bn-r__m{min-width:0}
.bn-r__nm{display:block;font-family:var(--display);font-size:clamp(22px,2.2vw,32px);line-height:1.1;color:inherit;text-decoration:none}
.bn-r__nm:hover{color:#8a6d1f}
.bn-r__s{display:block;font-size:14px;color:#655f52;margin-top:4px}
.bn-r__bar{display:block;height:3px;background:rgba(21,19,15,.09);margin-top:10px;max-width:520px}
.bn-r__bar i{display:block;height:100%;background:linear-gradient(90deg,#a8862f,#d9bb68)}
.bn-r__v{text-align:end;white-space:nowrap}
.bn-r__v b{display:block;font-family:var(--display);font-weight:400;font-size:clamp(22px,2.4vw,34px)}
.bn-r__v span{display:block;font-size:13px;color:#655f52;margin-top:2px}
.bn-src{font-size:14px;line-height:1.6;color:#655f52;margin-top:24px;max-width:60em}
@media(max-width:760px){
 .bn-kpi{grid-template-columns:1fr 1fr}
 .bn-kpi>div:nth-child(3){border-left:0;padding-left:0}
 .bn-pod__g{grid-template-columns:1fr 1fr}
 .bn-c--1{grid-column:1/-1}
 .bn-r li{grid-template-columns:34px 52px 1fr;gap:12px}
 .bn-r__n{font-size:28px}
 .bn-r img{width:52px;height:52px}
 .bn-r__v{grid-column:3;text-align:start}
 .bn-r__v span{display:none}
}

.brief__cta{display:inline-block;margin-top:22px;padding:16px 34px;background:var(--or);color:var(--noir);text-decoration:none}
.brief__cta:hover{background:var(--ivoire)}
@media(max-width:760px){.bn-c--1{aspect-ratio:1/1}}

/* Header: the search and newsletter links take their own space, so the last menu item is never covered. */
@media (min-width:761px){
  .nav__in{padding-inline-start:calc(var(--marge) + 130px)}
  .be-nav{min-width:0;margin-inline:auto}
  .be-nav ul{gap:clamp(14px,1.75vw,46px)}
  .nav__cta{position:static;transform:none;flex:none;margin-inline-start:24px}
}
@media (min-width:761px) and (max-width:1240px){.nav__cta .lab{display:none}}


/* In-article ads */
.be-ad{margin:40px 0;padding:10px 0 16px;border-block:1px solid var(--filet-clair);min-height:300px;text-align:center}
.be-ad__l{display:block;margin-bottom:10px;font-size:10px;opacity:.6}
.be-ad:has(ins[data-ad-status="unfilled"]){display:none}


/* Homepage ad bands: exact sizes, nothing can grow past them */
.be-slot{background:var(--ivoire);text-align:center;padding:12px 16px 18px;border-block:1px solid var(--filet-clair)}
.be-slot ins.adsbygoogle{display:inline-block;width:320px;height:100px;max-width:100%}
@media (min-width:768px){.be-slot ins.adsbygoogle{width:728px;height:90px}}
@media (min-width:1100px){.be-slot ins.adsbygoogle{width:970px;height:90px}}
.be-slot:has(ins[data-ad-status="unfilled"]){display:none}

/* Articles without a real photo keep the same two-column header, with a brand panel in place of the image */
.a-h:has(.a-h__i--marque){min-height:min(58vh,540px)}
.a-h__i--marque{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#141414;border-inline-start:1px solid var(--filet-sombre)}
.a-h__i--marque svg{width:min(280px,56%);height:auto;display:block}
@media (max-width:760px){
  .a-h__i--marque{height:150px;min-height:0;border-inline-start:0;border-bottom:1px solid var(--filet-sombre)}
  .a-h__i--marque svg{width:190px}
}

/* B-Empire Africa additions */
.sable{background:#F5F1E6;color:var(--noir)}
.sable .or-encre{color:#7A5E1B}
.regions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(24px,3vw,48px)}
.region .lab{padding-bottom:10px;border-bottom:1px solid rgba(13,13,13,.18);margin:0 0 12px}
.region ul{list-style:none;margin:0;padding:0}
.region li{padding:6px 0}
.region a{font-family:var(--display);font-size:22px;line-height:1.2;color:inherit;text-decoration:none}
.rub-idx{margin-top:clamp(36px,5vw,64px)}
.brief__f{display:flex;gap:0;margin-top:22px;max-width:30em}
.brief__f input{flex:1;min-width:0;padding:15px 16px;border:1px solid var(--or);background:transparent;color:var(--ivoire);font-size:16px;border-radius:0}
.brief__f input::placeholder{color:#b9b2a3}
.brief__f button{padding:15px 26px;background:var(--or);color:var(--noir);border:1px solid var(--or);cursor:pointer}
.brief__f button:hover{background:var(--ivoire)}
.brief p.brief__n{font-size:14px;margin-top:12px}
.brief__n a{color:inherit}
@media(max-width:1000px){.regions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.region a{font-size:20px}.brief__f{flex-direction:column;gap:10px}}

/* Africa's images are 16:9 cards with text printed on them: never crop them. */
.carte .ph{aspect-ratio:16/9}
.carte .ph img,.spread__img img,.rub-lead .spread__img img,.cover__img img,.a-h__i img{object-position:50% 50%}
.spread__img img,.rub-lead .spread__img img{aspect-ratio:16/9}
.spread{align-items:center}
.cover__img,.a-h__i{min-height:0;height:auto;max-height:none;align-self:center}
.cover__img img,.a-h__i img,[dir=rtl] .cover__img img{position:static;display:block;width:100%;height:auto;aspect-ratio:16/9;-webkit-mask-image:none;mask-image:none;animation:none}
@media(max-width:760px){.cover__img,.a-h__i{height:auto;max-height:none}.cover__img img,.a-h__i img{-webkit-mask-image:none;mask-image:none}}

/* Africa headlines run longer than the magazine's: keep them inside their column. */
.cover__h{font-size:clamp(34px,4.2vw,68px);line-height:1.04;overflow-wrap:anywhere}
.cover__txt{min-width:0}
.spread{align-items:start}
.spread__h,.rub-lead .spread__h{font-size:clamp(30px,3.1vw,50px);line-height:1.08}
.spread__lead{font-size:19px}
@media(max-width:760px){.cover__txt,.a-h__t{margin-top:0;padding-top:28px}}
.cover__txt{margin-inline-end:0;padding-inline-end:clamp(16px,2.4vw,40px)}
@media(max-width:760px){.cover__txt{padding-inline-end:var(--marge)}}

.a-h__i figcaption a{color:inherit}
.a-h__i .brp-credit{position:static;max-width:none;background:transparent;color:#b9b2a3;padding:8px 0 0}