.site-name{font:500 26px/1.2 var(--sans);letter-spacing:.015em}.site-name a{text-decoration:none}
.notes-main{display:block}.notes-index,.note-article{max-width:680px}.notes-index{min-height:380px;padding-top:12px}
.notes-title{font-size:28px;letter-spacing:-.025em}.index-intro{color:var(--quiet);margin-top:12px;font-size:13px}
.note-row{display:grid;grid-template-columns:32px 1fr 24px;gap:20px;align-items:baseline;margin-top:52px;padding:25px 0 29px;border-top:1px solid #303030;border-bottom:1px solid #222;text-decoration:none}
.note-number,.note-arrow{font-size:12px;color:#888}.note-row h2{font:400 21px/1.4 var(--sans);text-transform:none;letter-spacing:-.015em;color:var(--ink);margin:0}.note-excerpt{font-size:12px;color:var(--quiet)}.note-arrow{text-align:right;transition:transform .2s}.note-row:hover .note-arrow{transform:translate(3px,-3px);color:#fff}.note-row:hover h2{color:#fff}
.back-link,.end-link{font-size:12px;text-decoration:none;color:var(--quiet)}.back-link:hover,.end-link:hover{color:var(--ink)}
.essay-title{font-size:30px;font-weight:400;letter-spacing:-.035em;margin-top:31px}.essay-image{margin:24px 0 35px;width:100%;}.essay-image img{display:block;width:100%;height:auto}.essay-body{max-width:620px;font-size:14px;line-height:1.95;color:#b5b5b5}.essay-body p{margin:0 0 24px}.essay-body p:first-child{color:#e0e0e0}.essay-body p:last-child{color:#dedede;margin-bottom:0}.end-link{display:inline-block;margin-top:48px}.notes-page footer{margin-top:68px;padding-top:24px;border-top:1px solid #202020}
.site-header nav{flex-wrap:wrap}
@media(max-width:600px){.site-name{font-size:23px}.notes-index{padding-top:10px;min-height:330px}.notes-title{font-size:25px}.note-row{gap:12px;margin-top:38px;grid-template-columns:24px 1fr 20px}.essay-title{font-size:27px;margin-top:25px}.essay-image{margin:18px 0 28px}.essay-body{font-size:14px;line-height:1.9}.notes-page footer{margin-top:48px}}

/* Photographs become a quiet, responsive field of light. */
.note-row + .note-row{margin-top:0;border-top:0}
.living-image{position:relative;overflow:hidden;background:#080808;isolation:isolate}
.living-image img{transition:opacity 1s;}
.living-image.is-alive img{opacity:.68}
.living-image canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen}
.living-image::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 34px 10px rgba(8,8,8,.2)}
@media(prefers-reduced-motion:reduce){.living-image.is-alive img{opacity:1}.living-image canvas{display:none}}