@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}h1{font-size:22px;line-height:normal;margin:0 0 10px}p{margin:0}video,img{max-width:100%;object-fit:cover;border:1px solid}video:fullscreen{object-fit:contain}ul,ol{padding-left:20px}input,button{font-family:IBM Plex Mono,monospace;padding:8px 12px;border:0;border:1px solid}input{font-size:12px;background:transparent}button,.moon-icon,.sun-icon,.nav-icon{cursor:pointer}.all-projects-video{aspect-ratio:3/1.5}.project-details-video,.project-details-image{aspect-ratio:4/2}.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,.all-projects .section-title,.project-details h2,.project-details .section-title,.all-essays h2,.all-essays .section-title,.essay-details h2,.essay-details .section-title,.not-found-page h2,.not-found-page .section-title{text-transform:uppercase}.all-projects h2,.project-details h2,.all-essays h2,.essay-details h2,.not-found-page h2{font-size:12px;font-weight:400}.login-form,.subscribe-form{display:flex;flex-direction:column;gap:10px}.role,.filter-menu li button{text-transform:capitalize}.section-heading{display:flex;justify-content:space-between;align-items:center}.filter-dropdown{position:relative}.filter-dropdown .filter-toggle{background:transparent;border:none;cursor:pointer;padding:0}.filter-dropdown .filter-toggle svg{height:18px;width:18px}.filter-dropdown .filter-menu{position:absolute;right:0;margin:4px 0 0;padding:0;list-style:none;min-width:81px;z-index:1;border:1px solid}.filter-dropdown .filter-menu li button{width:100%;text-align:left;padding:8px 12px;font-size:12px;border:none;background:transparent}.theme-toggle input{position:absolute;opacity:0;height:0;width:0}.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}.projects-grid,.essays-grid{display:grid;grid-template-columns:1fr;gap:20px}.details-row{margin-bottom:20px;align-items:end}.details-row .details{display:flex;flex-direction:column;gap:10px}.details-row .details .view-project{display:inline-flex;width:fit-content;padding:8px 12px}.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;display:flex;align-items:center;justify-content:center;cursor:zoom-out;background:#262626d9}.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:-33px;right:-15px;background:transparent;border:none;cursor:pointer;transition:opacity .2s ease;color:#fffff8}.image-modal-overlay .image-modal-close:hover{opacity:.7}.essays-grid{align-items:center}.essays-grid-metadata{margin-bottom:10px}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-container{width:100%;max-width:350px}.login-container .login-subtitle{margin-bottom:10px}.light{color:#262626;background:#fffff8}.light input,.light button,.light video,.light img,.light .filter-menu{border-color:#dadada}.light hr,.light button,.light .view-project,.light .filter-menu li button:hover,.light .essay-content .quote{background:#dadada}.light .bio .pitch,.light .caption,.light .moon-icon,.light .section-heading .inactive-routing{color:#9e9e9e}.light a{color:#262626}.light .filter-menu{background:#fffff8}.dark{color:#fffff8;background:#262626}.dark a,.dark input,.dark .filter-toggle,.dark .filter-menu li button{color:#fffff8}.dark input,.dark button,.dark video,.dark img,.dark .essay-content .quote,.dark .filter-menu{border-color:#474747}.dark hr,.dark .view-project,.dark .filter-menu li button:hover{background:#474747}.dark .bio .pitch,.dark .caption,.dark .sun-icon,.dark .section-heading .inactive-routing{color:gray}.dark button{background:gray}.dark .filter-menu{background:#262626}@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}}
