.port-hero{padding:calc(var(--header-h) + 60px) 0 40px;background:var(--stone)}.port-hero h1{max-width:780px;margin-bottom:18px;font-size:clamp(2.2rem,6vw,3.5rem)}.port-hero__sub{max-width:62ch;color:var(--ink-dim);font-size:1.06rem;line-height:1.7}.port-grid{background:var(--ink);border-top:2px solid var(--ink);grid-template-columns:1fr;gap:2px;max-width:1100px;margin:0 auto;display:grid}.port-card{background:var(--paper)}.port-thumb{aspect-ratio:16/10;background:linear-gradient(160deg, var(--pt-a,var(--board-tint)), var(--pt-b,#fff) 75%);flex-direction:column;gap:10px;padding:20px;display:flex;position:relative}.port-thumb__tag{font-family:var(--font-b);color:var(--ink-dim);border:1px solid var(--stone-line);background:#fff;padding:4px 10px;font-size:.78rem;font-weight:600;position:absolute;top:14px;left:14px}.port-thumb__bar{gap:6px;margin-top:26px;display:flex}.port-thumb__bar span{background:#17181a29;border-radius:50%;width:7px;height:7px}.port-thumb__nav{background:#17181a29;width:40%;height:10px}.port-thumb__hero{border:1px solid var(--stone-line);background:#fff;flex-direction:column;flex:1;justify-content:center;gap:8px;padding:14px;display:flex}.port-thumb__hero i{background:#17181a29;display:block}.port-thumb__l1{width:60%;height:11px}.port-thumb__l2{opacity:.7;width:38%;height:11px}.port-thumb__btn{width:70px;height:18px;margin-top:4px;background:var(--pt-accent,var(--price))!important}.port-thumb__row{gap:8px;display:flex}.port-thumb__row i{border:1px solid var(--stone-line);background:#fff;flex:1;height:30px}.port-card__body{padding:22px 24px}.port-card__cat{font-family:var(--font-b);color:var(--pt-accent,var(--price));margin-bottom:8px;font-size:.82rem;font-weight:600}.port-card__title{margin-bottom:8px;font-size:1.2rem}.port-card__desc{color:var(--ink-dim);margin-bottom:16px;font-size:.93rem;line-height:1.6}.port-card__foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.port-card__example{font-family:var(--font-b);color:var(--price-deep);background:var(--price-tint);padding:4px 10px;font-size:.78rem;font-weight:600}.port-note{max-width:1100px;color:var(--ink-faint);margin:20px auto 0;font-size:.88rem}@media (min-width:720px){.port-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1020px){.port-grid{grid-template-columns:repeat(3,1fr)}}.port-shot{aspect-ratio:16/10;background:var(--stone);border-bottom:1px solid var(--stone-line);display:block;overflow:hidden}.port-shot img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .5s;display:block}.port-card--live:hover .port-shot img{transform:scale(1.025)}@media (prefers-reduced-motion:reduce){.port-shot img{transition:none}.port-card--live:hover .port-shot img{transform:none}}.port-card__link{font-family:var(--font-b);color:var(--ink);border-bottom:2px solid var(--price);align-items:center;gap:8px;padding-bottom:2px;font-weight:600;text-decoration:none;display:inline-flex}.port-card__link:hover{color:var(--price)}.port-card__ext{flex:none}#portofoliu-teaser .port-grid{margin-top:8px}.port-grid:has(.port-card--live){background:0 0;border-top:0;gap:20px}.port-card--live{border:1px solid var(--stone-line);flex-direction:column;display:flex}.port-card--live .port-card__body{flex-direction:column;flex:1;display:flex}.port-card--live .port-card__foot{margin-top:auto}