/* =========================================================
   ESTHETICAPLUS
   RECONSTITUTION DENTAIRE COMPLEXE
   PREMIUM FR · 2026
========================================================= */

#ep-rdc-page,
#ep-rdc-page *{
  box-sizing:border-box;
}

#ep-rdc-page{
  --navy:#071426;
  --navy2:#102d4b;

  --ink:#17293a;
  --ink-mid:#455868;
  --muted:#6c7985;

  --paper:#fffdf8;
  --cream:#f6f1e8;
  --white:#ffffff;

  --gold:#b99561;
  --gold-dark:#8f6c40;
  --gold-light:#efd5a2;
  --gold-pale:#f7eddd;

  --line:rgba(7,20,38,.11);

  --green:#315f49;
  --green-bg:#edf5f0;

  --serif:"Fraunces",Georgia,serif;
  --sans:"Inter Tight",Arial,sans-serif;

  width:100%;
  max-width:100%;

  overflow:hidden;

  color:var(--ink);
  background:var(--paper);

  font-family:var(--sans);

  line-height:1.7;
}


/* RESET */

#ep-rdc-page *,
#ep-rdc-page *:before,
#ep-rdc-page *:after{
  min-width:0;
}

#ep-rdc-page h1,
#ep-rdc-page h2,
#ep-rdc-page h3,
#ep-rdc-page h4,
#ep-rdc-page p,
#ep-rdc-page figure{
  margin-top:0;
}

#ep-rdc-page a{
  color:inherit;
}

#ep-rdc-page img{
  display:block;
  max-width:100%;
}


/* =========================================================
   PROGRESSION DE LECTURE
========================================================= */

#rdc-rp{
  position:fixed;

  top:0;
  left:0;

  z-index:9999;

  width:0%;
  height:3px;

  background:var(--gold);

  transition:width .1s linear;
}


/* =========================================================
   HERO
========================================================= */

#ep-rdc-page .ep-rdc-hero{
  position:relative;
  isolation:isolate;

  min-height:clamp(690px,88svh,900px);

  display:flex;
  align-items:center;

  overflow:hidden;

  color:#fff;
  background:var(--navy);
}

#ep-rdc-page .ep-rdc-hero__media{
  position:absolute;
  inset:0;

  z-index:-3;
}

#ep-rdc-page .ep-rdc-hero__media picture,
#ep-rdc-page .ep-rdc-hero__media img{
  width:100%;
  height:100%;
}

#ep-rdc-page .ep-rdc-hero__media img{
  object-fit:cover;
  object-position:center center;
}

#ep-rdc-page .ep-rdc-hero__overlay{
  position:absolute;
  inset:0;

  z-index:-2;

  background:
    radial-gradient(
      circle at 16% 18%,
      rgba(185,149,97,.18),
      transparent 30%
    ),
    linear-gradient(
      90deg,
      rgba(5,15,28,.98) 0%,
      rgba(5,15,28,.95) 30%,
      rgba(5,15,28,.77) 49%,
      rgba(5,15,28,.40) 70%,
      rgba(5,15,28,.09) 100%
    ),
    linear-gradient(
      180deg,
      rgba(5,15,28,.03) 0%,
      transparent 55%,
      rgba(5,15,28,.38) 100%
    );
}

#ep-rdc-page .ep-rdc-hero__inner{
  width:min(1240px,calc(100% - 80px));

  margin:0 auto;

  padding:140px 0 95px;
}

#ep-rdc-page .ep-rdc-hero__content{
  width:min(790px,100%);
}

#ep-rdc-page .ep-rdc-hero__kicker{
  display:flex;
  align-items:center;
  gap:13px;

  margin:0 0 21px;

  color:var(--gold-light);

  font-size:11px;
  font-weight:700;

  letter-spacing:.18em;

  text-transform:uppercase;
}

#ep-rdc-page .ep-rdc-hero__kicker:before{
  content:"";

  width:35px;
  height:1px;

  flex:0 0 35px;

  background:currentColor;
}

