/*
 * REAL.PRO STUDIOS
 * SERVICES EDITORIAL SHOWCASE V2
 */


/* =========================================================
   ECOSYSTEM INTRO
   ========================================================= */

body.rp-page-services
.rp-services-ecosystem{
  padding:
    clamp(78px,8vw,132px)
    0
    clamp(70px,7vw,112px)
    !important;

  color:#112139 !important;

  background:
    radial-gradient(
      circle at 90% 5%,
      rgba(211,47,63,.075),
      transparent 31%
    ),
    linear-gradient(
      180deg,
      #FFFFFF,
      #F4F0EA
    ) !important;
}


body.rp-page-services
.rp-services-ecosystem__top{
  display:grid !important;

  grid-template-columns:
    minmax(0,1.25fr)
    minmax(300px,.75fr)
    !important;

  gap:
    clamp(40px,7vw,110px)
    !important;

  align-items:end !important;
}


body.rp-page-services
.rp-services-ecosystem__top
h2{
  max-width:850px !important;

  margin:
    14px
    0
    0
    !important;

  color:#102039 !important;

  font-size:
    clamp(2.8rem,5.4vw,6rem)
    !important;

  line-height:.91 !important;
  letter-spacing:-.055em !important;
}


body.rp-page-services
.rp-services-ecosystem__top
> p{
  margin:
    0
    0
    8px
    !important;

  color:#5C6A7D !important;

  font-size:
    clamp(1rem,1.2vw,1.16rem)
    !important;

  line-height:1.72 !important;
}


body.rp-page-services
.rp-services-ecosystem__metrics{
  display:grid !important;

  grid-template-columns:
    repeat(3,1fr)
    !important;

  margin-top:
    clamp(48px,6vw,84px)
    !important;

  overflow:hidden !important;

  border:
    1px solid rgba(17,33,57,.12)
    !important;

  border-radius:26px !important;

  background:
    rgba(17,33,57,.08)
    !important;

  box-shadow:
    0 22px 60px rgba(7,17,31,.07)
    !important;
}


body.rp-page-services
.rp-services-ecosystem__metrics
div{
  min-height:140px !important;

  display:flex !important;
  flex-direction:column !important;

  align-items:center !important;
  justify-content:center !important;

  background:
    rgba(255,255,255,.90)
    !important;
}


body.rp-page-services
.rp-services-ecosystem__metrics
strong{
  color:#D32F3F !important;

  font-size:
    clamp(2.2rem,3.5vw,3.8rem)
    !important;

  line-height:1 !important;
  letter-spacing:-.05em !important;
}


body.rp-page-services
.rp-services-ecosystem__metrics
span{
  margin-top:9px !important;

  color:#546277 !important;

  font-size:.72rem !important;
  font-weight:800 !important;

  letter-spacing:.09em !important;
  text-transform:uppercase !important;
}


body.rp-page-services
.rp-services-ecosystem__nav{
  display:flex !important;

  gap:10px !important;

  margin-top:34px !important;

  padding-top:30px !important;

  border-top:
    1px solid rgba(17,33,57,.12)
    !important;
}


body.rp-page-services
.rp-services-ecosystem__nav
a{
  display:inline-flex !important;

  align-items:center !important;
  justify-content:center !important;

  min-height:44px !important;

  padding:
    10px
    18px
    !important;

  color:#172A45 !important;

  border:
    1px solid rgba(17,33,57,.16)
    !important;

  border-radius:999px !important;

  background:
    rgba(255,255,255,.76)
    !important;

  font-size:.8rem !important;
  font-weight:750 !important;

  text-decoration:none !important;
}


/* =========================================================
   CHAPTERS
   ========================================================= */

body.rp-page-services
.rp-services-chapter{
  --ink:#102039;
  --muted:#617084;
  --card:#FFFFFF;
  --border:rgba(16,32,57,.12);

  scroll-margin-top:110px !important;

  padding:
    clamp(82px,8.5vw,144px)
    0
    !important;
}


