/* An editorial introduction: one headline, one film, space to read. */
.home-page .hero-grid.home-introduction{
  display:grid;grid-template-columns:minmax(0,1fr);align-items:start;
  max-width:100rem;margin-block:0;margin-inline:auto;border:0;
  padding-block:var(--section-space,8rem);gap:clamp(3.5rem,6vw,6rem);
  /* Keep display-type tracking out of body copy and controls. */
  font-size:1rem;line-height:1.5;letter-spacing:normal;word-spacing:normal;
}
/* Contain the section's spacing so the white page background cannot show through. */
.home-page .hero:has(.home-introduction){display:flow-root;margin-bottom:0}
.home-page .home-introduction h1.hero-proposition{
  max-width:none;margin:0;font-size:clamp(3rem,7.2vw,8rem);
  line-height:1.08!important;letter-spacing:-.055em!important;
}
.home-introduction .intro-layout{
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(19rem,.85fr);
  align-items:start;gap:clamp(3rem,7vw,8rem);
}
.home-introduction .intro-media{position:relative;min-width:0;margin:0;background:#0c1231}
.home-introduction .intro-film{display:block;width:100%;height:auto;aspect-ratio:256/135;object-fit:contain}
.home-introduction .intro-film-toggle{
  position:absolute;right:1rem;bottom:1rem;display:inline-flex;align-items:center;
  gap:.625rem;min-height:44px;padding:.625rem .875rem;border:1px solid #ffffff60;
  border-radius:0;background:#141418;color:#fff;font-size:.875rem;font-weight:600;
}
.home-introduction .intro-film-toggle:hover{background:var(--rogue-blue-dark,#2442c6)}
.home-introduction .intro-film-toggle[hidden]{display:none}
.intro-film-toggle .intro-pause-icon,
.intro-film-toggle[aria-pressed="true"] .intro-play-icon{display:none}
.intro-film-toggle[aria-pressed="true"] .intro-pause-icon{display:block}
.home-page .home-introduction .intro-copy{display:grid;gap:2rem;max-width:32rem;animation:none}
.home-page .home-introduction .intro-copy>p{max-width:none;margin:0}
.home-page .home-introduction .intro-copy>.hero-belief{
  font:700 clamp(1.375rem,1.9vw,1.875rem)/1.4 var(--display);
  letter-spacing:-.035em;color:#fff;
}
.home-introduction .intro-body{display:grid;gap:1.4rem;font-size:1.0625rem;line-height:1.75;letter-spacing:normal;color:#c8c8ce}
.home-page .home-introduction .intro-copy>.agency-now{
  font:600 1.125rem/1.6 var(--display);letter-spacing:-.015em;color:#fff;
}
.home-introduction .intro-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1.5rem 2rem;padding-top:.75rem;letter-spacing:normal}
.home-introduction .intro-actions .hero-cta{min-height:48px;margin:0;padding:.75rem 1.5rem}
.home-introduction .intro-actions .ethos-text-link{margin:0;font-size:.9375rem!important;line-height:1.5}
@media(max-width:980px){
  .home-introduction .intro-layout{grid-template-columns:minmax(0,1fr);gap:3rem}
  .home-page .home-introduction .intro-copy{max-width:40rem}
}
@media(max-width:760px){
  .home-page .home-introduction h1.hero-proposition{font-size:clamp(2.25rem,10.2vw,4.5rem)}
  .home-page .hero-grid.home-introduction{gap:2.75rem}
  .home-introduction .intro-layout{gap:2.75rem}
  .home-page .home-introduction .intro-copy{gap:1.75rem}
  .home-introduction .intro-body{font-size:1rem;line-height:1.75}
  .home-introduction .intro-film-toggle{right:.75rem;bottom:.75rem}
}