#ep-rdc-page .ep-rdc-hero h1{
  max-width:900px;

  margin:0 0 27px!important;

  color:#fff!important;

  font-family:var(--serif)!important;

  font-size:clamp(54px,6.3vw,94px)!important;

  font-weight:400!important;

  line-height:.94!important;

  letter-spacing:-.05em!important;
}

#ep-rdc-page .ep-rdc-hero h1 em{
  display:block;

  color:var(--gold-light);

  font-style:italic;
  font-weight:300;
}

#ep-rdc-page .ep-rdc-hero__text{
  max-width:700px;

  margin:0;

  color:rgba(255,255,255,.86);

  font-size:clamp(18px,1.45vw,22px);

  line-height:1.68;
}


/* HERO INFORMATIONS */

#ep-rdc-page .ep-rdc-hero__proofs{
  width:min(720px,100%);

  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));

  margin-top:37px;

  border-top:1px solid rgba(255,255,255,.22);
  border-bottom:1px solid rgba(255,255,255,.16);
}

#ep-rdc-page .ep-rdc-hero__proof{
  padding:19px 18px;
}

#ep-rdc-page .ep-rdc-hero__proof:first-child{
  padding-left:0;
}

#ep-rdc-page .ep-rdc-hero__proof + .ep-rdc-hero__proof{
  border-left:1px solid rgba(255,255,255,.14);
}

#ep-rdc-page .ep-rdc-hero__proof strong{
  display:block;

  margin-bottom:7px;

  color:var(--gold-light);

  font-family:var(--serif);

  font-size:24px;
  font-weight:400;

  line-height:1;
}

#ep-rdc-page .ep-rdc-hero__proof span{
  display:block;

  color:rgba(255,255,255,.63);

  font-size:10.5px;
  font-weight:600;

  line-height:1.45;

  letter-spacing:.07em;

  text-transform:uppercase;
}


/* BOUTONS HERO */

#ep-rdc-page .ep-rdc-hero__actions{
  display:flex;
  flex-wrap:wrap;

  gap:12px;

  margin-top:32px;
}

#ep-rdc-page .ep-rdc-hero__btn{
  min-height:57px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:16px 27px;

  border:1px solid transparent;
  border-radius:999px;

  font-size:11px;
  font-weight:700;

  letter-spacing:.11em;

  text-align:center;
  text-decoration:none!important;

  text-transform:uppercase;

  transition:.25s ease;
}

#ep-rdc-page .ep-rdc-hero__btn:hover{
  transform:translateY(-2px);
}

#ep-rdc-page .ep-rdc-hero__btn--main{
  color:var(--navy)!important;

  background:var(--paper);
  border-color:var(--paper);
}

#ep-rdc-page .ep-rdc-hero__btn--main:hover{
  background:var(--gold-light);
  border-color:var(--gold-light);
}

#ep-rdc-page .ep-rdc-hero__btn--ghost{
  color:#fff!important;

  background:rgba(7,20,38,.22);
  border-color:rgba(255,255,255,.39);

  backdrop-filter:blur(9px);
}


/* =========================================================
   INTRODUCTION ARTICLE
========================================================= */

#ep-rdc-page .rdc-article-head{
  padding:72px 0 20px;

  background:var(--paper);
}

#ep-rdc-page .rdc-article-head-inner{
  width:min(1180px,calc(100% - 80px));

  margin:0 auto;
}

#ep-rdc-page .rdc-article-kicker{
  display:flex;
  align-items:center;
  gap:10px;

  margin-bottom:16px;

  color:var(--gold-dark);

  font-size:10px;
  font-weight:700;

  letter-spacing:.15em;

  text-transform:uppercase;
}

#ep-rdc-page .rdc-article-kicker:after{
  content:"";

  width:30px;
  height:1px;

  background:currentColor;
}