body.rp-page-services
.rp-services-chapter--light{
  background:#F7F3ED !important;
}


body.rp-page-services
.rp-services-chapter--cream{
  background:
    linear-gradient(
      180deg,
      #EEE7DE,
      #F8F4EE
    ) !important;
}


body.rp-page-services
.rp-services-chapter--paper{
  background:#FFFFFF !important;
}


body.rp-page-services
.rp-services-chapter--dark{
  --ink:#F6F9FF;
  --muted:#B7C3D1;
  --card:rgba(255,255,255,.055);
  --border:rgba(255,255,255,.12);

  background:
    radial-gradient(
      circle at 90% 10%,
      rgba(211,47,63,.12),
      transparent 30%
    ),
    linear-gradient(
      145deg,
      #07111F,
      #0A182A 55%,
      #07111F
    ) !important;
}


body.rp-page-services
.rp-services-chapter__header{
  display:grid !important;

  grid-template-columns:
    70px
    minmax(0,1.15fr)
    minmax(280px,.65fr)
    !important;

  gap:
    clamp(24px,4vw,60px)
    !important;

  align-items:start !important;

  margin-bottom:
    clamp(52px,6vw,92px)
    !important;
}


body.rp-page-services
.rp-services-chapter__number{
  display:flex !important;

  align-items:center !important;
  justify-content:center !important;

  width:58px !important;
  height:58px !important;

  color:#D32F3F !important;

  border:
    1px solid rgba(211,47,63,.28)
    !important;

  border-radius:50% !important;

  background:
    rgba(211,47,63,.06)
    !important;

  font-size:.76rem !important;
  font-weight:850 !important;
}


body.rp-page-services
.rp-services-chapter__header
h2{
  max-width:820px !important;

  margin:
    12px
    0
    0
    !important;

  color:
    var(--ink)
    !important;

  font-size:
    clamp(2.5rem,4.4vw,5rem)
    !important;

  line-height:.93 !important;
  letter-spacing:-.05em !important;
}


body.rp-page-services
.rp-services-chapter__header
> p{
  margin:
    31px
    0
    0
    !important;

  color:
    var(--muted)
    !important;

  font-size:
    clamp(.98rem,1.1vw,1.12rem)
    !important;

  line-height:1.72 !important;
}


/* =========================================================
   GRID
   ========================================================= */

body.rp-page-services
.rp-services-chapter__grid{
  display:grid !important;

  grid-template-columns:
    repeat(2,minmax(0,1fr))
    !important;

  gap:
    clamp(20px,2.7vw,36px)
    !important;
}


body.rp-page-services
.rp-services-showcase-card{
  overflow:hidden !important;

  border:
    1px solid
    var(--border)
    !important;

  border-radius:
    clamp(22px,2vw,30px)
    !important;

  background:
    var(--card)
    !important;

  box-shadow:
    0 24px 64px rgba(7,17,31,.09)
    !important;
}


body.rp-page-services
.rp-services-chapter--dark
.rp-services-showcase-card{
  box-shadow:
    0 28px 76px rgba(0,0,0,.22)
    !important;
}


/* FEATURED */

body.rp-page-services
.rp-services-showcase-card--featured{
  grid-column:1 / -1 !important;

  display:grid !important;

  grid-template-columns:
    minmax(0,1.2fr)
    minmax(360px,.8fr)
    !important;

  min-height:
    clamp(480px,40vw,630px)
    !important;
}


body.rp-page-services
.rp-services-showcase-card--featured
.rp-services-showcase-card__content{
  justify-content:center !important;

  padding:
    clamp(40px,5vw,76px)
    !important;
}


body.rp-page-services
.rp-services-showcase-card--featured
h3{
  font-size:
    clamp(2.8rem,4.8vw,5.3rem)
    !important;
}


/* WIDE */

