/* ÉTANCHÉI-D — page À propos : mise en scène (préfixe eb-).
   Reprend le principe de Com'in Clean / Nemelec / Demartin (apparitions, cartes qui se dessinent, diaporama de vraies
   photos) avec l'identité de l'accueil V3 : ondes d'eau, cartes verre, accent clair sur fond sombre.
   Chargé APRÈS /assets/eco/css/site.css, uniquement par a-propos.html. Aucun texte n'est écrit ici.
   Tout ce qui est caché l'est par une classe posée par apropos.js (.eb-pre / .eb-in / .eb-hp) : sans JS, tout est visible.
   Transform / opacity / filter uniquement. AUCUN reflet qui balaie une photo.
   Contrastes (mesurés) : #5fd6d4 sur #0a2b42 = 8,4:1 ; #1f6f6e sur blanc = 5,9:1 et sur #eef4f9 = 5,3:1 ;
   texte blanc sur #1f7776 = 5,3:1 (l'accent #2d9c9b ne fait que 3,3:1 sur blanc : il reste pour les filets et décors). */

:root{--eb-ease:cubic-bezier(.2,.8,.2,1);--eb-spring:cubic-bezier(.34,1.56,.64,1);
  --eb-clair:#5fd6d4;--eb-clair-2:#b5f3f1;--eb-sur-clair:#062a2a;
  --eb-txt:var(--accent-fonce-a11y,#1d7372);--eb-btn:var(--accent-fonce-a11y,#1d7372);--eb-btn-h:#175a59}
[hidden]{display:none!important}

/* petits textes accentués : teal foncé sur clair (la variable du thème sert aussi au lien actif du menu mobile) */
body[data-page="a-propos"]{--accent-texte:var(--eb-txt);--accent-texte-fonce:var(--eb-btn-h)}
body[data-page="a-propos"] .fond-sombre{--accent-texte:var(--eb-clair);--accent-texte-fonce:var(--eb-clair-2)}
.eb-sec{position:relative;overflow:hidden}
.eb-sur{display:block;font-size:13px;font-weight:700;color:var(--accent-texte);text-transform:uppercase;letter-spacing:.12em;margin-bottom:14px}
.eb-sur--clair{color:var(--eb-clair)}
body[data-page="a-propos"] .eb-btn{background:var(--eb-btn)!important}
body[data-page="a-propos"] .eb-btn:hover{background:var(--eb-btn-h)!important}

/* ---------- apparitions du thème ([data-reveal] + .is-hidden), plus amples sur cette page ---------- */
body[data-page="a-propos"] [data-reveal]{transition:opacity .85s var(--eb-ease),transform .95s var(--eb-ease),filter .85s ease}
body[data-page="a-propos"] [data-reveal].is-hidden{filter:blur(8px)}
body[data-page="a-propos"] [data-reveal].is-hidden[data-reveal="1"]{transform:translateY(46px) scale(.985)}
body[data-page="a-propos"] [data-reveal].is-hidden[data-reveal="left"]{transform:translateX(-70px) scale(.97)}
body[data-page="a-propos"] [data-reveal].is-hidden[data-reveal="right"]{transform:translateX(70px) scale(.97)}
body[data-page="a-propos"] [data-reveal].is-hidden[data-reveal="zoom"]{transform:scale(.9)}

/* ---------- titres de section : trait avant le sur-titre, filet sous le titre ---------- */
.eb-tt>span:first-child::before{content:'';display:inline-block;vertical-align:middle;width:30px;height:2px;margin:-3px 12px 0 0;border-radius:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .8s var(--eb-ease) .25s}
.eb-tt:not(.is-hidden)>span:first-child::before{transform:scaleX(1)}
.eb-tt h2::after{content:'';display:block;height:3px;width:0;margin-top:16px;border-radius:3px;background:linear-gradient(90deg,var(--accent),var(--eb-clair));transition:width .9s var(--eb-ease) .45s}
.eb-tt:not(.is-hidden) h2::after{width:72px}
@media (max-width:480px){.eb-tt>span:first-child::before{display:none}}

/* ---------- 1. En-tête : photo réelle qui respire, titre mot par mot, ondes d'eau ---------- */
.eb-hero{isolation:isolate}
.eb-hero-bg{scale:1.1;will-change:translate;transition:translate .5s ease-out}
.eb-hw{display:inline-block}
.eb-hw>i{display:inline-block;font-style:normal;transition:opacity .7s var(--eb-ease),transform .85s var(--eb-ease),filter .7s ease;transition-delay:calc(var(--i,0)*85ms + .15s)}
.eb-hp .eb-hw>i{opacity:0;transform:translateY(.55em);filter:blur(6px)}
.eb-ondes{position:absolute;left:0;right:0;bottom:0;height:150px;z-index:0;pointer-events:none;overflow:hidden}
.eb-ondes i{position:absolute;left:0;right:0;bottom:0;display:block;height:120px;background-repeat:repeat-x;background-size:1200px 120px;opacity:.9;will-change:background-position}
.eb-ondes i:nth-child(1){bottom:-6px;animation:ebOnde 34s linear infinite;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120'%3E%3Cpath fill='%235fd6d4' fill-opacity='.08' d='M0 60C100 20 200 20 300 60S500 100 600 60C700 20 800 20 900 60S1100 100 1200 60V120H0Z'/%3E%3Cpath fill='none' stroke='%235fd6d4' stroke-opacity='.4' stroke-width='1.5' d='M0 60C100 20 200 20 300 60S500 100 600 60C700 20 800 20 900 60S1100 100 1200 60'/%3E%3C/svg%3E")}
.eb-ondes i:nth-child(2){bottom:10px;height:100px;background-size:900px 100px;animation:ebOnde2 26s linear infinite reverse;opacity:.75;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120'%3E%3Cpath fill='%235fd6d4' fill-opacity='.05' d='M0 60C100 20 200 20 300 60S500 100 600 60C700 20 800 20 900 60S1100 100 1200 60V120H0Z'/%3E%3Cpath fill='none' stroke='%23b5f3f1' stroke-opacity='.3' stroke-width='1.5' d='M0 60C100 20 200 20 300 60S500 100 600 60C700 20 800 20 900 60S1100 100 1200 60'/%3E%3C/svg%3E")}
.eb-ondes i:nth-child(3){bottom:24px;height:80px;background-size:700px 80px;animation:ebOnde3 20s linear infinite;opacity:.6;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120'%3E%3Cpath fill='none' stroke='%235fd6d4' stroke-opacity='.32' stroke-width='1.5' d='M0 60C100 20 200 20 300 60S500 100 600 60C700 20 800 20 900 60S1100 100 1200 60'/%3E%3C/svg%3E")}
@keyframes ebOnde{to{background-position:-1200px 0}}
@keyframes ebOnde2{to{background-position:-900px 0}}
@keyframes ebOnde3{to{background-position:-700px 0}}
.eb-pause .eb-ondes i,.eb-pause .eb-ring::before,.eb-pause .eb-ring::after,.eb-pause.eb-pourquoi::after{animation-play-state:paused}

/* ---------- 2. Histoire : diaporama de vraies photos (équipe au travail + chantiers finis), fondu lent ---------- */
.eb-photo{position:relative;width:100%;max-width:540px;margin-inline:auto}
.eb-photo::before{content:'';position:absolute;inset:16px -14px -16px 14px;border:2px solid var(--accent);border-radius:30px;opacity:.35;z-index:0;transition:transform .9s var(--eb-ease) .3s,opacity .9s ease .3s}
.eb-photo.is-hidden::before{opacity:0;transform:translate(-20px,-20px)}
.eb-diapo{position:relative;z-index:1;aspect-ratio:4/5;border-radius:28px;overflow:hidden;background:var(--carte);box-shadow:0 30px 60px -36px rgba(10,43,66,.55);isolation:isolate}
.eb-diapo>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity 1.8s ease,transform 7s cubic-bezier(.2,.6,.2,1)}
.eb-diapo>img.is-on{opacity:1;transform:scale(1)}
/* goutte d'eau : pastille posée sur le coin du cadre, un cercle qui s'ouvre comme une onde */
.eb-goutte{position:absolute;z-index:4;right:-14px;bottom:-14px;width:68px;height:68px;border-radius:50%;background:var(--eb-btn);color:#fff;display:flex;align-items:center;justify-content:center;
  box-shadow:0 0 0 8px var(--fond),0 16px 30px -10px rgba(31,119,118,.7)}
.eb-goutte::after{content:'';position:absolute;inset:0;border-radius:50%;border:2px solid var(--accent);animation:ebRing 2.8s ease-out 1.2s infinite;pointer-events:none}
.eb-goutte svg{position:relative;width:28px;height:28px;fill:currentColor}
@keyframes ebRing{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.75);opacity:0}}
/* mots-clés du texte : surlignage qui se trace (le texte reste identique) */
.eb-mark{font-weight:700;color:var(--titre);background-image:linear-gradient(transparent 62%,color-mix(in srgb,var(--accent) 28%,transparent) 62%);background-repeat:no-repeat;background-position:0 100%;background-size:100% 100%;transition:background-size .9s var(--eb-ease) .5s;padding:0 .08em}
.eb-mp .eb-mark{background-size:0 100%}

/* ---------- 3. Valeurs & mission : cartes dont le contour et la coche se dessinent ---------- */
.eb-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.eb-cw{display:flex}
.eb-card{position:relative;flex:1;overflow:hidden;background:var(--carte);border:1px solid var(--bord);border-radius:24px;padding:36px 32px 32px;display:flex;flex-direction:column;gap:16px;
  box-shadow:0 1px 2px rgba(10,43,66,.04);transition:transform .5s var(--eb-ease),box-shadow .45s,border-color .3s}
.eb-card>*{position:relative}
.eb-card::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .35s;background:radial-gradient(360px circle at var(--mx,50%) var(--my,0%),color-mix(in srgb,var(--accent) 18%,transparent),transparent 62%)}
.eb-card::after{content:'';position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--eb-btn),var(--accent),var(--eb-clair));transform:scaleX(0);transform-origin:left;transition:transform .55s var(--eb-ease)}
.eb-card:hover{transform:translateY(-8px);box-shadow:0 28px 50px -26px rgba(10,43,66,.45);border-color:color-mix(in srgb,var(--accent) 55%,var(--bord))}
.eb-card:hover::before{opacity:1}
.eb-card:hover::after{transform:scaleX(1)}
.eb-bd{position:absolute!important;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:3}
.eb-bd rect{fill:none;stroke:var(--accent);stroke-width:2;stroke-dasharray:1;stroke-dashoffset:0;opacity:.55;transition:stroke-dashoffset 1.8s var(--eb-ease) .15s,opacity .4s}
.eb-pre .eb-bd rect{stroke-dashoffset:1}
.eb-card:hover .eb-bd rect{opacity:1}
.eb-ico{width:58px;height:58px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--eb-txt);transition:background .35s,color .35s,transform .5s var(--eb-spring),box-shadow .35s}
.eb-ico svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.eb-ico svg path,.eb-wico svg path{stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset 1s var(--eb-ease) .5s}
.eb-pre .eb-ico svg path{stroke-dashoffset:1}
.eb-card:hover .eb-ico{background:var(--eb-btn);color:#fff;transform:rotate(-6deg) scale(1.08);box-shadow:0 14px 26px -12px rgba(31,119,118,.8)}
.eb-card h3{font-size:24px;font-weight:700;line-height:1.2;color:var(--texte-carte)}
.eb-card p{font-size:16px;line-height:1.75;color:var(--texte-carte-doux)}
.eb-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;font-size:15px;line-height:1.65;color:var(--texte-carte-doux)}
.eb-list li{position:relative;padding-left:32px;transition:opacity .7s ease calc(var(--i,0)*130ms + .5s),transform .8s var(--eb-ease) calc(var(--i,0)*130ms + .5s)}
.eb-list li::before{content:'';position:absolute;left:0;top:.2em;width:20px;height:20px;border-radius:50%;background:color-mix(in srgb,var(--accent) 18%,transparent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%231f6f6e' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round' d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/13px no-repeat;transition:transform .6s var(--eb-spring) calc(var(--i,0)*130ms + .55s)}
.eb-list strong{color:var(--titre)}
.eb-pre .eb-list li{opacity:0;transform:translateX(-22px)}
.eb-pre .eb-list li::before{transform:scale(.3)}
.eb-card--mission p{opacity:1;transition:opacity .9s ease .6s,transform .9s var(--eb-ease) .6s}
.eb-pre.eb-card--mission p{opacity:0;transform:translateY(18px)}

/* ---------- 4. Pourquoi faire confiance : bande sombre vivante (trame, ondes d'eau, halos, cartes verre) ---------- */
.eb-pourquoi{isolation:isolate}
.eb-pourquoi::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(rgba(95,214,212,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(95,214,212,.07) 1px,transparent 1px);
  background-size:56px 56px;
  -webkit-mask-image:radial-gradient(ellipse 70% 80% at 50% 45%,#000 15%,transparent 78%);mask-image:radial-gradient(ellipse 70% 80% at 50% 45%,#000 15%,transparent 78%)}
.eb-pourquoi::after{content:'';position:absolute;inset:-20%;z-index:-1;pointer-events:none;
  background:radial-gradient(520px circle at 12% 18%,rgba(45,156,155,.34),transparent 70%),radial-gradient(620px circle at 88% 85%,rgba(60,140,210,.28),transparent 70%);
  animation:ebDrift 20s ease-in-out infinite alternate}
@keyframes ebDrift{from{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(3%,2%,0) scale(1.08)}}
.eb-ondes--fond{height:200px;z-index:-1}
.eb-ring{position:absolute;z-index:-1;pointer-events:none;width:220px;height:220px;margin:-110px 0 0 -110px;border-radius:50%}
.eb-ring::before,.eb-ring::after{content:'';position:absolute;inset:0;border-radius:50%;border:1.5px solid var(--eb-clair);opacity:0;animation:ebRingBig 7.5s ease-out infinite}
.eb-ring::after{animation-delay:2.5s}
.eb-ring--a{left:84%;top:26%}
.eb-ring--b{left:9%;top:78%}
.eb-ring--b::before{animation-delay:1.2s}.eb-ring--b::after{animation-delay:3.7s}
@keyframes ebRingBig{0%{transform:scale(.15);opacity:.55}100%{transform:scale(1.7);opacity:0}}
.eb-wgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;perspective:1100px}
.eb-wc{display:flex}
.eb-in{opacity:0;transform:perspective(1000px) rotateY(-26deg) rotateX(9deg) translateY(50px) scale(.94)}
.eb-in.eb-vu{opacity:1;transform:none;transition:opacity .8s ease,transform 1s var(--eb-ease)}
.eb-wcard{position:relative;flex:1;overflow:hidden;border-radius:24px;padding:28px 24px;display:flex;flex-direction:column;gap:14px;
  background:linear-gradient(160deg,rgba(255,255,255,.11),rgba(255,255,255,.035));border:1px solid rgba(95,214,212,.28);
  box-shadow:0 22px 44px -26px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.14);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  transition:transform .5s var(--eb-ease),background .3s,border-color .3s,box-shadow .3s;transform-style:preserve-3d}
.eb-wcard:hover{background:linear-gradient(160deg,rgba(95,214,212,.2),rgba(255,255,255,.05));border-color:rgba(95,214,212,.6)}
.eb-wcard.eb-tilting{transition:transform .08s linear,background .3s,border-color .3s,box-shadow .3s;box-shadow:0 30px 60px -28px rgba(7,24,38,.7),inset 0 1px 0 rgba(255,255,255,.14)}
.eb-wcard>.eb-fil{position:absolute;left:0;top:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--eb-clair),transparent);transform:scaleX(0);transform-origin:left;transition:transform 1.1s var(--eb-ease) .5s}
.eb-vu .eb-wcard>.eb-fil,html:not(.eb-js) .eb-wcard>.eb-fil{transform:scaleX(1)}
.eb-wico{position:relative;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(145deg,var(--eb-clair-2),var(--eb-clair));color:var(--eb-sur-clair);
  box-shadow:0 0 0 6px rgba(95,214,212,.14),0 10px 24px -8px rgba(45,156,155,.8);transition:transform .5s var(--eb-spring)}
