*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#969696;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#212121;font-family:Space Mono,Courier New,monospace;line-height:16px}.app-layout{min-height:100vh;display:flex}.sidebar{background-color:#212121;flex-direction:column;justify-content:space-between;width:320px;height:calc(100vh - 32px);padding:0;display:flex;position:fixed;top:16px;left:16px;overflow-y:auto}.sidebar-content{flex-direction:column;height:100%;display:flex}.work-nav{flex-direction:column;flex:1;padding-top:0;display:flex}.nav-link{color:#969696;text-align:left;background:0 0;border:none;font-size:13px;font-weight:400;text-decoration:none;display:block}.work-label{color:#fbff00;cursor:default;margin-bottom:.25rem;font-size:13px;font-weight:400}.nav-link.project-link{color:#969696;cursor:pointer;padding-left:0;font-size:13px;line-height:1.7;text-decoration:underline;transition:color .2s}.nav-link.project-link:hover{color:#fff}.sidebar-footer{color:#969696;margin-top:1.5rem;padding-top:.5rem;font-size:13px}.main-content{width:45%;max-width:570px;min-height:100vh;margin-top:16px;margin-left:auto;margin-right:16px;padding:0}.intro-section{max-width:100%;margin-bottom:3rem}.intro-text{color:#969696;max-width:100%;margin-bottom:20px;font-size:13px}.intro-text:last-of-type{margin-bottom:0}.project-section{max-width:100%;margin-bottom:51px}.project-section:last-child{margin-bottom:0}.project-image-placeholder{color:#969696;background-color:#2a2a2a;justify-content:center;align-items:center;width:100%;height:400px;margin-top:1.5rem;font-size:13px;display:flex}.project-info{padding:.5rem 0}.project-header{justify-content:space-between;align-items:baseline;margin-bottom:.75rem;display:flex}.project-title{color:#fbff00;margin:0 .1rem 0 0;font-size:13px;font-weight:400}.project-client{color:#969696;white-space:nowrap;font-size:13px;font-weight:400}.project-meta{color:#969696;margin-top:.5rem;font-size:13px}.project-year{color:#969696;margin-bottom:4rem;font-size:13px}.project-description{color:#969696;white-space:pre-line;max-width:100%;margin-top:1rem;font-size:13px}.project-image-container{background-color:#2a2a2a;width:100%;margin-top:1.5rem;position:relative;overflow:hidden}.project-image-landscape{aspect-ratio:16/9}.project-image-square{aspect-ratio:1;max-width:600px;margin-left:auto;margin-right:auto}.project-image{object-fit:cover;width:100%;height:100%;transition:opacity .5s;display:block}.project-image-container+.project-image-container{margin-top:51px}.project-image-small{max-width:350px;margin-left:0;margin-right:auto}.project-image-full{max-width:100%}.project-image-square.project-image-small{max-width:350px;margin-left:0;margin-right:auto}.project-image-with-text{align-items:flex-start;gap:1rem;margin-top:1.5rem;display:flex}.project-image-with-text .project-image-container{flex:none;margin-top:0}.project-image-with-text .project-text-container{flex:1;padding-top:0}.project-text{color:#969696;font-family:Space Mono,Courier New,monospace;font-size:13px}.project-text-line{white-space:pre-wrap;margin:0;padding:0}.project-grid{gap:51px 10px;margin-top:1.5rem;margin-bottom:16px;display:grid}.project-grid-item{background-color:#2a2a2a;width:100%;overflow:hidden}.project-grid-item .project-image{object-fit:cover;width:100%;height:100%;display:block}.project-grid.project-image-small{max-width:600px}.lightbox-overlay{z-index:1000;cursor:pointer;background-color:#000000e6;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.lightbox-content{cursor:default;max-width:90vw;max-height:90vh;position:relative}.lightbox-media{object-fit:contain;border-radius:0;max-width:90vw;max-height:85vh}.lightbox-close{color:#fff;cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:2rem;transition:transform .2s;position:absolute;top:-2.5rem;right:0}.lightbox-close:hover{transform:scale(1.2)}.lightbox-content video{max-width:90vw;max-height:85vh}.lightbox-nav{color:#969696;cursor:pointer;z-index:10;background:0 0;border:none;border-radius:0;padding:.5rem;font-family:Space Mono,Courier New,monospace;font-size:2.5rem;line-height:1;transition:color .2s;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{color:#fff}.lightbox-prev{left:.5rem}.lightbox-next{right:.5rem}.lightbox-indicators{z-index:10;gap:.5rem;display:flex;position:absolute;bottom:-2.5rem;left:50%;transform:translate(-50%)}.lightbox-indicator{cursor:pointer;background-color:#ffffff4d;border-radius:50%;width:8px;height:8px;transition:background-color .3s}.lightbox-indicator.active{background-color:#fbff00}.lightbox-close{color:#fff;cursor:pointer;z-index:10;background:0 0;border:none;padding:.5rem;font-size:2rem;transition:transform .2s;position:absolute;top:-2.5rem;right:0}.center-lightbox{z-index:1000;cursor:pointer;justify-content:center;align-items:center;width:calc(45% - 32px);max-width:580px;height:calc(100vh - 32px);padding:2rem;display:flex;position:fixed;top:16px;left:336px}@media (width>=1920px){.center-lightbox{width:calc(65% - 32px);max-width:900px}}@media (width>=2560px){.center-lightbox{width:calc(80% - 32px);max-width:1400px}}.center-lightbox-content{cursor:default;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.center-lightbox-media{object-fit:contain;pointer-events:none;border-radius:0;max-width:100%;max-height:90vh}.center-lightbox-close{color:#969696;cursor:pointer;z-index:10;background:0 0;border:none;padding:.5rem;font-family:Space Mono,Courier New,monospace;font-size:20px;line-height:1;transition:color .2s,transform .2s;position:absolute;top:0;right:0}.center-lightbox-close:hover{color:#fff;transform:scale(1.1)}.project-image-portrait{aspect-ratio:3/4;max-width:300px;margin-left:auto;margin-right:auto}.project-image-4-5{aspect-ratio:4/5;max-width:350px;margin-left:0;margin-right:auto}@media (width<=768px){.sidebar{display:none}.main-content{width:100%;max-width:100%;margin-top:0;margin-left:0;margin-right:0;padding:16px}.work-nav,.sidebar-footer{display:none}.project-section{max-width:100%;margin-bottom:4rem}.intro-section{max-width:100%}.intro-text{max-width:100%;font-size:13px}.project-title{font-size:15px}.project-meta,.project-year,.project-client,.project-description{font-size:13px}.project-description{max-width:100%}.project-image-with-text{flex-direction:column;gap:1rem}.project-image-with-text .project-image-container{width:100%}.project-image-with-text .project-text-container{width:100%;padding-top:0}.project-grid{gap:10px;grid-template-columns:1fr!important}.project-image-small,.project-image-square.project-image-small{margin-left:0;margin-right:0;max-width:100%!important}.project-image-square{max-width:100%;margin-left:0;margin-right:0}.project-image-placeholder{height:200px}.project-image-container{margin-top:1rem}.project-grid.project-image-small{max-width:100%}.project-image{pointer-events:none!important;cursor:default!important}.center-lightbox{display:none!important}.project-grid-item video,.project-grid-item img{pointer-events:none!important;cursor:default!important}.lightbox-nav{padding:.5rem;font-size:2rem}.lightbox-prev{left:.5rem}.lightbox-next{right:.5rem}.lightbox-close{font-size:1.5rem;top:-2rem}.lightbox-indicators{bottom:-2rem}}