body.rp-page-services
.rp-services-showcase-card--wide{
  grid-column:1 / -1 !important;

  display:grid !important;

  grid-template-columns:
    minmax(0,.9fr)
    minmax(0,1.1fr)
    !important;
}


/* NORMAL */

body.rp-page-services
.rp-services-showcase-card:not(
  .rp-services-showcase-card--featured
):not(
  .rp-services-showcase-card--wide
){
  display:flex !important;
  flex-direction:column !important;
}


/* MEDIA */

body.rp-page-services
.rp-services-showcase-card__media{
  display:block !important;

  overflow:hidden !important;

  background:#DDE3E8 !important;
}


body.rp-page-services
.rp-services-showcase-card:not(
  .rp-services-showcase-card--featured
):not(
  .rp-services-showcase-card--wide
)
.rp-services-showcase-card__media{
  aspect-ratio:16 / 9 !important;
}


body.rp-page-services
:is(
  .rp-services-showcase-card--featured,
  .rp-services-showcase-card--wide
)
.rp-services-showcase-card__media{
  min-height:100% !important;
}


body.rp-page-services
.rp-services-showcase-card__media
img{
  display:block !important;

  width:100% !important;
  height:100% !important;

  object-fit:cover !important;

  filter:
    saturate(1.035)
    contrast(1.02)
    brightness(1.035)
    !important;

  transform:scale(1.001) !important;

  transition:
    transform .55s cubic-bezier(.2,.7,.2,1)
    !important;
}


/* CONTENT */

body.rp-page-services
.rp-services-showcase-card__content{
  display:flex !important;
  flex-direction:column !important;

  flex:1 !important;

  padding:
    clamp(28px,3.2vw,44px)
    !important;
}


body.rp-page-services
.rp-services-showcase-card__meta{
  display:flex !important;

  align-items:center !important;

  gap:12px !important;

  margin-bottom:24px !important;
}


body.rp-page-services
.rp-services-showcase-card__meta
span{
  color:#D32F3F !important;

  font-size:.7rem !important;
  font-weight:850 !important;
}


body.rp-page-services
.rp-services-showcase-card__meta
i{
  display:block !important;

  width:42px !important;
  height:1px !important;

  background:
    rgba(211,47,63,.62)
    !important;
}


body.rp-page-services
.rp-services-showcase-card
h3{
  margin:
    0
    0
    16px
    !important;

  color:
    var(--ink)
    !important;

  font-size:
    clamp(1.8rem,2.5vw,2.9rem)
    !important;

  line-height:.97 !important;
  letter-spacing:-.04em !important;
}


body.rp-page-services
.rp-services-showcase-card__content
> p{
  max-width:60ch !important;

  margin:0 !important;

  color:
    var(--muted)
    !important;

  font-size:
    clamp(.94rem,1vw,1.04rem)
    !important;

  line-height:1.7 !important;
}


/* ACTIONS */

body.rp-page-services
.rp-services-showcase-card__actions{
  display:flex !important;

  align-items:center !important;
  justify-content:space-between !important;

  gap:20px !important;

  margin-top:auto !important;

  padding-top:
    clamp(30px,3vw,42px)
    !important;
}


body.rp-page-services
.rp-services-showcase-card__explore{
  display:inline-flex !important;

  align-items:center !important;
  justify-content:center !important;

  gap:9px !important;

  min-height:46px !important;

  padding:
    11px
    20px
    !important;

  color:#FFFFFF !important;

  border-radius:999px !important;

  background:
    linear-gradient(
      135deg,
      #DC3943,
      #B9212C
    ) !important;

  box-shadow:
    0 10px 24px rgba(194,35,47,.20)
    !important;

  font-size:.81rem !important;
  font-weight:760 !important;

  text-decoration:none !important;
}


body.rp-page-services
.rp-services-showcase-card__utilities{
  display:flex !important;

  align-items:center !important;

  gap:13px !important;
}


body.rp-page-services
.rp-services-showcase-card__utilities
> span{
  width:1px !important;
  height:16px !important;

  background:
    var(--border)
    !important;
}


