/* Focused presentation pass; imagery and films are unchanged. */
body[data-page="home"] .home-hero {
  background: #f0f3ee;
}
body[data-page="home"] .hero-scrim {
  background: linear-gradient(90deg, #f0f3ee 0%, #f0f3ee 37%, rgba(240,243,238,.94) 45%, rgba(240,243,238,0) 65%);
}
body[data-page="home"] .platform-picture {
  aspect-ratio: 3 / 2;
}
body[data-page="home"] .platform-copy {
  padding-block: 30px 28px;
}
body[data-page="home"] .platform-copy > .eyebrow {
  font-size: 22px;
  line-height: 1.3;
  color: var(--ink);
}
.page-hero.toolbox-hero {
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  gap: clamp(32px, 4vw, 64px);
  align-items: stretch;
  padding-block: 0;
  padding-right: 0;
}
.toolbox-hero-copy {
  padding-block: 64px;
  min-width: 0;
}
.toolbox-hero .toolbox-kicker {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
  align-items: center;
  margin: 0 0 24px;
  line-height: 1.5;
  text-transform: none;
}
.toolbox-kicker span:first-child {
  color: var(--accent);
}
.toolbox-kicker span + span {
  padding-left: 16px;
  border-left: 1px solid var(--line);
}
.toolbox-hero h1 {
  margin: 0;
  font-size: clamp(3.4rem, 5.8vw, 5.25rem);
  line-height: 1.04;
  max-width: none;
}
.toolbox-hero h1 > span {
  display: block;
}
.toolbox-hero .lede {
  margin-top: 26px;
  font-size: 18px;
  line-height: 1.55;
  max-width: 42ch;
}
.toolbox-hero .hero-actions {
  margin-top: 28px;
  gap: 16px 24px;
  align-items: center;
}
.toolbox-hero .hero-actions .watch {
  font-size: 15px;
}
.toolbox-hero .caption {
  margin-top: 26px;
  line-height: 1.55;
  max-width: 44ch;
}
.toolbox-hero .page-hero-image {
  aspect-ratio: auto;
  min-height: 580px;
  align-self: stretch;
}
.toolbox-hero .page-hero-image img {
  object-position: center;
}
@media (min-width: 701px) and (max-width: 1100px) {
  body[data-page="home"] .hero-scrim {
    background: linear-gradient(90deg, #f0f3ee 0%, #f0f3ee 30%, rgba(240,243,238,.93) 43%, transparent 78%);
  }
  .toolbox-hero-copy { padding-block: 52px; }
  .toolbox-hero h1 { font-size: clamp(3rem, 5.6vw, 4rem); }
  .toolbox-hero .page-hero-image { min-height: 540px; }
}
@media (max-width: 700px) {
  body[data-page="home"] .hero-scrim {
    background: linear-gradient(180deg, #f0f3ee 0, #f0f3ee 435px, rgba(240,243,238,0) 520px);
  }
  body[data-page="home"] .platform-copy > .eyebrow { font-size: 21px; }
  body[data-page="home"] .platform-copy { padding-block: 24px; }
  .page-hero.toolbox-hero {
    grid-template-columns: 1fr;
    gap: 0;
    padding-block: 0;
  }
  .toolbox-hero-copy { padding: 40px var(--gutter) 40px 0; }
  .toolbox-hero .toolbox-kicker { font-size: 14px; margin-bottom: 22px; gap: 8px 12px; }
  .toolbox-kicker span + span { padding-left: 12px; }
  .toolbox-hero h1 { font-size: clamp(3rem, 12vw, 4.6rem); }
  .toolbox-hero .lede { font-size: 17px; max-width: 35ch; }
  .toolbox-hero .page-hero-image {
    min-height: 0;
    aspect-ratio: 3 / 2;
    margin-left: calc(-1 * var(--gutter));
    width: calc(100% + var(--gutter));
  }
}