@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;700&display=swap";body{margin:0;font-family:IBM Plex Mono,monospace;font-size:12px}p{margin:0}video,img{max-width:100%;object-fit:cover}video:fullscreen{object-fit:contain}ul,ol{padding-left:20px}.all-projects-video{aspect-ratio:3/1.5}.project-details-video,.project-details-image{aspect-ratio:4/2}h1{font-size:22px;line-height:normal;margin:0 0 10px}.home-page,.project-page,.writing-page,.essay-page{display:flex;flex-direction:column}.all-projects,.project-details,.all-essays,.essay-details,.bio,.not-found-page{padding:10px}.all-projects,.project-details,.all-essays,.essay-details,.not-found-page{flex:4;overflow:auto}.all-projects h2,.project-details h2,.all-essays h2,.essay-details h2,.not-found-page h2{font-size:12px;text-transform:uppercase;font-weight:400}.section-heading{display:flex;justify-content:space-between;align-items:center}.section-title{text-transform:uppercase}.theme-toggle input{position:absolute;opacity:0;height:0;width:0}.theme-toggle .moon-icon,.theme-toggle .sun-icon{cursor:pointer}.vertical-divider{border:0;height:1px;margin:10px 0}.horizontal-divider{border:0;width:1px;margin:0}.bio{flex:1}.bio .pitch,.bio .links{margin:20px 0}.bio .links{display:flex;gap:10px}.bio ul{margin:0 0 20px}.essay-page .loading:after{display:inline-block;animation:dots steps(1,end) 1s infinite;content:""}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.essay-page .essay-content{max-width:600px;margin:40px auto}.essay-page .essay-content p{margin:10px 0}.essay-page .essay-content .essay-metadata{margin-bottom:20px}.essay-page .essay-content .essay-metadata p{margin:0}.essay-page .essay-content blockquote{font-style:italic;margin-left:20px}.not-found-page p{margin-bottom:10px}.project-page .section-title,.essay-page .section-title{display:flex;align-items:center;gap:4px}.subscribe-form{display:flex;flex-direction:column;gap:10px}.subscribe-form input,.subscribe-form button{font-family:IBM Plex Mono,monospace;padding:8px 12px;border:0;border:1px solid}.subscribe-form input{font-size:12px;background:transparent}.subscribe-form button{cursor:pointer}.projects-grid,.essays-grid{display:grid;grid-template-columns:1fr;gap:20px}.details-row{margin-bottom:20px;align-items:end}.project-images-grid{display:grid;grid-template-columns:1fr;gap:20px;margin:20px 0}.project-images-grid video,.project-images-grid img{transition:opacity .2s ease}.project-images-grid video:hover,.project-images-grid img:hover{opacity:.9}.project-images-grid img{cursor:zoom-in}.project-images-grid .caption{margin-top:4px}.image-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;cursor:zoom-out}.image-modal-overlay .image-modal-content,.image-modal-overlay .image-modal-content img{max-height:90vh}.image-modal-overlay .image-modal-content{position:relative;max-width:90vw}.image-modal-overlay .image-modal-close{position:absolute;top:-30px;right:-10px;background:transparent;border:none;color:#fffff8;cursor:pointer;transition:opacity .2s ease}.image-modal-overlay .image-modal-close:hover{opacity:.7}.essays-grid{align-items:center}.essays-grid-metadata{margin-bottom:10px}.light{color:#000000d9;background:#fffff8}.light video,.light img{border:1px solid rgba(0,0,0,.15)}.light a{color:#000000d9}.light .moon-icon,.light .bio .pitch,.light .caption{color:#0006}.light hr{background:#00000026}.light .section-heading .inactive-routing{color:#0006}.light .subscribe-form input,.light .subscribe-form button{border-color:#00000026}.light .subscribe-form button{background:#00000026}.light .essay-content .quote{border-color:#00000026}.dark{color:#fffff8;background:#000000d9}.dark a{color:#fffff8}.dark .sun-icon,.dark .bio .pitch,.dark .caption{color:#fff6}.dark hr{background:#ffffff26}.dark .section-heading .inactive-routing{color:#fff6}.dark .subscribe-form input,.dark .subscribe-form button{border-color:#ffffff26}.dark .subscribe-form button{background:#fff6}.dark .essay-content .quote{border-color:#ffffff26}@media(min-width:768px){.app{height:100vh}}@media(min-width:768px){.home-page,.project-page,.writing-page,.essay-page{flex-direction:row;height:100%}}@media(min-width:768px){.essays-grid,.projects-grid,.project-images-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:550px){.subscribe-form{flex-direction:row}}@media(min-width:768px){.details-row{display:flex;gap:20px}.details-row .details{flex:1}}