School of Gains · Presented by PaperGains

Layout

4px base spacing, a 1200px container, 12/16px radii.

Spacing

--sog-space-14px

--sog-space-28px

--sog-space-312px

--sog-space-416px

--sog-space-520px

--sog-space-624px

--sog-space-832px

--sog-space-1248px

--sog-space-1664px

--sog-space-2496px

sm · 8px

md · 12px
Buttons, inputs (portal standard)

lg · 14px
Cards (12–16px)

pill · 9999px
Badges, chips only, never buttons

xs · 6px

sub · 10px
Inner sub-cards (8–10px)

Container	`--sog-layout-container` 1200px, gutter 24px (mobile 20px)
Section padding	96px vertical on desktop, 64px on mobile (`--sog-space-24` / `-16`)
Grid	12 columns, 24px gap. Cards in 2, 3 or 4 columns, collapsing to 1 below 760px
Header	72px tall, sticky, blurred
Breakpoints	760px (mobile), 900px (tablet), 1200px (desktop)

--sog-shadow-card

surface-2

elevated