/* QE's source window chrome, with the portfolio Projects index structure. */
.qe-nav{position:fixed;inset:0;margin:auto;width:min(940px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 40px);padding:0;border:1px solid #aeb4bc;background:#24272b;color:#f0f0ee;box-shadow:5px 5px 0 #c2c6cb22;font-family:var(--body);overflow:hidden}
.qe-nav[open]{display:flex;flex-direction:column}
.qe-nav::backdrop{background:#0f111447}
.qe-nav-bar{display:flex;align-items:center;gap:12px;flex:none;min-height:43px;padding:5px 12px;border-bottom:1px solid #81878f}
.qe-nav-close{width:28px;height:28px;flex:none;padding:0;border:1px solid #aeb4bc;background:transparent;color:inherit;font:400 19px/1 Arial;cursor:pointer}
.qe-nav-close:hover{background:#41464d}
.qe-nav-home,.qe-nav-count{font:400 9px/1.5 var(--body);letter-spacing:.08em;text-transform:uppercase;color:#c2c6cb}
.qe-nav-bar h2{margin:0 auto!important;font:700 11px/1.5 var(--body)!important;letter-spacing:.16em;text-transform:uppercase;color:inherit!important}
.qe-nav-tools{padding:15px 20px;border-bottom:1px solid #c2c6cb4d;flex:none}
.qe-nav-tools nav{display:flex;gap:22px;margin-bottom:14px}
.qe-nav-tools nav a{font:400 10px/1.5 var(--body);letter-spacing:.13em;text-transform:uppercase;color:#f0f0ee;text-decoration:none;padding:3px 0;border-bottom:1px solid transparent}
.qe-nav-tools nav a:hover{border-bottom-color:currentColor}
.qe-nav-search{position:relative}
.qe-nav-search label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.qe-nav-search input{box-sizing:border-box;width:100%;min-height:42px;border:1px solid #91979f;border-radius:0;background:#30343a;color:#f0f0ee;padding:9px 40px 9px 12px;font:400 14px/1.5 var(--body);appearance:none}
.qe-nav-search input::placeholder{color:#c2c6cb}
.qe-nav-search input::-webkit-search-cancel-button{display:none}
.qe-nav-clear{position:absolute;right:5px;top:5px;height:32px;width:32px;border:0;background:none;color:#f0f0ee;font:20px/1 Arial;cursor:pointer}
.qe-nav-body{padding:8px 20px 20px;overflow:auto;overscroll-behavior:contain;min-height:0;max-height:56dvh}
.qe-nav-group h3{margin:16px 0 4px;font:700 9px/1.5 var(--body);letter-spacing:.16em;text-transform:uppercase;color:#c2c6cb}
.qe-nav-group ul{padding:0;margin:0;list-style:none}
.qe-nav-item{display:grid;grid-template-columns:32px minmax(0,1fr) 150px 14px;align-items:center;gap:14px;min-height:56px;padding:9px 6px;border-bottom:1px solid #c2c6cb38;color:#f0f0ee;text-decoration:none}
.qe-nav-item:hover,.qe-nav-item:focus-visible{background:#c2c6cb13}
.qe-nav-item img{width:32px;height:32px;object-fit:contain;filter:saturate(.85) brightness(1.04)}
.qe-nav-name{font:400 11px/1.6 var(--body);letter-spacing:.075em;text-transform:uppercase}
.qe-nav-kind{font:400 10px/1.5 var(--body);color:#c2c6cb}
.qe-nav-arrow{font:14px/1 var(--body);color:#c2c6cb}
.qe-nav-empty{padding:30px 0;font:400 13px/1.7 var(--body);color:#c2c6cb}
.qe-nav-foot{display:flex;justify-content:space-between;gap:12px;flex:none;padding:10px 20px;border-top:1px solid #c2c6cb4d;font:400 9px/1.5 var(--body);letter-spacing:.04em;color:#c2c6cb}
.qe-nav [hidden]{display:none!important}
.qe-nav :focus-visible{outline:2px solid #c6d7f5;outline-offset:2px}
.qe-workspace .desktop{height:auto;min-height:0;flex:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 20px;padding:30px 0;align-content:start;max-width:1000px;width:calc(100% - 40px);margin:0 auto 65px}
.qe-workspace .desktop .desktop-folder{position:static;justify-self:center;min-width:0;min-height:94px;width:100%;max-width:180px}
.qe-workspace .desktop .desktop-folder span{white-space:normal;max-width:165px;line-height:1.5;text-align:center}
.qe-workspace .desktop [hidden]{display:none!important}
.qe-directory-sections{display:flex;gap:24px;margin:0 var(--left) 20px;font:400 10px/1.5 var(--body);letter-spacing:.13em;text-transform:uppercase}
.qe-directory-sections a{color:#c2c6cb;padding:8px 0;border-bottom:1px solid transparent;text-decoration:none}
.qe-directory-sections a[aria-current=page]{color:#f0f0ee;border-bottom-color:currentColor}
@media(max-width:600px){.qe-nav{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.qe-nav-bar{gap:9px;padding:6px 10px}.qe-nav-count{font-size:8px}.qe-nav-bar h2{font-size:10px!important;letter-spacing:.12em}.qe-nav-tools{padding:12px}.qe-nav-tools nav{gap:25px;margin-bottom:12px}.qe-nav-search input{font-size:16px}.qe-nav-body{padding:2px 12px 12px;max-height:calc(100dvh - 220px)}.qe-nav-item{grid-template-columns:28px minmax(0,1fr) 12px;gap:10px;min-height:60px}.qe-nav-item img{grid-row:1 / 3;width:28px;height:28px}.qe-nav-name{font-size:10px}.qe-nav-kind{grid-column:2;font-size:9px;margin-top:-6px}.qe-nav-arrow{grid-column:3;grid-row:1 / 3}.qe-nav-foot{padding:10px 12px;font-size:8px}.qe-nav-foot>span:last-child{display:none}.qe-workspace .desktop{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 12px;width:calc(100% - 24px);padding-top:25px}.qe-directory-sections{margin-inline:12px}}
@media(max-height:500px){.qe-nav{max-height:calc(100dvh - 20px)}.qe-nav-tools{padding:8px 12px}.qe-nav-tools nav{margin-bottom:7px}.qe-nav-body{max-height:calc(100dvh - 205px)}.qe-nav-foot{padding-block:6px}}