:root{color-scheme:light;--canvas:oklch(99% 0 0);--ink:oklch(18% 0 0);--body:oklch(30% 0 0);--body-soft:oklch(35% 0 0);--muted:oklch(50% 0 0);--muted-soft:oklch(55% 0 0);--rule:oklch(85% 0 0);--hairline:oklch(90% 0 0);--project-link:#de6600;--sidebar-width:140px;--content-width:720px;--column-gap:32px;--content-pad:32px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--canvas)}body{min-width:320px;color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;margin:0;font-family:Public Sans,Arial,sans-serif;font-size:15px;line-height:1.6}::selection{background:var(--rule)}a{color:inherit;text-decoration:none}a:focus-visible{outline-offset:4px;outline:2px solid}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-grid{grid-template-columns:var(--sidebar-width) var(--content-width);gap:var(--column-gap);justify-content:center;min-height:100vh;display:grid}.sidebar{width:var(--sidebar-width);text-align:right;flex-direction:column;align-self:start;gap:28px;display:flex;position:sticky;top:30vh}.section-nav__list,.contact-nav{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.section-nav__list{gap:10px;position:relative}.section-nav__back-item{position:absolute;bottom:calc(100% + 2px);left:0;right:0}.section-nav__back{justify-content:flex-end;align-items:center;width:100%;height:32px;display:inline-flex}.section-nav__back svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:16px;height:16px}.section-nav__page-title a{color:var(--ink)}.section-nav a,.contact-nav a{color:var(--muted-soft);transition:color .14s ease-out}.section-nav a:hover,.contact-nav a:hover{color:var(--ink)}.contact-nav{letter-spacing:.04em;text-transform:uppercase;gap:8px;font-size:13px}.content{width:var(--content-width);min-width:0;padding-bottom:56px}.content>:not(h1){margin-right:var(--content-pad);margin-left:var(--content-pad)}.content p,.content ul,.content ol,.content blockquote{max-width:560px}.content p{color:var(--body);margin-top:0;margin-bottom:12px}.content p a{color:var(--project-link);text-decoration:underline;text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);text-underline-offset:3px;text-decoration-thickness:1px;transition:text-decoration-color .14s ease-out}.content p a:hover{text-decoration-color:currentColor}.content strong{color:var(--ink);font-weight:600}.content h1,.content h2,.content h3,.content h4,.content h5{text-wrap:balance;line-height:1.35}.content h1{padding:56px var(--content-pad) 0;margin:0 0 4px;font-size:20px;font-weight:600}.content h2{padding:0 var(--content-pad);color:var(--ink);margin:40px 0 20px;scroll-margin-top:24px;font-size:18px;font-weight:600}.content h3{color:var(--ink);margin-top:28px;margin-bottom:6px;font-size:16px;font-weight:600}.content h4{color:var(--ink);border-top:1px solid var(--hairline);justify-content:space-between;gap:12px;margin-top:0;margin-bottom:4px;padding-top:16px;font-size:15px;font-weight:600;display:flex;position:relative}.content h4 a{color:var(--project-link)}.content h4 a:hover{text-underline-offset:3px;text-decoration:underline}.content h4+p{color:var(--body-soft);margin-bottom:4px}.content h4+p+small{color:var(--muted);margin-bottom:16px;font-size:15px;display:block}.project-year{color:var(--muted);white-space:nowrap;flex:none;font-weight:400}.content h5{color:var(--muted);border-top:1px solid var(--hairline);margin-top:0;margin-bottom:0;padding-top:14px;font-size:15px;font-weight:400}.content h5+p{margin-bottom:3px}.content h5+p+p{color:var(--body-soft);margin-bottom:14px}.content ul,.content ol{color:var(--body);margin-top:12px;margin-bottom:16px;padding-left:1.4em}.content img{width:calc(100% - (var(--content-pad) * 2));height:auto;margin:24px var(--content-pad);display:block}.content p:has(>img:only-child),.content p:has(>project-video:only-child){width:100%;max-width:none;margin:24px 0}.content p:has(>project-video[phone-frame]:only-child){width:auto;max-width:560px;margin:24px var(--content-pad)}.content p:has(>img:only-child)>img{border:1px solid var(--hairline);border-radius:12px;width:100%;margin:0}.content .project-video{width:100%;margin:0;display:block}.content .project-video__stage{position:relative}.content .project-video[hide-controls] .project-media{cursor:default}.content .project-video[hide-controls] .project-video__overlay,.content .project-video[hide-controls] .project-video__controls{display:none}.content .project-video[phone-frame] .project-video__stage{border-radius:7.13% 7.06% 6.71% 6.78%/16.32% 15.15% 15.29% 16.62%;overflow:hidden}.content .project-video[phone-frame] .project-media{border:0;border-radius:0}.content .project-media{cursor:pointer;border:1px solid var(--hairline);border-radius:12px;width:100%;height:auto;margin:0;display:block}.content .project-gallery{width:100%;margin:28px 0;position:relative}.content .project-gallery__track{overscroll-behavior-inline:contain;scrollbar-color:var(--rule) transparent;scrollbar-width:thin;scroll-snap-type:x mandatory;background:#050505;height:360px;display:flex;overflow:auto hidden}.content .project-gallery__track:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.content .project-gallery__group{flex:none;width:max-content;height:100%;display:flex}.content .project-gallery__item{flex:0 0 var(--gallery-slide-width,100%);scroll-snap-align:center;background:#050505;place-items:center;height:100%;margin:0;display:grid;position:relative}.content .project-gallery__item img{object-fit:contain;object-position:center;user-select:none;border:0;border-radius:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.content .project-gallery__item--fill img{object-fit:cover}.content .project-gallery__button{z-index:2;width:42px;height:42px;color:var(--muted);cursor:pointer;background:color-mix(in srgb, var(--canvas) 90%, transparent);border:1px solid var(--hairline);box-shadow:0 2px 12px color-mix(in srgb, var(--ink) 12%, transparent);backdrop-filter:blur(8px);border-radius:6px;place-items:center;padding:0;transition:color .14s ease-out,background-color .14s ease-out;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.content .project-gallery__button--previous{left:12px}.content .project-gallery__button--next{right:12px}.content .project-gallery__button svg{width:18px;height:18px}.content .project-gallery__button:hover{color:var(--ink);background:var(--canvas)}.content .project-gallery__button:disabled{color:var(--muted-soft);cursor:default;opacity:.45}.content .project-gallery__button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.content .project-gallery__counter{z-index:2;color:#ffffffd1;font-variant-numeric:tabular-nums;text-align:center;pointer-events:none;backdrop-filter:blur(8px);background:#050505ad;border:1px solid #ffffff29;border-radius:6px;min-width:42px;padding:5px 8px;font-size:12px;line-height:1;position:absolute;bottom:12px;right:14px}.content .project-video__overlay{width:48px;height:48px;color:var(--canvas);cursor:pointer;background:color-mix(in srgb, var(--ink) 82%, transparent);border:1px solid color-mix(in srgb, var(--canvas) 28%, transparent);border-radius:50%;place-items:center;padding:0;transition:background-color .14s ease-out,transform .14s ease-out;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.content .project-video__overlay svg{width:20px;height:20px;margin-left:2px}.content .project-video__overlay:hover{background:var(--ink);transform:translate(-50%,-50%)scale(1.04)}.content .project-video__overlay:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.content .project-video__controls{width:80%;color:var(--muted);grid-template-columns:32px minmax(80px,1fr) auto 32px;align-items:center;gap:12px;margin:14px auto 0;font-size:13px;line-height:1;display:grid}.content .project-video__button{width:32px;height:32px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;padding:0;transition:color .14s ease-out,background-color .14s ease-out;display:grid}.content .project-video__button svg{width:16px;height:16px}.content .project-video__button svg[hidden]{display:none}.content .project-video__button:hover{color:var(--ink);background:var(--hairline)}.content .project-video__button:focus-visible,.content .project-video__scrubber:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.content .project-video__scrubber{--progress:0%;cursor:pointer;appearance:none;background:0 0;width:100%;height:16px;margin:0}.content .project-video__scrubber::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--muted) var(--progress), var(--rule) var(--progress));height:1px}.content .project-video__scrubber::-webkit-slider-thumb{appearance:none;background:var(--muted);border:0;border-radius:0;width:2px;height:10px;margin-top:-4.5px}.content .project-video__scrubber::-moz-range-track{background:var(--rule);height:1px}.content .project-video__scrubber::-moz-range-progress{background:var(--muted);height:1px}.content .project-video__scrubber::-moz-range-thumb{background:var(--muted);border:0;border-radius:0;width:2px;height:10px}.content .project-video__time{font-variant-numeric:tabular-nums;white-space:nowrap;min-width:70px}.content .project-details-media{width:100%;margin:28px 0 0}.content .project-detail{min-width:0;margin:0}.content .project-detail--wide{margin-bottom:32px}.content .project-detail--compact{width:min(var(--project-detail-width,100%), calc(100% - (var(--content-pad) * 2)));margin-bottom:32px;margin-left:var(--content-pad)}.content .project-detail--compact .project-detail__media{width:auto;max-width:100%}.content .project-detail-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:196px minmax(0,1fr) 196px;align-items:stretch;gap:30px;width:100%;display:grid}.content .project-detail-grid .project-detail{display:contents}.content .project-detail-grid .project-detail--passage,.content .project-detail-grid .project-detail--story{margin:0}.content .project-detail--passage .project-detail__media{grid-area:1/1/span 2}.content .project-detail--story .project-detail__media{grid-area:1/3/span 2}.content .project-detail__media{border:1px solid var(--hairline);border-radius:12px;width:100%;height:auto;margin:0;display:block}.content .project-detail figcaption{max-width:54ch;color:var(--muted);margin-top:10px;font-size:13px;line-height:1.5;position:relative}.content .project-detail.project-detail--wide figcaption{width:calc(100% - (var(--content-pad) * 2));max-width:560px;margin-left:var(--content-pad)}.content .project-detail--passage figcaption{grid-area:1/2;align-self:end;margin:0}.content .project-detail--passage figcaption:before{border-top:1px solid var(--rule);content:"";width:16px;position:absolute;top:50%;right:calc(100% + 8px)}.content .project-detail--story figcaption{text-align:right;grid-area:2/2;align-self:start;margin:0}.content .project-detail--story figcaption:after{border-top:1px solid var(--rule);content:"";width:16px;position:absolute;top:50%;left:calc(100% + 8px)}.content .project-note{max-width:560px;color:var(--muted);margin-top:20px;margin-bottom:24px;font-size:13px;line-height:1.5}.content .project-factoids{border-block:1px solid var(--hairline);max-width:560px;margin-top:28px;margin-bottom:28px;padding:14px 0 18px}.content .project-factoids__context{color:var(--muted);margin-bottom:14px;font-size:13px;line-height:1.5}.content .project-factoids__list{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.content .project-factoid{border-left:1px solid var(--hairline);flex-direction:column;min-width:0;padding:0 20px;display:flex}.content .project-factoid:first-child{border-left:0;padding-left:0}.content .project-factoid:last-child{padding-right:0}.content .project-factoid dt{color:var(--muted);font-size:13px;line-height:1.45}.content .project-factoid dd{color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.02em;order:-1;margin:0 0 4px;font-size:20px;font-weight:600;line-height:1.3}.content .external-project-link{color:var(--project-link);text-underline-offset:3px;align-items:center;gap:7px;font-weight:500;text-decoration:underline #0000;transition:text-decoration-color .14s ease-out;display:inline-flex}.content .external-project-link:hover{text-decoration-color:currentColor}.content .external-project-link__icon{width:16px;height:16px;margin:0}.content .external-project-link__icon--favicon{border-radius:3px}.content .external-project-links{flex-wrap:wrap;gap:12px 28px;display:flex}.content blockquote{color:var(--body-soft);border-left:1px solid var(--rule);margin-top:20px;margin-bottom:20px;padding-left:16px}.content pre{margin:20px var(--content-pad);border:1px solid var(--hairline);padding:16px;overflow-x:auto}.content--home{position:relative}.content--home>h2#home{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;top:0;overflow:hidden}.home-role{font-size:20px;line-height:1.3;color:var(--muted-soft)!important;margin-bottom:24px!important}.content--home>h2#projects{margin-top:40px}.content--home>h2#bio{margin-top:32px}.content--home>h4 a{z-index:1;margin:-12px;padding:12px;position:relative}.content--project>h2{margin-top:40px}@media (width<=980px){.page-grid{grid-template-columns:minmax(0, var(--content-width))}.sidebar{z-index:10;width:100%;padding:12px var(--content-pad);text-align:left;background:color-mix(in srgb, var(--canvas) 94%, transparent);border-bottom:1px solid var(--hairline);backdrop-filter:blur(10px);grid-template-columns:1fr auto;align-items:center;gap:12px;display:grid;position:sticky;top:0;transform:none}.section-nav__list,.contact-nav{flex-flow:wrap}.section-nav__list>:not(.section-nav__back-item){display:none}.section-nav__back-item{position:static}.section-nav__back{justify-content:flex-start;width:32px}.contact-nav{justify-content:flex-end}.content{width:min(100vw, var(--content-width))}.content h2{scroll-margin-top:84px}}@media (width<=720px){.content>p:has(>img:only-child),.content>p:has(>project-video:only-child),.content>.project-video,.content>.project-gallery,.content>.project-details-media,.content>.project-detail--wide{width:calc(100% - (var(--content-pad) * 2));margin-right:var(--content-pad);margin-left:var(--content-pad)}.content>.project-detail--wide figcaption,.content>.project-details-media .project-detail--wide figcaption{width:100%;margin-left:0}}@media (width<=600px){:root{--content-pad:20px}.content .project-gallery__track{height:250px}.sidebar{padding:10px var(--content-pad);grid-template-columns:1fr}.section-nav__list{gap:8px 18px}.content h1{padding-top:40px}.content .project-detail-grid{grid-template-rows:none;grid-template-columns:1fr;gap:28px;width:100%}.content .project-detail-grid .project-detail{grid-template-columns:196px minmax(0,1fr);align-items:center;gap:12px;width:100%;display:grid}.content .project-detail--passage .project-detail__media,.content .project-detail--story .project-detail__media,.content .project-detail--passage figcaption,.content .project-detail--story figcaption{grid-area:auto;align-self:center}.content .project-detail-grid .project-detail--passage{margin-left:0}.content .project-detail-grid .project-detail--story{margin:0}.content .project-detail--passage figcaption,.content .project-detail--story figcaption{text-align:left;margin:0}.content .project-detail--passage figcaption:before,.content .project-detail--story figcaption:after{display:none}.content .project-factoids{padding-bottom:0}.content .project-factoids__context{margin-bottom:6px}.content .project-factoids__list{grid-template-columns:1fr}.content .project-factoid,.content .project-factoid:first-child,.content .project-factoid:last-child{border-top:1px solid var(--hairline);border-left:0;grid-template-columns:88px minmax(0,1fr);align-items:baseline;gap:16px;padding:12px 0;display:grid}.content .project-factoid dt{grid-area:1/2}.content .project-factoid dd{grid-area:1/1;margin:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.section-nav a,.contact-nav a{transition:none}}