@layer components{.work-projects{inline-size:100%;max-inline-size:64rem;margin-inline:auto;padding-block-end:11rem;padding-inline:1.25rem;position:relative}@media (min-width:40rem){.work-projects{padding-block-start:0;padding-inline:2rem}}.work-projects__preview{z-index:40;border:1px solid var(--foreground);background:var(--background);pointer-events:none;inline-size:300px;display:none;position:fixed;inset-block-start:0;inset-inline-start:0;box-shadow:0 16px 60px #000000b3}@media (pointer:fine){.work-projects__preview{display:block}}.work-projects__preview-header{border-block-end:1px solid var(--border);text-transform:uppercase;letter-spacing:.18em;color:var(--muted-foreground);justify-content:space-between;align-items:center;padding:.375rem .75rem;font-size:10px;display:flex}.work-projects__preview-idx{color:var(--faint-foreground)}.work-projects__preview-img{background:color-mix(in srgb, var(--foreground) 10%, transparent);inline-size:100%;overflow:hidden}.work-projects__preview-img img{block-size:auto;inline-size:100%;display:block}.work-projects__header{align-items:center;gap:var(--space-2);letter-spacing:.22em;color:var(--faint-foreground);font-size:11px;display:flex}.work-projects__blink{animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.work-projects__heading-row{justify-content:space-between;align-items:flex-end;gap:var(--space-6);flex-wrap:wrap;display:flex}@media (min-width:40rem){.work-projects__heading-row{margin-block-start:5rem}}.work-projects__title{font-family:var(--font-krypton);color:var(--foreground);margin:0;font-size:clamp(2.25rem,1.5rem + 5vw,5rem)}.work-projects__count{color:var(--foreground);padding-block-end:var(--space-2);font-size:14px}.work-projects__description{max-inline-size:36rem;color:var(--foreground);margin-block-start:var(--space-6);font-size:13px;line-height:1.7}.work-projects__hint{color:var(--foreground);font-style:normal;font-weight:700}.work-projects__hint--hover{display:none}@media (pointer:fine){.work-projects__hint--hover{display:inline}.work-projects__hint--touch{display:none}}.work-projects__filters{gap:var(--space-2);flex-wrap:wrap;margin-block-start:var(--space-10);display:flex}.work-projects__filter{border:1px solid var(--foreground);text-transform:uppercase;letter-spacing:.16em;color:var(--foreground);cursor:pointer;background:0 0;border-radius:0;padding:.375rem 1rem;font-size:11px;transition:color .2s,border-color .2s,background .2s}.work-projects__filters .work-projects__filter:hover,.work-projects__filters .work-projects__filter--active{border-color:var(--foreground);background:var(--foreground);color:var(--background)}.work-projects__list{border-block-start:1px solid var(--foreground);margin-block-start:var(--space-10)}.work-projects__item{align-items:baseline;gap:var(--space-4);inline-size:100%;min-inline-size:0;padding:var(--space-6) var(--space-1);text-align:start;cursor:crosshair;color:inherit;background:0 0;border:none;border-radius:0;grid-template-columns:auto 1fr auto;font-family:inherit;transition:background .2s;display:grid;white-space:normal!important;height:auto!important}.work-projects__item:hover{background:color-mix(in srgb, var(--foreground) 4.5%, transparent)}@media (min-width:40rem){.work-projects__item{gap:var(--space-6);padding-block:var(--space-8);grid-template-columns:3rem 1.1fr 1.6fr 4rem 2rem}}.work-projects__idx{letter-spacing:.2em;color:var(--foreground);font-size:11px;transition:color .2s}.work-projects__item:hover .work-projects__idx{color:var(--foreground)}.work-projects__info{min-width:0;inline-size:100%;overflow:hidden}.work-projects__name{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-4);letter-spacing:-.02em;color:var(--foreground);font-weight:700;display:block;overflow:hidden}@media (min-width:40rem){.work-projects__name{font-size:var(--text-3)}}.work-projects__tags{flex-wrap:wrap;gap:.375rem;margin-block-start:var(--space-2);display:flex}.work-projects__tag{border:1px solid var(--foreground);color:var(--foreground);letter-spacing:.04em;padding:.125rem .5rem;font-size:11px}.work-projects__desc{min-width:0;overflow-wrap:break-word;inline-size:100%;color:var(--foreground);font-size:12px;line-height:1.7;display:none}@media (min-width:40rem){.work-projects__desc{display:block}}.work-projects__year{letter-spacing:.14em;color:var(--foreground);font-size:11px}.work-projects__arrow{color:var(--foreground);place-self:center end;transition:transform .3s,color .3s;display:none}.work-projects__item:hover .work-projects__arrow{color:var(--foreground);transform:translate(4px)}@media (min-width:40rem){.work-projects__arrow{display:block}.work-projects__arrow svg{width:18px;height:18px}}.work-projects__accordion{transition:grid-template-rows .4s ease-out;display:grid;overflow:hidden}@media (min-width:40rem){.work-projects__accordion.md-hidden{display:none}}.work-projects__accordion-inner{min-block-size:0}.work-projects__accordion-content{margin:0 var(--space-1) var(--space-6);border:1px solid var(--foreground)}.work-projects__accordion-img{background:color-mix(in srgb, var(--foreground) 10%, transparent);inline-size:100%;overflow:hidden}.work-projects__accordion-img img{block-size:auto;inline-size:100%;display:block}.work-projects__accordion-body{border-block-start:1px solid var(--foreground);padding:var(--space-4)}.work-projects__accordion-desc{color:var(--foreground);font-size:12px;line-height:1.7}.work-projects__accordion-links{text-transform:uppercase;letter-spacing:.16em;justify-content:center;gap:1.25rem;margin-block-start:var(--space-4);font-size:11px;display:flex}.work-projects__accordion-link{color:var(--foreground);align-items:center;gap:.25rem;text-decoration:none;display:inline-flex}.work-projects__accordion-arrow{transition:transform .3s}.work-projects__accordion-link:hover .work-projects__accordion-arrow{transform:translate(2px)}.work-projects__footer{text-align:center;text-transform:uppercase;letter-spacing:.24em;color:var(--faint-foreground);margin-block-start:var(--space-8);font-size:10px}.proj-head{opacity:0}}
@layer components{.work-view{flex-direction:column;min-block-size:100dvh;display:flex;position:relative}}