:root{--paper:#FFFDF6;--paper-deep:#FFF3E4;--ink:#191919;--ink-soft:#4A4A4A;--ink-faint:#8F8F8F;--rule:#191919;--bronze:#FF5C38;--terra:#0FA3A3;--accent:#FF5C38;--accent2:#0FA3A3}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Pretendard',system-ui,sans-serif;background:var(--paper);color:var(--ink);min-height:100dvh}
.serif{font-family:'Black Han Sans','Pretendard',sans-serif}
.mono{font-family:'JetBrains Mono',monospace;letter-spacing:.18em;text-transform:uppercase}
.canvas{max-width:1080px;margin:0 auto;padding:96px 24px 80px}
nav.top{position:fixed;top:0;left:0;right:0;z-index:40;background:rgba(250,246,239,.75);backdrop-filter:blur(10px);border-bottom:1px solid var(--rule)}
nav.top .in{max-width:1080px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:12px 24px;font-size:12px}
nav.top a{color:var(--ink-soft);text-decoration:none;margin-left:18px}
nav.top a:hover{color:var(--ink)}
.eyebrow{font-size:11px;color:var(--ink-faint)}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}
figure.ph{position:relative;overflow:hidden;background:var(--paper-deep);border:1px solid var(--rule);cursor:zoom-in}
figure.ph img{width:100%;height:100%;object-fit:cover;display:block}
figure.ph .who{position:absolute;left:0;bottom:0;right:0;padding:14px 10px 6px;font-size:10px;color:#fff;
 background:linear-gradient(transparent,rgba(28,27,24,.55));opacity:0;transition:opacity .2s;letter-spacing:.14em;text-transform:uppercase;font-family:'JetBrains Mono',monospace}
figure.ph:hover .who{opacity:1}
figure.vid{cursor:pointer}
figure.vid .play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
figure.vid .play span{width:54px;height:54px;border-radius:50%;background:rgba(250,246,239,.9);display:flex;align-items:center;justify-content:center;font-size:18px}
.s-8{grid-column:span 8;aspect-ratio:4/3}.s-4t{grid-column:span 4;aspect-ratio:3/4}
.s-4s{grid-column:span 4;aspect-ratio:1/1}.s-8w{grid-column:span 8;aspect-ratio:16/9}
.s-6{grid-column:span 6;aspect-ratio:4/3}
@media(max-width:640px){.s-8,.s-8w,.s-6{grid-column:span 12}.s-4t,.s-4s{grid-column:span 6}}
.daynum{font-family:'Black Han Sans','Pretendard',sans-serif;color:var(--terra);line-height:1}
.rule-b{border-bottom:1px solid var(--rule)}
a.tocrow{display:flex;align-items:baseline;gap:18px;padding:22px 0;border-bottom:1px solid var(--rule);text-decoration:none;color:inherit}
a.tocrow:hover .t{color:var(--bronze)}
a.tocrow .n{font-family:'Black Han Sans','Pretendard',sans-serif;font-size:38px;color:var(--terra);min-width:64px}
a.tocrow .t{font-family:'Black Han Sans','Pretendard',sans-serif;font-size:24px;transition:color .15s}
a.tocrow .m{font-size:11px;color:var(--ink-faint);margin-top:4px;font-family:'JetBrains Mono',monospace;letter-spacing:.14em;text-transform:uppercase}
.footnav{display:flex;justify-content:space-between;margin-top:64px;padding-top:24px;border-top:1px solid var(--rule)}
.footnav a{color:var(--ink);text-decoration:none;font-size:15px}
.footnav a:hover{color:var(--bronze)}
#lb{position:fixed;inset:0;z-index:90;background:rgba(28,27,24,.93);display:none;align-items:center;justify-content:center;cursor:zoom-out}
#lb.on{display:flex}
#lb img,#lb video{max-width:94vw;max-height:92vh;object-fit:contain}
.reveal{opacity:0;animation:fi .8s cubic-bezier(.16,1,.3,1) forwards;animation-delay:var(--d,0ms)}
@keyframes fi{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.theme-art{border:1px solid var(--rule)}

figure.ph{border:3px solid #191919;box-shadow:6px 6px 0 #191919;background:#fff}
.grid{gap:20px}
nav.top{border-bottom:3px solid #191919}
.daynum{color:var(--accent);-webkit-text-stroke:2px #191919}
h1{font-weight:400}
.footnav{border-top:3px solid #191919}
.rule-b{border-bottom:3px solid #191919}
a.tocrow{border-bottom:2px solid #191919}