/* =========================================================
   TheDigImpact v3 (21/10/2026) : la FORME des références de Hadia
   (Obra Studio, Mondragon, Mitho), sans changer le fond.
   Fichier séparé : le retirer suffit à revenir à la v2.
   ========================================================= */
body.tdi{
  --titre:'Inter Tight',system-ui,sans-serif;
  --serif:'Instrument Serif',Georgia,serif;
  --mono:'DM Mono',ui-monospace,monospace;
  counter-reset:tdisec;
}

/* ---------- Typographie : grotesque serrée + mot fort en serif italique (Obra) ---------- */
body.tdi .elementor-heading-title{letter-spacing:-.035em}
body.tdi .tdi-h1 .elementor-heading-title,
body.tdi .tdi-h2 .elementor-heading-title,
body.tdi .tdi-h2-contact .elementor-heading-title,
body.tdi .tdi-oh1 .elementor-heading-title,
body.tdi .tdi-citation .elementor-heading-title{font-weight:500;letter-spacing:-.045em}
body.tdi .tdi-h2 b,body.tdi .tdi-h2 strong,
body.tdi .tdi-h2-contact b,body.tdi .tdi-h2-contact strong,
body.tdi .tdi-oh1 b,body.tdi .tdi-citation b{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.01em;font-size:1.1em;line-height:.95}
body.tdi .tdi-damier-titre .elementor-heading-title,
body.tdi .tdi-qui .elementor-heading-title{font-weight:500;letter-spacing:-.03em}
/* Hero : le mot tapé passe en serif italique sur le bandeau vert */
body.tdi .tdi-tape .elementor-heading-title{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.01em;font-size:clamp(44px,min(6.6vw,10.8vh),96px)}
body.tdi .tdi-bandeau{padding:0 .16em .02em}

/* ---------- Petits labels en police à chasse fixe, numérotés (Obra) ---------- */
body.tdi .tdi-eyebrow .elementor-heading-title,
body.tdi .tdi-hero-sur .elementor-heading-title,
body.tdi .tdi-tag .elementor-heading-title,
body.tdi .tdi-cat .elementor-heading-title,
body.tdi .tdi-offre-nom .elementor-heading-title,
body.tdi .tdi-role .elementor-heading-title,
body.tdi .tdi-fait-label .elementor-heading-title,
body.tdi .tdi-duree .elementor-heading-title{font-family:var(--mono);font-weight:400;letter-spacing:.04em}
body.tdi .tdi-intro .tdi-eyebrow,body.tdi .tdi-diag .tdi-eyebrow,body.tdi .tdi-pourquoi .tdi-eyebrow{counter-increment:tdisec}
body.tdi .tdi-intro .tdi-eyebrow .elementor-heading-title::before,
body.tdi .tdi-diag .tdi-eyebrow .elementor-heading-title::before,
body.tdi .tdi-pourquoi .tdi-eyebrow .elementor-heading-title::before{content:"(" counter(tdisec,decimal-leading-zero) ")\00a0\00a0";opacity:.6}

/* ---------- Grands numéros en contour (Mitho) ---------- */
body.tdi .tdi-etape-num .elementor-heading-title{font-family:var(--titre);font-size:clamp(64px,6.5vw,104px);font-weight:500;line-height:.9;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.2px var(--vert)}
body.tdi .tdi-raison{grid-template-columns:84px 1fr!important}
body.tdi .tdi-raison>.tdi-num .elementor-heading-title,
body.tdi .tdi-livrable>.tdi-num .elementor-heading-title{font-family:var(--titre);font-size:44px;font-weight:500;line-height:1;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px var(--vert)}
body.tdi .tdi-livrable{grid-template-columns:96px 1fr 1.3fr}
@media (min-width:1025px){body.tdi .tdi-split .tdi-livrable{grid-template-columns:84px 1fr!important}}

/* ---------- Boutons en pastille (Obra) ---------- */
body.tdi .tdi-btn .elementor-button,body.tdi .tdi-hd-btn,body.tdi .tdi-form button{border-radius:999px!important}

/* ---------- Petit chiffre en exposant dans le menu (Obra) ---------- */
body.tdi .tdi-nav sup,body.tdi .tdi-menu-mobile sup{font-family:var(--mono);font-size:10px;margin-left:2px;vertical-align:super;color:var(--gris)}

/* ---------- Bandeau de texte géant qui défile (Mondragon) ---------- */
body.tdi .tdi-ruban{display:block!important;overflow:hidden;padding:clamp(40px,6vw,80px) 0!important;border-bottom:1px solid var(--ligne)}
body.tdi .tdi-ruban-piste{display:flex;width:max-content;animation:tdiDefile 45s linear infinite}
body.tdi .tdi-ruban-piste span{font-family:var(--titre);font-weight:500;font-size:clamp(40px,6vw,88px);letter-spacing:-.045em;line-height:1;color:var(--foret);white-space:nowrap;display:inline-flex;align-items:center}
body.tdi .tdi-ruban-piste span i{display:inline-block;width:.42em;height:.42em;background:var(--vert);margin:0 .45em;flex:none}
body.tdi .tdi-ruban-piste span em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.01em}
@media (prefers-reduced-motion:reduce){body.tdi .tdi-ruban-piste{animation:none}}

/* ---------- Texte révélé mot à mot (Mitho) : état de départ posé par le JS ---------- */
body.tdi .tdi-mot{display:inline}

/* ---------- Pied de page : grand logo, la vidéo apparaît dans les lettres (Obra) ---------- */
body.tdi .tdi-marque-geante{position:relative;overflow:hidden;margin-top:56px;line-height:0;isolation:isolate}
body.tdi .tdi-marque-geante video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
body.tdi .tdi-marque-geante span{position:relative;display:block;background:var(--foret);color:#fff;mix-blend-mode:multiply;font-family:var(--titre);font-weight:600;font-size:13.6vw;letter-spacing:-.065em;line-height:.82;padding:.04em 0 .1em;white-space:nowrap;text-align:center}
@media (max-width:760px){body.tdi .tdi-marque-geante span{font-size:15vw}}

/* Correctifs 21/10 : vidéo éclaircie dans le grand logo pour que les lettres se lisent */
body.tdi .tdi-marque-geante video{filter:brightness(2.4) saturate(.55) contrast(1.05)}
body.tdi .tdi-marque-geante span{padding:.02em 0 .16em}