*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--primary:#000;--bg:#f2f1ec;--bg-tint:#e6e4dc;--sheet:#f2f1ec8c;--paper-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23g)' opacity='0.5'/%3E%3C/svg%3E")}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:inherit;text-decoration:none}a:hover{text-decoration:underline}.brutalist-layout{grid-template-columns:1fr;align-content:start;max-width:700px;min-height:100vh;margin:0 auto;display:grid}.left-column,.right-column{min-width:0;padding:1rem 2rem}@media (max-width:480px){.left-column,.right-column{padding:1rem 1.25rem}}.current-project{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;min-height:0;padding-top:1rem;font-size:14px;display:flex}.current-project p{margin-bottom:.5rem}.work-list{margin:0;padding:0;list-style:none}.work-item{width:100%;color:var(--primary);text-align:left;cursor:pointer;background:0 0;border:none;padding:.2rem .25rem;font-family:inherit;font-size:14px;display:block}.work-item:hover{text-decoration:underline}.work-item.active{font-weight:600}.legend{opacity:.6;margin-top:.5rem;font-size:11px}.greeting{margin-bottom:.75rem;font-family:Courier New,Courier,monospace;font-size:14px}.about-section{margin-bottom: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:#e0e0e0;border:1px solid #888;border-radius:0;align-self:flex-start;margin:-.5rem auto 1rem 0;padding:.25rem .75rem;font-family:inherit;font-size:14px}.back-button:active{background:silver}.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}.work-section{margin-bottom:2rem}.work-section .work-role{margin-bottom:.75rem}.image-grid{flex-wrap:wrap;gap:.5rem;display:flex}.image-grid-item{cursor:pointer;background-color:var(--bg-tint);flex:calc(50% - .5rem);position:relative}.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}.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}.list-heading{text-transform:uppercase;letter-spacing:.05em;opacity:.7;margin:1.5rem 0 .5rem;font-family:Courier New,Courier,monospace;font-size:12px}.note h2{margin-bottom:.5rem;font-family:Courier New,Courier,monospace;font-size:16px;font-weight:600}.note .work-role{margin-bottom:1.5rem}.note-body{font-size:14px;line-height:1.7}.note-body h2{margin:2rem 0 .75rem;font-size:15px}.note-body h3{margin:1.5rem 0 .5rem;font-size:14px;font-weight:600}.note-body p,.note-body ul,.note-body ol,.note-body blockquote{margin-bottom:1rem}.note-body ul,.note-body ol{padding-left:1.25rem}.note-body li{margin-bottom:.25rem}.note-body blockquote{border-left:2px solid var(--primary);opacity:.8;padding-left:.75rem}.note-body img{max-width:100%;height:auto;margin-bottom:1rem;display:block}.note-body hr{border:none;border-top:1px solid var(--primary);margin:2rem 0}.note-body code{background:var(--bg-tint);padding:.1rem .25rem;font-family:Courier New,Courier,monospace;font-size:13px}.note-body pre{background:var(--bg-tint);margin-bottom:1rem;padding:.75rem;overflow-x:auto}.note-body pre code{background:0 0;padding:0}.video-background{z-index:0;cursor:grab;touch-action:none;justify-content:space-between;display:flex;position:fixed;inset:0}.video-pane{flex:0 0 calc(50% - 350px);width:calc(50% - 350px);height:100%;overflow:hidden}.video-background:active{cursor:grabbing}.video-background video{object-fit:cover;will-change:transform;width:100%;height:100%}.brutalist-layout{z-index:1;background-image:var(--paper-grain), linear-gradient(to right, #96968c47 0%, #fff0 3%, #fff0 97%, #96968c47 100%);background-blend-mode:soft-light, normal;background-color:var(--bg);position:relative;box-shadow:0 0 2rem #5a5a5029}@media (prefers-reduced-motion:reduce){.video-background{display:none}}@media (max-width:600px){.brutalist-layout{-webkit-backdrop-filter:none;min-height:0;box-shadow:none;background-color:#f2f1ec;padding-bottom:0}}.work-list li{min-width:0}.list-excerpt{opacity:.7;white-space:nowrap;text-overflow:ellipsis;margin:-.1rem 0 0;padding:0 .25rem .35rem;font-size:12px;line-height:1.5;overflow:hidden}.list-header{justify-content:space-between;align-items:baseline;display:flex}.list-header .list-heading{margin-top:0}.show-all{color:inherit;opacity:.7;cursor:pointer;background:0 0;border:none;margin-bottom:.4rem;margin-left:auto;padding:0;font-family:inherit;font-size:11px;display:block}.show-all:hover{text-decoration:underline}.work-list.expanded .list-excerpt{white-space:normal;text-overflow:clip;overflow:visible}.work-list.grid-two{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:1rem;display:grid}.work-list.grid-two li{min-width:0}.work-list.grid-two .work-item{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:600px){.work-list.grid-two{grid-template-columns:1fr 1fr}}@media (max-width:400px){.work-list.grid-two{grid-template-columns:1fr}}.work-list.grid-two.collapsed li:nth-child(n+4){display:none}@media (max-width:600px){.work-list.grid-two.collapsed li:nth-child(n+4){display:list-item}.work-list.grid-two.collapsed li:nth-child(n+5){display:none}}.brutalist-layout.bare{-webkit-backdrop-filter:none;box-shadow:none;background-color:#d6d5d2;background-image:none}.sheet-toggle{z-index:3;width:1.75rem;height:1.75rem;color:var(--primary);opacity:.45;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:1.25rem;line-height:1;position:absolute;top:.35rem;right:.4rem}.sheet-toggle:hover{opacity:1}.note-body img[src*=harmshi]{max-width:min(420px,100%)}.video-strip{display:none}@media (max-width:600px){.left-column,.right-column{padding-bottom:.25rem}.video-strip{z-index:1;background-color:#f2f1ec;gap:1px;width:100%;height:38vw;max-height:220px;display:flex;position:relative}.video-strip video{object-fit:cover;flex:50%;width:50%;height:100%}}@media (prefers-reduced-motion:reduce){.video-strip{display:none}}