/* ═══════════════════════════════════════════════════════════════
   sd-bling.css v1 — Stratégie Dirigeants (cabinet conseil)
   COUCHE « CLINQUANT PREMIUM » : or qui brille et qui bouge.
   - Reflet spéculaire OR balayant les heros (double onde croisée)
   - Rayons de lumière (god rays) animés depuis un coin
   - Poussière d'or scintillante (canvas, voir sd-bling.js)
   - Titres foil OR animé (heros sombres) / bronze gravé + halo
     ivoire (heros clairs) — contraste worst-pixel ≥ 4.5 garanti
   - FIL D'OR : tracé lumineux qui court du hero à travers toute
     la page, reliant les sections (voir sd-bling.js .sdb-thread)
   - Cartes VIVANTES : lift + lueur or + reflet glossy + étincelle
   - Boutons glossy : sheen permanent + liseré or lumineux
   - Constellation home : éclat augmenté (nœuds, liens, pulses)
   Registre : cabinet de conseil premium — or/cuivre/lumière,
   jamais néon. ADDITIF sur style/sd-modern/sd-aurora/sd-signature.
   Rollback : retirer <link sd-bling.css> + <script sd-bling.js>.
   prefers-reduced-motion → version STATIQUE mais riche et dorée.
   #GO_PROD_SD_BLING_14_07 (demande Stéphane « plus clinquant »)
═══════════════════════════════════════════════════════════════ */

:root{
  --sdb-gold:#e8c347;
  --sdb-gold-pale:#f1dda5;
  --sdb-gold-blanc:#fff3cc;
  --sdb-copper:#b87333;
  --sdb-caramel:#deb376;
  --sdb-bronze-dk:#5f3a10;
  --sdb-ease:cubic-bezier(.33,.01,.24,1);
}

/* ═══ 0. HÔTES : chaque hero reçoit la couche fx ═════════════ */
.sdb-host{position:relative;overflow:hidden}
.sdb-fx{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  overflow:hidden;contain:strict;
}

/* Filets d'or haut/bas du hero, lumière qui circule dedans */
.sdb-fx::before,.sdb-fx::after{
  content:"";position:absolute;left:0;right:0;height:2px;
  background:linear-gradient(90deg,
    transparent,rgba(232,195,71,.15) 12%,
    var(--sdb-gold) 38%,var(--sdb-gold-blanc) 50%,var(--sdb-gold) 62%,
    rgba(232,195,71,.15) 88%,transparent);
  background-size:220% 100%;
  animation:sdbFiletFlow 4.5s linear infinite;
  opacity:.9;
}
.sdb-fx::before{top:0}
.sdb-fx::after{bottom:0;animation-direction:reverse}
@keyframes sdbFiletFlow{
  from{background-position:200% 0}
  to  {background-position:-20% 0}
}

/* ── Reflet spéculaire OR : bande métallique qui traverse ──── */
.sdb-sheen,.sdb-sheen2{
  position:absolute;top:-30%;bottom:-30%;left:-70%;right:-70%;
  will-change:transform;pointer-events:none;
}
.sdb-sheen{
  background:linear-gradient(104deg,
    transparent 40%,
    rgba(232,195,71,.10) 45%,
    rgba(241,221,165,.42) 49.5%,
    rgba(255,243,204,.72) 51%,
    rgba(241,221,165,.42) 52.5%,
    rgba(184,115,51,.12) 57%,
    transparent 62%);
  animation:sdbSweep 4.8s var(--sdb-ease) infinite;
}
.sdb-sheen2{
  background:linear-gradient(66deg,
    transparent 42%,
    rgba(222,179,118,.14) 47%,
    rgba(241,221,165,.30) 51%,
    rgba(232,195,71,.12) 55%,
    transparent 61%);
  animation:sdbSweep2 6.9s var(--sdb-ease) infinite;
}
@keyframes sdbSweep{
  0%  {transform:translate3d(-46%,0,0)}
  78% {transform:translate3d(46%,0,0)}
  100%{transform:translate3d(46%,0,0)}
}
@keyframes sdbSweep2{
  0%  {transform:translate3d(44%,0,0)}
  84% {transform:translate3d(-44%,0,0)}
  100%{transform:translate3d(-44%,0,0)}
}
/* Sur fond sombre le reflet ÉCLAIRE (screen) ; sur crème il
   dépose un voile doré lumineux (normal, alphas déjà calibrés) */
