#portfolio>h2{margin-bottom:6rem}#portfolio>div:first-of-type .project__category__title{margin-top:0}.project__category__title{color:var(--color-white);margin:4rem 0 2rem;padding-bottom:.5rem;font-size:1.5rem;font-weight:700;display:inline-block;position:relative}.project__category__title:after{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-secondary));border-radius:2px;width:60px;height:3px;position:absolute;bottom:0;left:0}.portfolio__item__image{border-radius:var(--radius-md);height:200px;margin-bottom:1rem;position:relative;overflow:hidden}.portfolio__item__image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.portfolio__item:hover .portfolio__item__image img{transform:scale(1.06)}.portfolio__item__image h3{color:var(--color-white);z-index:1;background:linear-gradient(#0000,#07090ee6);margin:0;padding:1.5rem 1rem .8rem;font-size:1rem;font-weight:700;position:absolute;bottom:0;left:0;right:0}.view__Details{border:1px solid var(--color-border-glow);color:var(--color-primary);backdrop-filter:blur(8px);transition:var(--transition);z-index:2;text-transform:uppercase;letter-spacing:.5px;background:#0f1624d9;border-radius:6px;padding:.4rem .9rem;font-size:.75rem;font-weight:700;position:absolute;top:.75rem;right:.75rem}.view__Details:hover{background:var(--color-primary);color:#0b0f19;box-shadow:0 0 12px var(--color-primary-glow)}.portfolio__item .btn{width:100%;margin-bottom:.6rem}.portfolio__item .btn:last-child{margin-bottom:0}@media screen and (max-width:600px){.project__category__title{margin:3rem 0 1.5rem;font-size:1.25rem}}
