.home-projects{--hp-blue:#0b3a68;--hp-red:#c9344b;position:relative;padding:clamp(4rem,7vw,7rem) 0;background:linear-gradient(180deg,#f7fafc,#fff);overflow:hidden}.home-projects__header{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.home-projects__eyebrow{display:block;margin-bottom:.55rem;color:var(--hp-red);font-size:.82rem;font-weight:900}.home-projects h2{margin:0;color:var(--hp-blue);font-size:clamp(1.55rem,3vw,2.3rem);font-weight:900;line-height:1.6}.home-projects__header p{max-width:680px;margin:.55rem 0 0;color:#667b8e;line-height:2}.home-projects__actions{display:flex;align-items:center;gap:.9rem;flex-shrink:0}.home-projects__actions>a{display:inline-flex;align-items:center;gap:.55rem;min-height:44px;padding:.55rem 1rem;border-radius:12px;color:#fff;background:var(--hp-blue);font-size:.78rem;font-weight:800;text-decoration:none}.home-projects__controls{display:flex;gap:.45rem}.home-projects__controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(11,58,104,.12);border-radius:12px;color:var(--hp-blue);background:#fff;box-shadow:0 8px 20px rgba(11,58,104,.08);transition:.2s ease}.home-projects__controls button:hover:not(:disabled){color:#fff;background:var(--hp-red);transform:translateY(-2px)}.home-projects__controls button:disabled{opacity:.35;cursor:not-allowed}.home-projects__viewport{width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.home-projects__viewport::-webkit-scrollbar{display:none}.home-projects__track{display:flex;gap:1.1rem;width:max-content}.project-showcase-card{flex:0 0 calc((min(100vw - 2rem,1320px) - 2.2rem)/3);max-width:400px;min-width:300px;scroll-snap-align:start;border:1px solid rgba(11,58,104,.09);border-radius:20px;background:#fff;box-shadow:0 16px 42px rgba(16,53,86,.09);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.project-showcase-card:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(16,53,86,.14)}.project-showcase-card__image{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#eaf0f5}.project-showcase-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.project-showcase-card:hover .project-showcase-card__image img{transform:scale(1.045)}.project-showcase-card__image::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(5,29,51,.78))}.project-showcase-card__image>span{position:absolute;right:1rem;bottom:.9rem;z-index:1;display:flex;align-items:center;gap:.45rem;color:#fff;font-size:.76rem;font-weight:800}.project-showcase-card__body{position:relative;min-height:125px;padding:1.1rem 1.15rem}.project-showcase-card__body small{color:var(--hp-red);font-size:.72rem;font-weight:800}.project-showcase-card h3{margin:.45rem 0 0;font-size:1rem;font-weight:900;line-height:1.8}.project-showcase-card h3 a{color:var(--hp-blue);text-decoration:none}.project-showcase-card__video{position:absolute;left:1rem;bottom:1rem;display:flex;align-items:center;gap:.35rem;color:#587087;font-size:.68rem;font-weight:700}.home-projects__progress{height:3px;margin-top:1.4rem;border-radius:4px;background:#e2e9ef;overflow:hidden}.home-projects__progress span{display:block;width:33.333%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--hp-red),var(--hp-blue));transform-origin:right;transition:transform .25s ease}
@media(max-width:991.98px){.home-projects__header{align-items:flex-start;flex-direction:column}.project-showcase-card{flex-basis:min(72vw,360px)}.home-projects__actions{width:100%;justify-content:space-between}.home-projects__progress span{width:50%}}
@media(max-width:575.98px){.home-projects{padding:3.5rem 0}.home-projects__header{margin-bottom:1.4rem;gap:1.2rem}.home-projects__header p{font-size:.88rem}.project-showcase-card{min-width:0;flex-basis:86vw}.home-projects__actions>a{font-size:.72rem}.home-projects__controls button{width:40px;height:40px}.home-projects__progress span{width:100%}}
@media(prefers-reduced-motion:reduce){.project-showcase-card,.project-showcase-card__image img,.home-projects__controls button,.home-projects__progress span{transition:none!important}}
.project-showcase-card{flex-basis:clamp(300px,31vw,400px)}
.home-projects__progress span{width:100%}