#ep-rdc-page .rdc-article-title{
  max-width:830px;

  margin:0 0 20px!important;

  color:var(--navy)!important;

  font-family:var(--serif)!important;

  font-size:clamp(38px,4.5vw,64px)!important;

  font-weight:400!important;

  line-height:1.02!important;

  letter-spacing:-.04em!important;
}

#ep-rdc-page .rdc-hero-meta{
  display:flex;
  flex-wrap:wrap;

  gap:18px;

  color:var(--muted);

  font-size:12px;
}

#ep-rdc-page .rdc-hero-meta span{
  display:flex;
  align-items:center;

  gap:6px;
}


/* =========================================================
   LAYOUT
========================================================= */

#ep-rdc-page .rdc-layout{
  width:min(1180px,calc(100% - 80px));

  display:grid;

  grid-template-columns:minmax(0,1fr) 285px;

  gap:58px;

  align-items:start;

  margin:0 auto;

  padding:58px 0 95px;
}

#ep-rdc-page .rdc-section{
  margin-bottom:72px;

  opacity:0;

  transform:translateY(18px);

  transition:
    opacity .55s ease,
    transform .55s ease;
}

#ep-rdc-page .rdc-section.vis{
  opacity:1;
  transform:none;
}


/* INTRO */

#ep-rdc-page .rdc-lead{
  margin-bottom:24px;

  padding-left:22px;

  border-left:3px solid var(--gold);

  color:var(--navy);

  font-family:var(--serif);

  font-size:20px;

  font-style:italic;

  line-height:1.65;
}

#ep-rdc-page .rdc-section p{
  margin:0 0 16px;

  color:var(--ink-mid);

  font-size:16px;

  line-height:1.82;
}

#ep-rdc-page .rdc-section p strong{
  color:var(--navy);
}


/* TITRES */

#ep-rdc-page .rdc-tag{
  display:flex;
  align-items:center;

  gap:9px;

  margin-bottom:12px;

  color:var(--gold-dark);

  font-size:10px;
  font-weight:700;

  letter-spacing:.17em;

  text-transform:uppercase;
}

#ep-rdc-page .rdc-tag:after{
  content:"";

  flex:1;

  height:1px;

  background:var(--line);
}

#ep-rdc-page .rdc-section h2{
  margin:0 0 18px!important;

  color:var(--navy)!important;

  font-family:var(--serif)!important;

  font-size:clamp(31px,3.2vw,46px)!important;

  font-weight:400!important;

  line-height:1.08!important;

  letter-spacing:-.03em!important;
}

#ep-rdc-page .rdc-section h3{
  margin:30px 0 11px!important;

  color:var(--navy)!important;

  font-family:var(--serif)!important;

  font-size:24px!important;

  font-weight:400!important;
}


/* =========================================================
   DEFINITION
========================================================= */

#ep-rdc-page .rdc-def{
  display:flex;

  gap:14px;

  margin:24px 0 30px;

  padding:23px 25px;

  border:1px solid rgba(185,149,97,.24);
  border-left:3px solid var(--gold);

  background:var(--gold-pale);
}

#ep-rdc-page .rdc-def-ico{
  flex:0 0 auto;

  font-size:22px;
}

#ep-rdc-page .rdc-def p{
  margin:0;

  font-size:14.5px;
}


/* INDICATIONS */

#ep-rdc-page .rdc-ind{
  margin:20px 0;
  padding:0;

  list-style:none;
}

#ep-rdc-page .rdc-ind li{
  display:flex;

  gap:14px;

  padding:14px 0;

  border-bottom:1px solid var(--line);

  color:var(--ink-mid);

  font-size:15px;

  line-height:1.65;
}

#ep-rdc-page .rdc-ind li:last-child{
  border-bottom:0;
}

#ep-rdc-page .rdc-ind-dot{
  width:23px;
  height:23px;

  flex:0 0 23px;

  display:flex;
  align-items:center;
  justify-content:center;

  margin-top:2px;

  border-radius:50%;

  background:var(--gold-pale);
}

#ep-rdc-page .rdc-ind-dot svg{
  width:11px;
  height:11px;
}


