.category-header{align-items:center;gap:var(--space-lg);margin-bottom:clamp(2.5rem,5vw,4rem);display:flex;overflow:hidden}.category-header__title{font-family:Syne,sans-serif;font-size:clamp(var(--size-2xl), 4vw, var(--size-5xl));letter-spacing:-.03em;color:var(--clr-light);white-space:nowrap;background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.category-header__line{background:linear-gradient(90deg,#e11d4899,#7909e266,#0000);flex:1;min-width:0;height:1px;position:relative;overflow:hidden}.category-header__line:after{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000);width:60%;height:100%;animation:4s ease-in-out infinite lineSweep;position:absolute;top:0;left:-100%}@keyframes lineSweep{0%{left:-60%}to{left:160%}}.projects-list{flex-direction:column;gap:clamp(2rem,4vw,3.5rem);display:flex}.project-card{border-radius:var(--border-radius);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);backdrop-filter:blur(var(--glass-blur)) saturate(160%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);will-change:transform, box-shadow;flex-direction:column;gap:0;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden}.project-card:before{content:"";border-radius:inherit;pointer-events:none;z-index:0;background:linear-gradient(160deg,#ffffff1a 0%,#0000 40%);position:absolute;inset:0}.project-card:after{content:"";border-radius:calc(var(--border-radius) + 4px);background:radial-gradient(ellipse at 50% 50%, var(--card-glow-clr,#e11d4840) 0%, transparent 70%);opacity:0;pointer-events:none;z-index:-1;transition:opacity .45s;position:absolute;inset:-4px}.project-card[data-glow=rose]{--card-glow-clr:#e11d484d}.project-card[data-glow=violet]{--card-glow-clr:#7909e24d}.project-card[data-glow=blue]{--card-glow-clr:#1d4ed84d}.project-card:hover{box-shadow:0 20px 60px #0000008c, 0 0 40px var(--card-glow-clr,#e11d4833);transform:translateY(-6px)scale(1.008)}.project-card:hover:after{opacity:1}.project-card>*{z-index:1;position:relative}.project-card__image-wrap{aspect-ratio:16/9;border-radius:var(--border-radius) var(--border-radius) 0 0;background:var(--clr-slate800);flex-shrink:0;width:100%;position:relative;overflow:hidden}.project-card__image-wrap--placeholder{background:linear-gradient(135deg,#e11d4833 0%,#7909e233 50%,#1d4ed826 100%)}.project-card__image{object-fit:cover;will-change:transform, filter;width:100%;height:100%;transition:transform .55s cubic-bezier(.22,1,.36,1),filter .55s;display:block}.project-card:hover .project-card__image{filter:brightness(1.08);transform:scale(1.05)}.project-card__image-shine{pointer-events:none;background:linear-gradient(120deg,#0000 30%,#ffffff1f 50%,#0000 70%) 0 0/200% 100%;animation:6s ease-in-out infinite imageSweep;position:absolute;inset:0}@keyframes imageSweep{0%,60%{background-position:-200% 0}80%{background-position:200% 0}to{background-position:200% 0}}.project-card__content{gap:var(--space-sm);padding:var(--space-lg) clamp(var(--space-md), 3vw, var(--space-xl));padding-bottom:clamp(var(--space-md), 3vw, var(--space-xl));flex-direction:column;display:flex}.project-card__title{font-family:Syne,sans-serif;font-size:clamp(var(--size-2xl), 3vw, var(--size-4xl));letter-spacing:-.025em;color:var(--clr-light);font-weight:700;line-height:1.15}.project-card__desc{font-size:var(--size-sm);color:var(--clr-slate400);max-width:55ch;line-height:1.7}.project-card__tags{gap:var(--space-xs);flex-wrap:wrap;display:flex}.project-card__actions{gap:var(--space-xs);margin-top:calc(var(--space-xs) / 2);flex-wrap:wrap;display:flex}.project-card__actions .btn{gap:.4em}.category-divider{align-items:center;gap:var(--space-sm);margin-inline:auto;max-width:1380px;margin-top:5rem;padding-block:0;padding-inline:clamp(1rem,5vw,3rem);display:flex}.category-divider__line{background:linear-gradient(90deg,#0000,#7909e259,#e11d4859,#7909e259,#0000);flex:1;height:1px;position:relative;overflow:hidden}.category-divider__line:after{content:"";background:linear-gradient(90deg,#0000,#ffffff80,#0000);width:30%;height:100%;animation:5s ease-in-out infinite dividerGlow;position:absolute;top:0;left:-40%}.category-divider__line:last-child:after{animation-direction:reverse}@keyframes dividerGlow{0%{left:-40%}to{left:140%}}.category-divider__gem{background:var(--gradient-accent);border-radius:2px;flex-shrink:0;width:8px;height:8px;animation:2.5s ease-in-out infinite alternate gemPulse;display:block;transform:rotate(45deg);box-shadow:0 0 12px #e11d4899}@keyframes gemPulse{0%{box-shadow:0 0 8px #e11d4880}to{box-shadow:0 0 20px #7909e2b3}}.projects-empty{justify-content:center;align-items:center;gap:var(--space-md);padding:clamp(3rem, 8vw, 5rem) var(--space-lg);border-radius:var(--border-radius);border-bottom:2px solid var(--clr-blue);border-right:2px solid var(--clr-blue);text-align:center;background:#ffffff08;flex-direction:column;display:flex}.projects-empty__icon{color:var(--clr-voilet);opacity:.6;animation:3s ease-in-out infinite alternate emptyIconFloat}@keyframes emptyIconFloat{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.projects-empty__text{font-family:Syne,sans-serif;font-size:var(--size-lg);letter-spacing:.04em;color:var(--clr-slate400);font-weight:600}.project-empty__actions{flex-direction:column;gap:1rem;display:flex}@media (width>=768px){.project-card{flex-direction:row;align-items:stretch}.project-card--img-left .project-card__image-wrap{aspect-ratio:auto;border-radius:var(--border-radius) 0 0 var(--border-radius);flex-shrink:0;width:42%}.project-card--img-left .project-card__content{flex:1;justify-content:center}.project-card--img-right{flex-direction:row-reverse}.project-card--img-right .project-card__image-wrap{aspect-ratio:auto;border-radius:0 var(--border-radius) var(--border-radius) 0;flex-shrink:0;width:42%}.project-card--img-right .project-card__content{flex:1;justify-content:center}.project-empty__actions{flex-direction:row}}@media (width>=1024px){.project-card--img-left .project-card__image-wrap,.project-card--img-right .project-card__image-wrap{width:44%}.project-card__title{font-size:var(--size-4xl)}}@media (width>=1280px){.project-card--img-left .project-card__image-wrap,.project-card--img-right .project-card__image-wrap{width:45%}}@media (width>=1536px){.project-card--img-left .project-card__image-wrap,.project-card--img-right .project-card__image-wrap{width:44%}.project-card__content{padding-inline:var(--space-xl)}}