body.rp-page-services
.rp-services-showcase-card__utilities
a{
  color:
    var(--ink)
    !important;

  font-size:.77rem !important;
  font-weight:700 !important;

  text-decoration:none !important;

  opacity:.70 !important;
}


/* HOVER */

@media (hover:hover) and (pointer:fine){

  body.rp-page-services
  .rp-services-showcase-card:hover
  .rp-services-showcase-card__media
  img{
    transform:
      scale(1.028)
      !important;
  }


  body.rp-page-services
  .rp-services-showcase-card__explore:hover{
    transform:
      translateY(-2px)
      !important;

    box-shadow:
      0 15px 32px rgba(194,35,47,.29)
      !important;
  }


  body.rp-page-services
  .rp-services-showcase-card__utilities
  a:hover{
    color:#D32F3F !important;

    opacity:1 !important;
  }

}


/* TABLET */

@media (max-width:1024px){

  body.rp-page-services
  .rp-services-ecosystem__top{
    grid-template-columns:1fr !important;
  }


  body.rp-page-services
  .rp-services-chapter__header{
    grid-template-columns:
      58px
      1fr
      !important;
  }


  body.rp-page-services
  .rp-services-chapter__header
  > p{
    grid-column:2 !important;

    margin-top:0 !important;
  }


  body.rp-page-services
  :is(
    .rp-services-showcase-card--featured,
    .rp-services-showcase-card--wide
  ){
    grid-template-columns:1fr !important;

    min-height:0 !important;
  }


  body.rp-page-services
  :is(
    .rp-services-showcase-card--featured,
    .rp-services-showcase-card--wide
  )
  .rp-services-showcase-card__media{
    aspect-ratio:16 / 8.5 !important;

    min-height:0 !important;
  }

}


/* MOBILE */

@media (max-width:760px){

  body.rp-page-services
  .rp-services-ecosystem{
    padding:
      66px
      0
      60px
      !important;
  }


  body.rp-page-services
  .rp-services-ecosystem__top
  h2{
    font-size:
      clamp(2.35rem,10vw,3.75rem)
      !important;
  }


  body.rp-page-services
  .rp-services-ecosystem__metrics
  div{
    min-height:102px !important;
  }


  body.rp-page-services
  .rp-services-ecosystem__metrics
  strong{
    font-size:
      clamp(1.7rem,7vw,2.5rem)
      !important;
  }


  body.rp-page-services
  .rp-services-ecosystem__metrics
  span{
    font-size:.57rem !important;

    text-align:center !important;
  }


  body.rp-page-services
  .rp-services-ecosystem__nav{
    overflow-x:auto !important;

    padding-bottom:8px !important;

    scrollbar-width:none !important;
  }


  body.rp-page-services
  .rp-services-ecosystem__nav
  a{
    flex:0 0 auto !important;
  }


  body.rp-page-services
  .rp-services-chapter{
    padding:
      70px
      0
      78px
      !important;
  }


  body.rp-page-services
  .rp-services-chapter__header{
    display:block !important;

    margin-bottom:40px !important;
  }


  body.rp-page-services
  .rp-services-chapter__number{
    width:48px !important;
    height:48px !important;

    margin-bottom:24px !important;
  }


  body.rp-page-services
  .rp-services-chapter__header
  h2{
    font-size:
      clamp(2.2rem,9.5vw,3.6rem)
      !important;
  }


  body.rp-page-services
  .rp-services-chapter__header
  > p{
    margin-top:20px !important;
  }


  body.rp-page-services
  .rp-services-chapter__grid{
    grid-template-columns:1fr !important;

    gap:18px !important;
  }


  body.rp-page-services
  .rp-services-showcase-card,
  body.rp-page-services
  .rp-services-showcase-card--featured,
  body.rp-page-services
  .rp-services-showcase-card--wide{
    grid-column:auto !important;

    display:flex !important;
    flex-direction:column !important;
  }


  body.rp-page-services
  .rp-services-showcase-card__media,
  body.rp-page-services
  .rp-services-showcase-card--featured
  .rp-services-showcase-card__media,
  body.rp-page-services
  .rp-services-showcase-card--wide
  .rp-services-showcase-card__media{
    aspect-ratio:4 / 3 !important;

    min-height:0 !important;
  }


  body.rp-page-services
  .rp-services-showcase-card__content,
  body.rp-page-services
  .rp-services-showcase-card--featured
  .rp-services-showcase-card__content{
    padding:
      26px
      24px
      28px
      !important;
  }


  body.rp-page-services
  .rp-services-showcase-card--featured
  h3{
    font-size:
      clamp(2.1rem,8vw,3.1rem)
      !important;
  }


  body.rp-page-services
  .rp-services-showcase-card__actions{
    flex-direction:column !important;

    align-items:flex-start !important;

    gap:16px !important;
  }


  body.rp-page-services
  .rp-services-showcase-card__explore{
    width:100% !important;
  }

}


