/* Page-scoped styles. Loaded only for matching page classes. */
.reference-quote__full{display:none}.reference-quote.is-expanded .reference-quote__short{display:none}.reference-quote.is-expanded .reference-quote__full{display:inline}.reference-expand{align-self:flex-end;margin:4px 0 0;padding:0;border:0;color:var(--purple);background:transparent;font-size:13px;font-weight:850;text-align:left;cursor:pointer}.reference-expand:hover{text-decoration:none}.reference-linkedin{display:none;margin:6px 0 0;gap:6px;align-items:center;color:var(--purple);font-size:11px;font-weight:800;text-decoration:none}.reference-linkedin:hover{text-decoration:underline}.testimonials blockquote:has(.reference-quote.is-expanded) .reference-linkedin{display:flex}.reference-linkedin span{display:grid;width:36px;height:26px;place-items:center;border-radius:2px;color:#fff;background:#0a66c2;font-family:Arial,sans-serif;font-size:25px;line-height:1;font-weight:900}.testimonials blockquote:has(.reference-expand){min-height:310px}.testimonials blockquote:has(.reference-expand) .reference-quote{height:145px;max-height:145px;overflow:hidden}.testimonials blockquote:has(.reference-expand) .reference-quote.is-expanded{max-height:none;overflow:visible}.testimonials blockquote:has(.reference-quote.is-expanded){transform:none}.reference-quote{margin-bottom:0}.testimonials blockquote:has(.reference-quote.is-expanded) .reference-quote{height:auto;max-height:none}.reference-expand{position:relative;z-index:1;text-decoration:none}.reference-expand:hover{text-decoration:none}.reference-linkedin{border-bottom:0!important;text-decoration:none!important}.reference-linkedin:hover{text-decoration:none!important}.reference-linkedin span{width:32px;height:32px;border-radius:2px;font-size:23px;line-height:1}.testimonials blockquote:has(.reference-quote.is-expanded) .reference-linkedin{display:flex}.content-page .reference-testimonials-section{background:#fff}.content-page .reference-index-grid blockquote{background:var(--lavender)}.content-page .reference-index-grid{grid-template-columns:1fr;gap:22px}.content-page .reference-index-grid .reference-quote__short{display:none}.content-page .reference-index-grid .reference-quote__full{display:inline}.content-page .reference-index-grid .reference-quote{height:auto!important;max-height:none!important;overflow:visible!important}.content-page .reference-index-grid .reference-expand{display:none}.content-page .reference-index-grid .reference-linkedin{display:flex;align-self:flex-end}.content-page .reference-index-grid blockquote{min-height:0}.content-page .reference-index-grid footer{margin-top:20px}.reference-logo{position:absolute;right:24px;bottom:20px;display:block;width:auto;max-width:96px;height:auto;max-height:32px;}@media(max-width:650px){.reference-logo{right:18px;bottom:18px;max-width:80px;max-height:28px}}.reference-logo{right:24px;bottom:24px;width:58px;height:58px;max-width:none;max-height:none;padding:9px;border:1px solid var(--line);border-radius:50%;background:#fff;box-shadow:0 8px 18px rgba(65,39,115,.08)}@media(max-width:650px){.reference-logo{right:18px;bottom:18px;width:50px;height:50px;padding:8px}}.content-page .reference-logo{bottom:26px}.reference-client-logos{margin-top:42px;padding:30px 28px 26px}.reference-client-logos ul{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;gap:16px;list-style:none}.reference-client-logos li{display:grid;min-height:82px;padding:12px;place-items:center;border:1px solid #eee9f7;border-radius:14px;background:#fff}.reference-client-logos img{width:auto;height:auto;max-width:100%;object-fit:contain;max-height:50px;;}@media(max-width:980px){.reference-client-logos ul{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.reference-client-logos{padding:24px 16px 18px}.reference-client-logos ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.reference-client-logos li{min-height:72px;padding:9px}.reference-client-logos img{max-height:42px}}.content-page .reference-client-logos{width:100vw;margin-left:calc(50% - 50vw);border-radius:0}.reference-role,.reference-company{display:block;color:var(--muted);font-size:11px}.content-page .reference-client-logos__title{width:min(calc(100% - 42px),1180px);margin:0 auto 18px;color:var(--orange);font-size:11px;font-weight:850}.content-page .reference-client-logos{background:#fff;border-color:transparent}.content-page .reference-client-logos li{min-height:104px;border:0;background:#fff}.content-page .reference-client-logos img{width:150px;height:58px;max-width:150px;max-height:58px;object-fit:contain;filter:none}.content-page .reference-client-logos li:not(:nth-child(2)) img{width:190px;height:74px;max-width:190px;max-height:74px}
.content-page .reference-client-logos{width:100%;margin-left:0}
.reference-quote__full {
  display: none;
}
.reference-quote.is-expanded .reference-quote__short {
  display: none;
}
.reference-quote.is-expanded .reference-quote__full {
  display: inline;
}
.reference-expand {
  align-self: flex-end;
  margin: 4px 0 0;
  padding: 0;
  border: 0;
  color: var(--purple);
  background: transparent;
  font-size: 13px;
  font-weight: 850;
  text-align: left;
  cursor: pointer;
}
.reference-expand:hover {
  text-decoration: none;
}
.reference-linkedin {
  display: none;
  margin: 6px 0 0;
  gap: 6px;
  align-items: center;
  color: var(--purple);
  font-size: 11px;
  font-weight: 800;
  text-decoration: none;
}
.reference-linkedin:hover {
  text-decoration: underline;
}
.testimonials blockquote:has(.reference-quote.is-expanded) .reference-linkedin {
  display: flex;
}
.reference-linkedin span {
  display: grid;
  width: 36px;
  height: 26px;
  place-items: center;
  border-radius: 2px;
  color: #fff;
  background: #0a66c2;
  font-family: Arial,sans-serif;
  font-size: 25px;
  line-height: 1;
  font-weight: 900;
}
.testimonials blockquote:has(.reference-expand) {
  min-height: 310px;
}
.testimonials blockquote:has(.reference-expand) .reference-quote {
  height: 145px;
  max-height: 145px;
  overflow: hidden;
}
.testimonials blockquote:has(.reference-expand) .reference-quote.is-expanded {
  max-height: none;
  overflow: visible;
}
.testimonials blockquote:has(.reference-quote.is-expanded) {
  transform: none;
}
.reference-quote {
  margin-bottom: 0;
}
.testimonials blockquote:has(.reference-quote.is-expanded) .reference-quote {
  height: auto;
  max-height: none;
}
.reference-expand {
  position: relative;
  z-index: 1;
  text-decoration: none;
}
.reference-expand:hover {
  text-decoration: none;
}
.reference-linkedin {
  border-bottom: 0!important;
  text-decoration: none!important;
}
.reference-linkedin:hover {
  text-decoration: none!important;
}
.reference-linkedin span {
  width: 32px;
  height: 32px;
  border-radius: 2px;
  font-size: 23px;
  line-height: 1;
}
.testimonials blockquote:has(.reference-quote.is-expanded) .reference-linkedin {
  display: flex;
}
.content-page .reference-testimonials-section {
  background: #fff;
}
.content-page .reference-index-grid blockquote {
  background: var(--lavender);
}
.content-page .reference-index-grid {
  grid-template-columns: 1fr;
  gap: 22px;
}
.content-page .reference-index-grid .reference-quote__short {
  display: none;
}
.content-page .reference-index-grid .reference-quote__full {
  display: inline;
}
.content-page .reference-index-grid .reference-quote {
  height: auto!important;
  max-height: none!important;
  overflow: visible!important;
}
.content-page .reference-index-grid .reference-expand {
  display: none;
}
.content-page .reference-index-grid .reference-linkedin {
  display: flex;
  align-self: flex-end;
}
.content-page .reference-index-grid blockquote {
  min-height: 0;
}
.content-page .reference-index-grid footer {
  margin-top: 20px;
}
.reference-logo {
  position: absolute;
  right: 24px;
  bottom: 20px;
  display: block;
  width: auto;
  max-width: 96px;
  height: auto;
  max-height: 32px;
}
@media(max-width:650px) {
  .reference-logo {
    right: 18px;
    bottom: 18px;
    max-width: 80px;
    max-height: 28px;
  }}
.reference-logo {
  right: 24px;
  bottom: 24px;
  width: 58px;
  height: 58px;
  max-width: none;
  max-height: none;
  padding: 9px;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 8px 18px rgba(65,39,115,.08);
}
@media(max-width:650px) {
  .reference-logo {
    right: 18px;
    bottom: 18px;
    width: 50px;
    height: 50px;
    padding: 8px;
  }}
.content-page .reference-logo {
  bottom: 26px;
}
.reference-client-logos {
  margin-top: 42px;
  padding: 30px 28px 26px;
}
.reference-client-logos ul {
  display: grid;
  grid-template-columns: repeat(5,minmax(0,1fr));
  margin: 0;
  padding: 0;
  gap: 16px;
  list-style: none;
}
.reference-client-logos li {
  display: grid;
  min-height: 82px;
  padding: 12px;
  place-items: center;
  border: 1px solid #eee9f7;
  border-radius: 14px;
  background: #fff;
}
.reference-client-logos img {
  width: auto;
  height: auto;
  max-width: 100%;
  object-fit: contain;
  max-height: 50px;
}
@media(max-width:980px) {
  .reference-client-logos ul {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }}
@media(max-width:650px) {
  .reference-client-logos {
    padding: 24px 16px 18px;
  }
  .reference-client-logos ul {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 10px;
  }
  .reference-client-logos li {
    min-height: 72px;
    padding: 9px;
  }
  .reference-client-logos img {
    max-height: 42px;
  }}
.content-page .reference-client-logos {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  border-radius: 0;
}
.reference-role,
.reference-company {
  display: block;
  color: var(--muted);
  font-size: 11px;
}
.content-page .reference-client-logos__title {
  width: min(calc(100% - 42px),1180px);
  margin: 0 auto 18px;
  color: var(--orange);
  font-size: 11px;
  font-weight: 850;
}
.content-page .reference-client-logos {
  background: #fff;
  border-color: transparent;
}
.content-page .reference-client-logos li {
  min-height: 104px;
  border: 0;
  background: #fff;
}
.content-page .reference-client-logos img {
  width: 150px;
  height: 58px;
  max-width: 150px;
  max-height: 58px;
  object-fit: contain;
  filter: none;
}
.content-page .reference-client-logos li:not(:nth-child(2)) img {
  width: 190px;
  height: 74px;
  max-width: 190px;
  max-height: 74px;
}
.content-page .reference-client-logos {
  width: 100%;
  margin-left: 0;
}