/* Clickable hero stat blocks (services.html "one roof", studio.html).
   Layout-neutral: the anchor replaces a plain div inside the existing flex
   container, so gaps, sizes and colours stay exactly as they were. */
[data-stat-links] .stat-link {
  display: block;
  min-width: 0;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  transition: transform var(--dur-base, .25s) var(--ease-out, ease);
}

[data-stat-links] .stat-link:hover,
[data-stat-links] .stat-link:focus-visible { transform: translateY(-2px); }

[data-stat-links] .stat-link:hover .lbl,
[data-stat-links] .stat-link:focus-visible .lbl { color: #fff; }

[data-stat-links] .stat-link:hover .num,
[data-stat-links] .stat-link:focus-visible .num { text-decoration: underline; text-underline-offset: 6px; }

[data-stat-links] .stat-link:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 6px;
}

@media (prefers-reduced-motion: reduce) {
  [data-stat-links] .stat-link { transition: none; }
  [data-stat-links] .stat-link:hover,
  [data-stat-links] .stat-link:focus-visible { transform: none; }
}

.workshop:focus { outline: none; }