@font-face{font-family:Source Han Serif SC;src:url(./heybacon-serif-sc-DBiGlikq.woff2)format("woff2");font-style:normal;font-weight:200 900;font-display:block}@font-face{font-family:"Source Serif 4";src:url(./heybacon-serif-ai-Bktger-d.woff2)format("woff2");font-style:normal;font-weight:200 900;font-display:block}:root{--reading-serif:"Source Han Serif SC", "Source Serif 4", "Noto Serif SC", "Songti SC", STSong, SimSun, serif;--reading-font:var(--reading-serif);--ink:#111;--paper:#fff;--ground:#f3f3f2;--quiet:#858585;--line:#dededc;--mono:var(--reading-serif);--sans:var(--reading-serif);font-family:var(--reading-font);color:var(--ink);background:var(--ground)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}#root{visibility:hidden}html.history-fonts-ready #root{visibility:visible}body{background:var(--ground);min-width:320px}button{font:inherit}button:focus-visible,a:focus-visible{outline:1px solid var(--ink);outline-offset:4px}.app-shell{flex-direction:column;min-height:100svh;display:flex}.topbar{border-bottom:1px solid var(--line);height:54px;font:500 10px var(--mono);letter-spacing:-.04em;justify-content:space-between;align-items:center;padding:0 clamp(18px,3.6vw,55px);display:flex}.brand{align-items:center;gap:9px;display:flex}.brand-mark{display:none}.brand:before{content:"HEYBACON /";color:var(--quiet)}.mobile-period-trigger{display:none}.layout{flex:1;grid-template-columns:minmax(185px,22vw) minmax(0,1fr) 0;width:100%;max-width:1600px;margin:0 auto;display:grid}.layout.detail-open{grid-template-columns:minmax(185px,22vw) minmax(0,1fr) minmax(310px,25vw)}.periods{border-right:1px solid var(--line);padding:28px clamp(18px,2.2vw,32px)}.side-label{color:var(--quiet);font:500 10px var(--mono);letter-spacing:-.04em;margin:0 0 22px}.side-label span{float:right}.period{width:100%;color:var(--quiet);text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #0000;grid-template-columns:26px 1fr auto;padding:12px 0;transition:opacity .2s;display:grid}.period:hover{color:var(--ink);opacity:.65}.period.active{color:var(--ink);border-top-color:var(--line)}.period-index,.period-copy small{font:500 9px var(--mono);letter-spacing:-.04em;color:var(--quiet)}.period-copy{flex-direction:column;gap:4px;display:flex}.period-copy strong{font-size:13px;font-weight:500}.period svg{align-self:center}.content{min-width:0;padding:clamp(42px,6.2vw,94px) clamp(24px,6.1vw,94px) 96px;overflow:auto}.intro{border-bottom:1px solid var(--line);padding-bottom:clamp(52px,10vw,140px)}.eyebrow,.detail label,.detail-head,.detail-foot{font:500 10px var(--mono);letter-spacing:-.04em;color:var(--quiet)}.eyebrow{margin:0 0 20px}.intro h1{letter-spacing:-.075em;max-width:760px;margin:0;font-size:clamp(42px,6.2vw,96px);font-weight:500;line-height:.95}.intro h1 em{font:500 10px var(--mono);letter-spacing:-.04em;color:var(--quiet);margin-top:18px;font-style:normal;display:block}.lede{max-width:490px;margin:29px 0 0;font-size:14px;line-height:1.75}.intro-meta{font:500 10px var(--mono);letter-spacing:-.04em;color:var(--quiet);margin-top:28px}.intro-meta b{color:var(--ink);margin:0 5px;font-weight:500}.timeline{padding-top:42px}.year-row{grid-template-columns:100px 16px minmax(0,1fr);gap:0;padding:0 0 36px;display:grid;position:relative}.year-label{font:500 11px var(--mono);letter-spacing:-.06em}.node{position:relative}.node:before{content:"";border:1px solid var(--ink);background:var(--ground);width:6px;height:6px;position:absolute;top:4px;left:0}.node:after{content:"";background:var(--line);width:1px;position:absolute;top:11px;bottom:-42px;left:3px}.year-row:last-child .node:after,.node span{display:none}.year-body{padding-left:19px}.summary{color:#606060;max-width:500px;margin:0 0 15px;font-size:13px;line-height:1.7}.event{border:0;border-top:1px solid var(--line);width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;padding:15px 0;transition:opacity .2s;display:grid}.event-number,.event-copy b{font:500 9px var(--mono);letter-spacing:-.04em;color:var(--quiet)}.event-copy{gap:8px;min-width:0;display:grid}.event-copy strong{letter-spacing:-.035em;font-size:15px;font-weight:500;line-height:1.4}.event-copy small{color:#606060;max-width:500px;font-size:12px;line-height:1.65}.event-copy b{margin-right:7px}.event svg{color:var(--ink);margin-top:2px}.detail{border-left:1px solid var(--line);background:var(--paper);opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;min-width:0;transition:opacity .2s,visibility 0s linear .2s;display:flex}.detail.open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .2s}.detail-head{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;height:54px;padding:0 22px;display:flex}.close{color:var(--ink);cursor:pointer;background:0 0;border:0;padding:5px}.detail-content{padding:34px 26px 48px;overflow:auto}.detail-year{font:500 10px var(--mono);letter-spacing:-.04em;color:var(--quiet);margin:0 0 15px}.detail-year span{margin-left:7px}.detail h2{letter-spacing:-.065em;margin:0 0 28px;font-size:clamp(26px,2.7vw,42px);font-weight:500;line-height:1.05}.rule{background:var(--line);width:100%;height:1px;margin-bottom:27px}.detail section{margin:0 0 27px}.detail section p{margin:8px 0 0;font-size:13px;line-height:1.75}.detail section p+p{margin-top:14px}.detail-image{margin:0 0 25px}.detail-image img{object-fit:contain;background:var(--ground);width:100%;height:auto;max-height:320px;display:block}.detail-image figcaption{color:var(--quiet);font:500 9px/1.5 var(--mono);letter-spacing:-.04em;margin-top:7px}.image-loading{background:var(--ground);min-height:200px;font:500 10px var(--mono);color:var(--quiet);place-items:center;display:grid}.image-failed{color:#606060}.detail-foot{border-top:1px solid var(--line);justify-content:space-between;margin-top:auto;padding:17px 26px;font-size:9px;display:flex}footer{border-top:1px solid var(--line);height:44px;color:var(--quiet);font:500 9px var(--mono);letter-spacing:-.04em;flex:none;justify-content:space-between;align-items:center;padding:0 clamp(18px,3.6vw,55px);display:flex}.period-menu-backdrop{display:none}@media (width>=701px){.layout{--detail-motion-duration:.32s;--detail-motion-easing:cubic-bezier(.22,.61,.36,1)}.layout.detail-open{grid-template-columns:minmax(185px,22vw) minmax(0,1fr) 0}.periods,.content,.detail{overscroll-behavior:contain;height:calc(100svh - 98px)}.periods,.content{overflow:auto}.detail{z-index:30;opacity:1;width:clamp(310px,25vw,520px);height:auto;transition:transform var(--detail-motion-duration) var(--detail-motion-easing),visibility 0s linear var(--detail-motion-duration);position:fixed;top:54px;bottom:0;right:0;overflow:hidden;transform:translate(100%)}.detail.open{transition:transform var(--detail-motion-duration) var(--detail-motion-easing),visibility 0s linear 0s;transform:translate(0)}.detail-content{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}}@media (width<=700px){.topbar{z-index:20;background:var(--ground);height:48px;padding:0 20px;position:sticky;top:0}.brand{font-size:9px}.mobile-period-trigger{color:var(--ink);font:500 9px var(--mono);letter-spacing:-.04em;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:flex}.layout,.layout.detail-open{display:block}.periods{display:none}.content{padding:52px 20px 76px;overflow:visible}.intro{padding-bottom:70px}.eyebrow{margin-bottom:18px;font-size:9px}.intro h1{letter-spacing:-.08em;font-size:clamp(42px,14vw,62px)}.intro h1 em{letter-spacing:-.04em;color:var(--quiet);font-size:9px;font-style:normal}.lede{max-width:430px;margin-top:25px;font-size:12px;line-height:1.8}.intro-meta{font-size:9px}.timeline{padding-top:36px}.year-row{grid-template-columns:62px 13px minmax(0,1fr);padding-bottom:31px}.year-label{font-size:9px}.node:before{width:5px;height:5px;top:3px}.node:after{top:10px;bottom:-36px;left:2px}.year-body{padding-left:15px}.summary{margin-bottom:12px;font-size:11px;line-height:1.7}.event{grid-template-columns:20px minmax(0,1fr) 14px;gap:7px;padding:14px 0}.event-number,.event-copy b{font-size:8px}.event-copy{gap:7px}.event-copy strong{font-size:14px}.event-copy small{font-size:11px;line-height:1.65}.event svg{width:14px;height:14px}.detail{z-index:30;border-left:0;border-top:1px solid var(--line);opacity:1;visibility:hidden;pointer-events:none;width:100%;height:min(78svh,680px);transition:transform .25s,visibility 0s linear .25s;display:flex;position:fixed;inset:auto 0 0;transform:translateY(100%)}.detail.open{visibility:visible;pointer-events:auto;transition:transform .25s,visibility linear;transform:translateY(0)}.detail-head{height:50px;padding:0 20px;font-size:9px}.detail-content{padding:27px 20px 38px;overflow:hidden}.detail h2{font-size:30px}.detail-year,.detail label{font-size:9px}.detail section p{font-size:12px;line-height:1.8}.detail-foot{padding:15px 20px;font-size:8px}.detail-image img{max-height:280px}.image-loading{min-height:180px;font-size:9px}.period-menu-backdrop{z-index:25;background:#1111111f;justify-content:flex-end;display:flex;position:fixed;inset:48px 0 0}.period-menu{background:var(--paper);border-left:1px solid var(--line);width:min(290px,82vw);height:calc(100svh - 48px);padding:10px 0;overflow:auto}.period-menu-head{height:42px;color:var(--quiet);font:500 9px var(--mono);letter-spacing:-.04em;justify-content:space-between;align-items:center;padding:0 20px;display:flex}.period-menu button:not(.close){border:0;border-top:1px solid var(--line);text-align:left;width:100%;color:var(--quiet);cursor:pointer;background:0 0;grid-template-columns:1fr auto;padding:13px 20px;display:grid}.period-menu button.active{color:var(--ink)}.period-menu strong{font-size:13px;font-weight:500}.period-menu small{font:500 8px var(--mono);letter-spacing:-.04em;grid-column:1;margin-top:4px}.period-menu svg{grid-area:1/2/3;align-self:center}footer{height:40px;padding:0 20px;font-size:8px}footer span:last-child{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.topbar-context{color:var(--quiet)}.topbar-actions{align-items:center;gap:18px;display:flex}@media (width<=700px){.topbar-context{display:none}}.intro h1,.event-copy strong,.detail h2,.period-copy strong,.period-menu strong,.summary,.lede,.detail section p{font-family:var(--reading-font)}.detail section p{font-size:12px;line-height:1.75}@media (width<=700px){.detail section p{font-size:11px;line-height:1.8}}.layout{max-width:none;margin:0}.topbar-context,footer{display:none}@media (width>=701px){.periods,.content,.detail{height:calc(100svh - 54px)}}.brand:before{display:none}.home-link{color:var(--ink);text-decoration:none;transition:opacity .2s}.home-link:hover{opacity:.46}.detail:not(.open){overflow:hidden}@media (width<=700px){.topbar-actions{gap:12px}}@media (width>=701px){.periods{padding-left:clamp(18px,3.6vw,55px)}}@media (width<=700px){.layout.detail-open .content{overflow:hidden}}.event{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.event:hover,.event.selected{opacity:.7}.event:active{opacity:.58;transition:none}