/* Page Blog (le panneau Nouveautés du studio lit blog-fr.html sans ce fichier) */
/* L'en-tête porte l'attribut hidden pour le panneau du studio : on le réaffiche ici */
.p-hero[hidden]{display:block}
zy-main,zy-posts{display:block}
.links a.on{color:var(--blue);background:var(--sky-t)}

/* En-tête de page */
.p-hero{position:relative;overflow:hidden;text-align:center;margin-top:-76px;padding:150px 0 72px;background:radial-gradient(70% 60% at 50% -5%,#dce8fb 0%,#eef4fd 38%,transparent 72%),#fff}
.p-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#16478510 1px,transparent 1px),linear-gradient(90deg,#16478510 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 60% 55% at 50% 10%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 60% 55% at 50% 10%,#000 20%,transparent 75%)}
.p-hero .wrap{position:relative;z-index:1}
.p-hero .eyebrow{justify-content:center}
.p-hero h1{font-size:clamp(36px,4.6vw,60px);font-weight:800;line-height:1.05;letter-spacing:-.045em;max-width:900px;margin:0 auto 22px}
.p-hero h1 .s{display:block;padding-bottom:.06em}
.p-hero .lead{max-width:660px;margin:0 auto;font-size:19px}
.p-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px}

/* Articles */
.posts{max-width:760px;padding:0 0 120px}
.post{display:flex;flex-direction:column;padding:56px 0;border-top:1px solid var(--line)}
.post:first-child{border-top:0;padding-top:0}
.post-d{order:-1;margin:0 0 10px;font-size:13px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--sky-d)}
.post-t{font-size:clamp(24px,2.6vw,32px);line-height:1.2;letter-spacing:-.03em;margin:0 0 16px}
.post-x{margin:0 0 28px;font-size:16.5px;line-height:1.7;font-weight:400;letter-spacing:0;color:var(--ink2);text-wrap:pretty}
.post-x a{color:var(--blue);font-weight:600}
.post-x u{text-decoration:none}
.post-x ul{margin:12px 0 0;padding-left:20px}
.post img{width:100%;height:auto;border-radius:16px;border:1px solid var(--line);box-shadow:0 24px 50px #1647851a}

@media (max-width:720px){
  .p-hero{margin-top:-68px;padding:110px 0 48px}
  .p-hero h1{font-size:clamp(32px,8.6vw,44px)}
  .p-hero .lead{font-size:17px}
  .posts{padding-bottom:80px}
  .post{padding:40px 0}
  .post-x{font-size:15.5px}
  .post img{border-radius:12px}
}