/* Audience Agent case study — page-unique visuals only.
   Shared bento components (case-facts, decision-options, product-model,
   shipped-list) live in case-components.css. */
/* Accent: site orange. --case-accent is for fills/strokes; --case-accent-deep is for text
   (6.0:1 on white in light mode, 8.0:1 on the dark background in dark mode). */
.agentic-study {
  --case-accent: var(--terracotta-highlight);
  --case-accent-deep: #a8432c;
  --case-tint: color-mix(in srgb, var(--case-accent) 9%, var(--bg));
  --case-dark: var(--ember-charcoal);
}

.agentic-study:not(.dark) {
  --bg: #fff;
  --ember-paper: #fff;
  background: #fff;
}

.agentic-case {
  background: #fff0ea;
  border-bottom: 1px solid color-mix(in srgb, var(--case-accent) 20%, var(--line));
}

.agentic-case h1 {
  max-width: 780px;
  font-size: clamp(38px, 5vw, 68px);
  line-height: 1.02;
  letter-spacing: -.03em;
}

.agentic-case h1 em {
  color: var(--case-accent-deep);
}

.agentic-hero-art {
  grid-column: 2;
  grid-row: 1 / 5;
  align-self: center;
  justify-self: end;
  width: 100%;
  max-width: 600px;
  margin: 0;
}

.agentic-hero-art img {
  display: block;
  width: 100%;
  height: auto;
  filter: drop-shadow(0 22px 44px rgba(38, 36, 36, .22));
}

@media (max-width: 980px) {
  .agentic-hero-art { grid-column: 1; grid-row: auto; justify-self: start; margin-top: 36px; max-width: 100%; }
}

.case-video {
  position: relative;
  left: 50%;
  width: min(1240px, calc(100vw - (2 * var(--page-gutter))));
  margin: 8px 0 72px;
  transform: translateX(-50%);
}

.case-video video {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: var(--case-dark);
  box-shadow: 0 18px 48px rgba(38, 36, 36, .12);
}

@media (max-width: 760px) {
  .case-video { margin-bottom: 48px; }
  .case-video video { border-radius: 16px; }
}

.agentic-study.dark {
  --case-accent-deep: #ff9078;
  --case-tint: color-mix(in srgb, var(--case-accent) 12%, var(--bg));
}

.agentic-study.dark .agentic-case { background: var(--ember-paper); }

.agentic-study .case-content > section:has(+ .case-video),
.agentic-study .case-content > section:has(+ .case-figure) { border-bottom: 0; }