.eb-wico::after{content:'';position:absolute;inset:0;border-radius:inherit;border:2px solid var(--eb-clair);pointer-events:none;animation:ebRingIc 2.8s ease-out infinite}
.eb-wc:nth-child(2) .eb-wico::after{animation-delay:.7s}
.eb-wc:nth-child(3) .eb-wico::after{animation-delay:1.4s}
.eb-wc:nth-child(4) .eb-wico::after{animation-delay:2.1s}
.eb-wico svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.eb-wc.eb-in:not(.eb-vu) .eb-wico svg path{stroke-dashoffset:1}
.eb-wc.eb-vu .eb-wico{animation:ebPop .8s var(--eb-spring) .45s both}
.eb-wcard:hover .eb-wico{transform:scale(1.12) rotate(-8deg)}
@keyframes ebRingIc{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.7);opacity:0}}
@keyframes ebPop{0%{transform:scale(.2);opacity:0}100%{transform:scale(1);opacity:1}}
.eb-wcard h3{font-size:19px;font-weight:700;letter-spacing:-.01em;color:#fff}
.eb-wcard p{font-size:14.5px;line-height:1.6;color:rgba(255,255,255,.86)}

/* ---------- 5. Configurateur : même cadre décalé, photo sans effet ---------- */
.eb-photo--g::before{inset:16px 14px -16px -14px}
.eb-photo--g.is-hidden::before{transform:translate(20px,-20px)}

/* ---------- 6. Bandeau d'appel : vraie photo de chantier à gauche, texte à droite ---------- */
.eb-appel{isolation:isolate}
.eb-appel>img.eb-appel-photo{position:absolute;left:0;top:0;bottom:0;width:70%;height:100%;object-fit:cover;object-position:34% 62%;
  animation:ebKen 24s ease-in-out infinite alternate;transform-origin:30% 55%}
@keyframes ebKen{from{transform:scale(1)}to{transform:scale(1.07)}}
body[data-page="a-propos"] .eb-appel>div.eb-appel-voile{position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(var(--overlay-rgb),0) 0%,rgba(var(--overlay-rgb),0) 30%,rgba(var(--overlay-rgb),.82) 52%,rgb(var(--overlay-rgb)) 68%)!important}

