/* References extend the shared black, white and orange service-page theme. */
.reference-hero>.container{padding-block:2.3rem 2.8rem}
.reference-hero h1{max-width:18ch}
.reference-hero .service-lead{max-width:46rem}
.reference-hero .hero-actions{margin-top:1.5rem}
.reference-case{padding-block:3.2rem;scroll-margin-top:1.5rem}
.reference-case:nth-of-type(even){background:var(--soft)}
.reference-case-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);gap:3.2rem;align-items:start}
.reference-case h2{font-size:clamp(1.7rem,2.45vw,2.2rem);line-height:1.13;max-width:21ch}
.reference-case .eyebrow{font-size:.875rem;margin-bottom:.7rem}
.reference-location{display:block;font-size:1.125rem;line-height:1.4;font-weight:400;letter-spacing:0;color:var(--muted);margin-top:.55rem}
.reference-scope{font-size:1rem;line-height:1.55;color:var(--muted);margin-top:1rem;max-width:36rem}
.reference-project-photo{margin:1.5rem 0 0}
.reference-project-photo img{width:100%;height:auto;border-radius:.6rem}
.reference-project-photo figcaption{font-size:.875rem;line-height:1.45;color:var(--muted);margin-top:.7rem}
.reference-service-link{font-size:1rem;line-height:1.45;min-height:2.75rem;margin-top:1rem}
.reference-testimonial{margin:0;padding:0 0 0 1.5rem;border-left:3px solid var(--orange);min-width:0}
.reference-testimonial blockquote{margin:0;max-width:70ch;font-size:1rem;line-height:1.65;color:var(--ink)}
.reference-testimonial blockquote p+p{margin-top:1rem}
.reference-testimonial figcaption{margin-top:1.4rem;padding-top:1rem;border-top:1px solid var(--line);font-size:.9375rem;line-height:1.6;color:var(--muted)}
.reference-testimonial figcaption strong{color:var(--ink);font-size:1rem;font-weight:700}
@media(min-width:769px) and (max-width:1100px){
  .reference-case-grid{gap:2rem;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr)}
}
@media(max-width:768px){
  .reference-hero>.container{padding-block:1.5rem 2rem}
  .reference-hero h1{max-width:100%;font-size:clamp(2rem,7.6vw,2.8rem)}
  .reference-hero .hero-actions{margin-top:1.25rem}
  .reference-case{padding-block:2.25rem}
  .reference-case-grid{grid-template-columns:minmax(0,1fr);gap:1.5rem}
  .reference-case h2{font-size:1.7rem;max-width:100%}
  .reference-scope{margin-top:.85rem}
  .reference-project-photo{margin-top:1rem}
  .reference-project-photo img{max-width:30rem}
  .reference-testimonial{padding-left:1rem}
  .reference-testimonial blockquote{font-size:1rem;line-height:1.6}
}

/* A new reference may be published without a customer quotation. */
.reference-no-testimonial .reference-case-grid{grid-template-columns:minmax(0,1fr)}
.reference-no-testimonial .reference-case-info{max-width:48rem}