.sdb-dark .sdb-sheen,.sdb-dark .sdb-sheen2{mix-blend-mode:screen}
.sdb-light .sdb-sheen{opacity:1}
.sdb-light .sdb-sheen2{opacity:.9}

/* ── Rayons de lumière depuis le coin haut-gauche ──────────── */
.sdb-rays{
  position:absolute;inset:-24% -12%;pointer-events:none;
  transform-origin:6% 0%;will-change:transform,opacity;
  background:conic-gradient(from 118deg at 6% 0%,
    transparent 0deg,
    rgba(241,221,165,.20) 5deg,  transparent 11deg,
    rgba(232,195,71,.13)  17deg, transparent 24deg,
    rgba(255,243,204,.16) 31deg, transparent 39deg,
    rgba(222,179,118,.11) 46deg, transparent 55deg);
  animation:sdbRays 5.8s ease-in-out infinite alternate;
}
.sdb-dark .sdb-rays{mix-blend-mode:screen}
.sdb-light .sdb-rays{opacity:.95}
@keyframes sdbRays{
  from{transform:rotate(-4.5deg) scale(1.02);opacity:.38}
  to  {transform:rotate(4.5deg)  scale(1.14);opacity:1}
}

/* ── Respiration dorée ambiante : tout le hero vit ─────────── */
.sdb-breath{
  position:absolute;inset:-12%;pointer-events:none;
  will-change:opacity,transform;
  background:radial-gradient(ellipse 96% 88% at 62% 38%,
    rgba(232,195,71,.34),rgba(222,179,118,.18) 58%,transparent 82%);
  animation:sdbBreath 2.4s ease-in-out infinite alternate;
}
.sdb-dark .sdb-breath{
  mix-blend-mode:screen;
  background:radial-gradient(ellipse 92% 82% at 62% 38%,
    rgba(241,221,165,.22),rgba(232,195,71,.11) 55%,transparent 78%);
}
@keyframes sdbBreath{
  from{opacity:.28;transform:scale(1)}
  to  {opacity:1;transform:scale(1.05)}
}

