:root{--bg:#f4eedf;--ink:#30251d;--accent:#2d6661;--accent2:#c36b42;--surface:color-mix(in srgb,#f4eedf 90%,#c36b42);--line:color-mix(in srgb,var(--ink) 18%,transparent);--muted:color-mix(in srgb,#30251d 58%,#f4eedf);--display:"Sitka Text",serif;--body:"Segoe UI",system-ui,sans-serif;--radius:24px;--button-radius:0px;--ease:cubic-bezier(.2,.75,.2,1);--display-track:0em;--display-weight:800;--button-text:#fff}
.shell{min-height:100vh}.hero{min-height:50vh;display:grid;grid-template-columns:1fr .7fr}.shelf{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;align-items:end;border-bottom:18px solid color-mix(in srgb,var(--ink) 35%,var(--bg));padding:28px 18px 0}.book{min-height:260px;border-radius:4px 8px 0 0;padding:12px;writing-mode:vertical-rl}.book:nth-child(2n){min-height:220px}.book:nth-child(3n){min-height:300px}
.book{transition:transform .25s}.book:hover{transform:translateY(-20px) rotate(-2deg)}