/* =========================================================
   TECHNIQUES
========================================================= */

#ep-rdc-page .rdc-techs{
  display:grid;

  grid-template-columns:1fr 1fr;

  gap:14px;

  margin:26px 0;
}

#ep-rdc-page .rdc-tech{
  position:relative;

  overflow:hidden;

  padding:23px 21px;

  border:1px solid var(--line);

  background:#fff;

  transition:.25s ease;
}

#ep-rdc-page .rdc-tech:before{
  content:"";

  position:absolute;

  top:0;
  left:0;

  width:3px;
  height:100%;

  background:var(--gold);

  transform:scaleY(0);
  transform-origin:bottom;

  transition:.25s ease;
}

#ep-rdc-page .rdc-tech:hover{
  transform:translateY(-3px);

  border-color:rgba(185,149,97,.45);

  box-shadow:
    0 18px 40px rgba(7,20,38,.06);
}

#ep-rdc-page .rdc-tech:hover:before{
  transform:scaleY(1);
}

#ep-rdc-page .rdc-tech-badge{
  display:inline-block;

  margin-bottom:13px;

  padding:4px 10px;

  border-radius:999px;

  color:var(--gold-dark);

  background:var(--gold-pale);

  font-size:9px;
  font-weight:700;

  letter-spacing:.12em;

  text-transform:uppercase;
}

#ep-rdc-page .rdc-tech h4{
  margin:0 0 9px!important;

  color:var(--navy)!important;

  font-family:var(--serif)!important;

  font-size:21px!important;

  font-weight:400!important;
}

#ep-rdc-page .rdc-tech p{
  margin:0;

  color:var(--muted);

  font-size:13.5px;

  line-height:1.65;
}

#ep-rdc-page .rdc-tech-ind{
  margin-top:13px;

  padding-top:11px;

  border-top:1px dashed var(--line);

  color:var(--gold-dark);

  font-size:12px;
  font-weight:600;
}


/* CALLOUT */

#ep-rdc-page .rdc-callout{
  margin:27px 0;

  padding:22px 24px;

  border-left:3px solid var(--gold);

  background:var(--cream);
}

#ep-rdc-page .rdc-callout p{
  margin:0;

  font-size:14px;
}


/* =========================================================
   TABLEAUX
========================================================= */

#ep-rdc-page .rdc-cmp-wrap,
#ep-rdc-page .rdc-price-wrap{
  width:100%;

  overflow-x:auto;

  margin:25px 0;

  border:1px solid var(--line);

  background:#fff;

  -webkit-overflow-scrolling:touch;
}

#ep-rdc-page .rdc-cmp,
#ep-rdc-page .rdc-price{
  width:100%;

  min-width:720px;

  border-collapse:collapse;

  font-size:13px;
}

#ep-rdc-page .rdc-cmp thead,
#ep-rdc-page .rdc-price thead{
  background:var(--navy);
}

#ep-rdc-page .rdc-cmp th,
#ep-rdc-page .rdc-price th{
  padding:15px 16px;

  color:#fff;

  font-size:10px;
  font-weight:700;

  letter-spacing:.07em;

  text-align:left;

  text-transform:uppercase;

  white-space:nowrap;
}

#ep-rdc-page .rdc-cmp td,
#ep-rdc-page .rdc-price td{
  padding:14px 16px;

  border-bottom:1px solid var(--line);

  color:var(--ink-mid);

  vertical-align:top;
}

#ep-rdc-page .rdc-cmp tr:last-child td,
#ep-rdc-page .rdc-price tr:last-child td{
  border-bottom:0;
}

#ep-rdc-page .rdc-cmp td:first-child,
#ep-rdc-page .rdc-price td:first-child{
  color:var(--navy);

  font-weight:600;
}

#ep-rdc-page .r-ma{
  color:var(--green)!important;

  font-weight:700!important;

  background:var(--green-bg);
}

#ep-rdc-page .r-fr{
  color:#8e4b47!important;
}

