.customer-stories{display:grid;grid-gap:var(--gap)}.customer-stories__sidebar-list{border:0;margin:0;padding:0}.customer-stories__cards{display:grid;grid-gap:6rem var(--gap-md);margin-block:2rem;scroll-margin-top:4rem}.customer-stories__card{display:grid;grid-template-rows:auto 1fr;grid-gap:var(--gap);align-items:start;color:var(--base-color)}.customer-stories__card-image{display:block}.customer-stories__card-image>img{aspect-ratio:3/2;border-radius:var(--border-radius);object-fit:cover;width:100%}.customer-stories__card-details{display:grid;grid-gap:var(--gap-sm);justify-items:start}.customer-stories__card-tags{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--gap-sm)}.customer-stories__card-tag{pointer-events:none}.customer-stories__card-title{color:var(--secondary-color);font-family:var(--secondary-font-family);font-weight:500;line-height:1.3}.customer-stories__card-title>a{color:var(--base-color);text-decoration:none}.customer-stories__no-results{font-family:var(--secondary-font-family);font-size:1.8rem;font-weight:600;grid-column:1/-1;text-align:center}@media(min-width:768px){.customer-stories{grid-template-columns:28rem 1fr;grid-gap:var(--gap-lg);align-items:start}.customer-stories__sidebar{position:sticky;top:10rem}.customer-stories__cards{grid-template-columns:repeat(2,1fr)}}@media(hover:hover){.customer-stories__card{background-color:hsla(0,0%,100%,0);border-radius:var(--border-radius-lg);margin:-2rem;padding:2rem;transition:background-color .2s ease}.customer-stories__card:active,.customer-stories__card:focus,.customer-stories__card:hover{background-color:#fff;box-shadow:var(--box-shadow-card)}.customer-stories__card-title>a>svg{display:inline;margin-left:3px;opacity:0;position:relative;top:-3px;transition:opacity .2s ease}.customer-stories__card:active .customer-stories__card-title>a>svg,.customer-stories__card:focus .customer-stories__card-title>a>svg,.customer-stories__card:hover .customer-stories__card-title>a>svg{opacity:1}.customer-stories__card-title>a:active,.customer-stories__card-title>a:focus,.customer-stories__card-title>a:hover{color:var(--primary-color)}}