@font-face{font-family:Portfolio Arial Narrow;src:url(/fonts/arial-narrow.woff2) format("woff2");font-weight:700;font-style:normal;font-display:block}:root{font-family:Portfolio Arial Narrow,Arial Narrow,Arial,sans-serif;font-weight:700;color:#fff;background:#000;font-synthesis:none;-webkit-font-smoothing:antialiased}:root[data-portfolio-page=about],:root[data-portfolio-page=projects],:root:not([data-portfolio-page]):has(.view-controls .pill:is(.about,.projects)[aria-current=page]){background:#fff}*{box-sizing:border-box}::selection{color:#fff;background:#000;background:color(srgb 0 0 0 / var(--portfolio-selection-opacity, .999))}html{scrollbar-width:none;scroll-behavior:auto}html::-webkit-scrollbar{display:none}body{margin:0}button{font:inherit;color:inherit;border:0;padding:0;cursor:pointer}button:focus-visible{outline:2px solid #fff;outline-offset:2px}.pill:focus-visible{outline:2px solid #fff;outline-offset:2px}.site-pages{touch-action:pan-y pinch-zoom}.page-panel{min-height:100dvh;background:#000}.page-panel[hidden],.page-canvas{display:none}.is-transitioning{position:relative;overflow:clip}.is-transitioning .page-canvas{display:block;position:absolute;inset:0;z-index:1;background:#000}.is-transitioning .page-panel{position:absolute;inset:var(--page-top) 0 auto;width:100%;height:100dvh;min-height:0;z-index:2;will-change:transform}.is-transitioning .mini-gallery{position:absolute;pointer-events:none}.is-dragging,.is-dragging *{user-select:none;-webkit-user-select:none}.page-panel[data-page=about],.page-panel[data-page=projects]{background:#fff}.projects-page,.about-page{min-height:100dvh;background:#fff;color:#000;padding:99px 4px 4px;font-size:16px;line-height:18px;letter-spacing:0;text-align:center}.text-content{width:100%;max-width:1326px;margin-inline:auto}.projects-page{padding-bottom:64px;line-height:1.15;text-align:left}.projects-page .text-content{max-width:794px}.project-list{display:grid;gap:2px;margin:0;padding:0;list-style:none}.project-row{display:flex;flex-direction:column;gap:2px}.project-heading,.project-summary{display:flex;align-items:baseline;gap:4px}.project-heading{margin-bottom:2px}.project-summary{width:100%;overflow-wrap:anywhere;background:transparent;text-align:inherit}.project-year{margin-left:auto;text-align:right;flex-shrink:0}.project-summary:focus-visible{outline-color:#000}.project-details{display:grid;gap:2px;width:100%;padding-bottom:6px;overflow-wrap:anywhere}.project-details[hidden]{display:none}.project-media{width:100%;aspect-ratio:794 / 447;overflow:hidden}.project-media :is(picture,img,video){display:block;width:100%;height:100%}.project-media :is(img,video){object-fit:contain}.project-credit{text-align:center}.project-credit-label{color:#0000007a}.markdown>*{margin:0}.markdown>*+*{margin-top:2px}.project-description>:not(.project-credit)+.project-credit{margin-top:8px}.markdown :is(h1,h2,h3,h4,h5,h6){font:inherit}.markdown :is(ul,ol){padding-left:24px}.markdown a{color:#000be5;text-decoration:none}.markdown img{max-width:100%;height:auto}.markdown pre{white-space:pre-wrap}.markdown blockquote{margin-inline:0}.page-panel[data-page=about]{isolation:isolate}.about-background{position:fixed;inset:0;height:100dvh;z-index:-1;pointer-events:none}.about-background img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.about-page{overflow-wrap:anywhere;background:transparent}.about-intro{margin:0 0 24px}.about-columns{display:grid;gap:24px}.about-section{min-width:0}.about-section h2{margin:0 0 2px;font:inherit}.about-section ul{display:grid;gap:2px;margin:0;padding:0;list-style:none}.gallery{display:flex;flex-direction:column;gap:4px;width:100%}.gallery-item{margin:0;width:100%;overflow:hidden;touch-action:pan-y pinch-zoom;background:#1e1e1e}.gallery-item img,.gallery-item video{display:block;width:100%;height:100%;object-fit:contain}.gallery-item picture{display:block;width:100%;height:100%}.view-controls{position:fixed;z-index:10;display:flex;align-items:center;gap:4px;width:min(395px,calc(100% - 8px - env(safe-area-inset-left) - env(safe-area-inset-right)));top:4px;left:calc(50% + .5px);transform:translate(-50%)}.pill{position:relative;flex:0 0 auto;overflow:hidden;white-space:nowrap;border-radius:100px;background:#000be5;height:31px;font-size:16px;line-height:18px;letter-spacing:0;padding:5px calc(12px + var(--nav-extra, 0px)) 8px;color:#fff;text-decoration:none}.pill[aria-disabled]{cursor:default}.pill.about{width:var(--nav-width, 62px)}.pill.gallery-link{width:var(--nav-width, 69px)}.pill.projects{width:var(--nav-width, 76px);flex:1 0 0;min-width:0}.nav-label{position:absolute;top:5px;left:var(--nav-label-left, 12px)}.nav-value{position:absolute;top:5px;right:calc(12px + var(--nav-extra, 0px));display:flex}.nav-character{display:inline-block;opacity:0;transform:translateY(2px)}.pill[data-value-visible=true] .nav-character{opacity:1;transform:translateY(0)}.pill:focus-visible{outline:2px solid currentColor;outline-offset:-4px}.mini-gallery{position:fixed;top:50dvh;height:min(72svh,calc(100dvh - 8px));max-height:72svh;left:50%;transform:translate(-50%,-50%);width:72px;z-index:5;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.mini-gallery:focus-visible{outline:2px solid #fff;outline-offset:2px}.thumbnail{position:absolute;left:50%;transform:translate(-50%);display:block;background:#787878;overflow:hidden;visibility:hidden}.thumbnail img,.thumbnail video{width:100%;height:100%;display:block;object-fit:cover;pointer-events:none}.stack-hit{position:absolute;left:0;width:100%;z-index:4;cursor:pointer}.stack-hit[hidden]{display:none}.empty-gallery{margin:0;min-height:100dvh;display:grid;place-content:center;font-size:24px}@media(hover:hover){.project-summary:hover{color:#000be5}}@media(max-width:990px){.about-page,.projects-page{padding:calc(98px + env(safe-area-inset-top)) calc(4px + env(safe-area-inset-right)) calc(4px + env(safe-area-inset-bottom)) calc(4px + env(safe-area-inset-left))}.projects-page{padding-top:calc(99px + env(safe-area-inset-top));padding-bottom:calc(32px + env(safe-area-inset-bottom))}.project-media{aspect-ratio:385 / 217}.view-controls{top:calc(4px + env(safe-area-inset-top));left:50%}.mini-gallery{left:calc(4px + env(safe-area-inset-left));transform:translateY(-50%)}.thumbnail{left:0;transform:none}.thumbnail[data-layer=top],.thumbnail[data-layer=bottom]{left:var(--stack-inset, 1.5px)}}
