:root{--ink:#171713;--paper:#eee6d9;--bone:#faf7f1;--line:rgba(23,23,19,.22);--pad:clamp(22px,4.2vw,76px);--display:"Microsoft YaHei","Noto Sans SC",sans-serif;--mono:ui-monospace,"SFMono-Regular",Consolas,monospace}
*{box-sizing:border-box}
html{background:var(--paper)}
body{margin:0;color:var(--ink);background:var(--paper);font:400 15px/1.7 var(--display)}
a{color:inherit;text-decoration:none}
.archive-intro{padding:clamp(72px,10vw,150px) var(--pad) clamp(56px,7vw,100px)}
.archive-intro>p{margin:0 0 30px;font:600 10px/1 var(--mono);letter-spacing:.1em}
.archive-intro h1{margin:0;font:800 clamp(74px,12vw,190px)/.82 var(--display);letter-spacing:-.1em}
.archive-intro>div{display:flex;justify-content:space-between;gap:30px;margin-top:50px;padding-top:20px;border-top:1px solid var(--line)}
.archive-intro span{max-width:520px;font-size:14px}
.archive-intro b{font:600 10px/1.5 var(--mono);letter-spacing:.08em}
.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(42px,5.5vw,88px) clamp(16px,2vw,32px);padding:0 var(--pad) clamp(110px,13vw,200px)}
.archive-card{min-width:0;margin:0}
.archive-card>div{aspect-ratio:3/4;overflow:hidden;background:#d9cebd}
.archive-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.72,.18,1),filter .5s ease}
.archive-card footer{display:grid;grid-template-columns:30px 1fr auto;gap:12px;align-items:baseline;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.archive-card footer span,.archive-card footer em{font:600 9px/1.4 var(--mono);letter-spacing:.06em}
.archive-card footer em{font-style:normal;opacity:.58;text-align:right}
.archive-card footer strong{font-size:14px}
.archive-card.is-live:hover img{transform:scale(1.035);filter:saturate(.86)}
.archive-card.is-live:focus-visible{outline:2px solid #8c674e;outline-offset:6px}
.archive-card.is-pending img{filter:saturate(.45);opacity:.78}
.reveal-media{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .9s cubic-bezier(.2,.72,.18,1)}
.reveal-media.is-in{opacity:1;transform:none}
@media(max-width:900px){.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.archive-intro{padding-top:64px}.archive-intro h1{font-size:22vw}.archive-intro>div{display:block;margin-top:35px}.archive-intro b{display:block;margin-top:18px}.archive-grid{grid-template-columns:1fr;gap:56px}.archive-card footer{grid-template-columns:28px 1fr auto}}
@media(prefers-reduced-motion:reduce){.reveal-media{opacity:1;transform:none;transition:none}.archive-card img{transition:none}}