/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/impression-cases/styles/src/impression-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);
}

.impression-cases{
  display:grid;
  gap:2rem;
  grid-template-columns:repeat(auto-fit, minmax(30rem, 1fr));
  margin-block:4rem;
  overflow:hidden;
  position:relative;
}
.impression-cases:after{
  background:linear-gradient(0deg, #151515 10%, hsla(0,0%,8%,0));
  bottom:0;
  content:"";
  display:block;
  height:60rem;
  left:0;
  pointer-events:none;
  position:absolute;
  width:100%;
  z-index:1;
}
.impression-cases__show-all{
  bottom:8rem;
  left:50%;
  position:absolute;
  translate:-50% 0;
  z-index:2;
}
.impression-cases.show-all{
  max-height:unset !important;
}
.impression-cases.show-all:after{
  content:none;
}
.impression-cases.show-all .impression-cases__show-all{
  display:none;
}
@media (max-width:768px){
  .impression-cases{
    grid-template-columns:1fr;
  }
}

.impression-case{
  min-width:0;
}
.impression-case__image-container{
  aspect-ratio:16/9;
  border-radius:var(--border-radius-s);
  display:block;
  height:auto;
  margin-bottom:1rem;
  overflow:hidden;
  width:100%;
}
.impression-case__image{
  height:100%;
  -o-object-fit:cover;
     object-fit:cover;
  width:100%;
}
.impression-case__client{
  font-family:Karla,sans-serif;
  font-size:1rem;
  font-weight:100;
  margin-bottom:.5rem;
}
.impression-case__excerpt{
  display:block;
  margin-bottom:3rem;
}
.impression-case__title{
  font-size:2.5rem;
  font-weight:600;
  margin-bottom:2rem;
}
.impression-case__services{
  margin-bottom:2rem;
  margin-top:auto;
}

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