/* Industry-only entry actions. The homepage does not load this stylesheet. */
body.studio-site .industry-entry-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 24px;
}
body.studio-site .industry-entry-actions .button { margin-top: 0; }
body.studio-site .industry-entry-actions .industry-detail-actions { margin: 0; }
body.studio-site .industry-watch-demo {
  display: inline-flex;
  align-items: center;
  gap: .5em;
  min-height: 44px;
  color: var(--navy-900);
  text-decoration: underline;
  text-underline-offset: .25em;
}
body.studio-site .industry-watch-demo:hover { color: var(--gold-readable); }
body.studio-site .industry-demo-first { scroll-margin-top: 112px; }
body.studio-site .industry-demo-sentence { display: block; }

/* Comparable retail examples share image and reading baselines. */
body.studio-site .retail-story-heading { max-width: none; }
html[lang="ja"] body.studio-site .retail-story-heading h2 .keep-term { display: block; }
body.studio-site .retail-story-grid {
  grid-template-columns: repeat(2,minmax(0,1fr));
  column-gap: clamp(28px,4vw,56px);
  row-gap: 0;
  align-items: stretch;
}
body.studio-site .retail-story-card {
  display: grid;
  grid-template-rows: auto 1fr;
}
body.studio-site .retail-story-card:nth-child(2) { margin-top: 0; }
body.studio-site .retail-story-image { width: 100%; aspect-ratio: 16/9; }
body.studio-site .retail-story-image img { width: 100%; height: 100%; object-fit: cover; }
body.studio-site .retail-story-copy {
  display: grid;
  grid-template-rows: auto auto 1fr auto auto;
  padding: 24px 0 0;
}
body.studio-site .retail-story-copy > p { margin: 0; }
body.studio-site .retail-story-copy h3 {
  margin: 10px 0 16px;
  font-size: var(--studio-feature);
  line-height: 1.3;
}
body.studio-site .retail-story-copy > .retail-story-decision { margin-top: 20px; }
body.studio-site .retail-story-copy > .retail-target {
  margin-top: 14px;
  font-size: .85rem;
  line-height: 1.5;
  color: var(--ink-muted);
}
@supports (grid-template-rows: subgrid) {
  body.studio-site .retail-story-card { grid-template-rows: subgrid; grid-row: span 6; }
  body.studio-site .retail-story-copy { grid-template-rows: subgrid; grid-row: span 5; }
}
@media (max-width:760px) {
  body.studio-site .retail-story-grid { grid-template-columns: minmax(0,1fr); row-gap: 44px; }
  body.studio-site .retail-story-card,
  body.studio-site .retail-story-copy { display: block; grid-row: auto; }
}