:root{--bg:#333;--fg:#bfbfbf;--mut:#888;--acc:#fff}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:13px/1.6 Arial,Helvetica,sans-serif}
a{color:var(--mut);text-decoration:none;-webkit-tap-highlight-color:transparent}
body{-webkit-text-size-adjust:100%}img{max-width:100%}a:hover,a.on{color:var(--acc)}
.wrap{display:flex;max-width:1200px;margin:0 auto}
aside{width:200px;flex:none;padding:32px 20px;position:sticky;top:0;align-self:flex-start}
.logo{display:block;font-size:22px;color:var(--acc);letter-spacing:.5px;margin-bottom:28px;line-height:1.2}
aside nav{display:flex;flex-direction:column;gap:10px}
.sub{display:flex;flex-direction:column;gap:6px;padding-left:14px;margin:-2px 0 4px}.sub a{font-size:12px}
aside nav .social{margin-top:22px;padding-top:16px;border-top:1px solid #444}
aside nav .icons{display:flex;align-items:center;gap:16px}
aside nav .icons a{padding:0;border:0;display:flex;align-items:center;color:#aaa}
aside nav .icons a:hover{color:#fff}
.icons svg{width:22px;height:22px}
.icons .an{font-size:20px;font-weight:bold;line-height:22px;font-family:Arial,Helvetica,sans-serif}.icons .an sup{font-size:9px}
.copy{margin-top:10px;font-size:12px;color:#aaa}
.content{flex:1;min-width:0}
main{padding:32px 20px 48px}
.bar{display:block}#mt{display:none}
@media(max-width:700px){
.yr{flex-direction:column;gap:6px}
body{font-size:15px}
.wrap{display:block}
aside{width:auto;position:sticky;top:0;z-index:5;background:var(--bg);padding:12px 16px;border-bottom:1px solid #444}
.bar{display:flex;justify-content:space-between;align-items:center}
.logo{margin:0;font-size:20px}
#mt{display:block;background:none;border:0;color:var(--acc);font-size:28px;line-height:1;padding:6px 10px;cursor:pointer}
aside nav{display:none;flex-direction:column;gap:0;padding-top:8px}
aside nav.open{display:flex}
aside nav a{padding:12px 4px;border-top:1px solid #444;font-size:15px}
aside nav .social{margin-top:6px;padding:14px 4px 6px;border-top:1px solid #444}
.sub{padding:0 0 0 14px;margin:0;gap:0}.sub a{font-size:14px;padding:10px 4px}
main{padding:16px}
h1{font-size:17px}
.grid,.tiles{grid-template-columns:repeat(2,1fr);gap:6px}
#show{aspect-ratio:4/3}
.text{font-size:15px}
#lb button{font-size:46px;padding:14px}
#lb img{max-width:100vw;max-height:85vh}
}
h1{font-size:18px;font-weight:normal;color:var(--acc);margin:0 0 18px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.grid a{display:block;aspect-ratio:1;overflow:hidden;background:#2a2a2a}
.grid img{width:100%;height:100%;object-fit:cover;transition:opacity .2s}.grid a:hover img{opacity:.75}
.tiles{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.tile{position:relative}
.tile span{position:absolute;left:0;right:0;bottom:0;padding:8px 10px;background:rgba(0,0,0,.6);color:#fff}
#show{position:relative;aspect-ratio:3/2;max-width:800px;margin:0 auto;background:#2a2a2a}
#show img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity 1s}
#show img.show{opacity:1}
.text{max-width:640px;font-size:14px}
.timeline{max-width:760px}.yr{display:flex;gap:24px;padding:18px 0;border-top:1px solid #444}
.yr h2{flex:none;width:64px;margin:0;font-size:18px;font-weight:normal;color:var(--acc)}
.evs{flex:1}.ev{margin:0 0 14px}.ev strong{display:block;color:#ddd;font-weight:normal;font-size:14px}
.ev .meta{display:block;color:var(--mut)}.ev .tags em{display:inline-block;font-style:normal;font-size:11px;color:#aaa;border:1px solid #555;border-radius:3px;padding:0 6px;margin:4px 6px 0 0}
.press p{margin:0 0 14px;max-width:700px;color:var(--fg)}.press a{color:#ddd;text-decoration:underline;text-decoration-color:#777;text-underline-offset:3px}.press a:hover{color:#fff;text-decoration-color:#fff}
footer{margin:30px 0 0;padding:20px 20px calc(20px + env(safe-area-inset-bottom));color:#666;font-size:11px}
#lb{position:fixed;inset:0;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;z-index:9}
#lb[hidden]{display:none}#lb img{max-width:90vw;max-height:90vh}
#lb button{position:absolute;background:none;border:0;color:#ccc;font-size:40px;cursor:pointer;padding:10px}
#x{top:6px;right:14px}#p{left:6px}#n{right:6px}