.project-list-sidebar{border-right:1px solid var(--border-subtle);background:var(--background);height:100%;padding:3rem 2rem;overflow-y:auto}.project-list-home{color:var(--foreground);opacity:.6;align-items:center;gap:.4rem;margin-bottom:1.5rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:opacity .2s,transform .2s;display:inline-flex}.project-list-home:hover{opacity:1}.project-list-home:hover .project-list-home-arrow{transform:translate(-2px)}.project-list-home-arrow{transition:transform .2s;display:inline-block}.project-list-header{margin-bottom:2rem}.project-list-title{color:var(--foreground);opacity:.4;text-transform:uppercase;letter-spacing:.12em;margin:0;font-size:.6875rem;font-weight:500}.project-list{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.project-list-item{margin:0}.project-item{width:100%;color:var(--foreground);text-align:left;cursor:pointer;opacity:.75;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:space-between;align-items:baseline;gap:1rem;padding:.75rem 1rem;font-size:.9375rem;font-weight:400;transition:all .2s;display:flex}.project-item-title{flex:1;line-height:1.4}.project-item-year{opacity:.5;flex-shrink:0;font-size:.75rem}@media (hover:hover){.project-item:hover,.project-item.hovered{background:var(--surface-subtle);border-color:var(--border-subtle);opacity:1;transform:translate(3px)}}.project-item:focus{outline:2px solid var(--border-muted);outline-offset:2px}.project-item.selected{background:var(--surface-subtle);border-color:var(--border-subtle);opacity:1;font-weight:500}.project-item.selected .project-item-title{opacity:1}@media (hover:hover){.project-item.selected:hover{background:var(--border-subtle);border-color:var(--border-muted)}}@media (max-width:1024px){.project-list-sidebar{padding:2rem 1.5rem}.project-item{padding:.625rem .875rem;font-size:.875rem}}.project-list-chevron{border-right:1.5px solid var(--foreground);border-bottom:1.5px solid var(--foreground);opacity:.5;width:8px;height:8px;transition:transform .2s;display:none;transform:rotate(45deg)}.project-list-chevron.open{transform:rotate(-135deg)}@media (max-width:768px){.project-list-sidebar{border-right:none;border-bottom:1px solid var(--border-subtle);height:auto;padding:1.5rem 1rem}.project-list-header{cursor:pointer;justify-content:space-between;align-items:center;margin-bottom:0;transition:margin-bottom .25s;display:flex}.project-list-header:focus-visible{outline:2px solid var(--border-muted);outline-offset:2px;border-radius:3px}.project-list-sidebar:not(.collapsed) .project-list-header{margin-bottom:1rem}.project-list.project-list{gap:.125rem;max-height:0;transition:max-height .3s;overflow:hidden}.project-list-sidebar:not(.collapsed) .project-list{max-height:1000px}.project-item{padding:.625rem .875rem;font-size:.875rem}.project-item:hover{transform:none}.project-list-chevron{display:block}}
.media-gallery{columns:2;column-gap:2.75rem;margin-top:2.5rem}.media-item{break-inside:avoid;margin-bottom:2rem;display:block}.media-item:nth-child(4n+1){margin-bottom:4rem}.media-item:nth-child(4n+2){margin-bottom:1.5rem}.media-item:nth-child(4n+3){margin-bottom:3.25rem}.media-item:nth-child(4n+4){margin-bottom:2.25rem}.media-item:nth-child(odd){padding-right:.5rem}.media-item:nth-child(2n){padding-left:.5rem}.media-image,.media-video{background:var(--surface-subtle);border-radius:6px;width:100%;height:auto;display:block}.media-video{object-fit:contain;max-height:560px}.media-caption{color:var(--foreground);opacity:.5;margin:.5rem 0 0;font-size:.75rem;font-style:italic}@media (max-width:768px){.media-gallery{columns:1;column-gap:0}.media-item,.media-item:nth-child(n){margin-bottom:2rem}.media-item:nth-child(odd),.media-item:nth-child(2n){padding:0}}