/* One illustration ground across Create, Manage and Scale. */
:is(.studio-page, .approach-page) .home-illustration-surface,
:is(.studio-page, .approach-page) #repeat-production .home-production-flow.home-illustration-surface {
  background-color: var(--color-bg-surface);
  background-image: radial-gradient(circle, #dededb .65px, transparent .85px);
  background-size: 16px 16px;
  border: 0;
  border-radius: var(--radius-stage);
  box-shadow: none;
}

/* Shared, compact benefits beneath each product chapter. */
:is(.studio-page, .approach-page) .home-creation-benefits {display:grid;gap:12px;margin:24px 0 0;padding:0;list-style:none}
:is(.studio-page, .approach-page) .home-creation-benefits li {display:flex;align-items:flex-start;gap:10px;color:var(--text-secondary);font-size:15px;line-height:23px;text-wrap:pretty}
:is(.studio-page, .approach-page) .home-creation-benefits svg {flex:none;width:16px;height:16px;margin-top:3px;color:var(--text-primary)}

:is(.studio-page, .approach-page) .home-chapter-label { display:block; margin:0 0 var(--space-4); }

@media(max-width:900px) {
  .studio-page .home-enterprise-heading .home-chapter-label { margin-inline:auto; }
}

/* Actions inherit the canonical secondary button and directional-arrow states. */
:is(.studio-page, .approach-page) .home-chapter-button { margin-top:var(--space-6); }

:is(.studio-page, .approach-page) .home-workflow-capture.home-illustration-surface { overflow:hidden; }

/* The illustration is the focus. Playback is a quiet hover/focus utility. */
:is(.studio-page, .approach-page) .home-illustration-surface :is(.gsd-playback,.lc-playback > button,.gsp-playback) {
  min-height:32px; padding:6px 0; color:var(--gi-muted); font:12px/20px var(--gi-font); transition:opacity 160ms ease,color 160ms ease;
}
@media(hover:hover) and (pointer:fine) {
  :is(.studio-page, .approach-page) .home-illustration-surface :is(.gsd-playback,.lc-playback > button,.gsp-playback) { opacity:0; pointer-events:none; }
  :is(.studio-page, .approach-page) .home-illustration-surface:is(:hover,:focus-within) :is(.gsd-playback,.lc-playback > button,.gsp-playback) { opacity:1; pointer-events:auto; }
}
@media(pointer:coarse) {
  :is(.studio-page, .approach-page) .home-illustration-surface :is(.gsd-playback,.lc-playback > button,.gsp-playback) { min-height:44px; min-width:44px; }
  :is(.studio-page, .approach-page) .gsd-playback { left:24px; right:auto; }
  .approach-product-chapters .gsp-playback { right:auto!important; left:24px; bottom:4px!important; }
  .approach-product-chapters .lc-playback { bottom:0!important; }
}
@media(prefers-reduced-motion:reduce) {
  :is(.studio-page, .approach-page) .home-illustration-surface :is(.gsd-playback,.lc-playback,.gsp-playback) { display:none; transition:none; }
}