/* Panneau « What's new » du héro accueil — copié verbatim du <style> inline v3/index.html. */
.hero-news{position:absolute;right:4%;top:120px;width:400px;z-index:5;background:rgba(20,24,20,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:18px 22px;color:#fff}
.hero-news .hn-head{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#A8CE78;margin:0 0 4px}
.hero-news .hn-item{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.hero-news .hn-item:last-of-type{border-bottom:none}
.hero-news .hn-date{font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.hero-news h3{font-size:14.5px;line-height:1.35;margin:3px 0 2px;font-weight:600}
.hero-news .hn-item a{font-size:12px;font-weight:600;color:#A8CE78;text-decoration:none}
.hero-news .hn-item a:hover{text-decoration:underline}
.hero-news .hn-all{display:block;text-align:right;font-size:12.5px;font-weight:700;margin-top:10px;color:#fff;text-decoration:none}
.hero-news .hn-all:hover{color:#A8CE78}
/* En flux normal en haut du héro : la marge haute doit passer SOUS le header fixe (~64px). */
@media(max-width:1150px){.hero-news{position:static;width:auto;max-width:540px;margin:92px auto 0}}
@media(max-width:640px){.hero-news{margin:84px 16px 0}}