/* ── Poussière d'or (canvas rempli par sd-bling.js) ────────── */
.sdb-dust{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.sdb-dark .sdb-dust{mix-blend-mode:screen}

/* Home : nébuleuse + ondes sd-signature déjà en place -> on ne
   superpose pas nos couches redondantes (coût raster sans GPU) */
.sds-hero .sdb-sheen2,.sds-hero .sdb-breath{display:none}

/* ═══ 1. TITRES : FOIL OR ANIMÉ ══════════════════════════════
   Heros sombres : dégradé or métallique qui se déplace (foil).
   Pixel le plus sombre du dégradé #c98f2c sur espresso : 6.4:1. */
.sdb-dark h1.sdb-foil{
  background:linear-gradient(97deg,
    #f1dda5 0%, #e8c347 18%, #fff3cc 34%,
    #e8c347 48%, #f6e7b8 62%, #eccb58 76%,
    #ffedb0 90%, #f1dda5 100%);
  background-size:230% 100%;
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  color:var(--sdb-gold-pale); /* fallback anciens navigateurs */
  animation:sdbFoil 5.5s linear infinite;
}
/* Heros clairs (crème) : bronze gravé animé — TOUTES les teintes
   restent sombres (max #6b4116) => ≥4.5 même sous halo caramel. */
.sdb-light h1.sdb-foil{
  background:linear-gradient(97deg,
    #4a2c10 0%, #6b4116 22%, #52320f 38%,
    #6b4116 54%, #402508 70%, #63400f 86%, #4a2c10 100%);
  background-size:230% 100%;
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  color:var(--brown-dk,#5a3218);
  animation:sdbFoil 6.5s linear infinite;
  position:relative;
}
/* Halo ivoire lumineux DERRIÈRE le titre bronze : le titre naît
   dans la lumière + garantit le fond clair sous chaque glyphe.  */
.sdb-light h1.sdb-foil::before{
  content:"";position:absolute;z-index:-1;pointer-events:none;
  inset:-26% -6%;
  background:radial-gradient(ellipse 100% 115% at 50% 50%,
    rgba(255,251,238,.98) 0%,
    rgba(255,249,232,.94) 58%,
    rgba(255,246,220,.78) 82%,
    rgba(255,244,214,.4) 94%,
    transparent 100%);
}
/* plaque sombre douce derrière les titres des heros sombres :
   le reflet or passe autour du bloc texte, le contraste tient */
.sdb-dark .hero-content{position:relative}
.sdb-dark .hero-content::after{
  content:"";position:absolute;z-index:-1;pointer-events:none;
  inset:-30% -13%;
  background:radial-gradient(ellipse 100% 108% at 50% 46%,
    rgba(16,9,3,.93) 0%, rgba(16,9,3,.82) 52%,
    rgba(16,9,3,.58) 76%, rgba(16,9,3,.24) 92%, transparent 100%);
}
/* plaque sombre locale sous les h1 des page-heros sombres */
.sdb-dark h1.sdb-foil{position:relative}
.sdb-dark h1.sdb-foil::before{
  content:"";position:absolute;z-index:-1;pointer-events:none;
  inset:-22% -5%;
  background:radial-gradient(ellipse 100% 115% at 50% 50%,
    rgba(16,9,3,.9) 0%, rgba(16,9,3,.74) 58%,
    rgba(16,9,3,.42) 82%, transparent 100%);
}
@keyframes sdbFoil{
  from{background-position:210% 0}
  to  {background-position:-30% 0}
}

/* ═══ 2. FIL D'OR — le lien qui court dans toute la page ═════
   SVG construit par sd-bling.js : la constellation du hero se
   prolonge en un tracé lumineux qui relie chaque section.      */
.sdb-thread-wrap{
  position:absolute;top:0;left:0;width:100%;
  pointer-events:none;z-index:1;overflow:hidden;
}
.sdb-thread-wrap svg{display:block;width:100%;height:100%}
.sdb-thread-glow{
  fill:none;stroke:rgba(232,195,71,.24);stroke-width:7;
  stroke-linecap:round;
}
.sdb-thread-path{
  fill:none;stroke:url(#sdbThreadGrad);stroke-width:2.2;
  stroke-linecap:round;
}
/* étincelles qui pétillent le long du fil */
.sdb-thread-spark{
  fill:#fff3cc;
  animation:sdbSparkTwinkle 2.6s ease-in-out infinite;
  transform-box:fill-box;transform-origin:center;
}
@keyframes sdbSparkTwinkle{
  0%,100%{opacity:0;transform:scale(.35)}
  45%    {opacity:1;transform:scale(1.25)}
  60%    {opacity:.7;transform:scale(.9)}
}
.sdb-thread-node{
  fill:var(--sdb-gold);
  filter:drop-shadow(0 0 4px rgba(232,195,71,.8));
  animation:sdbNodeTwinkle 2.8s ease-in-out infinite;
}
.sdb-thread-node:nth-of-type(odd){animation-delay:1.2s}
.sdb-thread-node:nth-of-type(3n){animation-delay:.6s}
.sdb-thread-pulse{
  fill:#fff3cc;
  filter:drop-shadow(0 0 6px rgba(255,237,176,.95)) drop-shadow(0 0 14px rgba(232,195,71,.6));
}
@keyframes sdbNodeTwinkle{
  0%,100%{opacity:.55}
  50%    {opacity:1}
}
@media (max-width:640px){
  .sdb-thread-path{stroke-width:1.7}
  .sdb-thread-glow{stroke-width:5}
}

/* ═══ 3. CARTES VIVANTES : or, lift, reflet, étincelle ═══════ */
.card,.geo-card,.module-card,.saas-card,.mcard,.stat-card,
.featured-card,.consult-card,.aside-card,.founder,.team-card{
  position:relative;z-index:2;
  outline:1px solid rgba(222,179,118,.5);outline-offset:-1px;
  transition:transform .38s var(--sdb-ease),box-shadow .38s var(--sdb-ease),outline-color .38s;
}
.card:hover,.geo-card:hover,.module-card:hover,.saas-card:hover,
.mcard:hover,.stat-card:hover,.featured-card:hover,
.consult-card:hover,.aside-card:hover,.founder:hover,.team-card:hover{
  transform:translateY(-8px) scale(1.008);
  outline-color:rgba(232,195,71,.95);
  box-shadow:
    0 18px 42px rgba(60,32,10,.20),
    0 0 0 1px rgba(232,195,71,.75),
    0 0 28px rgba(232,195,71,.35);
}
/* Reflet glossy injecté par sd-bling.js dans chaque carte */
.sdb-glint{
  position:absolute;inset:0;border-radius:inherit;
  overflow:hidden;pointer-events:none;z-index:2;
  /* filet d'or vivant sur le bord supérieur de la carte */
  background:linear-gradient(90deg,
    transparent,rgba(232,195,71,.0) 18%,
    rgba(232,195,71,.85) 42%,rgba(255,243,204,1) 50%,rgba(232,195,71,.85) 58%,
    rgba(232,195,71,.0) 82%,transparent) top/220% 2px no-repeat;
  animation:sdbFiletFlow 4.2s linear infinite;
  animation-delay:var(--sdb-delay,0s);
}
/* apparition au scroll, staggerée (cartes hors couverture sd-reveal) */
.sdb-rv{opacity:0;transform:translateY(22px)}
.sdb-in{opacity:1;transform:none;
  transition:opacity .65s var(--sdb-ease),transform .65s var(--sdb-ease)}
.sdb-glint::before{
  content:"";position:absolute;top:-40%;bottom:-40%;width:34%;
  left:0;transform:skewX(-22deg) translateX(-380%);
  background:linear-gradient(90deg,
    transparent,rgba(255,246,220,.05) 20%,
    rgba(255,243,204,.5) 50%,
    rgba(232,195,71,.10) 78%,transparent);
  /* vie ambiante : un éclair traverse la carte périodiquement */
  animation:sdbGlintAmbient 6.5s var(--sdb-ease) infinite;
  animation-delay:var(--sdb-delay,0s);
}
@keyframes sdbGlintAmbient{
  0%   {transform:skewX(-22deg) translateX(-380%)}
  12%  {transform:skewX(-22deg) translateX(420%)}
  100% {transform:skewX(-22deg) translateX(420%)}
}
.card:hover .sdb-glint::before,.geo-card:hover .sdb-glint::before,
.module-card:hover .sdb-glint::before,.saas-card:hover .sdb-glint::before,
.mcard:hover .sdb-glint::before,.stat-card:hover .sdb-glint::before,
.featured-card:hover .sdb-glint::before,.consult-card:hover .sdb-glint::before,
.aside-card:hover .sdb-glint::before,.founder:hover .sdb-glint::before,
.team-card:hover .sdb-glint::before{
  animation:sdbGlintHover .85s var(--sdb-ease);
}
@keyframes sdbGlintHover{
  from{transform:skewX(-22deg) translateX(-380%)}
  to  {transform:skewX(-22deg) translateX(420%)}
}
/* Étincelle d'or au coin : scintille par vagues */
.sdb-glint::after{
  content:"";position:absolute;top:10px;right:12px;
  width:14px;height:14px;
  background:
    radial-gradient(circle,rgba(255,243,204,.95) 0 12%,transparent 30%),
    linear-gradient(0deg,transparent 44%,rgba(241,221,165,.9) 50%,transparent 56%),
    linear-gradient(90deg,transparent 44%,rgba(241,221,165,.9) 50%,transparent 56%);
  transform:scale(.4);opacity:0;
  animation:sdbSparkle 5.6s ease-in-out infinite;
  animation-delay:var(--sdb-delay,0s);
}
@keyframes sdbSparkle{
  0%,72%,100%{opacity:0;transform:scale(.4) rotate(0)}
  80%        {opacity:1;transform:scale(1) rotate(40deg)}
  88%        {opacity:0;transform:scale(.5) rotate(80deg)}
}

/* Images de contenu : cadre or qui s'illumine + zoom feutré */
.section img,.photo-section img,.founder img{
  outline:1px solid rgba(222,179,118,.45);outline-offset:-1px;
  transition:transform .45s var(--sdb-ease),box-shadow .45s,outline-color .45s;
}
.section img:hover,.photo-section img:hover,.founder img:hover{
  transform:scale(1.015);
  outline-color:rgba(232,195,71,.9);
  box-shadow:0 12px 34px rgba(60,32,10,.22),0 0 22px rgba(232,195,71,.30);
}

/* ═══ 3bis. PHOTOS FONDATEURS : cadrage visage soigné ════════
   Vignette home carrée (respecte portraits/carrés, plus de
   paysage écrasé) + centrage du visage par photo. AUCUN fichier
   photo modifié — cadrage CSS uniquement. */
.team-card-photo{
  height:auto!important;aspect-ratio:1/1;max-height:460px;
  object-fit:cover;
}
img.team-card-photo[src*="se-portrait-corporate"]{object-position:50% 16%!important}
img.team-card-photo[src*="steeve-lopez"]{object-position:50% 26%!important}
img.team-card-photo[src*="francois-fresquet"]{object-position:50% 6%!important}
img.profile-photo[src*="se-portrait-corporate"]{object-position:50% 14%!important}
img.profile-photo[src*="steeve-lopez"]{object-position:50% 24%!important}
img.profile-photo[src*="francois-fresquet"]{object-position:50% 35%!important}

/* ═══ 4. BOUTONS GLOSSY : reflet permanent + liseré or ═══════ */
.btn,.btn-primary,.btn-buy{position:relative;overflow:hidden}
.btn::after,.btn-primary::after,.btn-buy::after{
  content:"";position:absolute;top:-30%;bottom:-30%;width:38%;left:0;
  pointer-events:none;
  transform:skewX(-24deg) translateX(-320%);
  background:linear-gradient(90deg,
    transparent,rgba(255,246,220,.55) 50%,transparent);
  animation:sdbBtnSheen 4.2s var(--sdb-ease) infinite;
}
@keyframes sdbBtnSheen{
  0%  {transform:skewX(-24deg) translateX(-320%)}
  38% {transform:skewX(-24deg) translateX(380%)}
  100%{transform:skewX(-24deg) translateX(380%)}
}
.btn:hover::after,.btn-primary:hover::after,.btn-buy:hover::after{
  animation:sdbBtnSheenFast .7s var(--sdb-ease)}
@keyframes sdbBtnSheenFast{
  from{transform:skewX(-24deg) translateX(-320%)}
  to  {transform:skewX(-24deg) translateX(380%)}
}
.btn-gold{
  box-shadow:0 0 0 1px rgba(255,243,204,.55),0 4px 18px rgba(232,195,71,.35);
  transition:box-shadow .3s,transform .3s;
}
.btn-gold:hover{
  transform:translateY(-2px);
  box-shadow:0 0 0 1px rgba(255,243,204,.9),0 8px 26px rgba(232,195,71,.55),0 0 30px rgba(232,195,71,.30);
}
.btn-outline-white:hover,.btn-outline:hover{
  box-shadow:0 0 18px rgba(232,195,71,.35);
}

/* ═══ 5. TITRES DE SECTION : filet d'or vivant ═══════════════ */
.sec-label h2::after,.sec-label h3::after{
  content:"";display:block;width:74px;height:2px;margin-top:.55rem;
  border-radius:2px;
  background:linear-gradient(90deg,#e8c347,#fff3cc 45%,#b87333 75%,#e8c347);
  background-size:220% 100%;
  animation:sdbFiletFlow 3.6s linear infinite;
  box-shadow:0 0 8px rgba(232,195,71,.45);
}

/* ═══ 6. CONSTELLATION HOME : éclat AUGMENTÉ ═════════════════ */
.sds-disc{
  filter:drop-shadow(0 0 4px rgba(241,221,165,.95))
         drop-shadow(0 0 12px rgba(232,195,71,.6));
}
.sds-core-disc{
  filter:drop-shadow(0 0 6px rgba(255,243,204,1))
         drop-shadow(0 0 20px rgba(232,195,71,.85));
}
.sds-halo{animation:sdbHaloBreath 2.8s ease-in-out infinite}
@keyframes sdbHaloBreath{
  0%,100%{opacity:.5}
  50%    {opacity:1}
}
.sds-pulse{fill:#ffedb0}

/* ═══ 7. REDUCED MOTION : statique mais toujours doré ════════ */
@media (prefers-reduced-motion:reduce){
  .sdb-sheen{animation:none;transform:translate3d(-8%,0,0);opacity:.55}
  .sdb-sheen2{animation:none;transform:translate3d(10%,0,0);opacity:.4}
  .sdb-rays{animation:none;opacity:.8}
  .sdb-breath{animation:none;opacity:.65}
  .sdb-fx::before,.sdb-fx::after{animation:none;background-position:40% 0}
  h1.sdb-foil{animation:none!important}
  .sdb-glint::before,.sdb-glint::after,
  .btn::after,.btn-primary::after,.btn-buy::after{animation:none;opacity:0}
  .sec-label h2::after,.sec-label h3::after{animation:none}
  .sdb-thread-node{animation:none;opacity:.8}
  .sdb-thread-spark{animation:none;opacity:.7;transform:none}
  .sdb-glint{animation:none}
  .sdb-rv{opacity:1;transform:none}
  .sds-halo{animation:none}
  .card,.geo-card,.module-card,.saas-card,.mcard,.stat-card,
  .featured-card,.consult-card,.aside-card,.founder,
  .section img,.photo-section img{transition:none}
}

/* ═══ 8. MOBILE : effets préservés, dosés ════════════════════ */
@media (max-width:640px){
  .sdb-rays{inset:-30% -30%}
  .sdb-glint::after{top:8px;right:9px;width:11px;height:11px}
}

/* #GO_PROD_HOTFIX_HEROS_CASSES 14/07 : neutralise fil/bandes cassés (agent halté, pas de backup) — restaure des héros lisibles */
.sdb-fx,.sdb-thread-wrap,.sdb-sheen,.sdb-sheen2,.sdb-rays,.sdb-breath,.sdb-dust{display:none!important}
.sdb-foil{-webkit-text-fill-color:initial!important;background:none!important;background-image:none!important}

/* #GO_PROD_HOTFIX_HEROS_CASSES_2 14/07 : supprime le "rectangle noir" (scrim dur cassé) + libère la hauteur du titre + lisibilité par ombre douce */
.hero-content::before, .hero-content::after { background:none !important; background-image:none !important; box-shadow:none !important; }
.sds-hero .hero-content, .sds-hero .hero-content h1 { text-shadow: 0 2px 22px rgba(0,0,0,.9), 0 1px 6px rgba(0,0,0,.75) !important; }
.hero-content { height:auto !important; min-height:0 !important; max-height:none !important; overflow:visible !important; }

/* #GO_PROD_HOTFIX_HEROS_CASSES_3 14/07 : supprime DÉFINITIVEMENT le rectangle noir (2 scrims sombres clippés) — titre lisible par ombre douce */
.sdb-dark .hero-content::after, .sdb-dark .hero-content::before,
.sdb-dark h1.sdb-foil::before, .sdb-dark h1.sdb-foil::after { content:none !important; background:none !important; background-image:none !important; display:none !important; }
.sdb-dark .hero-content h1, .sdb-dark .hero-content { text-shadow: 0 2px 18px rgba(0,0,0,.92), 0 2px 40px rgba(0,0,0,.7), 0 1px 3px rgba(0,0,0,.8) !important; }

/* #GO_PROD_HOTFIX_HEROS_CASSES_4 14/07 : retire l'aurora or/mauve (blobs radiaux) des page-heros de contenu -> fond propre sobre (Stéphane: "aurora c'est nul") */
.page-hero::before, .page-hero::after { display:none !important; background:none !important; content:none !important; }

/* #GO_PROD_HOTFIX_HEROS_CASSES_5 14/07 : supprime le VOILE aurora sombre sur .container des heros (le vrai "rectangle noir"/dégradé) */
.page-hero .container::before, .page-hero .container::after,
.page-hero--brown > *::before, .page-hero--cream > *::before { display:none !important; background:none !important; content:none !important; }
.page-hero--brown h1, .page-hero--brown .lead, .page-hero--brown .eyebrow { text-shadow: 0 1px 10px rgba(0,0,0,.55) !important; }

/* #GO_PROD_HOTFIX_SCROLL_TITRE 14/07 : le .container du hero avait overflow-y:auto + hauteur bornée => barre de scroll sur le titre. Libéré. */
.page-hero .container, .sds-hero .container, .hero .container, .page-hero .hero-content, .sds-hero .hero-content {
  overflow:visible !important; height:auto !important; min-height:0 !important; max-height:none !important;
}