/* ===== Refonte : divisions, cartes intégrées au gabarit du site ===== */
.split{ width:100%; max-width:var(--maxw); margin:0 auto; padding:0 var(--gut); display:grid; grid-template-columns:1fr 1fr; gap:clamp(14px,2vw,22px); }
.panel{ position:relative; isolation:isolate; display:flex; align-items:stretch; min-height:clamp(420px,40vw,520px); overflow:hidden; background:var(--bg-2); border:1px solid var(--ink-line); border-radius:var(--r); transition:border-color .45s var(--ease), transform .45s var(--ease); }
.panel:hover{ border-color:var(--teal); transform:translateY(-4px); }
.panel__img{ position:absolute; inset:0; z-index:-2; opacity:.2; transition:opacity .6s var(--ease); }
.panel:hover .panel__img{ opacity:.34; }
.panel__img img{ width:100%; height:100%; object-fit:cover; filter:brightness(.55) grayscale(.2) contrast(1.05); transform:scale(1.06); transition:transform 1.4s var(--ease); }
.panel:hover .panel__img img{ transform:scale(1.1); }
.panel::before{ content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg, rgba(18,26,30,0) 0%, rgba(18,26,30,.55) 60%, rgba(18,26,30,.92) 100%); }
.panel__in{ width:100%; padding:clamp(22px,2.6vw,32px) clamp(26px,3.2vw,46px) clamp(26px,3.2vw,46px); display:flex; flex-direction:column; align-items:flex-start; gap:16px; }
.panel__tag{ font:600 .7rem/1 var(--f-body); letter-spacing:.22em; text-transform:uppercase; color:var(--teal-lite); }
.panel__logo{ --lh:clamp(3.2rem,5vw,4.4rem); margin:clamp(30px,5vw,64px) 0 clamp(26px,4vw,52px); }
.panel__logo img{ height:var(--lh); width:auto; display:block; }
/* CLINICAIR : tous les gabarits dérivent d'une seule hauteur (--lh) pour que le recadrage ne coupe plus le logo à aucune largeur */
.panel__logo .logo-crop--clinicair{ height:calc(var(--lh) * 1.06); width:calc(var(--lh) * 2.45); }
.panel__logo .logo-crop--clinicair img{ height:calc(var(--lh) * 1.619); }
.panel__lead{ display:none; }
.panel__blurb{ margin-top:auto; color:var(--fg-soft); max-width:36ch; font-size:clamp(.96rem,1.3vw,1.08rem); line-height:1.55; }
.panel__links{ list-style:none; margin:4px 0 0; display:flex; flex-wrap:wrap; gap:6px 18px; }
.panel__links a{ display:inline-flex; align-items:center; gap:8px; padding:4px 0; font-weight:600; font-size:.93rem; color:var(--fg); border-bottom:1px solid rgba(234,240,241,.22); transition:color .25s var(--ease), border-color .25s var(--ease); }
.panel__links a i{ font-style:normal; color:var(--teal-lite); transition:transform .25s var(--ease); }
.panel__links a:hover{ color:var(--teal-lite); border-color:var(--teal-lite); }
.panel__links a:hover i{ transform:translateX(4px); }
.panel__cta{ display:none; }
.panel__go{ margin-top:6px; display:flex; align-items:center; gap:12px; color:var(--fg-soft); font-size:.86rem; }
.panel__go svg{ width:22px; height:22px; padding:8px; border:1px solid var(--ink-line); border-radius:50%; box-sizing:content-box; transition:.4s var(--ease); }
.panel:hover .panel__go{ color:var(--fg); }
.panel:hover .panel__go svg{ background:var(--teal); color:#04121a; border-color:var(--teal); transform:translateX(3px); }
.panel__main{ position:absolute; inset:0; z-index:1; }
.panel__links{ position:relative; z-index:2; }
@media (max-width:900px){ .split{ grid-template-columns:1fr; } .panel{ min-height:clamp(400px,62vh,520px); } }