/* recognition-quote-trio
   Page section for /company/partners/elastic. Source quote trio, adapted to a dark band.
   Quotes stay de-identified exactly as sourced. */
.recognition-quote-trio{
  box-sizing:border-box;
  width:100%;
  padding-block:var(--section-padding-y);
  background:var(--deep);
  color:var(--on-dark);
  font-family:var(--body);
}
.recognition-quote-trio *{box-sizing:border-box}
.recognition-quote-trio__in{width:var(--shell);margin:0 auto}
.recognition-quote-trio__head{
  width:var(--title-description-width);
  max-width:var(--title-description-width);
  margin-bottom:56px;
}
.recognition-quote-trio__eyebrow{
  display:inline-block;
  margin-bottom:18px;
  font-size:var(--fs-small);
  font-weight:700;
  line-height:var(--lh-tight);
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--gold);
}
.recognition-quote-trio__title{
  margin:0;
  font-family:var(--display);
  font-size:var(--fs-standard-section);
  font-weight:var(--display-weight);
  line-height:var(--lh-tight);
  letter-spacing:0;
  color:var(--paper);
  text-wrap:pretty;
}
.recognition-quote-trio__lede{
  margin:24px 0 0;
  font-size:var(--fs-standard-lede);
  line-height:var(--lh-copy);
  color:var(--on-sage);
}
.recognition-quote-trio__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid rgba(212,175,55,.38);
}
.recognition-quote-trio__quote{
  display:flex;
  flex-direction:column;
  margin:0;
  padding:40px 36px 8px;
  border-left:1px solid rgba(255,255,255,.22);
}
.recognition-quote-trio__quote:first-child{border-left:0;padding-left:0}
.recognition-quote-trio__mark{
  display:block;
  font-family:var(--display);
  font-size:72px;
  font-weight:400;
  line-height:.8;
  height:40px;
  color:var(--gold);
}
.recognition-quote-trio__text{
  margin:18px 0 0;
  font-size:20px;
  font-weight:300;
  line-height:1.55;
  color:var(--paper);
  text-wrap:pretty;
}
.recognition-quote-trio__by{
  margin-top:auto;
  padding-top:28px;
}
.recognition-quote-trio__by span{
  display:block;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.22);
  font-size:var(--fs-content-kicker);
  font-weight:700;
  line-height:1.4;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--on-sage-dim);
}
@media (max-width:1000px){
  .recognition-quote-trio__head{width:100%;max-width:100%}
  .recognition-quote-trio__grid{grid-template-columns:1fr}
  .recognition-quote-trio__quote{border-left:0;padding:36px 0 8px;border-top:1px solid rgba(255,255,255,.22)}
  .recognition-quote-trio__quote:first-child{border-top:0}
}