:root{--ink:#252825;--muted:#767872;--paper:#f7f5f0;--line:#d4d0c8;--accent:#6e8278}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Serif SC",serif}main{max-width:1080px;margin:0 auto;padding:clamp(32px,7vw,92px) clamp(22px,5vw,64px) 100px}header{padding-bottom:clamp(52px,10vw,110px);border-bottom:1px solid var(--line)}.eyebrow,.date{font:500 10px "DM Mono",monospace;letter-spacing:.16em;color:var(--muted)}h1{margin:16px 0 0;font-size:clamp(29px,4vw,48px);font-weight:500;letter-spacing:-.06em}.timeline-section{padding-top:70px}.timeline{position:relative;padding-left:calc(50% + 3px)}.timeline::before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:1px solid var(--line)}.moment{width:calc(100% - 50px);margin:0 0 110px;position:relative}.moment:nth-child(odd){margin-left:calc(-100% + 50px);text-align:right}.moment::before{content:"";position:absolute;top:5px;width:10px;height:10px;border:3px solid var(--paper);border-radius:50%;background:var(--accent)}.moment:nth-child(even)::before{left:-56px}.moment:nth-child(odd)::before{right:-56px}.moment h2{margin:11px 0 9px;font-size:22px;line-height:1.4;font-weight:500;letter-spacing:-.04em}.moment p{margin:0 0 18px;color:var(--muted);font-size:14px;line-height:1.85}.media{position:relative;overflow:hidden;background:#e7e5df;aspect-ratio:4/3}.media img,.media video{display:block;width:100%;height:100%;object-fit:cover}.video-label{position:absolute;left:12px;bottom:12px;padding:6px 8px;background:rgba(247,245,240,.9);font:10px "DM Mono",monospace;color:var(--ink);letter-spacing:.08em}.empty{margin-left:calc(-100% + 50px);width:calc(200% - 100px);padding:32px;text-align:center;border:1px dashed var(--line);color:var(--muted);font-size:14px}@media(max-width:650px){main{padding-top:38px}.timeline-section{padding-top:50px}.timeline{padding-left:28px}.timeline::before{left:4px}.moment,.moment:nth-child(odd){width:100%;margin-left:0;text-align:left;margin-bottom:72px}.moment::before,.moment:nth-child(odd)::before,.moment:nth-child(even)::before{left:-33px;right:auto}.empty{margin-left:0;width:100%}}
