.project-showcase{scroll-margin-top:56px}.project-showcase__top{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.web-dev_projects .project-showcase__top{margin-bottom:0}.project-showcase__cover{padding:12px;border-radius:12px;overflow:hidden;position:relative;z-index:-1}.project-showcase__cover:after,.project-showcase__cover:before{content:"";width:300px;height:300px;border-radius:50%;position:absolute;z-index:-1;background:radial-gradient(circle,#2e74ffb3,#01010133 70%)}.project-showcase__cover:after{top:0;left:0;transform:translate(-50%) translateY(-50%)}.project-showcase__cover:before{bottom:0;right:0;transform:translate(50%) translateY(50%)}.project-showcase__cover img{width:100%;aspect-ratio:4 / 3;min-height:100%;border-radius:12px;object-fit:cover;max-height:320px}.project-showcase__details{padding:16px;border-radius:12px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.project-showcase__details.liquid-glass{background:#1111114d}.project-showcase__label{display:block;font-size:var(--fs-12);opacity:.6;margin-bottom:8px;text-transform:capitalize}.project-showcase__title{font-size:var(--fs-32);line-height:1.1}.project-showcase__type-value{font-size:var(--fs-24);font-style:italic;letter-spacing:.04em}.project-showcase__summary-text{display:flex;flex-direction:column;gap:8px}.project-showcase__summary-text p{font-size:var(--fs-14);line-height:1.25;opacity:.9}.project-showcase__gallery{display:grid;grid-template-columns:repeat(9,1fr);gap:8px;grid-auto-rows:auto}.project-showcase__item{border-radius:12px;overflow:hidden;padding:0}.project-showcase__item img{width:100%;height:100%;object-fit:cover;aspect-ratio:3 / 2}.project-showcase__item--wide,.project-showcase__item--mid,.project-showcase__item--small{grid-column:span 9}.project-showcase__item--wide{grid-column:span 5}.project-showcase__item--mid{grid-column:span 4}.project-showcase__item--small{grid-column:span 3}.project-showcase__top{grid-template-columns:1fr 1fr}@media(max-width:768px){.project-showcase__top{grid-template-columns:1fr}}.projects-page{position:relative;min-height:100vh}.projects-page__bg{position:fixed;inset:0;z-index:-1;pointer-events:none}.projects-page__bg img{width:100%;height:100%;object-fit:cover}.projects-hero__content{display:flex;align-items:center;justify-content:center;margin-top:64px;max-height:50vh;z-index:-1}.projects-hero__title{font-size:var(--fs-72);font-weight:400;z-index:-1}.projects-filter{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding:0 48px;margin-bottom:16px}.projects-filter__btn{background:none;border:none;cursor:pointer;font-family:inherit;padding:0}.projects-filter__btn .glass-badge__content{color:var(--color-muted);background:#1a1a1a!important;transition:border-color .2s,color .2s;cursor:pointer}.projects-filter__btn--active .glass-badge__content,.projects-filter__btn:hover .glass-badge__content{border-color:var(--color-blue);color:var(--color-text)}.projects-filter__dot{width:10px;height:10px;border-radius:50%;background:#1150c5;flex-shrink:0}.project-tag{display:inline-flex;align-items:center;gap:6px;border-radius:20px;padding:3px 10px;font-size:var(--fs-12);font-weight:500;margin-bottom:6px}.project-tag--web{background:transparent;border:1px solid rgba(46,116,255,.4);color:var(--color-blue)}.project-tag--both{background:transparent;border:1px solid rgba(46,116,255,.25);color:var(--color-blue)}.project-tag--wip{background:transparent;border:1px solid rgba(255,160,40,.35);color:#ffaf3cf2}.project-tag__pulse{width:7px;height:7px;border-radius:50%;background:#ffa028e6;animation:wip-pulse 1.6s ease-in-out infinite}@keyframes wip-pulse{0%,to{opacity:1}50%{opacity:.3}}.project-tag__link{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:8px 16px;border:1px solid rgba(46,116,255,.4);border-radius:6px;font-size:var(--fs-14);color:var(--color-blue);background:transparent;transition:background .2s;width:fit-content;text-decoration:none}.project-tag__link:hover{background:#2e74ff24}.project-showcase__cover-placeholder{width:100%;aspect-ratio:4 / 3;border-radius:12px;background:linear-gradient(135deg,#0a0f1a,#121828)}