*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--primary:#000;--link:#00c;--bg:#f5f0ea}html{font-family:Arial,Helvetica,sans-serif;font-size:14px}html,body{background-color:var(--bg);min-height:100vh;margin:0;padding:0}body{color:var(--primary)}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}.brutalist-layout{grid-template-columns:350px 1fr;max-width:1400px;min-height:100vh;margin:0 auto;display:grid}.left-column{border-right:1px solid var(--primary);padding:1rem}.right-column{padding:1rem}.current-project{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:calc(100vh - 2rem);font-size:14px;display:flex}.current-project p{margin-bottom:.5rem}.work-list{margin:0;padding:0;list-style:none}.work-list li{border-bottom:1px solid var(--primary)}.work-list li:first-child{border-top:1px solid var(--primary)}.work-item{width:100%;color:var(--primary);text-align:left;cursor:pointer;background:0 0;border:none;padding:.6rem .25rem;font-family:inherit;font-size:14px;display:block}.work-item:hover{color:var(--link)}.work-item.active{color:var(--link);font-weight:600}.legend{opacity:.6;margin-top:.5rem;font-size:11px}.about-section{margin-top:2rem;font-size:13px;line-height:1.6}.about-section h1{margin-bottom:.75rem;font-family:Courier New,Courier,monospace;font-size:18px;font-weight:600}.about-section p{margin-bottom:.75rem}.work-details{max-width:500px;margin-bottom:1.5rem}.back-button{cursor:pointer;color:#000;background:linear-gradient(#f0f0f0 0%,silver 50%,#a0a0a0 100%);border:1px solid #888;border-radius:0;margin-bottom:1rem;padding:.25rem .75rem;font-family:inherit;font-size:14px;box-shadow:inset 0 1px #fff3}.back-button:active{background:linear-gradient(#a0a0a0 0%,silver 50%,#e0e0e0 100%);box-shadow:inset 0 1px 2px #0003}.work-role{text-transform:uppercase;letter-spacing:.05em;opacity:.7;margin-bottom:.5rem;font-size:12px}.work-description{margin-bottom:.5rem;font-size:14px;line-height:1.6}.work-link{word-break:break-all;font-size:14px}.image-grid{column-count:3;column-gap:.5rem}.image-grid-item{cursor:pointer;opacity:.7;break-inside:avoid;background-color:#e5e0da;margin-bottom:.5rem;transition:opacity .2s;position:relative}.image-grid-item:hover,.image-grid-item.active{opacity:1}.image-grid-item img{width:100%;height:100%;transition:opacity .5s ease-in-out;display:block}.image-grid-item.thumbnail{aspect-ratio:1;overflow:hidden}.image-grid-item.detail{aspect-ratio:3/2;overflow:hidden}@media (max-width:900px){.brutalist-layout{grid-template-columns:280px 1fr}.image-grid{column-count:2}}@media (max-width:600px){.brutalist-layout{grid-template-columns:1fr}.left-column{border-right:none;border-bottom:1px solid var(--primary)}}.lightbox{z-index:1000;cursor:pointer;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-image{width:60vw;height:60vh;position:relative}.lightbox-close{color:#fff;cursor:pointer;z-index:1001;background:0 0;border:none;padding:.5rem;font-size:2rem;line-height:1;position:absolute;top:1rem;right:1rem}.lightbox-close:hover{opacity:.7}