:root{--paper:#fffaf2;--ink:#17110d;--muted:#70645a;--pink:#ffb9d0;--mint:#bfffe0;--line:#17110d}
*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:linear-gradient(90deg,rgba(23,17,13,.055) 1px,transparent 1px),linear-gradient(rgba(23,17,13,.055) 1px,transparent 1px),var(--paper);background-size:38px 38px}.page{min-height:100vh}.hero{min-height:100vh;padding:clamp(1rem,3vw,2rem)}nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:2px solid var(--line);border-radius:28px;background:#fff;box-shadow:8px 8px 0 var(--line);padding:.75rem}nav div{display:flex;gap:.55rem;flex-wrap:wrap}.brand,nav a{color:var(--ink);font-weight:1000;text-decoration:none}.brand{display:flex;align-items:center;gap:.65rem}.brand img{width:44px;height:44px;object-fit:cover;border:2px solid var(--line);border-radius:50%}nav div a{display:grid;place-items:center;min-width:76px;height:42px;border:2px solid var(--line);border-radius:999px;background:var(--mint);font-size:.78rem;text-transform:uppercase}.grid{display:grid;grid-template-columns:minmax(300px,1fr) minmax(320px,.86fr);align-items:center;gap:clamp(2rem,6vw,6rem);padding:clamp(2rem,6vw,6rem) clamp(.25rem,2vw,2rem)}.tag{display:inline-flex;margin:0 0 1rem;padding:.58rem .85rem;border:2px solid var(--line);border-radius:999px;background:var(--pink);box-shadow:4px 4px 0 var(--line);font-size:.76rem;font-weight:1000;letter-spacing:.13em;text-transform:uppercase}h1{margin:0;font-family:Georgia,serif;font-size:clamp(4.4rem,12vw,12rem);line-height:.82;letter-spacing:0}.bio{max-width:660px;font-size:clamp(1.2rem,2vw,1.75rem);font-weight:800;line-height:1.32}.line{color:var(--muted);font-size:clamp(1rem,1.25vw,1.1rem)}figure{position:relative;margin:0;justify-self:center;width:min(40vw,500px);min-width:300px;border:2px solid var(--line);border-radius:42px;background:#fff;box-shadow:16px 16px 0 var(--pink),28px 28px 0 var(--line);animation:catfloat 3.8s ease-in-out infinite}figure img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:39px}figcaption{position:absolute;left:-1rem;bottom:1.2rem;padding:.8rem 1rem;border:2px solid var(--line);border-radius:999px;background:var(--mint);box-shadow:5px 5px 0 var(--line);font-weight:1000}@keyframes catfloat{50%{transform:translateY(-16px) rotate(-1deg)}}@media(max-width:840px){.grid{grid-template-columns:1fr}figure{width:min(82vw,420px);min-width:0}nav{align-items:stretch;flex-wrap:wrap}h1{font-size:clamp(4rem,20vw,7.4rem)}}