/* Google-specific artwork within the shared homepage design system. */
.google-hero .hero-eyebrow a { text-decoration: underline; text-underline-offset: 4px; }
.google-art .shape-blue { background: var(--color-google); animation: blueFloat 8s ease-in-out infinite; }
.google-art .google-channel { animation: none; }
.google-report-proof {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-5);
  padding: var(--space-5);
  border: 1px solid var(--color-line);
  border-left: 4px solid var(--color-google);
  border-radius: var(--radius-card);
  background: var(--color-white);
}
.google-report-proof > img { display: block; width: 112px; height: auto; }
.google-report-proof h2 { font: var(--type-card); }
.google-report-proof p { margin-top: var(--space-2); max-width: 70ch; color: var(--text-secondary); }
@media (max-width: 900px) {
  .google-report-proof { grid-template-columns: 88px minmax(0, 1fr); }
  .google-report-proof > img { width: 88px; }
  .google-report-proof > a { grid-column: 2; }
}
@media (max-width: 700px) {
  .google-report-proof { grid-template-columns: minmax(0, 1fr); gap: var(--space-3); padding: var(--space-4); }
  .google-report-proof > img { display: none; }
  .google-report-proof > a { grid-column: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .google-art .shape-blue { animation: none; }
}