.projects{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin:36px 0 0;padding:0;list-style:none;display:grid}.projects>li{display:flex}.project{--c-canvas:rgb(var(--canvas-rgb));--c-surface:rgb(var(--surface-rgb));--c-ink:rgb(var(--ink-rgb));--c-muted:var(--muted);--c-border:var(--border);--c-accent:rgb(var(--accent-rgb));--c-radius:18px;--c-font:var(--font-prose);border:1px solid var(--c-border);border-radius:var(--c-radius);background:var(--c-canvas);width:100%;color:var(--c-ink);font-family:var(--c-font);flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.project:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.project-body{flex-direction:column;flex:1;gap:10px;padding:22px 24px 24px;display:flex}.project-head{align-items:center;gap:12px;display:flex}.project-icon{flex:none;width:36px;height:36px}.project-name{font-size:28px;font-weight:700;line-height:1.1}.project-tag{color:var(--c-muted);font-size:13px}.project-line{font-size:16px;line-height:1.5}.project-link{color:var(--c-accent);margin-top:auto;padding-top:8px;font-size:15px;font-weight:600}.project:hover .project-link{text-underline-offset:3px;text-decoration:underline}.figure{border-bottom:1px solid var(--c-border);flex:none;height:168px;display:block;overflow:hidden}.project[data-project=pourquoipas]{--pp-canvas:245, 232, 209;--pp-surface:251, 245, 234;--pp-ink:12, 27, 41;--pp-stamp:204, 140, 71;--pp-link:20, 61, 76;--c-canvas:rgb(var(--pp-canvas));--c-surface:rgb(var(--pp-surface));--c-ink:rgb(var(--pp-ink));--c-muted:rgba(var(--pp-ink), .64);--c-border:rgba(var(--pp-ink), .14);--c-accent:rgb(var(--pp-link));--c-radius:2px}:root[data-theme=dark] .project[data-project=pourquoipas]{--pp-canvas:12, 27, 41;--pp-surface:19, 40, 58;--pp-ink:241, 228, 204;--pp-link:127, 191, 208}.project[data-project=pourquoipas] .project-name{font-family:Playfair Display Variable,Georgia,serif;font-size:32px;font-style:italic;font-weight:500}.project[data-project=pourquoipas] .project-icon{border-radius:22%}.project[data-project=pourquoipas] .project-tag,.project[data-project=pourquoipas] .project-link{letter-spacing:.1em;text-transform:uppercase;font-family:Fira Sans Condensed,sans-serif;font-weight:600}.board{background:rgba(var(--pp-ink), .05);grid-template-columns:repeat(3,1fr);align-content:center;gap:10px;padding:18px;display:grid}.board-col{flex-direction:column;gap:8px;display:flex}.board-name{background:rgba(var(--pp-ink), .4);width:55%;height:6px;margin:4px 0}.board-card{background:rgb(var(--pp-surface));border-radius:2px;flex-direction:column;gap:6px;padding:10px;display:flex;box-shadow:0 2px 6px -2px #0c1b2929}.board-card i{background:rgba(var(--pp-ink), .28);height:5px}.board-card i.short{width:60%}.board-card.asking{background:rgba(var(--pp-stamp), .22);box-shadow:inset 3px 0 0 rgb(var(--pp-stamp))}.board-card.working{box-shadow:inset 0 -2px 0 rgb(var(--pp-link))}.project[data-project=savoia]{--sv-canvas:13, 19, 38;--sv-surface:24, 33, 62;--sv-ink:234, 239, 250;--sv-accent:255, 96, 82;--sv-sky:21, 130, 240;--sv-glow:244, 124, 52;--c-canvas:rgb(var(--sv-canvas));--c-surface:rgb(var(--sv-surface));--c-ink:rgb(var(--sv-ink));--c-muted:rgba(var(--sv-ink), .68);--c-border:rgba(var(--sv-ink), .12);--c-accent:rgb(var(--sv-accent));--c-radius:14px;--c-font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter Variable", system-ui, sans-serif;background:radial-gradient(420px 260px at 0% 0%, rgba(var(--sv-sky), .3), transparent 70%), radial-gradient(380px 240px at 100% 0%, rgba(var(--sv-glow), .22), transparent 70%), var(--c-canvas)}:root[data-theme=light] .project[data-project=savoia]{--sv-canvas:238, 244, 253;--sv-surface:255, 255, 255;--sv-ink:16, 24, 44;--sv-accent:200, 20, 26;--sv-sky:11, 100, 200;--sv-glow:255, 160, 90}.project[data-project=savoia] .project-name{letter-spacing:-.025em;font-weight:700}.project[data-project=savoia] .project-icon{border-radius:22%}.project[data-project=savoia] .figure{border-bottom:0;padding:20px 20px 0}.win{border:1px solid var(--c-border);background:var(--c-surface);border-bottom:0;border-radius:12px 12px 0 0;flex-direction:column;display:flex;overflow:hidden}.win-tabs{background:rgba(var(--sv-ink), .05);align-items:center;gap:5px;padding:9px 10px 0;display:flex}.win-dots{gap:5px;margin-right:8px;display:flex}.win-dots i{background:rgba(var(--sv-ink), .22);border-radius:50%;width:8px;height:8px}.win-group{background:rgb(var(--group-rgb));border-radius:999px;width:30px;height:12px;margin:0 1px 6px 4px}.win-tab{background:rgba(var(--sv-ink), .08);border-radius:7px 7px 0 0;width:42px;height:20px}.win-tab.on{background:var(--c-surface)}.win-bar{border-bottom:1px solid var(--c-border);align-items:center;gap:8px;padding:8px 10px;display:flex}.win-address{background:rgba(var(--sv-ink), .1);border-radius:999px;flex:1;height:12px}.win-shield{background:var(--c-accent);border-radius:4px;flex:none;width:12px;height:12px}.win-split{background:var(--c-border);flex:1;grid-template-columns:1fr 1fr;gap:1px;display:grid}.win-page{background:var(--c-surface);flex-direction:column;gap:6px;padding:12px 12px 0;display:flex}.win-page.on{box-shadow:inset 0 2px 0 var(--c-accent)}.win-line{background:rgba(var(--sv-ink), .16);border-radius:1px;flex:none;height:5px}.win-line.head{background:rgba(var(--sv-ink), .34);width:55%;height:7px}.win-line.w-90{width:90%}.win-line.w-75{width:75%}.win-line.w-60{width:60%}.win-ask{background:var(--c-canvas);border:1px solid rgba(var(--sv-ink), .26);border-radius:999px;height:18px;margin:-30px 14px 12px;position:relative;box-shadow:0 12px 28px -10px #00000080}.win-ask:before{content:"";background:rgba(var(--sv-ink), .3);border-radius:1px;width:40%;height:4px;position:absolute;top:6px;left:9px}.project[data-project=blu]{--blu-glow-1:#3873ff38;--blu-glow-2:#9e5cff29;--blu-blob-glow:45%;--blu-blue:#3873ff;--blu-red:#ff4550;--blu-green:#33d97a;--blu-yellow:#ffd433;--blu-purple:#9e5cff;--c-canvas:#07090f;--c-surface:#0e121c;--c-ink:#e9edf6;--c-muted:#98a2b8;--c-border:#ffffff14;--c-accent:#8fb0ff;--c-radius:22px;--c-font:ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif;background:radial-gradient(360px 240px at 85% -10%, var(--blu-glow-1), transparent 60%), radial-gradient(300px 220px at -10% 40%, var(--blu-glow-2), transparent 60%), var(--c-canvas)}:root[data-theme=light] .project[data-project=blu]{--blu-glow-1:#3873ff24;--blu-glow-2:#9e5cff1a;--blu-blob-glow:65%;--c-canvas:#f6f7fb;--c-surface:#fff;--c-ink:#10131c;--c-muted:#5b6478;--c-border:#10131c1a;--c-accent:#2557d6}.project[data-project=blu] .project-name{letter-spacing:-.02em;font-family:ui-rounded,SF Pro Rounded,-apple-system,sans-serif}.blobs{position:relative}.blob{--c:var(--blu-blue);background:radial-gradient(circle at 34% 30%, #ffffffbf, transparent 28%), radial-gradient(circle at 50% 55%, var(--c), color-mix(in oklab, var(--c), black 45%) 100%);width:54px;height:54px;box-shadow:0 0 26px color-mix(in oklab, var(--c), transparent var(--blu-blob-glow)), inset -4px -6px 12px #0000004d;animation:wobble calc(5s + var(--i) * .7s) ease-in-out infinite, drift calc(9s + var(--i) * 1.3s) ease-in-out infinite alternate;border-radius:48% 52% 55% 45%/50% 45% 55% 50%;position:absolute}.blob-blue{--c:var(--blu-blue);top:22%;left:10%}.blob-red{--c:var(--blu-red);width:44px;height:44px;top:12%;left:58%}.blob-green{--c:var(--blu-green);width:48px;height:48px;top:56%;left:76%}.blob-yellow{--c:var(--blu-yellow);width:40px;height:40px;top:62%;left:30%}.blob-purple{--c:var(--blu-purple);width:50px;height:50px;top:36%;left:40%}.blob.active{width:70px;height:70px;box-shadow:0 0 50px color-mix(in oklab, var(--c), transparent 20%), inset -4px -6px 12px #0000004d}@keyframes wobble{0%,to{border-radius:48% 52% 55% 45%/50% 45% 55% 50%}33%{border-radius:56% 44% 46% 54%/44% 56% 46% 54%}66%{border-radius:44% 56% 52% 48%/56% 48% 52% 44%}}@keyframes drift{0%{translate:0}to{translate:8px -10px}}@media (prefers-reduced-motion:reduce){.blob{animation:none}.project{transition:none}}
