.page-home {
  --home-content-width: min(1280px, calc(100% - 96px));
}

.page-home .header-inner {
  width: var(--home-content-width);
}

.page-home .cinematic-hero .hero-copy {
  inset-inline-start: calc((100% - var(--home-content-width)) / 2);
}

.page-home .site-header .brand img {
  /* The visible Option 4 mark starts at x=24 in the 320 px source. */
  transform: translateX(-7.5%);
}

@media (min-width: 901px) {
  .page-home .header-inner {
    align-items: center;
    min-height: 0;
    padding-block: clamp(15px, 1.67vw, 24px) 0;
  }

  .page-home .site-header .brand {
    padding-inline: 0 24px;
  }
}

@media (max-width: 1150px) {
  .page-home { --home-content-width: calc(100% - 64px); }
}

@media (max-width: 900px) {
  .page-home .cinematic-hero .hero-copy {
    inset-inline-start: auto;
    width: var(--home-content-width);
  }
}

@media (min-width: 701px) and (max-width: 850px) {
  .launch-js .site-header .header-inner { flex-wrap: wrap; }

  .launch-js .site-header .menu-toggle:not([hidden]) {
    display: inline-flex;
    align-items: center;
  }

  .launch-js .site-header #site-nav {
    flex: 1 0 100%;
    flex-wrap: wrap;
    padding-block: 0 12px;
  }
}

@media (max-width: 700px) {
  .page-home { --home-content-width: calc(100% - 40px); }
}