/* ---------- mobile (390 px) ---------- */
@media (max-width:1000px){
  .eb-wgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .eb-grid2{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .eb-sec{padding-left:16px!important;padding-right:16px!important}
  .eb-sec>div{padding-left:0!important;padding-right:0!important}
  .eb-histoire,.eb-config{padding-top:68px!important;padding-bottom:68px!important}
  .eb-histoire>div,.eb-config>div{gap:48px!important}
  .eb-valeurs,.eb-pourquoi{padding-top:68px!important;padding-bottom:68px!important}
  .eb-photo::before{inset:10px -8px -10px 8px}
  .eb-photo--g::before{inset:10px 8px -10px -8px}
  .eb-goutte{right:-6px;bottom:-12px;width:58px;height:58px}
  .eb-goutte svg{width:24px;height:24px}
  .eb-card{padding:30px 24px 26px}
  .eb-card h3{font-size:22px}
  .eb-card p{font-size:15.5px}
  .eb-ondes--fond{height:140px}
  /* le bandeau d'appel : la photo au-dessus, le texte dessous */
  .eb-appel{flex-direction:column;align-items:stretch;min-height:0!important}
  .eb-appel>img.eb-appel-photo{position:relative;width:100%;height:250px;object-position:34% 62%;transform-origin:30% 40%}
  body[data-page="a-propos"] .eb-appel>div.eb-appel-voile{background:linear-gradient(180deg,rgba(var(--overlay-rgb),0) 0,rgba(var(--overlay-rgb),0) 120px,rgb(var(--overlay-rgb)) 250px,rgb(var(--overlay-rgb)) 100%)!important}
  .eb-appel>.eb-appel-txt{margin-left:0!important;padding:28px 24px 34px!important}
}
/* « pourquoi » en 2 x 2 sur petit écran : moins de défilement vertical */
@media (max-width:480px){
  .eb-wgrid{gap:12px}
  .eb-wcard{padding:18px 14px;gap:10px;border-radius:20px}
  .eb-wico{width:44px;height:44px}
  .eb-wico svg{width:22px;height:22px}
  .eb-wcard h3{font-size:15.5px}
  .eb-wcard p{font-size:13.5px;line-height:1.5}
}

/* ---------- mouvement réduit : tout est coupé, tout est visible ---------- */
@media (prefers-reduced-motion:reduce){
  body[data-page="a-propos"] [data-reveal]{transition:none!important;filter:none!important}
  .eb-hero-bg{scale:1.04;transition:none}
  .eb-hp .eb-hw>i{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
  .eb-ondes i,.eb-ring::before,.eb-ring::after,.eb-pourquoi::after,.eb-goutte::after,.eb-wico::after,.eb-appel>img.eb-appel-photo{animation:none!important}
  .eb-ring{display:none}
  .eb-diapo>img{transition:none!important;transform:none!important}
  .eb-pre .eb-bd rect,.eb-pre .eb-ico svg path,.eb-wc.eb-in:not(.eb-vu) .eb-wico svg path{stroke-dashoffset:0!important}
  .eb-pre .eb-list li,.eb-pre.eb-card--mission p{opacity:1!important;transform:none!important}
  .eb-pre .eb-list li::before{transform:none!important}
  .eb-bd rect,.eb-ico svg path,.eb-wico svg path,.eb-list li,.eb-list li::before,.eb-card--mission p,.eb-card{transition:none!important}
  .eb-in{opacity:1!important;transform:none!important;transition:none!important}
  .eb-wc.eb-vu .eb-wico{animation:none!important}
  .eb-wcard>.eb-fil{transform:scaleX(1)!important;transition:none!important}
  .eb-mp .eb-mark{background-size:100% 100%!important}
  .eb-mark{transition:none!important}
  .eb-tt>span:first-child::before{transform:scaleX(1)!important;transition:none!important}
  .eb-tt h2::after{width:72px!important;transition:none!important}
  .eb-photo::before{opacity:.35!important;transform:none!important;transition:none!important}
  .eb-card:hover,.eb-wcard:hover .eb-wico,.eb-card:hover .eb-ico{transform:none}
}