/* =========================================================
   REALPRO_SERVICES_LUXURY_REFINEMENT_20260920

   Final luxury refinement.
   Removes dashboard visual language.
   Preserves content, hierarchy, media and routes.
   ========================================================= */


/* =========================================================
   ECOSYSTEM INTRO
   ========================================================= */

body.rp-page-services
.rp-services-ecosystem{
  padding:
    clamp(92px,9vw,150px)
    0
    clamp(72px,7vw,116px)
    !important;

  background:
    radial-gradient(
      circle at 88% 0%,
      rgba(211,47,63,.055),
      transparent 32%
    ),
    linear-gradient(
      180deg,
      #FFFFFF 0%,
      #F8F5F0 100%
    ) !important;
}


body.rp-page-services
.rp-services-ecosystem__top{
  grid-template-columns:
    minmax(0,1.42fr)
    minmax(280px,.58fr)
    !important;

  gap:
    clamp(56px,8vw,138px)
    !important;

  align-items:end !important;
}


body.rp-page-services
.rp-services-ecosystem__top
h2{
  max-width:900px !important;

  font-size:
    clamp(3rem,5.7vw,6.4rem)
    !important;

  line-height:.89 !important;
  letter-spacing:-.062em !important;
}


body.rp-page-services
.rp-services-ecosystem__top
> p{
  max-width:450px !important;

  color:#657184 !important;

  font-size:
    clamp(1rem,1.1vw,1.12rem)
    !important;

  line-height:1.78 !important;
}


/* Editorial navigation instead of UI pills */

body.rp-page-services
.rp-services-ecosystem__nav{
  gap:
    clamp(22px,3vw,46px)
    !important;

  margin-top:
    clamp(48px,6vw,82px)
    !important;

  padding-top:
    clamp(28px,3vw,42px)
    !important;
}


body.rp-page-services
.rp-services-ecosystem__nav
a{
  position:relative !important;

  min-height:auto !important;

  padding:
    4px
    0
    9px
    !important;

  color:#25364E !important;

  border:0 !important;
  border-radius:0 !important;

  background:transparent !important;

  font-size:.76rem !important;
  font-weight:790 !important;

  letter-spacing:.055em !important;
  text-transform:uppercase !important;
}


body.rp-page-services
.rp-services-ecosystem__nav
a::after{
  content:"" !important;

  position:absolute !important;

  left:0 !important;
  bottom:0 !important;

  width:24px !important;
  height:1px !important;

  background:#D32F3F !important;

  transition:
    width .25s ease
    !important;
}


/* =========================================================
   CHAPTER HEADERS
   ========================================================= */

body.rp-page-services
.rp-services-chapter{
  padding:
    clamp(96px,9.5vw,164px)
    0
    !important;
}


body.rp-page-services
.rp-services-chapter__header{
  grid-template-columns:
    64px
    minmax(0,1.25fr)
    minmax(280px,.55fr)
    !important;

  margin-bottom:
    clamp(64px,7vw,110px)
    !important;
}


