:root{--paper:#f4f3ef;--ink:#171715;--muted:#77766f;--line:#d4d2cb;--soft-line:#e5e3dc;--accent:#315f52;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Helvetica,Arial,sans-serif;overflow-x:clip}body{min-width:0;min-height:100%;margin:0;overflow-x:clip}#main{min-width:0}button,a{color:inherit;font:inherit}a{text-decoration:none}button{border:0}::selection{background:#d9dfdb}.skip-link{background:var(--ink);color:var(--paper);z-index:10;padding:.65rem .85rem;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.page-frame{grid-template-rows:auto minmax(0,1fr) auto;width:100%;min-width:0;min-height:100svh;padding:clamp(1rem,2vh,1.5rem) clamp(1.35rem,5vw,5rem) clamp(.75rem,1.5vh,1.25rem);display:grid}.site-header,.site-footer{justify-content:space-between;align-items:center;display:flex}.site-header{justify-content:flex-start;align-items:baseline}.wordmark{letter-spacing:-.025em;font-size:.95rem;font-weight:620}.byline{color:var(--muted);margin-left:.4rem;font-size:.78rem;font-weight:430}.site-footer,.site-footer p{color:var(--muted);letter-spacing:.025em;margin:0;font-size:.74rem}.project-category{color:var(--muted);letter-spacing:-.01em;margin:.55rem 0 clamp(.8rem,1.7vh,1.2rem);font-size:.76rem;font-weight:500}.project-browser{border-top:1px solid var(--line);grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);min-width:0;min-height:0;margin-top:clamp(.75rem,1.5vh,1.25rem);display:grid}.project-list{border-right:1px solid var(--line);flex-direction:column;justify-content:center;padding:0 clamp(1.25rem,3vw,3.25rem) 0 0;display:flex}.project-row{border-bottom:1px solid var(--soft-line);cursor:pointer;text-align:left;background:0 0;grid-template-columns:minmax(0,1fr) auto auto;align-items:baseline;gap:.75rem;width:100%;padding:clamp(.65rem,1.4vh,1rem) 0;transition:color .16s,padding-left .22s;display:grid}.project-row:first-child{border-top:1px solid var(--soft-line)}.project-row:hover,.project-row:focus-visible,.project-row[aria-selected=true]{color:var(--accent);padding-left:.7rem}.project-row:focus-visible{outline:1px solid var(--accent);outline-offset:4px}.project-row__name{letter-spacing:-.035em;font-size:clamp(1.05rem,1.65vw,1.5rem);font-weight:480}.project-row__arrow{opacity:0;font-size:.92rem;transition:opacity .16s,transform .18s;transform:translate(-.4rem)}.project-row[aria-selected=true] .project-row__arrow{opacity:1;transform:translate(0)}.status{color:var(--muted);letter-spacing:0;font-size:.68rem;font-weight:520}.project-panel{outline:none;align-self:center;min-width:0;max-width:50rem;padding:clamp(1.5rem,3vw,3.25rem) 0 clamp(1.25rem,2vw,2rem) clamp(1.75rem,5vw,6rem);animation:.26s both reveal}.project-panel h2{letter-spacing:-.065em;margin:0;font-size:clamp(2.5rem,5.5vw,5.8rem);font-weight:420;line-height:.92}.project-panel__summary{letter-spacing:-.025em;overflow-wrap:anywhere;max-width:41rem;margin:0;font-size:clamp(1.02rem,1.55vw,1.35rem);font-weight:470;line-height:1.35}.project-panel__body--with-preview{grid-template-columns:minmax(0,.85fr) minmax(15rem,1.15fr);align-items:start;gap:clamp(1.25rem,2.5vw,2rem);display:grid}.project-preview{aspect-ratio:4/3;border:1px solid var(--line);cursor:zoom-in;background:#19191d;width:100%;margin:0;padding:0;transition:border-color .16s,transform .2s;display:block;overflow:hidden}.project-preview:hover,.project-preview:focus-visible{border-color:#9c9a92;transform:translateY(-.12rem)}.project-preview:focus-visible{outline:1px solid var(--accent);outline-offset:4px}.project-preview img{object-fit:cover;object-position:top left;width:100%;height:100%;display:block}.preview-lightbox{-webkit-backdrop-filter:blur(24px)saturate(.8);z-index:20;background:#e8e7e2b8;justify-content:center;align-items:center;padding:clamp(1rem,4vw,3rem);animation:.18s both lightbox-fade;display:flex;position:fixed;inset:0}.preview-lightbox__dialog{justify-content:center;align-items:center;max-width:100%;max-height:100%;display:flex;position:relative}.preview-lightbox__image{object-fit:contain;background:#19191d;border:1px solid #17171529;width:auto;max-width:calc(100vw - 6rem);height:auto;max-height:calc(100svh - 5rem);display:block;box-shadow:0 1.5rem 5rem #17171533}.preview-lightbox__close{-webkit-backdrop-filter:blur(14px);color:var(--ink);cursor:pointer;z-index:1;background:#f4f3efd1;border:1px solid #1717152e;border-radius:999px;padding:.45rem .7rem;font-size:.76rem;font-weight:550;position:absolute;top:.7rem;right:.7rem}.preview-lightbox__close:hover,.preview-lightbox__close:focus-visible{background:#fffffff0}.preview-lightbox__close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.project-panel__description{color:#5f5e58;overflow-wrap:anywhere;max-width:39rem;margin:clamp(.65rem,1.5vh,1.15rem) 0 0;font-size:clamp(.82rem,1vw,.95rem);line-height:1.55}.project-panel__footer{border-top:1px solid var(--soft-line);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem;margin-top:clamp(.8rem,2vh,1.4rem);padding-top:clamp(.7rem,1.5vh,1rem);display:grid}.project-panel__footer dl{gap:.45rem;margin:0;display:grid}.project-panel__footer dl>div{grid-template-columns:2.6rem minmax(0,1fr);display:grid}.project-panel__footer dt,.project-panel__footer dd,.project-link{margin:0;font-size:.71rem;line-height:1.4}.project-panel__footer dt{color:var(--muted)}.project-panel__footer dd{max-width:34rem}.project-link{color:var(--accent);white-space:nowrap;border-bottom:1px solid;padding-bottom:.12rem;font-weight:600}.site-footer{border-top:1px solid var(--line);padding-top:.65rem}.site-footer nav{gap:1.25rem;display:flex}.site-footer a{color:var(--ink);transition:color .16s}.site-footer a:hover,.site-footer a:focus-visible{color:var(--accent)}@keyframes reveal{0%{opacity:0;transform:translateY(.3rem)}to{opacity:1;transform:translateY(0)}}@keyframes lightbox-fade{0%{opacity:0}to{opacity:1}}@media (min-width:781px){html,body,#main{overscroll-behavior:none;scrollbar-width:none;height:100%;overflow:hidden}#main{width:100%;position:fixed;inset:0}html::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}#main::-webkit-scrollbar{width:0;height:0;display:none}.page-frame{height:100%;min-height:0;overflow:hidden}.project-browser,.project-list,.project-panel{min-height:0}}@media (max-height:760px) and (min-width:781px){.page-frame{padding-top:1rem;padding-bottom:1.2rem}.project-browser{margin-top:.85rem}.project-panel h2{font-size:clamp(2.7rem,4.7vw,4.6rem)}.project-panel{padding-top:1.25rem;padding-bottom:1rem}.project-panel__description{display:none}.project-preview{max-height:min(14rem,32svh)}.preview-lightbox{padding:1rem}.preview-lightbox__image{max-width:calc(100vw - 2rem);max-height:calc(100svh - 2rem)}}@media (max-width:780px){.page-frame{min-height:100svh;padding:1.25rem;display:block}.site-footer p{display:none}.project-browser{margin-top:3.3rem;display:block}.project-list{border-right:0;padding:1rem 0}.project-row{padding:.65rem 0}.project-row:hover,.project-row:focus-visible,.project-row[aria-selected=true]{padding-left:.45rem}.project-panel{border-top:1px solid var(--line);min-height:19rem;padding:1.25rem 0 2.4rem}.project-panel h2{font-size:3.35rem}.project-panel__description{display:none}.project-panel__body--with-preview{display:block}.project-preview{aspect-ratio:16/9;max-height:none;margin-top:1rem}.preview-lightbox{padding:1rem}.preview-lightbox__image{max-width:calc(100vw - 2rem);max-height:calc(100svh - 2rem)}.project-panel__footer{display:block}.project-panel__footer dl>div:nth-child(2){display:none}.project-link{margin-top:.8rem;display:inline-block}.site-footer{padding-bottom:.25rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}