/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./components/blocks/featured-cases/styles/src/featured-cases.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
:root{
  --color-red-primary:var(--color-red-700);
  --color-orange-primary:var(--color-orage-500);
  --color-pink-primary:var(--color-pink-600);
  --color-teal-primary:var(--color-teal-600);
  --color-purple-primary:var(--color-purple-800);
  --color-grey-primary:var(--color-grey-950);
  --max-width:1285px;
  --max-width-content:55rem;
  --border-radius-s:0.5rem;
  --border-radius-m:0.75rem;
  --fast-out-back:cubic-bezier(0.37, 0.38, 0.03, 1.23);
  --smooth-ease:cubic-bezier(0.65, -0.01, 0, 1);
}

.featured-cases{
  display:flex;
  flex-direction:column;
  gap:4rem;
  margin-block:6rem;
  transform:translateX(-2rem);
  width:calc(100% + 4rem);
}
@media (max-width:768px){
  .featured-cases{
    transform:none;
    width:100%;
  }
}

.featured-case{
  display:grid;
  gap:2rem;
  grid-template-columns:1.6fr 1fr;
}
.featured-case__image-container{
  display:block;
  height:32rem;
  min-height:100%;
  width:100%;
}
.featured-case__image{
  border-radius:var(--border-radius-m);
  height:100%;
  -o-object-fit:cover;
     object-fit:cover;
  overflow:hidden;
  width:100%;
}
.featured-case__content{
  display:flex;
  flex-direction:column;
  height:100%;
  justify-content:center;
  padding-block:3rem;
}
.featured-case__client{
  font-family:Karla,sans-serif;
  font-size:1rem;
  font-weight:100;
  margin-bottom:.5rem;
  margin-top:0;
}
.featured-case__excerpt{
  display:block;
  margin-bottom:3rem;
}
.featured-case__title{
  font-size:2.5rem;
  font-weight:600;
  margin-bottom:2rem;
}
.featured-case__services{
  margin-bottom:2rem;
  margin-top:auto;
  max-width:25rem;
}
@media (max-width:768px){
  .featured-case{
    gap:0;
    grid-template-columns:1fr;
  }
}

/*! Add Soul */
/*# sourceMappingURL=featured-cases.css.map*/