:root{--bg:#0d0d0f;--fg:#e8e8ea;--muted:#8b8b93;--line:#26262b;--maxw:1440px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.6 '-apple-system',BlinkMacSystemFont,helvetica neue,pingfang sc,hiragino sans gb,microsoft yahei,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.site-header{display:flex;align-items:baseline;justify-content:space-between;gap:24px;max-width:var(--maxw);margin:0 auto;padding:28px 24px 20px}.site-title{font-size:17px;font-weight:600;letter-spacing:.02em}.site-header nav{display:flex;gap:20px}.site-header nav a{color:var(--muted);font-size:14px}.site-header nav a:hover{color:var(--fg)}main{max-width:var(--maxw);margin:0 auto;padding:0 24px}.site-footer{max-width:var(--maxw);margin:0 auto;padding:64px 24px 40px;color:var(--muted);font-size:13px}.masonry{column-count:3;column-gap:16px}.tile{display:block;position:relative;break-inside:avoid;margin-bottom:16px;background:#17171a;overflow:hidden}.tile img{display:block;width:100%;height:auto;transition:opacity .25s ease}.tile:hover img{opacity:.72}.tile-meta{position:absolute;inset:auto 0 0 0;display:flex;flex-direction:column;gap:2px;padding:16px;background:linear-gradient(to top,rgba(0,0,0,.72),transparent);opacity:0;transition:opacity .25s ease}.tile:hover .tile-meta,.tile:focus-visible .tile-meta{opacity:1}.tile-meta strong{font-size:15px;font-weight:600}.tile-meta em{font-style:normal;font-size:12.5px;color:#b8b8be}@media(hover:none){.tile-meta{opacity:1}}@media(max-width:1000px){.masonry{column-count:2}}@media(max-width:600px){.masonry{column-count:1}}.album-head{padding:24px 0 36px}.album-head h1{margin:0 0 6px;font-size:26px;font-weight:600}.album-meta{margin:0;color:var(--muted);font-size:13.5px}.album-intro{margin-top:16px;max-width:60ch;color:#c4c4ca}.page-title{font-size:26px;font-weight:600}.prose{max-width:62ch;padding:24px 0 40px}.prose h1{font-size:26px;font-weight:600;margin:0 0 20px}.prose a{border-bottom:1px solid var(--line)}.prose a:hover{border-color:var(--muted)}.prose img{max-width:100%;height:auto}.pswp__exif{position:absolute;left:0;right:0;bottom:0;padding:16px 20px calc(16px + env(safe-area-inset-bottom));background:linear-gradient(to top,rgba(0,0,0,.66),transparent);color:#dcdce2;font-size:12.5px;text-align:center;pointer-events:none}