/* Shared page edges, based on the Products catalog. */
:root {
  --page-gutter: 2.5rem;
  --page-max-width: 112rem;
  --page-inset: max(var(--page-gutter), calc((100% - var(--page-max-width)) / 2));
}

.catalog-main,
.experience-shell {
  width: min(calc(100% - var(--page-gutter) * 2), var(--page-max-width));
  margin-inline: auto;
}

/* Backgrounds stay full bleed; content follows the same left and right edges. */
.site-header { padding-inline: var(--page-inset); }
.experience-section { padding-inline: 0; }
.hero-copy {
  width: min(40rem, 46vw);
  margin-left: var(--page-inset);
  padding-inline: 0;
}
.partners { left: var(--page-inset); }

@media (max-width: 1250px) {
  :root { --page-gutter: 1.5rem; }
}
@media (max-width: 980px) {
  .hero-copy { width: min(65vw, calc(100% - var(--page-gutter) * 2)); }
  .partners { width: min(43rem, calc(100% - var(--page-gutter) * 2)); }
}
@media (max-width: 760px) {
  :root { --page-gutter: 1rem; }
}
@media (max-width: 680px) {
  .hero-copy { width: calc(100% - var(--page-gutter) * 2); }
  .partners { right: var(--page-inset); width: auto; }
}