.reference-section { margin-bottom: 6rem; scroll-margin-top: 150px; }
.reference-section h2 { font-size: clamp(1.125rem, 2vw, 1.375rem); font-weight: 400; border-bottom: 1px solid #ddd; padding-bottom: 1rem; margin: 0 0 2rem; }
.reference-section h3 { font-size: .9375rem; font-weight: 500; margin: 3rem 0 1.5rem; }
.reference-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2.5rem 1.75rem; margin-bottom: 3rem; }
.reference-grid > .wp-block-group__inner-container { display: contents; }
.reference-card { min-width: 0; margin: 0; }
.reference-card .wp-block-image,
.reference-card .wp-block-video { margin: 0 0 1rem; }
.reference-card .wp-block-image img,
.reference-card .wp-block-video video { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; object-position: center; }
.reference-card .wp-block-video video { background: #111; }
.reference-card p { font-size: .9rem; line-height: 1.7; margin: 0; overflow-wrap: anywhere; }
.reference-card a { color: inherit; text-underline-offset: 4px; }
.reference-card a:hover { color: #666; }
@media (max-width: 1000px) {
  .reference-section { scroll-margin-top: 100px; }
  .reference-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 540px) {
  .reference-grid { grid-template-columns: minmax(0, 1fr); gap: 2rem; }
  .reference-section { margin-bottom: 4rem; }
}
@media (prefers-reduced-motion: no-preference) {
  html:has(.references-page) { scroll-behavior: smooth; }
}