/* ══════════════════════════════════════════════════════
   ESCO BRAND STUDIO — realisations.css v3
   Carte flottante style Clearwave — sans étoile
══════════════════════════════════════════════════════ */

/* ── BODY ── */
.rl-body{
  background:var(--dark);
  min-height:100vh;
}

/* ── CONTENEUR PRINCIPAL ── */
.rl-main{
  padding:140px 72px 100px;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:80vh;
  background:var(--dark);
}

/* ══════════════════════════════════════
   CARTE FLOTTANTE
══════════════════════════════════════ */
.rl-card{
  position:relative;
  width:100%;
  max-width:1280px;
  background:linear-gradient(135deg,
    rgba(192,88,40,.08) 0%,
    var(--dark2) 35%,
    var(--dark3) 100%);
  border:1px solid rgba(240,232,212,.06);
  border-radius:28px;
  padding:96px 96px;
  display:grid;
  grid-template-columns:1.4fr 1fr;
  gap:80px;
  align-items:center;
  overflow:hidden;
  box-shadow:
    0 60px 120px -50px rgba(0,0,0,.95),
    0 20px 40px -20px rgba(0,0,0,.7),
    0 0 0 1px rgba(192,88,40,.06) inset;
}

/* Halos décoratifs */
.rl-card::before{
  content:'';
  position:absolute;
  top:-40%;right:-10%;
  width:700px;height:700px;
  background:radial-gradient(circle,rgba(192,88,40,.16) 0%,transparent 60%);
  pointer-events:none;
}
.rl-card::after{
  content:'';
  position:absolute;
  bottom:-40%;left:-10%;
  width:500px;height:500px;
  background:radial-gradient(circle,rgba(192,88,40,.08) 0%,transparent 70%);
  pointer-events:none;
}

/* ── CONTENU ── */
.rl-card-content{
  position:relative;
  z-index:2;
}

/* Badge sans étoile */
.rl-badge{
  display:inline-flex;
  align-items:center;
  font-family:var(--fb);
  font-size:.62rem;
  font-weight:500;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:var(--rust);
  padding:9px 20px;
  border:1px solid rgba(192,88,40,.4);
  border-radius:99px;
  background:rgba(192,88,40,.06);
  margin-bottom:32px;
}

/* Titre */
.rl-card-title{
  font-family:var(--fd);
  font-size:clamp(2.4rem,5vw,4.4rem);
  font-weight:400;
  line-height:1.02;
  color:var(--cream);
  letter-spacing:-.015em;
  margin-bottom:28px;
}
.rl-card-title em{
  color:var(--rust);
  font-style:italic;
  font-weight:300;
}

/* Sous-titre */
.rl-card-sub{
  font-family:var(--fb);
  font-size:clamp(.98rem,1.3vw,1.08rem);
  font-weight:300;
  color:rgba(240,232,212,.72);
  line-height:1.75;
  max-width:560px;
}

/* ── BOUTONS ── */
.rl-card-actions{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  gap:16px;
  min-width:280px;
}

.rl-btn-primary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:22px 32px;
  background:var(--rust);
  color:var(--cream);
  font-family:var(--fb);
  font-size:.72rem;
  font-weight:500;
  letter-spacing:.16em;
  text-transform:uppercase;
  border-radius:14px;
  border:1px solid var(--rust);
  transition:all .35s cubic-bezier(.22,1,.36,1);
  box-shadow:
    0 20px 50px -12px rgba(192,88,40,.55),
    0 8px 16px -8px rgba(192,88,40,.4);
  text-decoration:none;
}
.rl-btn-primary:hover{
  background:var(--rust2);
  transform:translateY(-3px);
  box-shadow:
    0 26px 60px -12px rgba(192,88,40,.65),
    0 12px 22px -8px rgba(192,88,40,.5);
}
.rl-btn-arrow{
  transition:transform .35s;
  font-size:.9rem;
}
.rl-btn-primary:hover .rl-btn-arrow{
  transform:translateX(6px);
}

.rl-btn-secondary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:22px 32px;
  background:transparent;
  color:var(--cream);
  font-family:var(--fb);
  font-size:.72rem;
  font-weight:500;
  letter-spacing:.16em;
  text-transform:uppercase;
  border-radius:14px;
  border:1px solid rgba(240,232,212,.18);
  transition:all .35s cubic-bezier(.22,1,.36,1);
  text-decoration:none;
}
.rl-btn-secondary:hover{
  border-color:var(--cream);
  background:rgba(240,232,212,.05);
  transform:translateY(-2px);
}

/* ══════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════ */
@media(max-width:1100px){
  .rl-card{
    grid-template-columns:1fr;
    gap:48px;
    padding:72px 64px;
  }
  .rl-card-actions{
    flex-direction:row;
    min-width:auto;
  }
  .rl-btn-primary,
  .rl-btn-secondary{flex:1}
}
@media(max-width:860px){
  .rl-main{padding:120px 32px 80px}
  .rl-card{padding:56px 40px;border-radius:22px}
}
@media(max-width:600px){
  .rl-main{padding:100px 16px 60px;min-height:auto}
  .rl-card{
    padding:44px 26px;
    border-radius:18px;
    gap:36px;
  }
  .rl-card-title{font-size:clamp(1.8rem,7vw,2.6rem);margin-bottom:20px}
  .rl-card-sub{font-size:.9rem}
  .rl-badge{font-size:.56rem;padding:7px 14px;letter-spacing:.22em}
  .rl-card-actions{flex-direction:column;width:100%}
  .rl-btn-primary,
  .rl-btn-secondary{padding:18px 24px;font-size:.64rem;border-radius:12px}
}