:root{--ink: #141414;--paper: #f7f6f2;--snow: #ffffff;--surface: var(--paper);--muted-2: #8a8983;--muted-3: #a3a29c;--line-2: #e2e0d8;--fill: #ece9e2;--font-mono: "Space Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--font-display: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--border: 1.5px solid var(--ink);--shadow-card: 4px 4px 0 var(--ink);--shadow-card-hover: 7px 7px 0 var(--ink);--radius-tab: 6px 6px 0 0;--ls-label: .08em;--ls-kicker: .1em;--fs-kicker: 11px;--fs-h2: 22px;--page-pad-x: 48px;--ease: cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;background:var(--surface);font-family:var(--font-display);color:var(--ink)}::selection{background:var(--ink);color:var(--snow)}.shoe-card-wrap{transition:transform .15s var(--ease)}.shoe-card{background:var(--snow);border:var(--border);box-shadow:var(--shadow-card);transition:box-shadow .15s var(--ease)}.shoe-card-wrap:hover{transform:translate(-2px,-4px)}.shoe-card-wrap:hover .shoe-card{box-shadow:var(--shadow-card-hover)}