:root{
  --space-1:8px;--space-2:12px;--space-3:16px;--space-4:20px;--space-5:24px;--space-6:32px;--space-7:40px;--space-8:48px;--space-9:64px;--space-10:80px;--space-11:96px;--space-12:120px;--space-13:144px;
  --container:1320px;--content:680px;--header-h:96px;
  --radius-sm:14px;--radius-md:22px;--radius-lg:32px;--radius-xl:42px;
  --shadow-soft:0 20px 60px rgba(4,24,42,.10);--shadow-card:0 24px 70px rgba(4,24,42,.13);
  --ease:cubic-bezier(.22,1,.36,1)
}
@media(max-width:1100px){:root{--space-12:96px;--space-13:112px;--header-h:88px}}
@media(max-width:760px){:root{--space-10:56px;--space-11:64px;--space-12:72px;--space-13:80px;--header-h:76px}}
:root{
  --grid-columns:12;
  --grid-gap:clamp(18px,2vw,30px);
  --motion-fast:.28s;
  --motion-base:.65s;
  --motion-slow:1.15s;
}
.twelve-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--grid-gap)}