/* Use the hero's reading edge for the brand and a shared right edge for controls. */
body.site-ui.public-home {
  --home-hero-edge-start: var(--chapter-content-inset, max(24px, env(safe-area-inset-left, 0px)));
  --home-hero-edge-end: max(24px, env(safe-area-inset-right, 0px));
}
body.site-ui.public-home .masthead .site-masthead-inner,
body.site-ui.public-home .world-hero-content {
  padding-inline-start: var(--home-hero-edge-start);
  padding-inline-end: var(--home-hero-edge-end);
}
body.site-ui.public-home .world-hero .scene-toggle {
  right: var(--home-hero-edge-end);
}
@media (max-width: 799px) {
  body.site-ui.public-home {
    --home-hero-edge-start: max(16px, env(safe-area-inset-left, 0px));
    --home-hero-edge-end: max(16px, env(safe-area-inset-right, 0px));
  }
}