body.rp-page-services
.rp-services-chapter__number{
  width:46px !important;
  height:46px !important;

  border:
    1px solid rgba(211,47,63,.20)
    !important;

  background:transparent !important;

  font-size:.68rem !important;
}


body.rp-page-services
.rp-services-chapter__header
h2{
  font-size:
    clamp(2.8rem,4.7vw,5.5rem)
    !important;

  line-height:.90 !important;
  letter-spacing:-.056em !important;
}


body.rp-page-services
.rp-services-chapter__header
> p{
  color:
    var(--muted)
    !important;

  line-height:1.78 !important;
}


/* =========================================================
   CARD MATERIAL
   Less SaaS, more editorial.
   ========================================================= */

body.rp-page-services
.rp-services-showcase-card{
  border-radius:
    clamp(14px,1.35vw,20px)
    !important;

  border-color:
    rgba(16,32,57,.105)
    !important;

  box-shadow:
    0 16px 42px rgba(7,17,31,.065)
    !important;
}


body.rp-page-services
.rp-services-chapter--dark
.rp-services-showcase-card{
  border-color:
    rgba(255,255,255,.10)
    !important;

  box-shadow:
    0 22px 60px rgba(0,0,0,.18)
    !important;
}


/* Featured cards become larger editorial moments */

body.rp-page-services
.rp-services-showcase-card--featured{
  grid-template-columns:
    minmax(0,1.32fr)
    minmax(330px,.68fr)
    !important;

  min-height:
    clamp(520px,42vw,680px)
    !important;
}


body.rp-page-services
.rp-services-showcase-card--featured
.rp-services-showcase-card__content{
  padding:
    clamp(48px,5.4vw,84px)
    !important;
}


body.rp-page-services
.rp-services-showcase-card--featured
h3{
  max-width:520px !important;

  font-size:
    clamp(3rem,5vw,5.8rem)
    !important;

  line-height:.90 !important;
}


/* Secondary cards gain more image presence */

body.rp-page-services
.rp-services-showcase-card:not(
  .rp-services-showcase-card--featured
):not(
  .rp-services-showcase-card--wide
)
.rp-services-showcase-card__media{
  aspect-ratio:4 / 3 !important;
}


body.rp-page-services
.rp-services-showcase-card__content{
  padding:
    clamp(30px,3vw,46px)
    !important;
}


body.rp-page-services
.rp-services-showcase-card
h3{
  font-size:
    clamp(1.8rem,2.25vw,2.7rem)
    !important;

  line-height:.95 !important;
}


body.rp-page-services
.rp-services-showcase-card__content
> p{
  color:
    var(--muted)
    !important;

  line-height:1.74 !important;
}


/* Cleaner numeric detail */

body.rp-page-services
.rp-services-showcase-card__meta{
  margin-bottom:28px !important;
}


body.rp-page-services
.rp-services-showcase-card__meta
span{
  font-size:.66rem !important;

  letter-spacing:.12em !important;
}


body.rp-page-services
.rp-services-showcase-card__meta
i{
  width:34px !important;

  opacity:.72 !important;
}


/* =========================================================
   ACTIONS
   Less button-heavy.
   ========================================================= */

body.rp-page-services
.rp-services-showcase-card__actions{
  padding-top:
    clamp(34px,3.4vw,50px)
    !important;
}


body.rp-page-services
.rp-services-showcase-card__explore{
  min-height:44px !important;

  padding:
    10px
    18px
    !important;

  border-radius:999px !important;

  background:
    linear-gradient(
      135deg,
      #D93842,
      #B8232E
    ) !important;

  box-shadow:
    0 8px 20px rgba(194,35,47,.17)
    !important;

  font-size:.75rem !important;

  letter-spacing:.025em !important;
}


