.references {background: var(--white); border-bottom: 1px solid var(--line);}
.client-logos {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px; margin-top: 48px;}
.client-logo {margin: 0; padding: 36px 24px 24px; border-top: 1px solid var(--line); display: flex; flex-direction: column; align-items: center; gap: 28px; min-width: 0;}
.client-logo img {display: block; width: min(100%, 310px); height: 96px; object-fit: contain;}
.client-logo .bobs-logo {width: 163px; max-width: 100%;}
.client-logo figcaption {font-size: 1.125rem; font-weight: 700; color: var(--ink);}
.portfolio-preparation {border-top: 1px solid var(--line); padding: 32px 0; max-width: 65ch;}
.portfolio-preparation h3 {font-size: 1.5rem; margin-bottom: 12px;}
.portfolio-preparation p {font-size: 1.25rem; margin-bottom: 0;}
.work-grid {display: grid; gap: 56px;}
.work-card {min-width: 0; border-top: 1px solid var(--line); padding-top: 28px;}
.work-card h3 {font-size: 1.5rem;}
.work-card > p {max-width: 65ch;}
.work-role {font-size: 1.125rem; color: var(--muted);}
.work-gallery {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px;}
.work-gallery figure {margin: 0; min-width: 0;}
.work-gallery img {display: block; width: 100%; height: auto;}
.work-gallery figcaption {font-size: 1.125rem; margin-top: 12px;}
.testimonials {background: var(--white); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);}
.editorial-notice {border-left: 3px solid var(--accent); padding: 12px 20px; font-size: 1.125rem; color: var(--ink); max-width: 70ch; margin: 0 0 40px; background: var(--paper);}
.testimonial-grid {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px;}
.testimonial-card {margin: 0; border-top: 2px solid var(--navy); padding: 28px 0 12px; min-width: 0;}
.testimonial-theme {font-size: 1rem; font-weight: 700; color: var(--navy); margin-bottom: 20px;}
.testimonial-card blockquote {margin: 0;}
.testimonial-card blockquote p {font-size: 1.375rem; line-height: 1.7; color: var(--ink); max-width: 45ch; margin-bottom: 24px;}
.testimonial-card figcaption {font-size: 1rem; line-height: 1.65; color: var(--muted);}
.testimonial-card figcaption strong, .testimonial-card figcaption span {display: block;}
.testimonial-card figcaption strong {color: var(--ink);}
.testimonial-grid > .testimonial-card:last-child:nth-child(odd) {grid-column: 1/-1;}
.testimonial-grid > .testimonial-card:last-child:nth-child(odd) blockquote p {max-width: 65ch;}
.more-testimonials {margin-top: 32px;}
.more-testimonials summary {cursor: pointer; min-height: 56px; padding: 14px 24px; border: 2px solid var(--navy); border-radius: 8px; width: fit-content; max-width: 100%; color: var(--navy); font-size: 1.125rem; font-weight: 700; background: var(--white);}
.more-testimonials summary:hover {background: #e5ebef;}
.more-testimonials[open] summary {margin-bottom: 32px;}
.testimonial-contact {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 28px 40px; margin-top: 56px; border-top: 1px solid var(--line); padding-top: 40px;}
.testimonial-contact > div {max-width: 38ch; min-width: 0;}
.testimonial-contact h3 {font-size: 1.5rem; margin-bottom: 12px;}
.testimonial-contact p {font-size: 1.125rem; margin-bottom: 0;}
@media(max-width:760px) {
  .client-logos, .testimonial-grid, .work-gallery {grid-template-columns: minmax(0,1fr); gap: 32px;}
  .client-logo {padding-left: 0; padding-right: 0;}
  .testimonial-card blockquote p {font-size: 1.375rem;}
  .editorial-notice {padding: 12px 16px;}
}