#ep-rdc-page .r-eco{
  color:var(--gold-dark)!important;

  font-weight:700!important;
}


/* BADGES */

#ep-rdc-page .bg,
#ep-rdc-page .bb,
#ep-rdc-page .ba{
  display:inline-block;

  padding:3px 8px;

  border-radius:999px;

  font-size:10px;
  font-weight:700;
}

#ep-rdc-page .bg{
  color:#315f49;

  background:#edf5f0;
}

#ep-rdc-page .bb{
  color:#315274;

  background:#edf2f7;
}

#ep-rdc-page .ba{
  color:#88662e;

  background:#fbf2df;
}


/* INFO */

#ep-rdc-page .rdc-info{
  display:flex;

  gap:12px;

  margin:25px 0;

  padding:20px 22px;

  border:1px solid rgba(185,149,97,.22);

  background:var(--gold-pale);
}

#ep-rdc-page .rdc-info p{
  margin:0;

  font-size:14px;
}


/* =========================================================
   ETAPES
========================================================= */

#ep-rdc-page .rdc-steps{
  margin:28px 0;
}

#ep-rdc-page .rdc-step{
  display:grid;

  grid-template-columns:60px 1fr;

  gap:20px;

  padding:25px 0;

  border-bottom:1px solid var(--line);
}

#ep-rdc-page .rdc-step-n{
  width:51px;
  height:51px;

  display:flex;
  align-items:center;
  justify-content:center;

  border:1px solid rgba(185,149,97,.5);
  border-radius:50%;

  color:var(--gold-dark);

  font-family:var(--serif);

  font-size:18px;

  font-style:italic;
}

#ep-rdc-page .rdc-step-body h4{
  margin:0 0 7px!important;

  color:var(--navy)!important;

  font-family:var(--serif)!important;

  font-size:21px!important;

  font-weight:400!important;
}

#ep-rdc-page .rdc-step-body p{
  margin:0;

  font-size:14px;

  line-height:1.7;
}

#ep-rdc-page .rdc-timing{
  display:inline-block;

  margin-top:9px;

  padding:4px 10px;

  border-radius:999px;

  color:var(--gold-dark);

  background:var(--gold-pale);

  font-size:10px;
  font-weight:700;

  letter-spacing:.05em;
}


/* =========================================================
   POURQUOI ESTHETICAPLUS
========================================================= */

#ep-rdc-page .rdc-why{
  display:grid;

  grid-template-columns:1fr 1fr;

  gap:13px;

  margin:25px 0;
}

#ep-rdc-page .rdc-why-card{
  padding:21px;

  border:1px solid var(--line);

  background:#fff;

  transition:.25s ease;
}

#ep-rdc-page .rdc-why-card:hover{
  transform:translateY(-2px);

  border-color:rgba(185,149,97,.4);

  box-shadow:
    0 15px 35px rgba(7,20,38,.05);
}

#ep-rdc-page .rdc-why-ico{
  margin-bottom:10px;

  font-size:22px;
}

#ep-rdc-page .rdc-why-card h4{
  margin:0 0 6px!important;

  color:var(--navy)!important;

  font-size:15px!important;
  font-weight:700!important;
}

#ep-rdc-page .rdc-why-card p{
  margin:0;

  color:var(--muted);

  font-size:13px;

  line-height:1.6;
}


/* =========================================================
   FAQ
========================================================= */

#ep-rdc-page .rdc-faq{
  margin:27px 0;
}

#ep-rdc-page .rdc-faq-item{
  margin-bottom:10px;

  overflow:hidden;

  border-bottom:1px solid var(--line);
}

#ep-rdc-page .rdc-faq-q{
  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:18px;

  padding:20px 0;

  cursor:pointer;
}

#ep-rdc-page .rdc-faq-q h4{
  margin:0!important;

  color:var(--navy)!important;

  font-family:var(--serif)!important;

  font-size:20px!important;

  font-weight:400!important;

  line-height:1.35!important;
}

