.logofolio-page{color:#f5f3ef;background:#0d0e10}html:has(.logofolio-page){background:#0d0e10;scrollbar-width:none}.logofolio-page{scrollbar-width:none}html:has(.logofolio-page)::-webkit-scrollbar,.logofolio-page::-webkit-scrollbar{display:none}.logofolio-page .project-header{position:fixed;top:clamp(1.25rem,3.2vw,3rem);right:clamp(1.25rem,3.2vw,4rem);left:clamp(1.25rem,3.2vw,4rem);width:auto;margin:0}.logofolio-shell{padding:0}.logofolio-shell article{min-height:calc(100svh + var(--reveal-scroll, 0px))}.logofolio-accessible-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.logofolio-grid{--logo-gap: clamp(1rem, 2vw, 2rem);position:sticky;top:0;display:grid;grid-template-columns:repeat(var(--logo-columns, 3),minmax(0,1fr));align-content:center;gap:var(--logo-gap);width:min(100%,900px,calc((100svh - 10rem - (var(--logo-rows, 4) - 1) * var(--logo-gap)) / var(--logo-rows, 4) * var(--layout-columns, 3) + (var(--layout-columns, 3) - 1) * var(--logo-gap)));height:100svh;margin:0 auto;padding-block:7rem 3rem}.logofolio-item{min-width:0;margin:0;aspect-ratio:1}.logofolio-grid.has-scroll-reveal .logofolio-item{opacity:var(--logo-opacity, 0);transition:opacity .16s linear}.logofolio-image{display:grid;place-items:center;width:100%;height:100%}.logofolio-image img{width:clamp(40px,6vw,72px);height:clamp(40px,6vw,72px);object-fit:contain}@media(max-width:700px){.logofolio-grid{grid-template-columns:repeat(min(3,var(--logo-columns, 3)),minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.logofolio-grid.has-scroll-reveal .logofolio-item{opacity:1;transition:none}}