body.rp-page-services
.rp-services-showcase-card__utilities
a{
  font-size:.72rem !important;

  letter-spacing:.035em !important;

  opacity:.58 !important;
}


/* =========================================================
   DARK CHAPTER
   ========================================================= */

body.rp-page-services
.rp-services-chapter--dark{
  background:
    radial-gradient(
      circle at 86% 12%,
      rgba(211,47,63,.10),
      transparent 29%
    ),
    linear-gradient(
      145deg,
      #06101D 0%,
      #0A1829 50%,
      #07121F 100%
    ) !important;
}


body.rp-page-services
.rp-services-chapter--dark
.rp-services-showcase-card{
  background:
    rgba(255,255,255,.047)
    !important;
}


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

body.rp-page-services
main#main
.section--cta{
  padding:
    clamp(88px,9vw,150px)
    0
    !important;

  background:
    linear-gradient(
      145deg,
      #081322,
      #0B192A
    ) !important;
}


body.rp-page-services
main#main
.section--cta
.cta-panel{
  border-radius:
    clamp(18px,1.7vw,24px)
    !important;

  border:
    1px solid rgba(255,255,255,.10)
    !important;

  box-shadow:
    0 28px 70px rgba(0,0,0,.16)
    !important;
}


/* =========================================================
   INTERACTION
   ========================================================= */

@media (hover:hover) and (pointer:fine){

  body.rp-page-services
  .rp-services-ecosystem__nav
  a:hover::after{
    width:100% !important;
  }


  body.rp-page-services
  .rp-services-showcase-card:hover
  .rp-services-showcase-card__media
  img{
    transform:
      scale(1.022)
      !important;
  }

}


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

@media (max-width:1024px){

  body.rp-page-services
  .rp-services-ecosystem__top{
    grid-template-columns:1fr !important;
  }


  body.rp-page-services
  .rp-services-ecosystem__top
  > p{
    max-width:660px !important;
  }


  body.rp-page-services
  .rp-services-chapter__header{
    grid-template-columns:
      52px
      1fr
      !important;
  }


  body.rp-page-services
  .rp-services-showcase-card--featured{
    grid-template-columns:1fr !important;

    min-height:0 !important;
  }


  body.rp-page-services
  .rp-services-showcase-card--featured
  .rp-services-showcase-card__media{
    aspect-ratio:16 / 8 !important;
  }

}


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

@media (max-width:760px){

  body.rp-page-services
  .rp-services-ecosystem{
    padding:
      74px
      0
      64px
      !important;
  }


  body.rp-page-services
  .rp-services-ecosystem__top
  h2{
    font-size:
      clamp(2.65rem,11vw,4rem)
      !important;

    line-height:.91 !important;
  }


  body.rp-page-services
  .rp-services-ecosystem__nav{
    gap:24px !important;

    margin-top:42px !important;
  }


  body.rp-page-services
  .rp-services-chapter{
    padding:
      78px
      0
      86px
      !important;
  }


  body.rp-page-services
  .rp-services-chapter__header{
    margin-bottom:46px !important;
  }


  body.rp-page-services
  .rp-services-chapter__header
  h2{
    font-size:
      clamp(2.45rem,10vw,3.9rem)
      !important;
  }


  body.rp-page-services
  .rp-services-showcase-card{
    border-radius:14px !important;
  }


  body.rp-page-services
  .rp-services-showcase-card__media,
  body.rp-page-services
  .rp-services-showcase-card--featured
  .rp-services-showcase-card__media,
  body.rp-page-services
  .rp-services-showcase-card--wide
  .rp-services-showcase-card__media{
    aspect-ratio:4 / 3 !important;
  }


  body.rp-page-services
  .rp-services-showcase-card__content,
  body.rp-page-services
  .rp-services-showcase-card--featured
  .rp-services-showcase-card__content{
    padding:
      28px
      24px
      30px
      !important;
  }


  body.rp-page-services
  .rp-services-showcase-card__actions{
    padding-top:30px !important;
  }

}