
:root{
  --bg:#05060a;
  --bg2:#090d13;
  --panel:#10151f;
  --panel2:#141b28;
  --text:#f4f6fb;
  --muted:#aab4c4;
  --dim:#748194;
  --line:rgba(255,255,255,.12);
  --line-soft:rgba(255,255,255,.075);
  --red:#c43a42;
  --blue:#72c4dd;
  --max:1120px;
  --radius:26px;
  --shadow:0 30px 100px rgba(0,0,0,.42);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  color:var(--text);
  line-height:1.6;
  background:
    radial-gradient(circle at 80% 0%, rgba(93,163,184,.14), transparent 34rem),
    radial-gradient(circle at 5% 12%, rgba(196,58,66,.16), transparent 28rem),
    linear-gradient(180deg,#05060a 0%,#08101a 48%,#05060a 100%);
  overflow-x:hidden;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px),
    linear-gradient(0deg,rgba(255,255,255,.016) 1px,transparent 1px);
  background-size:82px 82px;
  mask-image:linear-gradient(180deg,#000,transparent 82%);
  opacity:.55;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(var(--max), calc(100% - 40px));margin-inline:auto}
.skip-link{position:absolute;left:-999px;top:12px;background:#fff;color:#000;padding:.75rem 1rem;border-radius:999px;z-index:1000}
.skip-link:focus{left:12px}

.site-header{
  position:sticky;
  top:0;
  z-index:60;
  background:rgba(5,6,10,.74);
  border-bottom:1px solid var(--line-soft);
  backdrop-filter:blur(18px);
}
.nav{
  min-height:70px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
}
.nav-links{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:7px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  background:rgba(255,255,255,.032);
}
.nav-links a{
  color:#d8deea;
  font-size:.91rem;
  font-weight:760;
  padding:.62rem .9rem;
  border-radius:999px;
  transition:.18s ease;
}
.nav-links a:hover{background:rgba(255,255,255,.075);color:#fff}
.menu-toggle{display:none;background:transparent;color:#fff;border:1px solid var(--line);border-radius:999px;padding:.6rem .88rem;font:inherit;cursor:pointer}

.hero-cinema{
  position:relative;
  min-height:calc(100vh - 70px);
  display:grid;
  align-items:end;
  overflow:hidden;
  border-bottom:1px solid var(--line-soft);
  isolation:isolate;
}
.hero-backdrop{
  position:absolute;
  inset:-6% -4% -4% -4%;
  z-index:-3;
  display:grid;
  place-items:center;
}
.hero-backdrop img{
  width:min(118vw,1540px);
  max-width:none;
  height:auto;
  transform:translateX(8%) translateY(-3%);
  filter:drop-shadow(0 42px 120px rgba(0,0,0,.62));
  opacity:.95;
}
.hero-shade{
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    radial-gradient(circle at 67% 42%, rgba(5,6,10,0) 0 28%, rgba(5,6,10,.36) 52%, rgba(5,6,10,.88) 84%),
    linear-gradient(90deg, rgba(5,6,10,.96) 0%, rgba(5,6,10,.84) 27%, rgba(5,6,10,.18) 57%, rgba(5,6,10,.72) 100%),
    linear-gradient(180deg, rgba(5,6,10,.12) 0%, rgba(5,6,10,.38) 63%, rgba(5,6,10,.96) 100%);
}
.hero-cinema:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(196,58,66,.72),rgba(114,196,221,.58),transparent);
}
.hero-content{
  padding:clamp(92px,12vh,150px) 0 clamp(62px,9vh,96px);
  max-width:640px;
  margin-left:max(calc((100vw - var(--max))/2), 20px);
  margin-right:auto;
}
.hero-label{
  margin:0 0 1rem;
  display:inline-flex;
  color:#dce3ef;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:.75rem;
  border:1px solid rgba(255,255,255,.13);
  border-radius:999px;
  padding:.48rem .78rem;
  background:rgba(255,255,255,.045);
}
h1{
  font-size:clamp(2.9rem,6.3vw,5.7rem);
  line-height:1.02;
  letter-spacing:-.06em;
  margin:0 0 1.15rem;
  padding-bottom:.08em;
  color:transparent;
  background:linear-gradient(90deg,#fff,#d8deea 56%,#aeb8ca);
  -webkit-background-clip:text;
  background-clip:text;
}
.lead{
  font-size:clamp(1.05rem,1.8vw,1.26rem);
  color:#d7dde8;
  max-width:620px;
  margin:0;
}
.lead-secondary{color:var(--muted);max-width:650px;margin:0;font-size:1.03rem}
.hero-scope{
  display:flex;
  flex-wrap:wrap;
  gap:.62rem;
  margin-top:1.55rem;
  max-width:620px;
}
.hero-scope span{
  color:#d7deea;
  font-size:.86rem;
  font-weight:750;
  padding:.52rem .76rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(5,6,10,.44);
  backdrop-filter:blur(8px);
}

.section{padding:78px 0;position:relative}
.section-soft{border-block:1px solid var(--line-soft);background:linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.01))}
.split{display:grid;grid-template-columns:.86fr 1.14fr;gap:38px;align-items:start}
.eyebrow{margin:0 0 .7rem;color:#d2d8e4;font-weight:880;text-transform:uppercase;letter-spacing:.18em;font-size:.74rem}
.eyebrow:after{content:"";display:block;width:44px;height:2px;margin-top:.7rem;background:linear-gradient(90deg,var(--red),var(--blue))}
h2{font-size:clamp(2rem,4.1vw,3.55rem);line-height:1;letter-spacing:-.055em;margin:0;max-width:780px}
.text-panel{
  padding:clamp(24px,4vw,36px);
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:linear-gradient(145deg,rgba(255,255,255,.058),rgba(255,255,255,.02));
  box-shadow:0 18px 60px rgba(0,0,0,.22);
}
.text-panel p{margin:0 0 1rem;color:#d6ddeb;font-size:1.05rem}
.text-panel p:last-child{margin-bottom:0}
.section-head{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:30px}
.section-copy{color:var(--muted);font-size:1.03rem;max-width:540px;margin:0}

.quiet-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.quiet-card{
  min-height:205px;
  padding:24px;
  border-radius:24px;
  border:1px solid var(--line);
  background:
    linear-gradient(160deg,rgba(255,255,255,.052),rgba(255,255,255,.018));
  position:relative;
  overflow:hidden;
  transition:.2s ease;
}
.quiet-card:after{content:"";position:absolute;left:24px;right:24px;bottom:0;height:2px;background:linear-gradient(90deg,var(--red),rgba(255,255,255,.32),var(--blue));opacity:.6}
.quiet-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.2)}
.index{display:inline-flex;color:#eef2f8;background:rgba(255,255,255,.052);border:1px solid var(--line);border-radius:999px;padding:.26rem .54rem;font-size:.74rem;font-weight:900;letter-spacing:.12em;margin-bottom:2.2rem}
.quiet-card h3{margin:0 0 .65rem;font-size:1.18rem;line-height:1.14}
.quiet-card p{margin:0;color:var(--muted)}

.references-layout{display:grid;grid-template-columns:.76fr 1.24fr;gap:34px;align-items:start}
.logo-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.logo-item{min-height:92px;padding:15px;border-radius:18px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.90);display:grid;place-items:center;filter:saturate(.82) contrast(.95);opacity:.88;transition:.2s ease}
.logo-item:hover{opacity:1;filter:saturate(1) contrast(1);transform:translateY(-2px)}
.logo-item img{max-height:52px;object-fit:contain}

.contact-section{padding-bottom:92px}
.contact-card-main{
  display:grid;
  grid-template-columns:1fr .9fr;
  gap:32px;
  align-items:center;
  border:1px solid var(--line);
  border-radius:34px;
  background:linear-gradient(135deg,rgba(196,58,66,.1),rgba(114,196,221,.06) 54%,rgba(255,255,255,.038));
  padding:clamp(26px,5vw,46px);
  box-shadow:var(--shadow);
}
.contact-card-main p{color:#d5dbea;max-width:660px;margin:.9rem 0 0}
.contact-actions{display:grid;gap:14px}
.email-box{min-height:88px;padding:18px 20px;border:1px solid var(--line);border-radius:22px;background:rgba(5,6,10,.38);color:var(--muted)}
.btn,.email-action,.inline-email,.mini-btn{
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.15);
  padding:.78rem 1rem;
  font:inherit;
  font-weight:850;
  cursor:pointer;
  transition:.2s ease;
  white-space:nowrap;
  background:rgba(255,255,255,.075);
  color:#fff;
}
.btn-primary,.email-action{background:linear-gradient(135deg,rgba(196,58,66,.95),rgba(122,23,33,.95));box-shadow:0 14px 34px rgba(196,58,66,.18)}
.btn:hover,.email-action:hover,.inline-email:hover,.mini-btn:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.28);filter:brightness(1.06)}
.email-action{width:max-content;max-width:100%}
.protected-email-link{color:#fff;font-weight:850;word-break:break-word}
.revealed-email{display:grid;gap:.65rem;margin-top:.25rem}
.email-label{color:var(--muted);font-size:.92rem}
.email-buttons{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.2rem}
.copy-status{min-height:1.2em;color:var(--muted);font-size:.92rem}

.site-footer{padding:32px 0;border-top:1px solid var(--line-soft);background:#05060a;color:var(--muted)}
.footer-grid{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.footer-links{display:flex;gap:14px;flex-wrap:wrap}
.footer-links a{color:#d5dbea}
.footer-links a:hover{color:#fff}

.legal-page{padding:58px 0 88px}
.legal-card{border:1px solid var(--line);border-radius:30px;background:rgba(255,255,255,.052);padding:clamp(24px,5vw,54px);box-shadow:var(--shadow)}
.legal-card h1{font-size:clamp(2.1rem,5vw,4.8rem);letter-spacing:-.06em;line-height:1.04;margin:0 0 1rem;padding-bottom:.08em;color:transparent;background:linear-gradient(90deg,#fff,#bfc6d4 56%,#fff);-webkit-background-clip:text;background-clip:text}
.legal-card h2{font-size:1.32rem;letter-spacing:-.02em;margin:2rem 0 .6rem}
.legal-card p,.legal-card li{color:#d8deea}
.legal-card ul{padding-left:1.2rem}
.legal-nav{display:flex!important;position:static!important;flex-direction:row!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.legal-nav a{padding:.65rem .8rem!important}

.reveal{opacity:0;transform:translateY(16px);transition:opacity .58s ease,transform .58s ease}
.reveal.is-visible{opacity:1;transform:none}

@media (max-width:980px){
  .hero-cinema{min-height:auto;align-items:center}
  .hero-backdrop{inset:0;opacity:.62}
  .hero-backdrop img{width:1200px;transform:translateX(12%) translateY(-4%)}
  .hero-shade{background:linear-gradient(180deg,rgba(5,6,10,.76),rgba(5,6,10,.58) 42%,rgba(5,6,10,.94))}
  .hero-content{padding:90px 0 82px;margin-inline:auto;max-width:720px}
  .split,.references-layout,.contact-card-main{grid-template-columns:1fr}
  .section-head{display:block}
  .section-copy{margin-top:1rem}
  .quiet-grid{grid-template-columns:repeat(2,1fr)}
  .logo-grid{grid-template-columns:repeat(3,1fr)}
  .nav{justify-content:flex-end}
  .nav-links{position:fixed;left:20px;right:20px;top:82px;display:none;flex-direction:column;align-items:stretch;background:rgba(7,8,13,.96);border:1px solid var(--line);border-radius:24px;padding:12px;box-shadow:var(--shadow)}
  .nav-links.is-open{display:flex}
  .nav-links a{padding:1rem}
  .menu-toggle{display:inline-flex}
}
@media (max-width:620px){
  .container{width:min(var(--max), calc(100% - 26px))}
  .hero-content{padding:74px 0 70px}
  h1{font-size:3rem;line-height:1.06}
  .lead{font-size:1.02rem}
  .hero-scope span{font-size:.8rem}
  .quiet-grid{grid-template-columns:1fr}
  .logo-grid{grid-template-columns:repeat(2,1fr)}
  .section{padding:62px 0}
  .logo-item{min-height:88px}
  .logo-item img{max-height:48px}
  .contact-card-main{border-radius:27px}
  .email-action{width:100%}
  .footer-grid{display:block}
  .footer-links{margin-top:13px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
  .reveal{opacity:1;transform:none}
}


/* V25 — hero corrigé : rendu V22, texte conservé, placé sous le logo */
.hero-refined{
  min-height:clamp(660px, 82vh, 820px);
  display:block;
  position:relative;
  padding:0;
  overflow:hidden;
  border-bottom:1px solid var(--line-soft);
  background:#05060a;
}

.hero-refined .hero-backdrop,
.hero-refined .hero-shade,
.hero-refined:after{
  display:none;
}

.hero-visual-bg{
  position:absolute;
  inset:0;
  z-index:-3;
  display:flex;
  justify-content:center;
  align-items:flex-start;
  overflow:hidden;
}

.hero-visual-bg img{
  width:min(1220px, 112vw);
  max-width:none;
  height:auto;
  transform:translateY(-2px);
  filter:drop-shadow(0 38px 115px rgba(0,0,0,.58));
}

.hero-refined-shade{
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(5,6,10,.05) 0%, rgba(5,6,10,.05) 38%, rgba(5,6,10,.40) 57%, rgba(5,6,10,.91) 100%),
    radial-gradient(circle at 50% 36%, rgba(5,6,10,0) 0 32%, rgba(5,6,10,.22) 62%, rgba(5,6,10,.82) 100%);
}

.hero-refined-content{
  position:relative;
  z-index:2;
  min-height:clamp(660px, 82vh, 820px);
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:center;
  text-align:center;
  padding-bottom:clamp(48px, 7vh, 74px);
}

.hero-refined h1{
  max-width:1040px;
  margin:0 0 1rem;
  padding-bottom:.08em;
  font-size:clamp(2.25rem, 4.5vw, 4.45rem);
  line-height:1.04;
  letter-spacing:-.055em;
  color:transparent;
  background:linear-gradient(90deg,#ffffff,#d7deea 58%,#b5bfce);
  -webkit-background-clip:text;
  background-clip:text;
  text-shadow:none;
}

.hero-refined .lead{
  max-width:820px;
  margin:0 auto;
  color:#d6deea;
  font-size:clamp(1.02rem, 1.65vw, 1.22rem);
  line-height:1.65;
}

.hero-refined .hero-scope{
  justify-content:center;
  margin-top:1.35rem;
  max-width:900px;
}

.hero-refined .hero-scope span{
  background:rgba(5,6,10,.48);
  border-color:rgba(255,255,255,.16);
  color:#ecf1f7;
}

@media (max-width:980px){
  .hero-refined{
    min-height:680px;
  }
  .hero-visual-bg img{
    width:1120px;
    transform:translateY(0);
  }
  .hero-refined-content{
    min-height:680px;
    padding-bottom:54px;
  }
  .hero-refined h1{
    font-size:clamp(2.35rem, 7vw, 4.1rem);
    max-width:820px;
  }
  .hero-refined .lead{
    max-width:720px;
  }
}

@media (max-width:620px){
  .hero-refined{
    min-height:650px;
  }
  .hero-visual-bg img{
    width:900px;
    transform:translateY(0);
  }
  .hero-refined-content{
    min-height:650px;
    padding-bottom:42px;
  }
  .hero-refined h1{
    font-size:2.35rem;
    line-height:1.08;
    letter-spacing:-.05em;
  }
  .hero-refined .lead{
    font-size:.99rem;
  }
  .hero-refined .hero-scope{
    gap:.48rem;
  }
  .hero-refined .hero-scope span{
    font-size:.78rem;
    padding:.46rem .62rem;
  }
}


/* V26 — texte un peu plus haut + titre sur une seule ligne */
.hero-refined-content{padding-bottom:clamp(82px,10vh,118px)}
.hero-refined h1{max-width:none;font-size:clamp(1.9rem,3.55vw,3.65rem);white-space:nowrap;line-height:1.02}
@media (max-width:980px){.hero-refined-content{padding-bottom:76px}.hero-refined h1{font-size:clamp(1.9rem,4.6vw,3.25rem);white-space:nowrap;max-width:none}}
@media (max-width:620px){.hero-refined-content{padding-bottom:56px}.hero-refined h1{white-space:normal;font-size:2.15rem;line-height:1.08}}


/* V28 — rapprochement du rendu demandé : texte remonté dans l’image */
.hero-refined{
  min-height:clamp(640px, 78vh, 790px);
}

.hero-visual-bg img{
  width:min(1320px, 118vw);
  transform:translateY(-16px);
}

.hero-refined-shade{
  background:
    linear-gradient(180deg, rgba(5,6,10,.02) 0%, rgba(5,6,10,.03) 36%, rgba(5,6,10,.26) 53%, rgba(5,6,10,.88) 100%),
    radial-gradient(circle at 50% 34%, rgba(5,6,10,0) 0 34%, rgba(5,6,10,.17) 61%, rgba(5,6,10,.78) 100%);
}

.hero-refined-content{
  min-height:clamp(640px, 78vh, 790px);
  padding-bottom:clamp(116px, 13vh, 154px);
}

.hero-refined-content::before{
  content:"";
  position:absolute;
  left:50%;
  bottom:clamp(78px, 9vh, 110px);
  transform:translateX(-50%);
  width:min(92vw, 1120px);
  height:clamp(120px, 17vh, 178px);
  border-radius:28px;
  background:
    linear-gradient(180deg, rgba(7,9,14,.10), rgba(7,9,14,.58));
  border:1px solid rgba(255,255,255,.045);
  box-shadow:0 28px 90px rgba(0,0,0,.26);
  z-index:-1;
}

.hero-refined h1{
  margin-bottom:.72rem;
  font-size:clamp(2rem,3.85vw,3.9rem);
}

.hero-refined .lead{
  max-width:850px;
  line-height:1.55;
}

.hero-refined .hero-scope{
  margin-top:1.05rem;
}

@media (max-width:980px){
  .hero-refined{
    min-height:660px;
  }
  .hero-visual-bg img{
    width:1180px;
    transform:translateY(-8px);
  }
  .hero-refined-content{
    min-height:660px;
    padding-bottom:92px;
  }
  .hero-refined-content::before{
    bottom:58px;
    width:min(92vw, 900px);
  }
}

@media (max-width:620px){
  .hero-refined{
    min-height:620px;
  }
  .hero-visual-bg img{
    width:980px;
    transform:translateY(-4px);
  }
  .hero-refined-content{
    min-height:620px;
    padding-bottom:58px;
  }
  .hero-refined-content::before{
    bottom:34px;
    height:190px;
  }
  .hero-refined h1{
    white-space:normal;
    font-size:2.05rem;
  }
}


/* V29 — sections plus compactes */
.section{
  padding:56px 0;
}

#presentation.section{
  padding-top:64px;
}

.section-head{
  margin-bottom:20px;
  gap:22px;
}

.split{
  gap:28px;
}

.references-layout{
  gap:24px;
}

.quiet-grid{
  gap:12px;
}

.quiet-card{
  min-height:178px;
  padding:20px;
}

.logo-grid{
  gap:8px;
}

.logo-item{
  min-height:82px;
  padding:12px;
}

.contact-section{
  padding-bottom:64px;
}

.contact-card-main{
  padding:clamp(22px, 4vw, 34px);
  gap:24px;
}

@media (max-width:980px){
  .section{
    padding:50px 0;
  }
  #presentation.section{
    padding-top:56px;
  }
  .contact-section{
    padding-bottom:54px;
  }
}

@media (max-width:620px){
  .section{
    padding:42px 0;
  }
  #presentation.section{
    padding-top:48px;
  }
  .quiet-card{
    min-height:160px;
    padding:18px;
  }
  .logo-item{
    min-height:76px;
    padding:10px;
  }
  .contact-section{
    padding-bottom:46px;
  }
}


/* V30 — suppression du vide sous le hero */
.hero-refined{
  min-height:clamp(570px, 70vh, 700px);
}

.hero-refined-content{
  min-height:clamp(570px, 70vh, 700px);
  padding-bottom:clamp(44px, 5vh, 64px);
}

.hero-refined-content::before{
  bottom:clamp(24px, 3vh, 38px);
  height:clamp(106px, 14vh, 150px);
}

#presentation.section{
  padding-top:46px;
}

@media (max-width:980px){
  .hero-refined{
    min-height:610px;
  }

  .hero-refined-content{
    min-height:610px;
    padding-bottom:44px;
  }

  .hero-refined-content::before{
    bottom:22px;
  }

  #presentation.section{
    padding-top:42px;
  }
}

@media (max-width:620px){
  .hero-refined{
    min-height:590px;
  }

  .hero-refined-content{
    min-height:590px;
    padding-bottom:34px;
  }

  .hero-refined-content::before{
    bottom:18px;
  }

  #presentation.section{
    padding-top:38px;
  }
}

/* V31 — formulaire de contact */
.contact-card-main{align-items:start}
.contact-form{display:grid;gap:15px}
.contact-form label{display:grid;gap:7px}
.contact-form span{color:#d9e0ec;font-weight:820;font-size:.92rem}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(5,6,10,.42);color:#f4f6fb;padding:.88rem .95rem;font:inherit;outline:none}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:rgba(114,196,221,.58);box-shadow:0 0 0 4px rgba(114,196,221,.10)}
.contact-form textarea{resize:vertical;min-height:150px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.trap-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-status{min-height:1.3em;margin:.2rem 0 0;color:#d5dbea}
.form-status.success{color:#a8e6b0}
.form-status.error{color:#ffb5bc}
.contact-fallback{grid-column:1 / -1;border-top:1px solid rgba(255,255,255,.10);margin-top:8px;padding-top:22px}
.fallback-title{margin:0 0 12px!important;color:#d9e0ec!important;font-weight:850}
@media (max-width:720px){.form-grid{grid-template-columns:1fr}}


/* V33 — contact uniquement par formulaire */
.contact-card-main{
  align-items:start;
}

.contact-form{
  grid-column:auto;
}

.contact-fallback{
  display:none!important;
}


/* V35 — espacement identique des petits traits */
.contact-card-main .eyebrow{
  margin:0 0 .7rem;
}

.contact-card-main .eyebrow::after{
  margin-top:.7rem;
}


/* V41 — affichage propre de l'adresse dans les mentions légales */
.legal-email-line{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
}

.legal-email-output{
  display:inline-flex;
  align-items:center;
}

.legal-email-line .revealed-email{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin-top:0;
}

.legal-email-line .email-label{
  display:none;
}

.legal-email-line .protected-email-link{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:.72rem .96rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.075);
}

.legal-email-line .email-buttons{
  margin-top:0;
}


/* V42 — adresse e-mail non sélectionnable dans les mentions légales */
.legal-email-line .protected-email-link{
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  cursor:default;
}

.legal-email-line .email-buttons{
  display:none!important;
}

.legal-email-line .copy-status{
  display:none!important;
}
