/* Isolated trial: the original homepage and its styles remain untouched. */
body.homepage-trial .trial-hero {
  height: 100vh;
  box-sizing: border-box;
  padding: calc(var(--trial-nav-height, 64px) + 36px) 24px 32px;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) minmax(80px, 18vh);
  gap: clamp(16px, 3vh, 32px);
  background: #000;
  color: #fff;
}
body.homepage-trial .trial-title {
  --home-text-size: min(1.7rem, 3.8vw);
  text-align: center;
  font-weight: 400;
  color: #fff;
  line-height: 1.15;
  white-space: nowrap;
  max-width: none;
  margin: 0;
}
body.homepage-trial .trial-cartoon {
  min-height: 0;
  container-type: size;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.homepage-trial #page #minervaFilmStrip {
  width: min(100%, 285cqh);
  flex-shrink: 0;
  margin: 0;
  padding: 0;
  transform: none;
  translate: 0 var(--trial-gallery-shift, 0px);
  background: #000;
}
body.homepage-trial #page #minervaFilmStrip .film-panels {
  display: flex;
  width: 100%;
  max-width: none;
  align-items: center;
  justify-content: center;
  gap: 1.5%;
  padding: 0;
}
body.homepage-trial #page #minervaFilmStrip .film-panel { min-width: 0; margin: 0; transform: none; }
body.homepage-trial #page #minervaFilmStrip .film-side { display: block; flex: 0 0 20%; width: 20%; }
body.homepage-trial #page #minervaFilmStrip .film-centre { flex: 0 0 46%; width: 46%; }
body.homepage-trial #page #minervaFilmStrip img { display: block; width: 100%; height: auto; max-height: none; object-fit: contain; }
body.homepage-trial .trial-tagline {
  --home-text-size: 1.3rem;
  text-align: center;
  line-height: 1.3;
  margin: 0 auto;
  width: 100%;
  max-width: none;
  align-self: center;
  white-space: normal;
}
/* Keep each tagline phrase intact; centered lines wrap between phrases. */
body.homepage-trial .trial-tagline > span {
  display: inline-block;
  white-space: nowrap;
}
body.homepage-trial .home-intro-keep-together { white-space: nowrap; }
/* Existing quote margin and next-section padding own these gaps. */
body.homepage-trial .home-cartoon-grid { padding-block: 0 !important; }
.trial-mobile-cartoons { display: none; }
/* Give the central cartoon the available space on medium screens. */
@media (min-width: 481px) and (max-width: 1024px) {
  body.homepage-trial #page #minervaFilmStrip { width: min(100%, 132.6cqh); }
  body.homepage-trial #page #minervaFilmStrip .film-side { display: none; }
  body.homepage-trial #page #minervaFilmStrip .film-centre { flex: 0 0 100%; width: 100%; }
}
@media (max-width: 480px) {
  body.homepage-trial .trial-tagline { --home-text-size: 1.2rem; }
  body.homepage-trial .trial-tagline span { display: block; white-space: nowrap; }
  /* Reuse the original two-line title, capped at 1.5rem and 70vw. */
  body.homepage-trial .header-display-mobile #site-title {
    --home-text-size: min(1.5rem, 9.3cqw);
  }
  body.homepage-trial .trial-title { display: none; }
  body.homepage-trial .trial-hero {
    grid-template-rows: minmax(0, 1fr) minmax(80px, 18vh);
  }
  /* Both original animations fit vertically inside the available hero space. */
  body.homepage-trial #page #minervaFilmStrip { display: none; }
  .trial-mobile-cartoons {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: min(100%, calc(66cqh - 11px));
  }
  .trial-mobile-cartoons img { display: block; width: 100%; height: auto; }

}

/* The quote no longer contains a gallery: remove its old section sizing.
   One inset above the quote and one gap before the facts, without stacking. */
@media (min-width: 481px) {
  body.homepage-trial #page section:has(.home-cartoon-grid) { min-height: 0 !important; }
  body.homepage-trial #page section:has(.home-cartoon-grid) > .content-wrapper {
    padding-top: var(--section-space) !important;
    padding-bottom: 0 !important;
  }
  body.homepage-trial #page .home-stanford-quote { margin-top: 0; }
  body.homepage-trial #page section[data-section-id="6995ce006533b00cca07a641"] > .content-wrapper {
    padding-top: var(--section-space) !important;
  }
}