:root{--bg:#fff;--ink:#1a1a1a;--ink-dim:#6a6a6a;--card-border:#e6e3dc;--accent:#c8472b;color:var(--ink);background:var(--bg);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100vh;margin:0;padding:0}.page{max-width:1180px;margin:0 auto;padding:4rem 1.5rem 6rem}.header{text-align:center;margin-bottom:3rem}.brand{letter-spacing:-.02em;color:var(--ink);margin:0;font-family:Georgia,Times New Roman,serif;font-size:2.8rem;font-weight:700}.brand-dot{color:var(--accent)}.bio{color:var(--ink-dim);margin:.4rem 0 0;font-size:1rem}.content{margin-top:0}.card-grid{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem;margin:0;padding:0}.card-cell{display:flex}.card{position:relative;display:block;aspect-ratio:400/150;overflow:hidden;border:1px solid var(--card-border);text-decoration:none;color:inherit;border-radius:16px;width:100%;transition:transform .18s cubic-bezier(.2,.7,.2,1),box-shadow .18s,border-color .18s;box-shadow:0 1px 2px #0000000a}.card svg{display:block;width:100%;height:100%}.card:hover{border-color:#cfcabb;transform:translateY(-3px);box-shadow:0 14px 30px -10px #0000002e,0 4px 10px -4px #00000014}.card:focus-visible{outline:3px solid var(--accent);outline-offset:4px}@media (max-width:900px){.card-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (max-width:600px){.page{padding:2.5rem 1rem 4rem}.brand{font-size:2.2rem}.card-grid{grid-template-columns:1fr;gap:1rem}}