.work{padding:100px 0;background:var(--brand-dark-2)}.work__header{text-align:center;margin-bottom:64px}.work__header .section-sub{margin:16px auto 0}.work__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.project-card{background:var(--brand-dark);border:1px solid var(--brand-border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .2s,transform .2s,box-shadow .2s}.project-card:hover{border-color:#ff5c1a4d;transform:translateY(-4px);box-shadow:0 20px 48px #00000059}.project-card__preview{position:relative;padding:20px;background:var(--brand-dark-3);height:200px;overflow:hidden}.project-card__glow{position:absolute;inset:0;filter:blur(40px);opacity:.6}.project-card__browser{position:relative;z-index:1;background:#1c1c1c;border-radius:8px;border:1px solid rgba(255,255,255,.08);overflow:hidden;height:100%}.project-card__dots{display:flex;gap:5px;padding:10px 12px;background:#111;border-bottom:1px solid rgba(255,255,255,.05)}.project-card__dots span{width:8px;height:8px;border-radius:50%;background:#ffffff26}.project-card__dots span:first-child{background:#ff5f57}.project-card__dots span:nth-child(2){background:#febc2e}.project-card__dots span:nth-child(3){background:#28c840}.project-card__screen{padding:12px;display:flex;flex-direction:column;gap:8px}.project-card__bar{height:28px;border-radius:4px;background:var(--accent, rgba(255,92,26,.3));opacity:.7}.project-card__line{height:8px;border-radius:4px;background:#ffffff14}.project-card__line.short{width:60%}.project-card__block{height:40px;border-radius:6px;margin:4px 0}.project-card__body{padding:24px}.project-card__category{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-orange);display:block;margin-bottom:8px}.project-card__name{font-size:1.2rem;font-weight:700;margin-bottom:8px}.project-card__desc{font-size:.9rem;color:var(--brand-gray-light);line-height:1.6;margin-bottom:16px}.project-card__tags{display:flex;flex-wrap:wrap;gap:8px}.project-tag{font-size:.75rem;font-weight:600;padding:4px 10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:50px;color:#ffffffb3}.work__cta{display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:64px;text-align:center}.work__cta p{font-size:1.2rem;font-weight:600;color:var(--brand-gray-light)}@media(max-width:760px){.work__grid{grid-template-columns:1fr}}