/* Bống Project – quản lý dự án nhiều giai đoạn: xám đá + cam, Encode Sans, thanh tiến độ kiểu Gantt */
.t-project-management{--pri:#ea580c;--acc:#334155;--acc-ink:#fff;--tint:#334155;--f-head:'Encode Sans',sans-serif;--f-body:'Encode Sans',sans-serif;--h-w:700;--h-ls:-.02em;
  --r:8px;--r-lg:12px;--r-btn:8px;--r-img:12px;--dark:#1e293b;--dark-2:#273449}
.t-project-management .b-hero{background:var(--bg-2)}
.t-project-management .b-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:repeating-linear-gradient(90deg,transparent 0 79px,var(--line) 79px 80px);opacity:.7;pointer-events:none}
.t-project-management .s-gantt{display:grid;gap:10px;margin-top:30px;max-width:520px}
.t-project-management .s-gantt span{display:block;height:12px;border-radius:99px;background:color-mix(in srgb,var(--pri) 25%,transparent);position:relative;overflow:hidden}
.t-project-management .s-gantt span::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);border-radius:99px;background:var(--pri);animation:pm-grow 1.6s ease-out both}
.t-project-management .s-gantt span:nth-child(2){margin-left:12%;background:color-mix(in srgb,var(--acc) 22%,transparent)}.t-project-management .s-gantt span:nth-child(2)::after{background:var(--acc)}
.t-project-management .s-gantt span:nth-child(3){margin-left:30%}
@keyframes pm-grow{from{width:0}}
.t-project-management .s-block{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:clamp(28px,4vw,48px);border-radius:var(--r-lg);background:var(--card);border:1px solid var(--line)}
.t-project-management .s-block+.s-block{margin-top:24px}
.t-project-management .s-block:nth-child(even)>:first-child{order:2}
@media(max-width:991.98px){.t-project-management .s-block{grid-template-columns:1fr}.t-project-management .s-block:nth-child(even)>:first-child{order:0}}
.t-project-management .s-block h3{font-size:clamp(1.3rem,2.2vw,1.75rem);margin-bottom:18px}
.t-project-management .s-sub{display:grid;gap:14px}
.t-project-management .s-sub div{padding-left:16px;border-left:3px solid var(--pri)}
.t-project-management .s-sub b{display:block;color:var(--ink);margin-bottom:2px}.t-project-management .s-sub p{margin:0;font-size:.95rem}
.t-project-management .is-dark .b-step{background:var(--dark-2);border-color:rgba(255,255,255,.08)}
.t-project-management .b-step::before{border-radius:6px}
.t-project-management .s-commit .b-stat{padding:24px;border-radius:var(--r-lg);background:var(--bg-2)}
.t-project-management .s-commit .b-stat b{color:var(--pri)}
.t-project-management .b-quote{border-left:4px solid var(--pri);border-radius:var(--r)}
.t-project-management .b-cta{background:var(--acc)}
.t-project-management .b-cta .b-btn.is-pri{--b-bg:var(--pri);--b-fg:#fff}
