/* Large desktop workspaces. Keep useful content near the centre of a wide
   monitor while allowing its background and reveal layers to fill the view.
   Standard desktop, tablet and phone layouts retain their existing rules. */
@media (min-width: 1920px) {
  html {
    --pv-wide-workspace: clamp(1440px, 75vw, 1760px);
    --pv-wide-reading: 1440px;
    --pv-wide-home: 1520px;
    --pv-wide-gutter: max(56px, calc((100% - var(--pv-wide-workspace)) / 2));
  }

  /* The bar remains viewport-wide; only its controls share a bounded desk. */
  html .shell .topbar {
    padding-inline: var(--pv-wide-gutter);
  }
  html .site-footer {
    padding-inline: var(--pv-wide-gutter);
  }

  /* Product grids use the extra space. Forms, ledgers and reading stay closer
     together, with the same centre line as the surrounding navigation. */
  html .shell.shell--catalogue .content {
    padding-inline: var(--pv-wide-gutter);
  }
  html .shell.shell--ledger .content {
    padding-inline: max(56px, calc((100% - var(--pv-wide-reading)) / 2));
  }
  html .shell .content:has(> .vault-page, > .latest-hits-page) {
    padding-inline: var(--pv-wide-gutter);
  }
  html .shell.shell--catalogue .content > .pack-detail-page,
  html .shell.shell--catalogue .content > .catalog-detail-page,
  html .shell.shell--catalogue .content > .item-detail-page {
    max-width: var(--pv-wide-reading);
    margin-inline: auto;
  }

  /* The entry's lighting stays edge-to-edge. Pack art and type keep their
     authored sizes inside a slightly more generous, centred composition. */
  html .shell.shell--landing :is(.pv-entry, .pv-entry-guide, .pv-tier-hits, .pv-showcase) {
    width: min(calc(100% - 112px), var(--pv-wide-home));
    max-width: var(--pv-wide-home);
    margin-inline: auto;
  }
  html .shell.shell--landing .content > .provider-commerce-banner {
    padding-inline: max(56px, calc((100% - var(--pv-wide-home)) / 2));
  }

  /* Only the idle room is bounded here. Focused reveals, dialog roots and
     fullscreen animation canvases retain their viewport coordinate system. */
  html body:not(.machine-reveal-active) .shell.shell--vending .pvh-hero.pvh-vending-stage {
    width: 100%;
    max-width: none;
    padding-inline: max(56px, calc((100% - var(--pv-wide-home)) / 2));
  }
  html body:not(.machine-reveal-active) .shell.shell--vending :is(.pvh-hero-copy, .pvh-hero-machine, .pvh-hero-evidence) {
    width: 100%;
    max-width: var(--pv-wide-home);
    margin-inline: auto;
  }
  html .shell.shell--vending :is(.pvh-section, .pvh-proof) {
    width: min(calc(100% - 112px), var(--pv-wide-home));
    max-width: var(--pv-wide-home);
    margin-inline: auto;
  }
}