#ep-rdc-page .rdc-faq-chev{
  width:30px;
  height:30px;

  flex:0 0 30px;

  display:flex;
  align-items:center;
  justify-content:center;

  border:1px solid var(--line);
  border-radius:50%;

  color:var(--gold-dark);

  transition:transform .25s ease;
}

#ep-rdc-page .rdc-faq-item.open .rdc-faq-chev{
  transform:rotate(180deg);
}

#ep-rdc-page .rdc-faq-a{
  display:none;

  padding:0 0 21px;
}

#ep-rdc-page .rdc-faq-item.open .rdc-faq-a{
  display:block;
}

#ep-rdc-page .rdc-faq-a p{
  max-width:820px;

  margin:0;

  color:var(--ink-mid);

  font-size:14px;

  line-height:1.78;
}


/* =========================================================
   CTA
========================================================= */

#ep-rdc-page .rdc-cta{
  position:relative;

  overflow:hidden;

  margin-top:60px;

  padding:49px 40px;

  text-align:center;

  color:#fff;

  background:
    radial-gradient(
      circle at 50% -20%,
      rgba(185,149,97,.26),
      transparent 46%
    ),
    var(--navy);
}

#ep-rdc-page .rdc-cta h2{
  margin:0 0 12px!important;

  color:#fff!important;

  font-family:var(--serif)!important;

  font-size:clamp(30px,3.3vw,43px)!important;

  font-weight:400!important;
}

#ep-rdc-page .rdc-cta h2 em{
  color:var(--gold-light);

  font-style:italic;
}

#ep-rdc-page .rdc-cta > p{
  max-width:650px;

  margin:0 auto 27px;

  color:rgba(255,255,255,.72);

  font-size:14.5px;

  line-height:1.7;
}

#ep-rdc-page .rdc-cta-btns{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;

  gap:10px;
}

#ep-rdc-page .rdc-btn-p,
#ep-rdc-page .rdc-btn-g{
  min-height:51px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:14px 24px;

  border-radius:999px;

  font-size:10.5px;
  font-weight:700;

  letter-spacing:.09em;

  text-decoration:none!important;

  text-transform:uppercase;

  transition:.25s ease;
}

#ep-rdc-page .rdc-btn-p{
  color:var(--navy)!important;

  background:var(--paper);
}

#ep-rdc-page .rdc-btn-g{
  color:#fff!important;

  border:1px solid rgba(255,255,255,.32);

  background:transparent;
}

#ep-rdc-page .rdc-btn-p:hover,
#ep-rdc-page .rdc-btn-g:hover{
  transform:translateY(-2px);
}


/* =========================================================
   SIDEBAR
========================================================= */

#ep-rdc-page .rdc-sidebar{
  position:sticky;

  top:80px;
}

#ep-rdc-page .rdc-toc{
  margin-bottom:18px;

  overflow:hidden;

  border:1px solid var(--line);

  background:#fff;
}

#ep-rdc-page .rdc-toc-hd{
  padding:15px 18px;

  color:#fff;
  background:var(--navy);

  font-size:10px;
  font-weight:700;

  letter-spacing:.08em;

  text-transform:uppercase;
}

#ep-rdc-page .rdc-toc-ul{
  margin:0;
  padding:0;

  list-style:none;
}

#ep-rdc-page .rdc-toc-ul li a{
  display:flex;
  align-items:center;

  gap:9px;

  padding:11px 17px;

  border-left:3px solid transparent;
  border-bottom:1px solid var(--line);

  color:var(--ink-mid);

  font-size:12px;

  text-decoration:none!important;

  transition:.2s ease;
}

#ep-rdc-page .rdc-toc-ul li:last-child a{
  border-bottom:0;
}

#ep-rdc-page .rdc-toc-ul li a:hover,
#ep-rdc-page .rdc-toc-ul li a.active{
  padding-left:21px;

  color:var(--gold-dark);

  background:var(--gold-pale);

  border-left-color:var(--gold);
}

