*,:before,:after{box-sizing:border-box;margin:0}body{color:#000;text-transform:lowercase;background:#fff;font-family:system-ui,sans-serif;line-height:1.45}h1,h2{font-size:1rem}a{color:inherit}ul{padding:0;list-style:none}.site{grid-template-columns:14rem minmax(0,1fr);display:grid}.panel{flex-direction:column;gap:1.5rem;height:100dvh;padding:1.5rem;display:flex;position:sticky;top:0;overflow-y:auto}.panel h1 a,.panel nav a{text-decoration:none}.panel nav a:hover,.panel nav a[aria-current]{text-decoration:underline}.contacts{margin-top:auto}main{padding:1.5rem}.bio{max-width:60ch;margin-bottom:3rem}main section{margin-bottom:3rem;scroll-margin-top:1.5rem}main h2{margin-bottom:1rem}.works-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,24rem),1fr));align-items:start;gap:2rem 1.5rem;display:grid}figure img,figure video{width:100%;height:auto;display:block}figcaption{flex-wrap:wrap;justify-content:space-between;gap:0 1rem;margin-top:.5rem;display:flex}@media (max-width:800px){.site{display:block}.panel{gap:1rem;height:auto;padding:1rem;position:static}.panel nav ul,.contacts{flex-wrap:wrap;gap:0 1rem;display:flex}main{padding:1rem}main section{scroll-margin-top:1rem}}