:root{--bg:#f4f1ed;--ink:#171719;--accent:#e64f7a;--accent2:#7b73ff;--surface:color-mix(in srgb,#f4f1ed 90%,#7b73ff);--line:color-mix(in srgb,var(--ink) 18%,transparent);--muted:color-mix(in srgb,#171719 58%,#f4f1ed);--display:"Segoe UI",serif;--body:"Cambria",system-ui,sans-serif;--radius:10px;--button-radius:12px;--ease:cubic-bezier(.2,.75,.2,1);--display-track:-0.025em;--display-weight:600;--button-text:#fff}
.shell{display:grid;grid-template-columns:84px 1fr}.side{position:sticky;top:0;height:100vh;writing-mode:vertical-rl;display:flex;justify-content:space-between;padding:24px}.hero{min-height:72vh;display:grid;grid-template-columns:1fr 1.3fr;align-items:end}.project-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(320px,42vw);overflow:auto;gap:18px;padding-bottom:24px;scroll-snap-type:x mandatory}.project-card{scroll-snap-align:start}
.project-card{transition:transform .35s var(--ease)}.project-card:hover{transform:translateY(-12px) rotate(-.5deg)}