/* ==========================================================================
   Couche « premium » — pages marché et investissement
   Ivoire, encre de nuit, filets laiton. Chiffres en Newsreader léger.
   ========================================================================== */
body.premium{
  --ivoire:#F7F4EE;
  --laiton:#9C7A43;        /* filets et accents sur fond clair */
  --laiton-clair:#D4B47C;  /* accents sur fond nuit */
  --nuit:#0E1B2E;
  --ardoise:#8D97A5;
  background:#FCFBF8;
}
body.premium .section{padding-block:clamp(72px,10vw,132px)}
body.premium .section--sable{background:var(--ivoire)}
body.premium .section--encre{background:var(--nuit)}
body.premium .t1{font-weight:300;letter-spacing:-.022em;line-height:1.06;font-size:clamp(2.1rem,4.4vw,3.5rem)}
body.premium .t2{font-weight:300;letter-spacing:-.015em}
body.premium .chapeau{color:#5D6675;font-size:clamp(1.02rem,1.3vw,1.14rem);line-height:1.6}

/* Surtitre : discret, sans capitales, filet laiton */
body.premium .surtitre{
  text-transform:none;letter-spacing:.01em;font-size:.9rem;font-weight:500;
  color:var(--laiton);display:flex;align-items:center;gap:12px;
}
body.premium .surtitre::before{background:var(--laiton);width:28px;height:1px}
body.premium .section--encre .surtitre{color:var(--laiton-clair)}
body.premium .section--encre .surtitre::before{background:var(--laiton-clair)}

/* Héros photo */
.p-hero{position:relative;min-height:min(92vh,820px);display:flex;align-items:flex-end;overflow:hidden;background:var(--nuit);color:#fff}
.p-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.p-hero::after{content:"";position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(14,27,46,.62) 0%,rgba(14,27,46,.5) 35%,rgba(14,27,46,.88) 75%,rgba(14,27,46,.97) 100%)}
.p-hero__contenu{position:relative;z-index:1;width:100%;padding-block:clamp(120px,16vw,170px) clamp(36px,5vw,56px)}
.p-hero__fil{font-size:.85rem;color:rgba(255,255,255,.68);margin-bottom:22px}
.p-hero__fil a{color:inherit;text-decoration:none}
.p-hero h1{font-family:var(--serif);font-weight:300;color:#fff;letter-spacing:-.03em;line-height:.98;
  font-size:clamp(2.8rem,7.2vw,6rem);max-width:15ch}
.p-hero__sous{color:rgba(255,255,255,.8);font-size:clamp(1.02rem,1.4vw,1.2rem);line-height:1.55;max-width:50ch;margin-top:22px}
.p-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
/* Bandeau de chiffres, verre dépoli */
.p-chiffres{display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(40px,6vw,64px);
  border:1px solid rgba(255,255,255,.16);border-radius:18px;overflow:hidden;
  background:rgba(255,255,255,.06);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%)}
.p-chiffres>div{padding:22px 26px}
.p-chiffres>div+div{border-left:1px solid rgba(255,255,255,.14)}
.p-chiffres dt{font-size:.85rem;color:rgba(255,255,255,.7)}
.p-chiffres dd{margin:6px 0 0;font-family:var(--serif);font-weight:300;font-size:clamp(2rem,3.6vw,3rem);line-height:1;color:#fff;font-variant-numeric:tabular-nums}
.p-chiffres dd small{font-size:.42em;color:var(--laiton-clair);margin-left:4px;letter-spacing:0}

/* Boutons sur fond nuit */
body.premium .btn--clair{background:#fff;color:var(--nuit);border-radius:999px;padding-inline:26px}
body.premium .btn--fantome{border-radius:999px;padding-inline:26px;border-color:rgba(255,255,255,.4)}
body.premium .btn--primaire{border-radius:999px;padding-inline:26px}

/* Cartes chiffrées */
body.premium .carte{background:#fff;border:0;border-radius:20px;box-shadow:0 1px 0 rgba(14,27,46,.04),0 18px 40px -24px rgba(14,27,46,.28);padding:30px 28px}
body.premium .carte__num{font-family:var(--sans);font-size:.88rem;font-weight:500;color:#5D6675;letter-spacing:0}
body.premium .carte .t2,body.premium .carte .t3{font-family:var(--serif);font-weight:300;color:var(--nuit)}
body.premium .carte .t2{font-size:clamp(2rem,3.2vw,2.7rem);letter-spacing:-.02em}

/* Listes à filets : filets laiton fins */
body.premium .filets li{border-color:rgba(156,122,67,.28)}
body.premium .filets strong{font-weight:600}

/* Tableau (page agglomération) */
body.premium .tab-prix th{text-transform:none;letter-spacing:0;font-size:.85rem;color:#5D6675;font-weight:500;border-bottom:1px solid var(--laiton)}
body.premium .tab-prix td{border-bottom-color:rgba(14,27,46,.08)}
body.premium .tab-prix tbody tr:hover td{background:rgba(156,122,67,.06)}

/* Accessibilité */
body.premium a:focus-visible,body.premium button:focus-visible,body.premium summary:focus-visible{outline:2px solid var(--laiton);outline-offset:3px}

@media (max-width:760px){
  .p-chiffres{grid-template-columns:1fr}
  .p-chiffres>div+div{border-left:0;border-top:1px solid rgba(255,255,255,.14)}
  .p-chiffres>div{padding:16px 20px;display:flex;justify-content:space-between;align-items:baseline;gap:12px}
  .p-chiffres dd{margin:0;font-size:2rem}
  .p-hero__actions .btn{width:100%;justify-content:center}
}