.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px;display:grid}.sales-ui .project-card{border:1px solid var(--hub-border);border-radius:var(--radius-sm);background:var(--sales-panel);min-width:0;transition:border-color var(--dur-fast) var(--ease-out);flex-direction:column;padding:16px;display:flex;overflow:hidden}.sales-ui .project-card:hover,.sales-ui .project-card:focus-within{border-color:#5c5243}.project-preview{aspect-ratio:1.95;border-radius:var(--radius-xs);background:#292823;border:1px solid #ffffff12;display:block;position:relative;overflow:hidden}.project-card[data-project=cafe] .project-preview{background:#bcb09a}.project-card[data-project=saas] .project-preview{background:#b4bccf}.project-card[data-project=ec] .project-preview{background:#b6c1b0}.project-card[data-project=inbox] .project-preview{background:#183b40}.project-card[data-project=creative] .project-preview{background:#665cac}.project-preview .preview-desktop{width:100%;height:auto;transition:transform var(--dur-image) var(--ease-out);display:block}.project-preview .preview-mobile{border-radius:var(--radius-sm);width:25%;height:auto;transition:transform var(--dur-slow) var(--ease-out);border:4px solid #111512;position:absolute;top:19%;right:5%;box-shadow:0 6px 20px #0003}.project-card:hover .preview-desktop{transform:scale(1.02)}.project-card:hover .preview-mobile{transform:translateY(-6px)}.sales-ui .project-card-copy{flex-direction:column;flex:1;padding:26px 12px 8px;display:flex}.sales-ui .project-card-meta{font-size:var(--text-caption);letter-spacing:.04em;color:var(--hub-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.sales-ui .project-card-meta span:last-child{font:600 var(--text-label) / 1 var(--font-display);letter-spacing:var(--tracking-label)}.sales-ui .project-card h3{font:700 clamp(24px, 2.4vw, 34px) / 1.2 var(--font-display);letter-spacing:-.04em;color:var(--hub-ink);margin:16px 0 0}.sales-ui .project-card h3 a{transition:color var(--dur-fast) var(--ease-out)}.sales-ui .project-card h3 a:hover{color:var(--hub-accent)}.sales-ui .project-card h3 small{font:500 var(--text-small) / 1.6 var(--font-body);letter-spacing:.02em;color:var(--hub-muted);margin-top:8px;display:block}.sales-ui .project-card-copy>p{color:var(--hub-ink);margin-top:12px;font-size:14px;line-height:1.8}.sales-ui .project-card-tags{flex-wrap:wrap;gap:6px;margin-block:18px 22px;display:flex}.sales-ui .project-card-tags span{border:1px solid var(--hub-border);border-radius:var(--radius-pill);font:500 var(--text-label) / 1.4 var(--font-display);letter-spacing:.02em;color:var(--hub-muted);background:0 0;padding:4px 10px}.project-estimate{border-top:1px solid var(--hub-border);grid-template-columns:1fr 1fr;gap:16px;margin:auto 0 0;padding-top:18px;display:grid}.project-estimate dt{font-size:var(--text-caption);letter-spacing:.02em;color:var(--hub-muted)}.project-estimate dd{color:var(--hub-ink);margin:6px 0 0;font-size:16px;font-weight:650;line-height:1.5}.project-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.project-actions a{border:1px solid var(--hub-border);border-radius:var(--radius-sm);min-height:48px;font-size:var(--text-small);color:var(--hub-ink);transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);flex:calc(50% - 5px);justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-weight:600;display:flex;position:relative}.project-actions a:hover{border-color:var(--hub-accent);background:var(--hub-accent);color:var(--sales-on-accent)}.project-actions a[data-live-demo]{border-color:color-mix(in srgb, var(--hub-accent) 45%, var(--hub-border))}.project-actions a[data-live-demo]:before{content:"";background:var(--hub-accent);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb, var(--hub-accent) 22%, transparent);border-radius:50%}.project-actions a[data-live-demo]:hover:before{background:var(--sales-on-accent);box-shadow:none}@media (min-width:901px){.project-grid>.project-card:last-child:nth-child(odd){grid-column:1/-1;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:stretch;gap:8px 28px;display:grid}.project-grid>.project-card:last-child:nth-child(odd) .project-preview{align-self:start}.project-grid>.project-card:last-child:nth-child(odd) .project-card-copy{padding:12px 12px 8px 0}}@media (max-width:900px){.project-grid{grid-template-columns:1fr;gap:24px}.sales-ui .project-card{padding:12px}.project-preview{aspect-ratio:1.5}.sales-ui .project-card-copy{padding:20px 8px 6px}.sales-ui .project-card h3{font-size:26px}.sales-ui .project-card h3 span{margin-top:4px;font-size:19px;display:block}.project-estimate dd{font-size:15px}}@media (prefers-reduced-motion:reduce){.project-card *,.project-card{transition:none!important}.project-card:hover .preview-desktop,.project-card:hover .preview-mobile{transform:none}}.project-actions a.project-working{border-color:var(--hub-accent);background:var(--hub-accent);color:var(--sales-on-accent)}.project-actions a.project-working:hover{background:color-mix(in srgb, var(--hub-accent) 82%, #000);border-color:color-mix(in srgb, var(--hub-accent) 82%, #000)}