:root {
  --cdj-layout-max: 1440px;
  --cdj-gutter: clamp(24px, 4vw, 72px);
  --cdj-grid-gap: clamp(16px, 2vw, 32px);
  --cdj-section-space: clamp(96px, 10vw, 176px);
  --cdj-section-space-mobile: clamp(64px, 15vw, 112px);
  --cdj-rule-width: 1px;
  --cdj-radius: 0px;
  --cdj-reading-body: 62ch;
  --cdj-reading-lead: 55ch;
  --cdj-reading-caption: 48ch;
}
.cdj-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--cdj-grid-gap); }
.cdj-card { border-radius: 0; box-shadow: none; }
.cdj-media-primary { width: 100%; height: auto; object-fit: contain; border-radius: 0; }
@media (max-width: 1024px) { .cdj-grid { grid-template-columns: repeat(8, minmax(0, 1fr)); } }
@media (max-width: 640px) { .cdj-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(12px, 4vw, 16px); } }