/* One twelve-column layout and spacing scale for all existing sections.
   Keep the approved type families, colors, content and motion roles. */
:root{--layout-gutter:clamp(24px,3.35vw,64px);--layout-gap:clamp(18px,1.25vw,24px);--layout-section-space:clamp(80px,6.667vw,128px);--layout-content-left:calc(var(--rail) + 2 * var(--rail-inset) + var(--layout-gutter));--layout-content-width:calc(100vw - var(--layout-content-left) - var(--layout-gutter));--layout-column:calc((var(--layout-content-width) - 11 * var(--layout-gap)) / 12)}
#studio-surface .site-shell{padding-inline:var(--layout-gutter)}
@media(max-width:767px){:root{--layout-gutter:18px;--layout-gap:16px;--layout-section-space:72px}}