:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--wood-base:#e7cfa6;--wood-seam:#5c3a1a33;--wood-line:#5c3a1a0d;--wood-plank:230px;--vignette:#5a371429;--text:#2b1c10;--text-dim:#6f5940;--accent:#9a4f16;--accent-contrast:#fff8ef;--surface:#fffaf2ad;--border:#4a2e1429;--bar-bg:#e7cfa6db;--shadow:0 18px 40px #46280f38;--radius:10px;--page-max:1280px;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--wood-base:#2b1a10;--wood-seam:#00000080;--wood-line:#ffdcb408;--vignette:#0000006b;--text:#f4e9dc;--text-dim:#bda58d;--accent:#e6b980;--accent-contrast:#1a1208;--surface:#180e09a8;--border:#ffffff1a;--bar-bg:#2b1a10db;--shadow:0 20px 50px #0000008c}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;background-color:var(--wood-base)}body{color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:0 0;margin:0}body:before{content:"";z-index:-1;pointer-events:none;background-color:var(--wood-base);background-image:radial-gradient(130% 130% at 50% 0%, transparent 55%, var(--vignette) 100%), url(/wood.svg), repeating-linear-gradient(90deg, var(--wood-seam) 0 2px, transparent 2px var(--wood-plank)), repeating-linear-gradient(90deg, var(--wood-line) 0 1px, transparent 1px 6px);background-blend-mode:normal, soft-light, normal, normal;background-size:cover,600px 600px,auto,auto;position:fixed;inset:0}img{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer}.page{min-height:100vh;padding:0 24px 48px}.hero{max-width:var(--page-max);border-bottom:1px solid var(--border);margin:0 auto;padding:96px 0 40px}.hero__eyebrow{letter-spacing:.32em;text-transform:uppercase;color:var(--accent);margin:0 0 14px;font-size:12px}.hero__title{letter-spacing:-.02em;margin:0;font-size:clamp(2.6rem,7vw,5rem);font-weight:600;line-height:1.02}.hero__desc{max-width:46ch;color:var(--text-dim);margin:20px 0 0;font-size:1rem;line-height:1.7}.content{max-width:var(--page-max);margin:0 auto}.filter{z-index:10;background:linear-gradient(var(--bar-bg) 65%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-wrap:wrap;gap:8px;padding:18px 0;display:flex;position:sticky;top:0}.filter__btn{border:1px solid var(--border);color:var(--text-dim);letter-spacing:.02em;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.filter__btn:hover{color:var(--text);border-color:color-mix(in srgb, var(--text) 30%, transparent)}.filter__btn.is-active{color:var(--accent-contrast);background:var(--accent);border-color:var(--accent)}.filter__count{opacity:.7;font-size:.72rem}.masonry{columns:3 300px;column-gap:16px;padding-top:8px}.card{border-radius:var(--radius);background:var(--surface);break-inside:avoid;border:0;width:100%;margin:0 0 16px;padding:0;transition:box-shadow .3s,transform .3s;animation:.5s both fade-up;display:block;position:relative;overflow:hidden;box-shadow:0 8px 22px #0000002e}.card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.card__img{width:100%;height:auto;transition:transform .5s cubic-bezier(.22,1,.36,1)}.card:hover .card__img{transform:scale(1.04)}.card__overlay{opacity:0;background:linear-gradient(#0000,#000000c7);justify-content:space-between;align-items:baseline;gap:12px;padding:40px 16px 14px;transition:opacity .3s,transform .3s;display:flex;position:absolute;inset:auto 0 0;transform:translateY(8px)}.card:hover .card__overlay,.card:focus-visible .card__overlay{opacity:1;transform:translateY(0)}.card__title{text-align:left;font-size:.95rem;font-weight:600}.card__cat{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:.72rem}.card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.empty{max-width:var(--page-max);text-align:center;color:var(--text-dim);margin:0 auto;padding:96px 0}.empty h2{color:var(--text);font-weight:600}.empty code{color:var(--accent)}.footer{max-width:var(--page-max);border-top:1px solid var(--border);color:var(--text-dim);flex-wrap:wrap;justify-content:space-between;gap:8px;margin:72px auto 0;padding-top:24px;font-size:.82rem;display:flex}.lightbox{z-index:100;color:#f2f2f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#060608f0;justify-content:center;align-items:center;padding:24px;animation:.25s both fade-in;display:flex;position:fixed;inset:0}.lightbox__figure{flex-direction:column;align-items:center;gap:14px;max-width:min(1200px,92vw);max-height:88vh;margin:0;display:flex}.lightbox__frame{border-radius:var(--radius);max-width:100%;line-height:0;display:inline-block;position:relative;overflow:hidden;box-shadow:0 30px 80px #0009}.lightbox__thumb{filter:blur(10px);width:auto;max-width:100%;height:auto;max-height:78vh;display:block;transform:scale(1.04)}.lightbox__full{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0}.lightbox__full.is-loaded{opacity:1}.lightbox__loading{letter-spacing:.08em;color:#f2f2f0;white-space:nowrap;background:#0000008c;border-radius:999px;padding:4px 12px;font-size:.72rem;line-height:1.6;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.lightbox__caption{justify-content:space-between;align-items:baseline;gap:16px;font-size:.9rem;display:flex}.lightbox__meta{color:var(--text-dim);letter-spacing:.04em;font-size:.8rem}.lightbox__close{border:1px solid var(--border);width:44px;height:44px;color:inherit;background:#ffffff0a;border-radius:50%;font-size:26px;line-height:1;transition:background .2s;position:absolute;top:20px;right:24px}.lightbox__close:hover{background:#ffffff1f}.lightbox__nav{border:1px solid var(--border);width:56px;height:56px;color:inherit;background:#ffffff0a;border-radius:50%;font-size:32px;line-height:1;transition:background .2s;position:absolute;top:50%;transform:translateY(-50%)}.lightbox__nav:hover{background:#ffffff1f}.lightbox__nav--prev{left:24px}.lightbox__nav--next{right:24px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (width<=720px){.page{padding:0 16px 40px}.hero{padding:64px 0 32px}.masonry{columns:2 160px;column-gap:12px}.card{margin-bottom:12px}.lightbox__nav{width:44px;height:44px;font-size:26px}.lightbox__nav--prev{left:8px}.lightbox__nav--next{right:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}