:root{--foreground-default: #222;--foreground-light: #778;--foreground-visited: #99a;--background-default: #f8f8f8;--background-block: #eee;--background-hero: #222;--header-bg: #e6dfd5;--accent: #11b6a5;--accent-transparent: rgba(17,182,165,.2);--accent-transparent-visited: rgba(11,133,120,.05);--link: #ffafcc;--link-hover-bg: rgba(0,0,0,.1);--link-hover: #fcc;--link-visited: #cdb4db;--font-sans: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-serif: "IBM Plex Serif", "Times New Roman", serif;--font-mono: "Menlo", "Monaco", monospace;--header-h: 60px;--maxw: 1320px;--gap: 12px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);font-weight:400;font-size:15px;line-height:1.55;color:var(--foreground-default);background:var(--background-default);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,h4{font-weight:700;margin:0 0 .5em;letter-spacing:.02em}h1{font-size:1.5rem;text-transform:uppercase}h2{font-size:1.125rem;text-transform:uppercase}h3{font-size:1rem}p{margin:0 0 1em}.prose a,article a{color:var(--link);padding:0 3px;border-radius:3px;background:var(--accent-transparent)}.prose a:hover,article a:hover{background:var(--link-hover-bg);color:var(--link-hover)}.prose a:visited,article a:visited{color:var(--link-visited);background:var(--accent-transparent-visited)}.site-header{background:var(--header-bg);height:var(--header-h);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:100}.site-header nav{display:flex;gap:18px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.site-header nav a{color:var(--foreground-default);opacity:.55}.site-header nav a.active,.site-header nav a:hover{opacity:1}.site-header .brand{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:700}.site-header .brand svg{display:block}.site-footer{background:var(--header-bg);padding:22px 24px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;display:flex;justify-content:space-between;align-items:center;margin-top:60px}.site-footer a{color:inherit;opacity:.6}.site-footer a:hover{opacity:1}main{min-height:70vh}.container{max-width:var(--maxw);margin:0 auto;padding:0 12px}.project-grid{column-count:3;column-gap:var(--gap);padding:12px}@media(max-width:900px){.project-grid{column-count:2}}@media(max-width:560px){.project-grid{column-count:1}}.project-tile{break-inside:avoid;position:relative;margin:0 0 var(--gap);overflow:hidden;background:var(--background-block)}.project-tile img{width:100%;display:block;transition:transform .35s ease}.project-tile .label{position:absolute;inset:auto 0 0;padding:14px 12px 10px;color:#fff;font-size:11px;letter-spacing:.12em;font-weight:700;text-transform:uppercase;background:linear-gradient(to top,#000000bf,#0000);opacity:0;transition:opacity .25s ease}.project-tile:hover img{transform:scale(1.03)}.project-tile:hover .label{opacity:1}.project-page{display:grid;grid-template-columns:360px 1fr;gap:40px;padding:32px 24px;max-width:var(--maxw);margin:0 auto}.project-page .meta h1{font-size:1.125rem;margin:0 0 18px}.project-page .meta{position:sticky;top:calc(var(--header-h) + 24px);align-self:start;font-size:14px;line-height:1.6}.project-page .gallery img{width:100%;margin:0 0 12px}@media(max-width:800px){.project-page{grid-template-columns:1fr}.project-page .meta{position:static}}.post{max-width:720px;margin:0 auto;padding:40px 20px 60px}.post .date{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--foreground-light);margin-bottom:8px}.post h1{margin-bottom:24px}.post img{margin:16px 0}.post .prose p{font-size:16px}.news-index{max-width:720px;margin:0 auto;padding:40px 20px 60px}.news-index h2{margin-top:36px;font-size:14px;color:var(--foreground-light)}.news-index ul{list-style:none;padding:0;margin:0}.news-index li{padding:8px 0;border-bottom:1px solid #eee}.news-index li a{display:flex;justify-content:space-between;gap:12px}.news-index li .date{color:var(--foreground-light);font-size:12px;flex:0 0 auto}.static-page{max-width:760px;margin:0 auto;padding:40px 20px 60px;text-align:center}.static-page h1,.static-page h2,.static-page h3{text-transform:none;letter-spacing:0}.static-page h1{font-size:1.5rem;line-height:1.3}.static-page img{margin:24px auto}.static-page hr{border:none;border-top:1px solid #ddd;margin:32px 0}figure{margin:16px 0}figcaption{font-size:12px;color:var(--foreground-light);margin-top:6px;font-style:italic}