body:has(header.active) project-filters,body:has(header.active) section.intro,body:has(header.active) section.project-grid{opacity:.33;transform:translateX(calc(var(--submenu-width)*-1));transition:opacity .35s ease,transform .5s ease,visibility .35s ease}body:has(header.active) aside .project-grid{opacity:1;transform:translateX(0)}body header header-logo{opacity:1;transition:var(--link-transition)}@media (max-width:520px){body header{opacity:1;transition:var(--link-transition)}}body:has(.is-at-top) header header-logo{opacity:0}@media (max-width:520px){body:has(.is-at-top) header{opacity:0}}project-filters,section.intro,section.project-grid{transition:opacity .35s ease,transform .5s ease,visibility .35s ease}project-filters{--column-spacing:.5em;align-items:center;display:flex;flex-wrap:nowrap;gap:.75em;gap:calc(var(--column-spacing)*1.5);height:var(--header-height);overflow-x:scroll;padding-left:var(--margin);padding-right:var(--margin);position:sticky;top:0;width:-moz-fit-content;width:fit-content;z-index:10}@media (max-width:520px){project-filters{background:var(--background);gap:calc(var(--column-spacing)*1);width:100%}}body:has(header.active) project-filters{z-index:8}project-filters label input{display:none}project-filters label{--size:.5em;align-items:center;backdrop-filter:blur(12px);background:var(--background);border-radius:1.5em;color:var(--text);-moz-column-gap:var(--column-spacing);column-gap:var(--column-spacing);display:flex;font-family:var(--font-sans);font-size:1rem;font-weight:var(--font-medium);height:2.25em;outline:1px solid;outline-color:var(--overlay);outline-offset:-1px;padding-left:calc(var(--column-spacing)*2);padding-right:calc(var(--column-spacing)*2);position:relative;transition:var(--link-transition);white-space:nowrap}project-filters.is-at-top label{font-size:75%}project-filters:has(:hover) label{color:var(--highlight)}project-filters label:hover{color:var(--text);cursor:pointer;outline-color:var(--highlight)}project-filters label:has(:checked){background:var(--text);color:var(--background)}body main{padding-left:0;padding-right:0}main section{padding-left:var(--margin);padding-right:var(--margin)}main section.project-grid{margin-top:calc(var(--header-height)/2);transform:none!important}section.intro{padding-bottom:var(--margin-xl)}@media (max-width:767px){section.intro{margin-top:0;padding-bottom:0}}@media (max-width:1023px){section.intro h1{font-size:var(--h2)}}