:root{--ink:#111;--paper:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Courier New",Courier,monospace;font-size:16px;line-height:1.55}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}
main{width:min(100% - 40px,760px);margin:0 auto;padding:34px 0 28px}
header{display:flex;justify-content:space-between;align-items:baseline;font-size:.82rem;margin-bottom:18vh}
.logo{font-family:Arial,Helvetica,sans-serif;font-size:1.1rem;font-weight:900;letter-spacing:-.06em;text-decoration:none}
.note{max-width:640px;margin-bottom:22vh}
.note p{margin:0 0 1.35rem}
.note p:first-child{margin-bottom:3.5rem}
.note strong{font-family:Arial,Helvetica,sans-serif;font-size:1.05em;font-weight:900;letter-spacing:-.04em}
.work{margin-bottom:22vh}
h1{font:inherit;font-weight:400;margin:0 0 3.5rem}
ol{margin:0;padding:0;list-style:none;counter-reset:item}
li{counter-increment:item;display:grid;grid-template-columns:30px 115px 1fr;column-gap:14px;padding:1.15rem 0;border-top:1px solid var(--ink)}
li::before{content:"0" counter(item);font-size:.75rem}
li span{font-size:.75rem;text-transform:uppercase}
li>a{display:contents;text-decoration:none}
li strong{font-weight:400}
li small{grid-column:3;font-size:.72rem;line-height:1.45;margin-top:.45rem;color:#444}
.else{max-width:550px;margin:3rem 0 0 159px;font-size:.82rem}
.ending{margin-bottom:24vh}
.manifest{margin-top:3.5rem!important}
.ending p{margin:0 0 2.5rem;max-width:620px}
.ending a{display:block;width:max-content;font-size:1.05rem;margin:.5rem 0}
footer{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}
.project header{margin-bottom:14vh}
.project article{max-width:650px}
.project .label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:2.6rem}
.project h1{font-family:"Courier New",Courier,monospace;font-size:clamp(2.15rem,6vw,4.5rem);font-weight:400;line-height:1.03;letter-spacing:-.055em;margin:0 0 12vh}
.project h1 .plain-zero{font-family:Arial,Helvetica,sans-serif;font-size:.92em;letter-spacing:-.02em}
.project article>p:not(.label){max-width:610px;margin:0 0 1.5rem}
.project .pull{margin:4rem 0!important;font-size:1.15rem}
.project .credits{font-size:.8rem;line-height:1.55;margin-top:4rem!important}
.project .credits+.credits{margin-top:1.5rem!important}
.project .signature{font-size:.8rem;margin-top:1.5rem!important}
.project .watch{margin-top:4rem!important}
.project .back{display:inline-block;margin:15vh 0 8vh;font-size:.82rem}
@media(max-width:620px){main{width:min(100% - 36px,760px);padding-top:24px}header{margin-bottom:14vh}.note,.work{margin-bottom:17vh}li{grid-template-columns:26px 1fr}li span{grid-column:2;margin-bottom:.3rem}li strong{grid-column:2}li small{grid-column:2}.else{margin-left:40px}.ending{margin-bottom:18vh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}