#ep-rdc-page .rdc-toc-n{
  color:var(--gold-dark);

  font-family:var(--serif);

  font-style:italic;
}


/* CTA SIDEBAR */

#ep-rdc-page .rdc-cta-card{
  margin-bottom:18px;

  padding:23px 18px;

  border:1px solid var(--line);

  text-align:center;

  background:var(--cream);
}

#ep-rdc-page .rdc-cta-card h3{
  margin:0 0 8px!important;

  color:var(--navy)!important;

  font-family:var(--serif)!important;

  font-size:20px!important;

  font-weight:400!important;
}

#ep-rdc-page .rdc-cta-card p{
  margin:0 0 16px;

  color:var(--muted);

  font-size:12px;

  line-height:1.6;
}

#ep-rdc-page .rdc-btn-teal,
#ep-rdc-page .rdc-btn-out{
  display:block;

  margin-bottom:8px;

  padding:12px;

  border-radius:999px;

  font-size:10px;
  font-weight:700;

  letter-spacing:.06em;

  text-decoration:none!important;

  text-transform:uppercase;
}

#ep-rdc-page .rdc-btn-teal{
  color:var(--navy)!important;

  background:var(--gold-light);
}

#ep-rdc-page .rdc-btn-out{
  color:var(--navy)!important;

  border:1px solid var(--line);

  background:#fff;
}


/* LIENS SIDEBAR */

#ep-rdc-page .rdc-rel-link{
  display:flex;

  margin-bottom:10px;

  overflow:hidden;

  border:1px solid var(--line);

  background:#fff;

  text-decoration:none!important;

  transition:.2s ease;
}

#ep-rdc-page .rdc-rel-link:hover{
  transform:translateX(3px);

  border-color:rgba(185,149,97,.45);
}

#ep-rdc-page .rdc-rl-ico{
  width:50px;

  flex:0 0 50px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-right:1px solid var(--line);

  background:var(--cream);

  font-size:19px;
}

#ep-rdc-page .rdc-rl-body{
  padding:10px 12px;
}

#ep-rdc-page .rdc-rl-tag{
  margin-bottom:2px;

  color:var(--gold-dark);

  font-size:8px;
  font-weight:700;

  letter-spacing:.11em;

  text-transform:uppercase;
}

#ep-rdc-page .rdc-rl-title{
  color:var(--navy);

  font-size:12px;
  font-weight:600;

  line-height:1.4;
}


/* =========================================================
   ARTICLES ASSOCIES
========================================================= */

#ep-rdc-page .rdc-related{
  padding:78px 0;

  border-top:1px solid var(--line);

  background:var(--cream);
}

#ep-rdc-page .rdc-rel-inner{
  width:min(1180px,calc(100% - 80px));

  margin:0 auto;
}

#ep-rdc-page .rdc-rel-title{
  margin-bottom:7px;

  color:var(--navy);

  font-family:var(--serif);

  font-size:37px;

  line-height:1.1;
}

#ep-rdc-page .rdc-rel-sub{
  margin-bottom:30px;

  color:var(--muted);

  font-size:14px;
}

#ep-rdc-page .rdc-rel-grid{
  display:grid;

  grid-template-columns:repeat(4,1fr);

  gap:14px;
}

#ep-rdc-page .rdc-rel-card{
  overflow:hidden;

  border:1px solid var(--line);

  background:#fff;

  text-decoration:none!important;

  transition:.25s ease;
}

#ep-rdc-page .rdc-rel-card:hover{
  transform:translateY(-4px);

  border-color:rgba(185,149,97,.45);

  box-shadow:
    0 17px 40px rgba(7,20,38,.06);
}

#ep-rdc-page .rdc-rel-top{
  height:100px;

  display:flex;
  align-items:center;
  justify-content:center;

  color:#fff;

  font-size:31px;
}

#ep-rdc-page .rdc-rel-body{
  padding:17px;
}

