@layer theme,base;@layer components{.vp-page{background-color:var(--vp-bg);color:var(--vp-ink);--color-ink:var(--vp-ink);--color-ink-muted:var(--vp-muted);--projects-rule:var(--vp-rule);position:relative}.vp-page:before{content:"";pointer-events:none;opacity:var(--vp-grain-opacity);mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}:root:not([data-theme=light]) .vp-page:before{mix-blend-mode:screen}.vp-header{border-bottom:1px solid var(--vp-rule);background:0 0}.vp-page .projects-nav-link:not([aria-current=page]){background:color-mix(in oklab, var(--vp-bg) 80%, transparent)}.vp-heading{font-family:var(--font-sans);letter-spacing:-.045em;text-wrap:balance;overflow-wrap:anywhere;font-size:clamp(2.6rem,8vw,6.25rem);font-weight:800;line-height:.95}.vp-section{padding-block:2.5rem 6rem;position:relative}.vp-browse{grid-template-columns:minmax(0,1fr);gap:1.75rem;display:grid}@media (min-width:1024px){.vp-browse{grid-template-columns:12.5rem minmax(0,1fr);align-items:start;gap:3.5rem}}.vp-toolbar{flex-direction:column;gap:.9rem;display:flex}@media (min-width:1024px){.vp-toolbar{top:calc(var(--projects-header-h) + 1.5rem);gap:1.5rem;position:sticky}}.vp-toolbar-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;display:flex}@media (min-width:1024px){.vp-toolbar-top{flex-direction:column;align-items:stretch}}.vp-results{font-size:var(--text-sm);color:var(--vp-muted)}@media (min-width:1024px){.vp-results{border-top:1px solid var(--vp-rule);padding-top:.75rem}}.vp-tabs{gap:1.25rem;display:flex}@media (min-width:1024px){.vp-tabs{flex-direction:column;gap:.25rem}.vp-tab{justify-content:space-between;width:100%}}.vp-tab{min-height:2.75rem;font-family:var(--font-sans);letter-spacing:-.02em;color:var(--vp-muted);align-items:baseline;gap:.4rem;font-size:clamp(1.25rem,2.4vw,1.6rem);font-weight:700;transition:color .2s,box-shadow .2s;display:inline-flex;box-shadow:inset 0 -2px #0000}.vp-tab:hover{color:var(--vp-ink)}.vp-tab[aria-pressed=true]{color:var(--vp-ink);box-shadow:inset 0 -2px 0 var(--vp-accent)}.vp-count{font-family:var(--font-mono);font-size:calc(.75rem * var(--text-scale));color:var(--vp-muted);font-weight:400}.vp-chips{scrollbar-width:none;gap:.4rem;margin-inline:-1rem;padding:.15rem 1rem;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);mask-image:linear-gradient(90deg,#000 85%,#0000)}.vp-chips::-webkit-scrollbar{display:none}@media (min-width:640px){.vp-chips{margin-inline:-1.5rem;padding-inline:1.5rem}}@media (min-width:1024px){.vp-chips{flex-direction:column;gap:.15rem;margin-inline:0;padding-inline:0;overflow:visible;-webkit-mask-image:none;mask-image:none}.vp-chips .vp-chip{text-align:left;border-color:#0000;border-radius:.6rem;width:100%;padding-inline:.85rem}.vp-chips .vp-chip:hover{border-color:var(--vp-rule)}}.vp-chip{white-space:nowrap;border:1px solid var(--vp-rule);min-height:2.5rem;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--vp-muted);border-radius:9999px;flex-shrink:0;padding-inline:1rem;font-weight:600}.vp-chip:hover{color:var(--vp-ink);border-color:var(--vp-accent)}.vp-chip[aria-pressed=true]{background:var(--vp-ink);border-color:var(--vp-ink);color:var(--vp-bg)}.vp-grid{columns:1;column-gap:2rem}@media (min-width:640px){.vp-grid{columns:2}}@media (min-width:1280px){.vp-grid{columns:3;column-gap:2.25rem}}.vp-item{break-inside:avoid;margin-bottom:2.5rem}.vp-button{text-align:left;cursor:zoom-in;width:100%;display:block}.vp-frame{background:var(--vp-mat);justify-content:center;padding:clamp(.6rem,1.4vw,1rem);transition:translate .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s;display:flex;box-shadow:0 1px #0000000f,0 18px 34px -22px #0000008c}.vp-button:hover .vp-frame,.vp-button:focus-visible .vp-frame{translate:0 -4px;box-shadow:0 1px #0000000f,0 26px 40px -22px #0009}.vp-img{width:100%;height:auto;display:block}.vp-caption{flex-direction:column;gap:.2rem;margin-top:.85rem;display:flex}.vp-title{font-family:var(--font-sans);color:var(--vp-ink);font-weight:700}.vp-meta{font-size:var(--text-sm);color:var(--vp-muted)}.vp-page :focus-visible{outline-color:var(--vp-accent)}}@layer utilities;:root{--vp-bg:#1e1915;--vp-ink:#f1e9df;--vp-muted:#c3b3a2;--vp-accent:#e3a07f;--vp-rule:#f1e9df2e;--vp-mat:#2b241e;--vp-grain-opacity:.06}:root[data-theme=light]{--vp-bg:#ebe4d9;--vp-ink:#2a221c;--vp-muted:#5f5249;--vp-accent:#8f4526;--vp-rule:#2a221c29;--vp-mat:#faf6ef;--vp-grain-opacity:.08}@media (prefers-reduced-motion:reduce){.vp-button:hover .vp-frame,.vp-button:focus-visible .vp-frame{translate:none}}:root[data-a11y-motion=reduce] :is(.vp-button:hover .vp-frame,.vp-button:focus-visible .vp-frame){translate:none}:root[data-a11y-contrast=high]{--vp-bg:#000;--vp-ink:#fff;--vp-muted:#f2f5fc;--vp-accent:var(--color-yellow);--vp-rule:#fff;--vp-mat:#000}:root[data-a11y-contrast=high] .vp-page:before{display:none}:root[data-a11y-contrast=high] .vp-frame{box-shadow:none;border:1px solid #fff}@media (forced-colors:active){.vp-page:before{display:none}.vp-tab[aria-pressed=true],.vp-chip[aria-pressed=true]{border:2px solid highlight}}