/* Bloc « À la Une » de rubrique : visuel à gauche, texte à droite, sur le bandeau bleu.
   Utilisé par finance.html et droit-du-sport.html. Balisage : voir finance.html
   (.sec-featured.sec-featured--portrait > .sf-img.sf-img--portrait + .sf-body).
   Variables héritées de la page : --bn2, --or, --or-lt, --cg, --it, --tr. */

.sec-featured{display:grid;grid-template-columns:1fr 420px;gap:0;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);margin-bottom:-1px;}
.sf-img{overflow:hidden;}
.sf-img img{width:100%;height:380px;object-fit:cover;transition:transform .6s ease;}
.sf-img:hover img{transform:scale(1.03);}
/* Une portee par un visuel vertical : la colonne image prend la proportion du portrait
   au lieu du paysage habituel, et l'image l'occupe en entier. */
.sec-featured--portrait{grid-template-columns:340px 1fr;}
.sf-img--portrait{background:var(--bn2);}
.sf-img--portrait img{width:100%;height:100%;min-height:380px;object-fit:cover;object-position:center;border-right:1px solid rgba(184,150,90,.25);}
/* Colonne de texte elargie : centree plutot que calee en bas, sinon le haut reste vide. */
.sec-featured--portrait .sf-body{justify-content:center;}
.sf-body{padding:40px 36px;display:flex;flex-direction:column;justify-content:flex-end;}
.sf-cat{font-family:var(--it);font-size:9px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--or);margin-bottom:16px;display:flex;align-items:center;gap:8px;}
.sf-cat::before{content:'';width:16px;height:1px;background:var(--or);}
.sf-h{font-family:var(--cg);font-size:clamp(22px,2.8vw,32px);font-weight:600;color:#fff;line-height:1.22;margin-bottom:14px;}
.sf-h a:hover{color:var(--or-lt);}
.sf-deck{font-family:var(--cg);font-size:15.5px;font-style:italic;color:rgba(255,255,255,.52);line-height:1.65;margin-bottom:20px;}
.sf-meta{font-family:var(--it);font-size:11px;color:rgba(255,255,255,.35);display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.sf-meta .by{color:rgba(255,255,255,.6);font-weight:600;}
.sf-read{margin-top:22px;display:inline-flex;align-items:center;gap:7px;font-family:var(--it);font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--or);border-bottom:1px solid rgba(184,150,90,.35);padding-bottom:1px;transition:var(--tr);}
.sf-read:hover{color:var(--or-lt);border-color:var(--or-lt);}

@media(max-width:1100px){
  .sec-featured{grid-template-columns:1fr;}
  .sf-img img{height:260px;}
  /* En colonne unique : le portrait garde sa proportion, plein cadre sur telephone,
     plafonne a 340px au-dela sinon il occuperait toute la hauteur de l'ecran. */
  .sec-featured--portrait{grid-template-columns:1fr;}
  .sf-img--portrait img{width:100%;max-width:340px;height:auto;min-height:0;margin:0 auto;object-fit:contain;border-right:0;border-bottom:1px solid rgba(184,150,90,.25);}
}

/* À la Une portée par une photo thématique (article de la rédaction) : la photo occupe toute la hauteur du bloc, sans bande de fond. */
.sec-featured--photo .sf-img img{height:100%;min-height:380px;}
@media(max-width:1100px){.sec-featured--photo .sf-img img{height:260px;min-height:0;}}