:root{--font-mono: "Fragment Mono", "SF Mono", "Consolas", monospace;--color-bg: #ffffff;--color-text: #000000;--color-tag: #d9d9d9;--color-tag-active: #0d00ff;--color-accent: #ff9000;--color-accent-alt: #0f0;--color-links-bg: #0d00ff;--color-bio-bg: #ff9000;--color-bio-alt: #ffea00}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-mono);font-size:14px;line-height:1.4;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer;border:none;background:none}.resume-panel{position:absolute;top:100%;left:0;z-index:1000;width:362px;max-width:calc(100vw - 40px);max-height:calc(100dvh - 80px - env(safe-area-inset-bottom,0px));background:#ff9000;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;padding:14px 17px 6px;font-size:11px;font-weight:400;line-height:1.5;color:#000}@media(min-width:1024px){.resume-panel{font-size:12px}}.resume-panel::-webkit-scrollbar{display:none}.resume-panel__email{color:#000;text-decoration:underline;display:block}.resume-panel__org{color:#fff;text-decoration:underline}.resume-panel__separator{height:0;border:none;border-top:1px dashed rgba(0,0,0,.4);margin:12px 0 8px}.resume-panel__section{font-size:14px;font-weight:400;margin:8px 0 4px}.resume-panel__item{margin:8px 0 0}.resume-panel__role,.resume-panel__date{margin:0}.resume-panel__spacer{margin:0;line-height:1}.resume-panel__bullet{margin:0;white-space:pre-wrap}.links-panel{position:fixed;top:56px;left:20px;right:20px;z-index:1000;background:#0d00ff;padding:14px 17px;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.links-panel__link{font-family:var(--font-mono);font-size:11px;color:#fff;text-decoration:underline;margin:2px 0;text-align:left}@media(min-width:1024px){.links-panel__link{font-size:12px}}@media(min-width:768px){.links-panel{left:32px;right:32px}}@media(min-width:1024px){.links-panel{position:absolute;top:100%;left:50%;right:auto;transform:translate(-50%);width:240px;padding:14px 10px}}.bio-panel{position:absolute;top:100%;right:0;left:auto;z-index:1000;width:360px;max-width:calc(100vw - 40px);background:#ffea00;display:flex;gap:14px;padding:14px 6px 14px 10px;overflow-y:auto;overflow-x:hidden}.bio-panel__photo{width:93px;height:112px;object-fit:cover;flex-shrink:0}.bio-panel__text{font-family:var(--font-mono);font-size:11px;line-height:1.5;color:#000;letter-spacing:-.12px;max-width:239px;margin:0}@media(min-width:1024px){.bio-panel__text{font-size:12px}}.header{position:fixed;top:0;left:0;right:0;background:transparent;padding:32px 20px 12px;width:100%;z-index:100}.header__nav-columns{display:flex;width:100%;justify-content:space-between;align-items:flex-start;gap:0}.header__column{flex:0 0 auto;display:flex;flex-direction:column;gap:0;min-width:0;position:relative}.header__row{display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px}.header__row--filters{margin-top:12px}.header__nav-item,.header__filter{flex:0 0 auto;width:fit-content;align-self:flex-start;padding:2px 6px;font-size:16px;font-family:var(--font-mono);text-align:center;background:#d9d9d9;color:#000}.header__nav-item--kendall-active{background:#ff9000;color:#fff}.header__nav-item--links-active{background:#0d00ff;color:#fff}.header__nav-item--bio-active{background:#ffea00;color:#000}.header__filter--active{background:#0d00ff;color:#fff}@media(min-width:768px){.header{padding:32px 32px 12px}}@media(min-width:1024px){.header{padding:32px max(20px,calc((100vw - 1400px)/2 + 20px)) 12px;max-width:none;margin:0}.header__row--filters{margin-top:12px;padding:0;justify-content:space-between}}.project-card{display:flex;flex-direction:column;gap:18px;width:100%;min-width:0}.project-card__media{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#fff;cursor:pointer}.project-card__video{width:100%;height:100%;object-fit:contain}.project-card--your-curtains .project-card__video,.project-card--black-cookbook .project-card__video,.project-card--home-can-be-replaced .project-card__video,.project-card--clock-of-babel .project-card__video,.project-card--archive-arfique .project-card__video,.project-card--snowden .project-card__snap-video{object-fit:cover}.project-card__media--scroll{background:#fff;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding:0}.project-card__media--scroll::-webkit-scrollbar{height:6px}.project-card__media--scroll::-webkit-scrollbar-track{background:#eee}.project-card__media--scroll::-webkit-scrollbar-thumb{background:#999;border-radius:3px}.project-card__media--snap{display:flex;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0}.project-card__media--snap::-webkit-scrollbar{display:none}.project-card__snap-img,.project-card__snap-video{flex:0 0 100%;height:100%;object-fit:cover;scroll-snap-align:start}.project-card__scroll-gallery{display:flex;gap:0;height:100%;width:max-content}.project-card__scroll-img{height:100%;width:auto;flex-shrink:0}.project-card__scroll-video{height:100%;width:auto;min-width:320px;object-fit:contain;flex-shrink:0}.project-card--the-quilt .project-card__scroll-gallery,.project-card--blackbuy .project-card__scroll-gallery,.project-card--mediame .project-card__scroll-gallery{gap:4px}.project-card__img{width:100%;height:100%;object-fit:cover}.project-card__placeholder{width:100%;height:100%;background:#fff}.project-card__content{display:flex;flex-direction:column;gap:18px;min-width:0}.project-card__tags{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.project-card__tag{background:var(--color-tag);padding:2px 6px;font-size:14px;text-decoration:none}.project-card__tag--highlight{background:#ff9000;color:#fff}.project-card__tag--action{background:var(--color-accent-alt);color:var(--color-text)}.project-card__mode-toggle{margin-left:auto;padding:2px 6px;font-size:12px;font-family:var(--font-mono);background:var(--color-tag);color:var(--color-text);border:none;cursor:pointer}.project-card__mode-toggle:hover{background:#bbb}.project-card__meta{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.project-card__arrow{background:var(--color-tag-active);color:#fff;width:13px;height:14px;min-width:13px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;line-height:1}.project-card__title{font-size:14px}.project-card__desc{margin:0;font-size:14px;white-space:pre-wrap;line-height:1.4}@media(min-width:1024px){.project-card{overflow:hidden}.project-card__media{aspect-ratio:auto;height:auto;max-height:calc(50vh - 60px)}.project-card__media--video{height:calc(50vh - 60px);max-height:none}.project-card__media--scroll{height:calc(50vh - 60px);max-height:none;padding:0 2px}.project-card__media--snap{padding:0 2px}.project-card--the-quilt .project-card__scroll-img{width:auto}}.lightbox{position:fixed;inset:0;z-index:10000;background:#000000eb;display:flex;align-items:center;justify-content:center}.lightbox__close{position:fixed;top:16px;right:20px;z-index:10001;color:#fff;font-size:32px;line-height:1;background:none;border:none;cursor:pointer;padding:4px 8px}.lightbox__body{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.lightbox__single{max-width:90vw;max-height:90vh;object-fit:contain}.lightbox__gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;width:100vw;height:90vh;scrollbar-width:none}.lightbox__gallery::-webkit-scrollbar{display:none}.lightbox__item{width:100vw;min-width:100vw;height:90vh;object-fit:contain;scroll-snap-align:start;flex-shrink:0}.project-list{display:flex;flex-direction:column;gap:32px;padding:0 20px 80px;align-items:stretch;overflow-x:hidden}.project-list--empty{padding-top:48px;color:#666}@media(min-width:768px){.project-list{padding:0 32px 80px;gap:48px 16px}}@media(min-width:1024px){.project-list{display:grid;grid-template-columns:1fr 1fr;gap:32px 16px;padding:20px 20px 120px;max-width:1408px;margin:0 auto;align-items:start;justify-items:stretch}}.scroll-top{position:fixed;bottom:24px;right:20px;width:50px;height:50px;border-radius:16px;background:#666;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:50}.scroll-top:hover{background:#555}.scroll-top__icon{font-size:20px}.app{min-height:100vh;background:var(--color-bg);overflow-x:hidden;width:100%}.main{padding-top:110px;padding-bottom:40px;overflow-x:hidden}.home{display:flex;justify-content:center;align-items:center;padding:40px 20px 80px;min-height:40vh}.home__profile{width:50px;height:63px}.home__img{width:100%;height:100%;object-fit:cover}@media(min-width:768px){.home{padding:60px 32px 120px;min-height:50vh}.home__profile{width:80px;height:100px}}@media(min-width:1024px){.home{justify-content:flex-start;align-items:flex-start;padding:0 0 0 208px;padding-top:calc(31.25vh - 60px);min-height:60vh}.home__profile{width:50px;height:63px}}