.tags-filter{margin-bottom:var(--space-m);padding:var(--space-m)0}.tags-list{display:flex;flex-wrap:wrap;gap:var(--space-xs);list-style:none}.tag-item{transition:all .25s ease-out allow-discrete;opacity:1;transform:scale(1);will-change:opacity,transform}.tag-item.hidden{display:none;opacity:0;transform:scale(.9)}@starting-style{.tag-item{opacity:0;transform:scale(.9)}}.tag-button{font-family:var(--font-vt323),monospace;font-weight:400;font-style:normal;text-transform:uppercase;font-size:20px;line-height:1;letter-spacing:.035rem;display:inline-block;text-align:center;color:var(--color-text-muted);background:0 0;border-radius:100px;border:1px solid var(--color-border);padding:6px 8px;position:relative;cursor:pointer;transition:all .2s ease;white-space:nowrap;text-box:trim-both cap alphabetic}.tag-button:hover{background:var(--hover-background);border-color:var(--color-border-hover);color:var(--color-text)}.tag-button.active{background:var(--accent);border-color:var(--accent);color:var(--color-background)}.tag-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tag-button.show-more{border-style:dashed}.tag-button.show-more:hover{border-style:solid}@media screen and (max-width:660px){.tags-filter{margin-bottom:.875rem;padding:.5rem 0}.tags-list{gap:var(--space-3xs)}.tag-button{font-size:18px;padding:5px 7px}}.year-text[data-astro-cid-cmjwoeu4]{position:absolute;bottom:.25rem;left:.75rem;font-size:3rem;font-weight:700;color:#c1c7cf}main{--page-width:1000px;max-width:calc(var(--page-width, 700px) + var(--main-padding)*2)}.featured-work{transition:opacity .3s ease-out,transform .3s ease-out}.featured-work.featured-layout{grid-column:1/-1;display:grid;grid-template-columns:3fr 1fr;gap:var(--space-m);margin-bottom:var(--space-xl)}.featured-text h3{text-transform:uppercase;font-style:italic;font-weight:100}.featured-text svg{color:var(--color-text-muted);width:80%;height:auto;pointer-events:none}@media screen and (max-width:660px){.featured-work.featured-layout{grid-template-columns:1fr;margin-bottom:var(--space-m);width:100%;margin-left:auto;margin-right:auto}.featured-work.featured-layout .featured-text{display:none}}@media screen and (max-width:900px){.works-grid{grid-template-columns:1fr;justify-items:center}.works-grid .work-item,.year-separator{width:100%}}.works-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,400px),1fr));gap:var(--space-l);list-style-type:none;padding:0;margin-block:var(--space-xl);justify-items:center}.work-item a{color:inherit;text-decoration:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;display:block;height:100%}.work-item{position:relative;aspect-ratio:1.6;container-type:inline-size;container-name:work-item;border:2px solid var(--color-border);border-radius:var(--border-radius);overflow:hidden}.works-grid .work-item{max-width:500px;width:100%}.work-image{width:100%;height:auto}.work-image img{width:100%;height:100%;object-fit:cover;display:block;will-change:transform}.work-overlay{width:100%;padding:var(--space-xs);position:absolute;top:0;left:0;margin:0;background:#0506078c;opacity:0}.work-description{color:#f7f8fc;font-size:clamp(.5rem,3cqi,.938rem);text-wrap:balance;max-width:80%;line-height:1.2;font-weight:700;text-transform:uppercase;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;text-overflow:ellipsis}.work-content{position:absolute;bottom:-1px;left:0;right:0;padding:var(--space-xs);padding-top:var(--space-xl)}.work-content:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent,#161616);mask-image:linear-gradient(to top,#161616 35%,transparent);z-index:1}.work-content .work-title{position:relative;z-index:2;color:#f1f1f1;word-spacing:-.2ch;text-wrap:balance;line-height:1;text-transform:capitalize;font-size:clamp(1rem,5cqi,1.5rem);font-weight:unset}.work-content .work-date{position:relative;z-index:2;color:#b9b9b9;font-size:clamp(.75rem,4cqi,1rem)}.year-separator{pointer-events:none;cursor:default;user-select:none;max-width:500px;width:100%}@media screen and (hover:hover){.work-item:not(.year-separator){transition:transform .2s ease-in-out}.work-overlay{transition:opacity .2s ease}.work-item:not(.year-separator) img{transition:transform .2s ease-in-out}.work-item:not(.year-separator):hover{transform:translateY(-10px)}.work-item:hover .work-overlay{opacity:1}.work-item:not(.year-separator):hover img{transform:translateZ(0)}}@media screen and (hover:none){.work-overlay{opacity:1}}