/* Specificites de la page services. Tout le reste vient de
   /da-2026.css, /motion-2026.css et /blocs-2026.css. */
@media(min-width:901px){.hero{grid-template-columns:minmax(0,44fr) minmax(0,56fr)}}
.hero h1{font-size:36px;line-height:1.05;margin:16px 0 0;color:var(--ink);font-weight:800}
@media(min-width:600px){.hero h1{font-size:48px}}
/* ⛔ 64px donne six lignes et deborde la colonne : cette phrase tient a 48px */
.hero h1 em{font-family:var(--serif);font-weight:400;color:var(--violet)}

/* Les deux entrees gratuites, dans le panneau du hero */
.entree-titre{font-size:18px;font-weight:700;color:var(--ink);margin:0 0 16px}
.entrees{display:grid;gap:8px}
.entrees>div{background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:16px;
  opacity:0;transform:translateY(10px);transition:opacity .6s ease,transform .6s ease}
.screen.is-visible .entrees>div:nth-child(1){opacity:1;transform:none;transition-delay:.25s}
.screen.is-visible .entrees>div:nth-child(2){opacity:1;transform:none;transition-delay:.55s}
.entrees .ec-lib{color:var(--muted)}
.entrees b{display:block;font-size:18px;color:var(--ink);font-weight:700;margin:8px 0 8px}
.entrees p{margin:0 0 16px;font-size:13px;line-height:1.6;color:var(--muted)}
.entrees .under-link{font-size:13px;white-space:nowrap;display:inline-flex;align-items:center;gap:8px}
.entrees .under-link b{margin-left:0}
.entree-note{display:block;margin-top:16px;font-family:var(--mono);font-size:13px;color:var(--muted)}
.entrees--reco{background:#f6f1ff!important;border-color:#ddd0f7!important;position:relative;overflow:hidden}
.entrees--reco:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--violet),var(--magenta));
  transform:scaleY(0);transform-origin:top;transition:transform .7s cubic-bezier(.22,.7,.25,1) .7s}
.screen.is-visible .entrees--reco:before{transform:scaleY(1)}
.entrees--reco b{color:var(--violet)}