.portfolio{box-sizing:border-box;width:100%;max-width:80rem;margin-inline:auto;padding:4rem clamp(1.5rem,5vw,6rem) 6rem}.portfolio__header{margin-bottom:4rem}.portfolio__heading-row{align-items:center;gap:1.25rem;margin-bottom:1rem;display:flex}.portfolio__title{color:var(--color-text-primary);letter-spacing:-.01em;white-space:nowrap;margin:0;font-size:1.5rem;font-weight:400;line-height:1}.portfolio__rule{background-color:var(--color-border);border:none;flex:1;height:1px;margin:0}.portfolio__sub{color:var(--color-text-muted);margin:0;font-size:.875rem;line-height:1.6}.portfolio__sub-secondary{color:var(--color-text-muted);opacity:.6;margin:0;font-size:.875rem;line-height:1.6}.portfolio__header-body{align-items:stretch;gap:2rem;display:flex}.portfolio__header-text{flex:1;min-width:0}.portfolio__header-divider{background-color:var(--color-border);flex-shrink:0;width:1px;margin-block:.25rem}.portfolio__header-demo{flex-direction:column;flex-shrink:0;justify-content:center;gap:.75rem;display:flex}.portfolio__demo-label{color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;font-size:.75rem;font-weight:500}.portfolio__demo-btn{border:1px solid var(--color-border);color:var(--color-text-primary);white-space:nowrap;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:background-color .2s,border-color .2s;display:inline-flex}.portfolio__demo-btn:hover{background-color:var(--color-bg-secondary);border-color:var(--color-text-muted)}.portfolio__list{flex-direction:column;display:flex}.portfolio__group+.portfolio__group{margin-top:3rem}.portfolio__group-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:.75rem;display:flex}.portfolio__group-label{font-family:var(--font-mono),ui-monospace,monospace;color:var(--color-text-muted);letter-spacing:.15em;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:500;display:block}.portfolio__group-socials{align-items:center;gap:1.25rem;display:flex}.portfolio__group-social{font-family:var(--font-mono),ui-monospace,monospace;letter-spacing:.02em;color:var(--color-text-muted);align-items:center;gap:.35rem;font-size:.75rem;text-decoration:none;transition:color .2s;display:inline-flex}.portfolio__group-social:hover{color:var(--color-text-primary)}.portfolio__group-social svg{flex-shrink:0}.portfolio__group-rows{flex-direction:column;display:flex}.portfolio__row{border-bottom:1px solid var(--color-border);color:inherit;border-radius:2px;justify-content:space-between;align-items:center;gap:2rem;padding:1.25rem 0;text-decoration:none;transition:background-color .15s,padding .15s;display:flex}.portfolio__row:first-child{border-top:1px solid var(--color-border)}.portfolio__group-rows .portfolio__row:first-child{border-top:none}.portfolio__row:hover{background-color:var(--color-bg-secondary);padding-left:.75rem;padding-right:.75rem}.portfolio__left{flex-shrink:1;align-items:center;gap:1.25rem;min-width:0;display:flex}.portfolio__number{color:var(--color-text-muted);font-size:.75rem;font-family:var(--font-mono),ui-monospace,monospace;letter-spacing:.04em;font-variant-numeric:tabular-nums;flex-shrink:0;width:2rem}.portfolio__name{color:var(--color-text-primary);white-space:nowrap;flex-shrink:0;font-size:1rem;font-weight:500}.portfolio__pill{border:1px solid var(--color-border);color:var(--color-text-muted);letter-spacing:.02em;white-space:nowrap;border-radius:9999px;flex-shrink:0;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-block}.portfolio__right{flex-shrink:0;align-items:center;gap:1.5rem;display:flex}.portfolio__summary{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:32rem;font-size:.875rem;line-height:1.5;overflow:hidden}.portfolio__arrow{color:var(--color-text-muted);flex-shrink:0;font-size:1rem;transition:transform .2s,color .2s}.portfolio__row:hover .portfolio__arrow{color:var(--color-accent);transform:translate(4px)}@media (max-width:767px){.portfolio{padding:2.5rem 1.25rem 4rem}.portfolio__header{margin-bottom:2rem}.portfolio__header-body{flex-direction:column;gap:1rem}.portfolio__header-divider{width:100%;height:1px;margin-block:0}.portfolio__row{flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem 0}.portfolio__row:hover{padding-left:.5rem;padding-right:.5rem}.portfolio__right{justify-content:space-between;width:100%}.portfolio__summary{white-space:normal;max-width:none;font-size:.8125rem}.portfolio__group-header{flex-wrap:wrap;gap:.75rem 1rem}.portfolio__group-socials{flex-wrap:wrap;gap:1rem}}