.writing-page{background:#151515;color:#f3f1ec;scroll-behavior:auto}.writing-page .header{position:sticky;top:0;z-index:20;background:#151515}.writing-page .brand span,.writing-page .header nav a:hover,.writing-page .header nav a[aria-current=page]{color:#8b97ff}.writing-page .header-code{color:#8b8b8b}.writing-main{padding:0 clamp(1.4rem,3.5vw,4rem) 2.2rem}.writing-intro{min-height:31vh;display:flex;justify-content:space-between;align-items:end;gap:2rem;padding:2rem 0 2.2rem;position:relative}.writing-intro>span{font:400 .69rem var(--mono);letter-spacing:.04em;color:#999}.writing-intro>span:first-child{position:absolute;top:1.2rem;left:0}.writing-intro>span:last-child{text-align:right;white-space:nowrap}.writing-intro h1{margin:0 auto 0 0;font-size:clamp(6.5rem,15.8vw,20rem);font-weight:700;line-height:.74;letter-spacing:-.06em;white-space:nowrap}.writing-intro h1 span{color:#8b97ff}
.writing-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.article-list{display:block}.article{display:grid;grid-template-columns:5.3rem minmax(0,1fr) 9rem;gap:clamp(1rem,2vw,2.5rem);align-items:center;min-height:clamp(7rem,11vw,12rem);padding:.7rem 1rem .7rem 0;color:#8a8a8a;transition:color .18s,background .18s,padding .18s}.article:hover,.article:focus-visible{color:#f3f1ec;background:#283ce7;padding-left:1rem}.article-number{font:400 .74rem var(--mono);color:#6f6f6f;align-self:start;padding-top:1rem}.article:hover .article-number,.article:focus-visible .article-number{color:#cdd2ff}.article strong{font-size:clamp(2.25rem,4.45vw,5rem);line-height:1.06;letter-spacing:-.055em;font-weight:400}.article-date{justify-self:end;align-self:start;padding-top:1rem;display:flex;flex-direction:column;align-items:end;gap:.35rem;font:400 .67rem var(--mono);white-space:nowrap}.article-date b{font:400 1.6rem var(--sans);line-height:1;opacity:0;transition:opacity .18s,transform .18s}.article:hover .article-date b,.article:focus-visible .article-date b{opacity:1;transform:translate(3px,-3px)}#latest-article{color:#f3f1ec}
.future{padding:clamp(3rem,5vw,6rem) 0 clamp(4rem,7vw,8rem);position:relative;overflow:hidden}.future-meta{display:flex;justify-content:space-between;margin-bottom:.4rem;font:400 .7rem var(--mono);letter-spacing:.06em;color:#8b97ff}.future-grid{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:0;overflow:visible;transition:opacity .4s,transform .4s}.future-mark{appearance:none;border:0;background:transparent;padding:0;margin:0;min-width:0;height:.68em;text-align:center;font:400 clamp(3.5rem,7vw,7rem)/.68 var(--mono);letter-spacing:-.15em;color:#555;cursor:pointer;user-select:none;touch-action:manipulation;transition:color .18s,transform .25s}.future-mark:nth-child(7n){color:#737373}.future-mark:nth-child(13n){transform:translateX(-.17em)}.future-mark:hover,.future-mark:focus-visible{color:#f3f1ec;position:relative;z-index:2}.future-mark[aria-pressed=true]{color:#8b97ff}.future-mark[aria-pressed=true]:nth-child(7n){color:#d5d9ff}.future-mark:focus-visible{outline:1px solid #8b97ff;outline-offset:-2px}.future-finale{position:absolute;left:0;right:0;top:50%;width:100%;border:0;background:transparent;color:#f3f1ec;font:700 clamp(5rem,30vw,45rem)/.8 var(--sans);letter-spacing:-.09em;text-align:center;white-space:nowrap;overflow:visible;transform:translateY(-40%) scale(.92);opacity:0;visibility:hidden;cursor:pointer;transition:opacity .5s,transform .5s,visibility .5s}.future-finale span{color:#8b97ff}.future.is-complete .future-grid{opacity:0;transform:scale(1.05);pointer-events:none}.future.is-complete .future-finale{opacity:1;visibility:visible;transform:translateY(-50%) scale(1)}.writing-end{display:flex;justify-content:space-between;gap:1rem;font:400 .68rem var(--mono);letter-spacing:.05em;color:#888}.writing-end a{color:#f3f1ec}.writing-end a:hover{color:#8b97ff}
@media(max-width:900px){.writing-intro{min-height:24vh}.writing-intro h1{font-size:15vw}.article{grid-template-columns:4rem minmax(0,1fr) 6.7rem}.article strong{font-size:4.35vw}}
@media(max-width:650px){.writing-main{padding:0 1.2rem 1.6rem}.writing-intro{min-height:12rem;padding:1.5rem 0}.writing-intro h1{font-size:17vw}.writing-intro>span{font-size:.51rem}.writing-intro>span:last-child{display:none}.article{grid-template-columns:2.5rem minmax(0,1fr);gap:.7rem;min-height:8rem;padding:1.25rem 0}.article strong{font-size:clamp(1.75rem,7vw,2.6rem);line-height:1.12;letter-spacing:-.035em}.article-number{font-size:.62rem;padding-top:.3rem}.article-date{grid-column:2;justify-self:start;align-self:end;padding:0;font-size:.55rem}.article-date b{display:none}.future-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.future-mark{font-size:14vw}.future-finale{font-size:30vw}.future-meta,.writing-end{font-size:.55rem}}
@media(prefers-reduced-motion:reduce){.article,.article-date b,.future-mark,.future-grid,.future-finale{transition:none}}