:root{--chrome-gutter:clamp(1rem, 5vw, 5rem)}html{height:auto;min-height:100%}body{height:auto;min-height:100vh;min-height:100svh;grid-template-rows:auto 1fr auto}main{height:auto;min-width:0;min-height:0;overflow:visible}.overflow{height:auto;overflow:visible;min-width:0}header,footer{margin-block:0;padding-inline:var(--chrome-gutter)}header{padding-block:var(--pad-header-x)}footer{padding-block:var(--pad-footer-x)}.navbar{display:grid;grid-template-columns:minmax(0,1fr)auto 44px;grid-template-areas:"brand links theme";grid-auto-flow:row;align-items:center;gap:1rem;height:auto}.logo{grid-area:brand;width:auto;min-width:0}.logo a{display:block;width:fit-content;max-width:100%;padding:0}.logo .logo-wordmark{width:210px;height:auto;aspect-ratio:266.216/80.1853;max-width:100%}.navmenu{grid-area:links;display:flex;width:auto;gap:1.25rem;align-items:center}.navmenu-text{display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box}.navmenu-symbol{display:none}.theme-toggle{grid-area:theme;justify-self:end;width:44px;height:44px}.page-title-bar{padding:1rem var(--chrome-gutter)1.5rem}.page-title{min-width:0}.page-title h1{font-size:clamp(1.75rem,4vw,2.5rem);overflow-wrap:anywhere}.page-icon{display:flex;align-items:center;justify-content:center;font-size:1.75rem}.project-list,.gallery{padding:0 var(--chrome-gutter)2rem;max-width:1440px;width:100%;box-sizing:border-box;margin-inline:auto}.project-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1rem}.project{height:auto;min-width:0;grid-template-columns:auto minmax(0,1fr);gap:1rem;padding:1rem}.project-info{min-width:0}.project-header h2,.project-description{overflow-wrap:anywhere}.project-description{font-size:.875rem;line-height:1.6}.gallery{column-count:3;column-gap:1rem}.image-container{break-inside:avoid;margin-bottom:1rem}.image-container img{height:auto}.footer{display:grid;grid-template-columns:auto minmax(0,1fr);grid-auto-flow:row;align-items:center;gap:1rem 2rem}.icons{display:flex;flex-wrap:wrap;gap:.875rem;justify-content:start;margin-inline-start:0}.icons .icon,.icons .icon:first-child{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;flex:0 0 1.25rem;width:1.25rem;min-width:1.25rem;min-height:44px;font-size:1.25rem}.copyright{margin:0;justify-self:end;text-align:right;overflow-wrap:anywhere}body.is-home{height:100vh;height:100dvh;min-height:32rem}.is-home main{overflow:hidden;min-height:0}.home-showcase-frame{flex:1;min-height:0}.home-showcase-title{max-width:100%;padding-inline-start:var(--chrome-gutter)}.image-fullscreen-close,.image-fullscreen-nav{color:#fafafa;border:1px solid rgba(250,250,250,.3);background:rgba(250,250,250,6%);border-radius:4px}.image-fullscreen-close:hover,.image-fullscreen-close:focus-visible,.image-fullscreen-nav:hover,.image-fullscreen-nav:focus-visible{color:#111;background:#fafafa;border-color:#fafafa}.image-fullscreen-meta{color:#fafafa}.image-fullscreen-caption{font-family:var(--text-font);font-weight:400;line-height:1.6}.image-fullscreen-counter{color:rgba(250,250,250,.7)}.image-fullscreen :focus-visible{outline:3px solid #fafafa;outline-offset:4px}@media(max-width:900px){.gallery{column-count:2}}@media(max-width:700px){.navbar{gap:.25rem}.logo a{width:100%}.logo .logo-wordmark{width:100%;max-width:200px}.navmenu{justify-content:center;gap:.25rem;margin-inline-start:.75rem}.navmenu-text{font-size:1.1rem;min-width:44px;justify-content:center}.navmenu-label{display:none}.navmenu-symbol{display:inline-block;font-size:1.25rem}.footer{gap:.5rem}.icons{gap:.5rem;flex-wrap:nowrap}.copyright{max-width:100%;white-space:nowrap;font-size:.6875rem}.copyright-detail{display:none}}@media(max-width:600px){.gallery{column-count:1}.project-header h2{font-size:1.1rem}.project-description{font-size:.8125rem}.image-fullscreen{height:100dvh;padding:3.75rem 1rem 1rem;overflow-y:auto}.image-fullscreen-content{max-height:calc(100dvh - 12rem)}}@media(prefers-reduced-motion:reduce){.project-grid,.gallery,.image-fullscreen-content{animation:none}.image-container img{transition:none}}