.page-head{padding:calc(var(--nav-h) + clamp(3rem, 8vw, 7rem)) 0 clamp(2rem, 5vw, 4rem);isolation:isolate;position:relative;overflow:hidden}.page-head:before{content:"";z-index:-1;background:radial-gradient(50% 70% at 85% 0%, color-mix(in srgb, var(--accent) 20%, transparent), transparent 70%);position:absolute;inset:0}.page-head h1{font-size:var(--step-hero);letter-spacing:-.05em;margin:1rem 0 1.4rem;font-weight:800;line-height:.9}.page-head p{max-width:40rem}.filters{scrollbar-width:none;margin-bottom:2rem;gap:.5rem;min-height:2.9rem;margin-inline:-2px;padding:2px;display:flex;overflow-x:auto}.filters::-webkit-scrollbar{display:none}.filter{white-space:nowrap;flex:none}@media (min-width:48rem){.filters{flex-wrap:wrap;overflow:visible}}.filter{border:1.5px solid var(--line);transition:all .3s var(--ease);border-radius:999px;padding:.55rem 1.1rem;font-size:.95rem}.filter:hover{border-color:var(--fg-dim)}.filter[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.filter small{font-family:var(--font-mono);opacity:.6;margin-left:.4rem;font-size:.72rem}.coming{border-radius:var(--radius);border:1.5px dashed var(--line);background:repeating-linear-gradient(135deg, transparent 0 14px, color-mix(in srgb, var(--fg) 3.5%, transparent) 14px 28px);gap:1rem;margin-bottom:2rem;padding:clamp(1.4rem,4vw,2.6rem);display:grid}.coming h2{font-size:var(--step-3)}.coming p{color:var(--fg-dim);max-width:40rem}.coming .btn{width:-moz-fit-content;width:fit-content}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));gap:1.2rem;padding-bottom:clamp(4rem,8vw,7rem);display:grid}.project{border-radius:var(--radius);background:var(--bg-2);border:1px solid var(--line);transition:transform .5s var(--ease), border-color .3s;flex-direction:column;display:flex;position:relative;overflow:hidden}.project:hover{border-color:var(--accent-text);transform:translateY(-6px)}.project.is-leaving{opacity:0;transition:opacity .3s,transform .3s;transform:scale(.94)}.project.is-entering{animation:card-in .6s var(--ease) both;animation-delay:calc(var(--i,0) * 60ms)}@keyframes card-in{0%{opacity:0;transform:translateY(1.5rem)scale(.97)}}.project__media{aspect-ratio:16/10;background:var(--bg-3);position:relative;overflow:hidden}.project__media img{object-fit:cover;width:100%;height:100%;transition:transform .9s var(--ease), filter .5s}.project:hover .project__media img{filter:saturate(1.15);transform:scale(1.08)}.project__over{opacity:0;background:linear-gradient(#0000 40%,#0009);place-items:center;transition:opacity .4s;display:grid;position:absolute;inset:0}.project:hover .project__over,.project:focus-within .project__over{opacity:1}.project__badges{z-index:2;gap:.4rem;display:flex;position:absolute;top:.8rem;left:.8rem}.project__badges .badge.badge--feat{background:var(--accent);color:var(--on-accent)}.project__body{flex:1;align-content:start;gap:.7rem;min-height:16rem;padding:1.3rem 1.4rem 1.5rem;display:grid}.project__meta{color:var(--fg-dim);justify-content:space-between;display:flex}.project h3{font-size:var(--step-2)}.project h3 a{text-decoration:none}.project h3 a:after{content:"";z-index:3;position:absolute;inset:0}.project p{color:var(--fg-dim)}.project__tags{flex-wrap:wrap;gap:.4rem;margin-top:auto;padding-top:.6rem;display:flex}.project__tags li{border:1px solid var(--line);border-radius:999px;padding:.2rem .6rem;font-size:.7rem}.project__visit{color:var(--accent-text);align-items:center;gap:.5rem;margin-top:.4rem;font-weight:600;display:inline-flex}.project--skel{pointer-events:none}.project--skel .project__media,.project--skel i{background:linear-gradient(90deg, var(--bg-2), var(--bg-3), var(--bg-2));background-size:200% 100%;animation:1.4s linear infinite shimmer}.project--skel i{border-radius:.5rem;height:1rem;display:block}.project--skel i:first-child{width:60%;height:1.6rem}.empty{text-align:center;justify-items:center;gap:1rem;padding:5rem 1rem;display:grid}.empty h2{font-size:var(--step-3)}.empty p{color:var(--fg-dim)}.nf{text-align:center;min-height:100svh;padding:calc(var(--nav-h) + 2rem) 0 4rem;isolation:isolate;place-items:center;display:grid;position:relative;overflow:hidden}.nf:before{content:"";z-index:-1;background:radial-gradient(40% 40% at 50% 45%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 70%);position:absolute;inset:0}.nf__inner{justify-items:center;gap:1.6rem;display:grid}.nf__num{font-family:var(--font-display);letter-spacing:-.07em;align-items:center;gap:.02em;font-size:clamp(7rem,32vw,24rem);font-weight:800;line-height:.8;display:flex}.nf__num .z{border:.12em solid var(--accent);border-radius:50%;width:.62em;height:.62em;margin-inline:.04em;display:inline-block;position:relative}.nf__num .z:after{content:"";background:var(--fg);width:.2em;height:.2em;left:calc(50% - .1em + var(--ex,0em));top:calc(50% - .1em + var(--ey,0em));border-radius:50%;transition:left .1s linear,top .1s linear;position:absolute}.nf h1{font-size:var(--step-3)}.nf p{color:var(--fg-dim);max-width:32rem}.nf__ctas{flex-wrap:wrap;justify-content:center;gap:.8rem;display:flex}.nf__lost{font-family:var(--font-mono);font-size:var(--step--1);color:var(--fg-dim)}