/* The site-wide content rail.
 *
 * One datum for every page. Expressed as horizontal *padding* rather than as a
 * container element, so it can only ever widen the fluid gutter the pages
 * already use: below the width where the centring term overtakes
 * clamp(20px,4.5vw,64px) every value computes exactly as it did before, and
 * above it ordinary content stops travelling toward the viewport edges. There
 * is no breakpoint — the crossover is continuous.
 *
 * The canvas stays full bleed. Nothing here touches a ground, a hero field, a
 * section rule, a divider or the chrome bar's background: those are all set on
 * the elements themselves and keep running edge to edge. Only the ordinary
 * content inside them moves.
 */
:root {
  --sudu-gutter: clamp(20px, 4.5vw, 64px);
  --sudu-rail: 1760px;
  --sudu-inset: max(var(--sudu-gutter), calc((100% - var(--sudu-rail)) / 2));
  --sudu-chrome: calc(52px + env(safe-area-inset-bottom, 0px));
}

html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

header,
footer {
  padding-left: var(--sudu-inset) !important;
  padding-right: var(--sudu-inset) !important;
}

/* Ordinary page content. Service pages were added here during the post-PR #26
   hardening pass so search visitors land inside the same spatial system as the
   primary site rather than an older full-width shell. */
section[data-screen-label="Work Index"],
section[data-screen-label="Studio Intro"],
section[data-screen-label="Founders"],
section[data-screen-label="Contact"],
section[data-screen-label="FAQ"],
section[data-screen-label="Project Hero"],
section[data-screen-label="Project Facts"],
section[data-screen-label="Project Gallery"],
section[data-screen-label="Project Gallery Slots"],
section[data-screen-label="Related Work"],
section[data-screen-label="Service Intro"],
section[data-screen-label="Service Detail"],
section[data-screen-label="Related"],
[data-screen-label="Start a Project"] {
  padding-left: var(--sudu-inset) !important;
  padding-right: var(--sudu-inset) !important;
}