@font-face{font-family:"Apercu Bold";src:url("fonts/ApercuBold.woff") format("woff");font-weight:700;font-display:block}
@font-face{font-family:"Apercu Pro Mono";src:url("fonts/ApercuProMono.woff") format("woff");font-weight:400;font-display:block}
@font-face{font-family:Beiruti;src:url("fonts/Beiruti-VariableFont_wght.woff2") format("woff2");font-weight:200 900;font-display:swap}
:root{--ink:#111;--quiet:#686868;--rule:#deded9;--paper:#fff;--system:system-ui,-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Microsoft YaHei","MiSans","HarmonyOS Sans SC","Noto Sans CJK SC",sans-serif;--sans:Beiruti,var(--system);--apercu:"Apercu Bold","Helvetica Neue",sans-serif;--mono:"Apercu Pro Mono",monospace}
*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--system)}button,input{font:inherit}
.gate{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#fff}.gate.is-open{animation:simpleFadeOut .6s ease-out forwards;pointer-events:none}.returning .gate{display:none}.gate-inner{width:100%;max-width:520px;padding:0 20px;text-align:center}.gate h1{margin:0 0 60px;font:400 26px/1.2 var(--apercu);letter-spacing:normal;opacity:0}.date-entry{display:grid;grid-template-columns:repeat(8,40px);justify-content:center;gap:12px;opacity:0}.digit{width:40px;height:56px;min-width:0;padding:0;border:0;border-bottom:2px solid #ddd;border-radius:0;outline:0;color:var(--ink);background:transparent;text-align:center;font:400 28px/1 var(--mono);caret-color:transparent}.digit:focus{border-color:#000}.date-key{margin-top:32px;color:#000;font:10px/1 var(--mono);letter-spacing:.4em;opacity:0;transform:translateY(10px)}.gate-error{height:16px;margin:18px 0 0;color:#777;font:12px/1.4 var(--system)}.gate h1.animate-in{animation:titleFadeUp .8s cubic-bezier(.16,1,.3,1) forwards}.date-entry.animate-in{animation:inputFadeUp .8s cubic-bezier(.16,1,.3,1) .3s forwards}.date-key.animate-in{animation:hintFadeUp 1s ease .5s forwards}
.site{opacity:0;transition:opacity .8s .2s ease}body.entered .site{opacity:1}.head{position:fixed;inset:0 0 auto;z-index:4;display:flex;justify-content:space-between;padding:28px clamp(24px,5vw,74px);pointer-events:none;font:600 19px/1.6 var(--sans);letter-spacing:2.4px}.head button{pointer-events:auto;padding:0;border:0;background:none;cursor:pointer;font:inherit;letter-spacing:inherit}.rail{position:fixed;top:50%;left:clamp(24px,5vw,74px);z-index:3;display:grid;gap:16px;transform:translateY(-50%)}.year-button{display:flex;align-items:baseline;gap:6px;width:max-content;height:auto;padding:0;border:0;color:#aaa;background:none;cursor:pointer;text-align:left;font:400 13px/1 var(--mono);transition:color .45s ease}.year-button:hover,.year-button:focus-visible{color:#555;outline:0}.year-group.is-current .year-button{color:var(--ink)}.year-count{color:#b8b8b8;font:400 8px/1 var(--mono)}.year-group.is-current .year-count{color:#777}
.article{min-height:100vh;display:grid;grid-template-columns:minmax(80px,1fr) minmax(0,645px) minmax(80px,1fr);padding:clamp(135px,17vh,190px) 24px 110px}.article-inner{grid-column:2;min-width:0}.date{display:block;margin-bottom:32px;color:var(--quiet);font:300 14.4px/1.6 var(--system);letter-spacing:-.01em}.title{margin:0 0 70px;font:500 34.44px/1.08 var(--sans);letter-spacing:-.02em}.body{min-width:0;max-width:645px;font:400 18px/1.72 var(--system);letter-spacing:0;text-align:left;overflow-wrap:anywhere}.body p{max-width:100%;margin:0 0 1.55em}.body pre{max-width:100%;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;letter-spacing:inherit}.body .alignfull,.body .alignwide{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}.body figure,.body .wp-block-image{display:block!important;width:100%!important;max-width:100%!important;margin:64px 0!important}.body figure img,.body .wp-block-image img,.body>img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;margin:0!important;object-fit:contain}.body figcaption{margin-top:12px;color:var(--quiet);font:300 12px/1.5 var(--system);text-align:center}.body a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.18em}.date,.title,.body>*,.turn{opacity:0;transform:translateY(20px)}.director-enter{animation:ritualSlideUp .8s cubic-bezier(.16,1,.3,1) forwards}.director-exit{animation:simpleFadeOut .2s ease-out forwards!important;pointer-events:none}
.turn{display:grid;grid-template-columns:1fr 1fr;margin-top:110px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.turn button{position:relative;min-height:144px;padding:28px 24px;border:0;background:none;cursor:pointer;text-align:left;color:var(--quiet);font:500 14px/1.6 var(--sans);transition:background .25s ease,padding .25s ease}.turn button:first-child{padding-left:0}.turn button:last-child{padding-right:0;border-left:1px solid var(--rule);text-align:right}.turn button:hover:not(:disabled){background:#f7f7f4}.turn button:first-child:hover:not(:disabled){padding-left:18px}.turn button:last-child:hover:not(:disabled){padding-right:18px}.turn strong{display:block;margin-top:12px;color:var(--ink);font:500 19px/1.3 var(--sans)}.turn button:disabled{opacity:.22;cursor:default}.nav-direction{letter-spacing:.04em}
.about{position:fixed;inset:0;z-index:10;visibility:hidden;opacity:0;overflow:auto;padding:90px 24px 130px;background:rgba(255,255,255,.99);transition:opacity .35s ease,visibility .35s ease}.about.is-open{visibility:visible;opacity:1}.about-close{position:fixed;top:28px;right:clamp(24px,5vw,74px);padding:0;border:0;background:none;cursor:pointer;font:600 19px/1.6 var(--sans);letter-spacing:2.4px}.about-image{display:block;width:min(1200px,100%);height:auto;margin:0 auto 90px}.about-inner{max-width:645px;margin:0 auto}.about h1{margin:0 0 80px;font:500 44px/1 var(--sans)}.about p{margin:0 0 1.55em;font:400 18px/1.72 var(--system)}.about time{display:block;margin-top:70px;color:var(--quiet);font:400 14px/1.6 var(--system)}.about.is-open .about-image,.about.is-open h1,.about.is-open p,.about.is-open time{animation:ritualSlideUp .8s cubic-bezier(.16,1,.3,1) both}.about.is-open h1{animation-delay:.08s}.about.is-open p:nth-of-type(1){animation-delay:.13s}.about.is-open p:nth-of-type(n+2),.about.is-open time{animation-delay:.18s}
@media(max-width:680px){.gate h1{margin-bottom:60px;font-size:26px}.date-entry{grid-template-columns:repeat(8,minmax(0,40px));gap:4px}.digit{width:100%;font-size:24px}.head{font-size:17px}.about-close{font-size:17px}.rail{left:10px;gap:13px}.year-button{gap:4px;font-size:10px}.year-count{font-size:7px}.article{grid-template-columns:54px minmax(0,1fr) 8px;padding:130px 12px 70px}.title{margin-bottom:64px;font-size:34px}.body{font-size:18px;line-height:1.72}.turn{margin-top:90px}.turn button{padding:22px 10px}.turn strong{font-size:16px}.about{padding:110px 50px 80px}.about h1{font-size:38px}}
@keyframes titleFadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes inputFadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes hintFadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:.25;transform:translateY(0)}}@keyframes ritualSlideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes simpleFadeOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}