.reveal{opacity:0;transform:translateY(16px);transition:all .6s cubic-bezier(.2,0,0,1)}.reveal.visible{opacity:1;transform:translateY(0)}.group-header{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:14px;margin-bottom:28px;padding-bottom:18px;border-bottom:2px solid var(--border)}.group-header .left{display:flex;flex-direction:column;gap:6px}.group-header .left .lab{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;display:flex;align-items:center;gap:10px}.group-header .left .lab .dot{width:8px;height:8px}.group-header .left .lab.live{color:var(--green)}.group-header .left .lab.live .dot{background:var(--green);animation:pulse-dot 1.6s infinite}.group-header .left .lab.shipped{color:var(--text-secondary)}.group-header .left .lab.shipped .dot{background:var(--text-secondary)}.group-header .left h2{font-family:Space Grotesk,sans-serif;font-size:clamp(26px,3.2vw,34px);font-weight:600;color:var(--text-primary);letter-spacing:-.02em;line-height:1.15}.group-header .right{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.12em;color:var(--text-dim);text-transform:uppercase}.group-header .right .v{color:var(--green)}.group-header .left .lab.client{color:#dc2626}.group-header .left .lab.client .dot{background:#dc2626}.client-card{background:var(--bg-card);border:1px solid var(--border);position:relative;margin-bottom:24px;transition:all .4s cubic-bezier(.2,0,0,1);overflow:hidden}.client-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:#dc2626;opacity:.85}.client-card:hover{border-color:#dc2626;transform:translateY(-3px);box-shadow:0 12px 36px #0006}.cc-top{display:grid;grid-template-columns:220px 1fr;gap:0;align-items:stretch}@media(max-width:720px){.cc-top{grid-template-columns:1fr}}.cc-logo{background:var(--bg-tertiary);border-right:1px solid var(--border);padding:28px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:160px}@media(max-width:720px){.cc-logo{border-right:none;border-bottom:1px solid var(--border);min-height:110px}}.cc-logo .mark{font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.cc-logo .mark .acc{color:#dc2626}.cc-logo .meta{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.14em;color:var(--text-dim);text-transform:uppercase;text-align:center}.cc-body{padding:26px 30px;display:flex;flex-direction:column;gap:14px}.cc-body .row1{display:flex;align-items:center;gap:10px;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.14em;color:var(--text-dim);text-transform:uppercase;flex-wrap:wrap}.cc-body .row1 .status{padding:3px 8px;border:1px solid #dc2626;color:#dc2626}.cc-body h3{font-family:Space Grotesk,sans-serif;font-size:clamp(20px,1.7vw,28px);font-weight:600;color:var(--text-primary);letter-spacing:-.015em;line-height:1.2}.cc-body p{font-family:IBM Plex Sans,sans-serif;font-size:clamp(14px,1.05vw,17.5px);color:var(--text-secondary);line-height:1.65}.cc-body p strong{color:var(--text-primary)}.cc-stack{display:flex;gap:5px;flex-wrap:wrap}.cc-stack .chip{font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary)}.cc-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;padding-top:16px;border-top:1px solid var(--border);margin-top:4px}.cc-btn{display:inline-flex;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;padding:10px 16px;background:#dc2626;color:#fff;transition:all .15s}.cc-btn:hover{background:#991b1b;transform:translateY(-2px)}.cc-btn.ghost{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.cc-btn.ghost:hover{border-color:#dc2626;color:#dc2626}.cc-numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border-top:1px solid var(--border)}.cc-numbers .m{background:var(--bg-card);padding:14px 18px}.cc-numbers .m .k{font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.12em;color:var(--text-dim);text-transform:uppercase;margin-bottom:3px}.cc-numbers .m .v{font-family:Space Grotesk,sans-serif;font-size:clamp(15px,1.2vw,19px);font-weight:600;color:var(--text-primary)}.cc-numbers .m .v .bl{color:#dc2626}@media(max-width:720px){.cc-numbers{grid-template-columns:repeat(2,1fr)}}.work-card{background:var(--bg-card);border:1px solid var(--border);margin-bottom:24px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.2,0,0,1)}.work-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--card-accent, var(--green));opacity:.85}.work-card:hover{border-color:var(--border-green);transform:translateY(-3px);box-shadow:0 12px 36px #0006}.wc-top{display:grid;grid-template-columns:1.2fr 1fr;gap:0}.wc-visual{background:var(--bg-tertiary);border-right:1px solid var(--border);padding:24px;min-height:240px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.wc-visual.dark{background:var(--bg-primary)}.wc-visual .scrim{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.6) 100%);pointer-events:none;z-index:1}.wc-visual .frame{position:relative;z-index:2;width:100%;max-width:320px;background:var(--bg-card);border:1px solid var(--border-strong, #3a3a3a)}.wc-visual .frame .chrome{display:flex;align-items:center;gap:6px;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--bg-tertiary);font-family:JetBrains Mono,monospace;font-size:9px;color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between}.wc-visual .frame .chrome .dots{display:flex;gap:4px}.wc-visual .frame .chrome .dots span{width:7px;height:7px;background:var(--border)}.wc-visual .frame .chrome .lab{color:var(--green)}.wc-visual .frame .body{padding:14px 16px;font-family:JetBrains Mono,monospace;font-size:10px;line-height:1.6;color:var(--text-secondary)}.wc-visual .frame .body .gr{color:var(--green)}.wc-visual .frame .body .dim{color:var(--text-dim)}.wc-visual .frame .body .yl{color:#ffd84a}.wc-visual .frame .body .ac{color:#a855f7}.wc-visual .frame .body .bl{color:var(--blue)}.wc-visual .frame .body .row{display:flex;align-items:center;gap:8px;padding:2px 0}.wc-visual .frame .body .row .dot{width:6px;height:6px}.wc-visual .frame .body .row .dot.gr{background:var(--green)}.wc-visual .frame .body .row .dot.yl{background:#ffd84a;animation:pulse-dot 1.2s infinite}.wc-visual .frame .body .row .dot.dim{background:var(--text-muted, #444)}.wc-visual .frame .body .cursor{display:inline-block;width:6px;height:11px;background:var(--green);animation:blink 1s step-end infinite;vertical-align:middle;margin-left:3px}.wc-content{padding:26px 28px;display:flex;flex-direction:column;gap:14px}.wc-content .row1{display:flex;align-items:center;gap:10px;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.14em;color:var(--text-dim);text-transform:uppercase}.wc-content .row1 .status{padding:3px 8px;border:1px solid currentColor}.wc-content .row1 .status.shipping,.wc-content .row1 .status.live{color:var(--green)}.wc-content .row1 .status.shipped{color:var(--text-primary);border-color:var(--border-strong, #3a3a3a)}.wc-content .row1 .status.client{color:var(--blue)}.wc-content .row1 .status.research{color:#a855f7}.wc-content h3{font-family:Space Grotesk,sans-serif;font-size:clamp(20px,1.7vw,30px);font-weight:600;color:var(--text-primary);letter-spacing:-.01em;line-height:1.2}.wc-content p{font-family:IBM Plex Sans,sans-serif;font-size:clamp(14px,1.05vw,17.5px);color:var(--text-secondary);line-height:1.65}.wc-content p strong{color:var(--text-primary)}.wc-content .stack{display:flex;gap:5px;flex-wrap:wrap}.wc-content .stack .chip{font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary)}.wc-content .links{display:flex;gap:14px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--border);font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.wc-content .links a{color:var(--green);transition:color .15s}.wc-content .links a:hover{color:var(--text-primary)}.wc-content .links a.dim{color:var(--text-dim)}.wc-content .links .sep{color:var(--text-muted, #444)}.wc-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border-top:1px solid var(--border)}.wc-metrics .m{background:var(--bg-card);padding:14px 20px}.wc-metrics .m .k{font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.12em;color:var(--text-dim);text-transform:uppercase;margin-bottom:3px}.wc-metrics .m .v{font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:600;color:var(--text-primary)}.wc-metrics .m .v .gr{color:var(--green)}.section-status{background:var(--bg-tertiary);border:1px solid var(--border-green);border-left:2px solid var(--green);padding:14px 22px;margin-bottom:24px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.section-status .pulse{width:8px;height:8px;background:var(--green);animation:pulse-dot 1.6s infinite}.section-status .txt{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--text-primary);letter-spacing:.06em}.section-status .txt .gr{color:var(--green)}.section-status .txt .dim{color:var(--text-dim)}@media(max-width:900px){.wc-top{grid-template-columns:1fr}.wc-visual{border-right:none;border-bottom:1px solid var(--border);min-height:180px}.wc-metrics{grid-template-columns:1fr}}.work-card:nth-of-type(odd){--card-accent: var(--green)}.work-card.acc-red{--card-accent: var(--red)}.work-card.acc-purple{--card-accent: #a855f7}.work-card.acc-blue{--card-accent: var(--blue)}.work-card.acc-darkblue{--card-accent: #1e40af}