@import"https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,500;1,500&family=Open+Sans:ital@0;1&display=swap";body,input,li button,h2{font-size:13px}body{margin:0;font-family:Open Sans,sans-serif}.bio .pitch,h1{font-size:28px;font-family:Cormorant,serif}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:Open Sans,sans-serif;padding:8px 12px;border:0;border:1px solid}input{background:transparent}input,.login-button,.view-project,.subscribe-form button,.filter-menu{border-radius:4px}.filter-menu li:nth-child(1) button{border-radius:3px 3px 0 0}.filter-menu li:nth-child(4) button{border-radius:0 0 3px 3px}button:hover,.view-project:hover{transition:background .3s ease}button,.moon-icon,.sun-icon,.nav-icon{cursor:pointer}.all-projects-video{aspect-ratio:3/1.7}.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-weight:400;margin:6px 0}.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;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{line-height:36px}.bio .links{margin:15px 0}.bio .links{display:flex;gap:10px}.bio ul{margin:0 0 15px}.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:6px 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}.projects-grid{column-gap:10px;row-gap:5px}.details-row{margin-bottom:20px;align-items:flex-end}.details-row .details{display:flex;flex-direction:column;gap:10px}.details-row .details h1{margin:0}.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:#0b1c3dd9}.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:#fefbf1}.image-modal-overlay .image-modal-close:hover{opacity:.7}.essays-grid{align-items:flex-end;gap:20px}.essays-grid-metadata{margin-bottom:6px}.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:#0b1c3d;background:#fefbf1}.light a,.light input,.light .filter-toggle,.light .filter-menu li button{color:inherit}.light input,.light button,.light video,.light img,.light .filter-menu{border-color:#dde0e4}.light hr{background:#dde0e4}.light .login-button,.light .view-project,.light .subscribe-form button{color:#fefbf1;background:#828ba1;border-color:#828ba1}.light .login-button:hover,.light .view-project:hover,.light .subscribe-form button:hover,.light .filter-menu li button:hover{border-color:#737d96;background:#737d96}.light .caption,.light .moon-icon,.light .inactive-routing,.light .wheelhouse{color:#828ba1}.light .filter-menu{background:#fefbf1}.dark{color:#fefbf1;background:#0b1c3d}.dark a,.dark input,.dark .filter-toggle,.dark .filter-menu li button{color:inherit}.dark input,.dark video,.dark img,.dark .filter-menu{border-color:#3f4550}.dark hr{background:#3f4550}.dark .login-button,.dark .view-project,.dark .subscribe-form button{color:#0b1c3d;background:#8d96a6;border-color:#8d96a6}.dark .login-button:hover,.dark .view-project:hover,.dark .subscribe-form button:hover,.dark .filter-menu li button:hover{border-color:#768193;background:#768193}.dark .caption,.dark .sun-icon,.dark .inactive-routing,.dark .wheelhouse{color:#8d96a6}.dark .filter-menu{background:#0b1c3d}@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}}