#ep-rdc-page .rdc-rel-tag{
  margin-bottom:5px;

  color:var(--gold-dark);

  font-size:8.5px;
  font-weight:700;

  letter-spacing:.12em;

  text-transform:uppercase;
}

#ep-rdc-page .rdc-rel-t{
  color:var(--navy);

  font-family:var(--serif);

  font-size:17px;

  line-height:1.3;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:960px){

  #ep-rdc-page .ep-rdc-hero__inner,
  #ep-rdc-page .rdc-article-head-inner,
  #ep-rdc-page .rdc-layout,
  #ep-rdc-page .rdc-rel-inner{
    width:calc(100% - 56px);
  }

  #ep-rdc-page .rdc-layout{
    grid-template-columns:1fr;

    gap:38px;
  }

  #ep-rdc-page .rdc-sidebar{
    position:static;
  }

  #ep-rdc-page .rdc-rel-grid{
    grid-template-columns:1fr 1fr;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px){

  #ep-rdc-page .ep-rdc-hero{
    min-height:100svh;

    align-items:flex-start;
  }

  #ep-rdc-page .ep-rdc-hero__media img{
    object-position:58% top;
  }

  #ep-rdc-page .ep-rdc-hero__overlay{
    background:
      linear-gradient(
        180deg,
        rgba(7,20,38,.03) 0%,
        rgba(7,20,38,.10) 22%,
        rgba(7,20,38,.43) 40%,
        rgba(7,20,38,.90) 57%,
        rgba(7,20,38,.98) 75%,
        var(--navy) 100%
      );
  }

  #ep-rdc-page .ep-rdc-hero__inner{
    width:calc(100% - 36px);

    padding:
      clamp(260px,40svh,350px)
      0
      43px;
  }

  #ep-rdc-page .ep-rdc-hero h1{
    font-size:clamp(42px,12vw,57px)!important;
  }

  #ep-rdc-page .ep-rdc-hero__text{
    font-size:16px;
  }

  #ep-rdc-page .ep-rdc-hero__proofs{
    grid-template-columns:1fr;

    margin-top:27px;
  }

  #ep-rdc-page .ep-rdc-hero__proof{
    padding:13px 0;
  }

  #ep-rdc-page .ep-rdc-hero__proof + .ep-rdc-hero__proof{
    border-left:0;

    border-top:1px solid rgba(255,255,255,.13);
  }

  #ep-rdc-page .ep-rdc-hero__actions{
    display:grid;

    grid-template-columns:1fr;

    gap:9px;
  }

  #ep-rdc-page .ep-rdc-hero__btn{
    width:100%;
  }

  #ep-rdc-page .rdc-article-head-inner,
  #ep-rdc-page .rdc-layout,
  #ep-rdc-page .rdc-rel-inner{
    width:calc(100% - 36px);
  }

  #ep-rdc-page .rdc-article-head{
    padding-top:55px;
  }

  #ep-rdc-page .rdc-layout{
    padding:40px 0 65px;
  }

  #ep-rdc-page .rdc-section{
    margin-bottom:55px;
  }

  #ep-rdc-page .rdc-techs,
  #ep-rdc-page .rdc-why{
    grid-template-columns:1fr;
  }

  #ep-rdc-page .rdc-step{
    grid-template-columns:48px 1fr;

    gap:13px;
  }

  #ep-rdc-page .rdc-step-n{
    width:43px;
    height:43px;
  }

  #ep-rdc-page .rdc-cta{
    padding:37px 21px;
  }

  #ep-rdc-page .rdc-cta-btns{
    display:grid;

    grid-template-columns:1fr;
  }

  #ep-rdc-page .rdc-btn-p,
  #ep-rdc-page .rdc-btn-g{
    width:100%;
  }

  #ep-rdc-page .rdc-rel-grid{
    grid-template-columns:1fr;
  }

}

@media(prefers-reduced-motion:reduce){

  #ep-rdc-page *,
  #ep-rdc-page *:before,
  #ep-rdc-page *:after{
    transition:none!important;
  }

}