.web-project.svelte-1w7ny0x{position:relative;display:grid;grid-template-columns:54px minmax(220px,1.3fr) minmax(210px,.8fr) auto auto;min-height:130px;align-items:center;gap:clamp(15px,2.5vw,38px);padding:20px clamp(16px,2.4vw,30px);border-bottom:1px solid rgba(183,195,214,.22);background:linear-gradient(90deg,transparent,rgba(255,255,255,.018),transparent);transition:background .18s ease}.web-project.svelte-1w7ny0x:before{position:absolute;top:0;bottom:0;left:0;width:2px;content:"";transform:scaleY(.2);background:var(--project-accent);transition:transform .18s ease}.web-project.svelte-1w7ny0x:hover{background:linear-gradient(90deg,rgba(255,255,255,.045),transparent 70%)}.web-project.svelte-1w7ny0x:hover:before{transform:scaleY(1)}.web-project__number.svelte-1w7ny0x{color:var(--project-accent);font:700 .7rem/1 var(--mono)}h3.svelte-1w7ny0x{margin:0;font:700 clamp(2rem,3vw,3.5rem)/.88 var(--display);letter-spacing:-.035em;text-transform:uppercase}h3.svelte-1w7ny0x a:where(.svelte-1w7ny0x){text-decoration:none}p.svelte-1w7ny0x{margin:5px 0 0;color:var(--muted);font:700 .57rem/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase}.web-project__identity.svelte-1w7ny0x small:where(.svelte-1w7ny0x){display:block;max-width:48ch;margin-top:9px;color:var(--muted-dark);font:400 .72rem/1.45 var(--body);letter-spacing:0;text-transform:none}.web-project__stack.svelte-1w7ny0x{display:flex;flex-wrap:wrap;gap:7px 12px;color:var(--muted);font:400 .59rem/1.2 var(--mono);text-transform:uppercase}.web-project__stack.svelte-1w7ny0x span:where(.svelte-1w7ny0x)+span:where(.svelte-1w7ny0x):before{margin-right:12px;color:var(--steel);content:"/"}.web-project.svelte-1w7ny0x>a.web-project__visit:where(.svelte-1w7ny0x){display:flex;min-height:42px;align-items:center;gap:9px;padding:0 12px;border:1px solid rgba(198,207,221,.3);border-radius:2px;color:var(--silver);background:linear-gradient(180deg,#2b323e,#0a0d14);font:700 .58rem/1 var(--mono);letter-spacing:.08em;text-decoration:none}.web-project__identity.svelte-1w7ny0x h3:where(.svelte-1w7ny0x) a:where(.svelte-1w7ny0x):hover,.web-project__visit.svelte-1w7ny0x:hover{color:var(--cyan)}@media(max-width:1100px){.web-project.svelte-1w7ny0x{grid-template-columns:40px 1fr auto}.web-project__stack.svelte-1w7ny0x{grid-column:2}.web-project.svelte-1w7ny0x>.project-status{grid-column:3;grid-row:1}.web-project.svelte-1w7ny0x>a.web-project__visit:where(.svelte-1w7ny0x){grid-column:3;grid-row:2}}@media(max-width:600px){.web-project.svelte-1w7ny0x{grid-template-columns:28px 1fr;min-height:0;padding-block:24px}.web-project__stack.svelte-1w7ny0x,.web-project.svelte-1w7ny0x>.project-status,.web-project.svelte-1w7ny0x>a.web-project__visit:where(.svelte-1w7ny0x){grid-column:2;grid-row:auto;justify-self:start}}