.PRJ-page{background-color:#f8fafc;min-height:100vh}.PRJ-custom-container{max-width:1400px;margin:0 auto;padding:0 1.5rem}.PRJ-hero{background:linear-gradient(135deg,var(--primary) 0%,#1e293b 100%);padding:120px 0 80px;color:#fff;position:relative}.PRJ-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(59,130,246,.15) 0%,transparent 50%);pointer-events:none}.PRJ-hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-1px}.PRJ-hero-title .highlight{color:var(--secondary)}.PRJ-hero-subtitle{font-size:1.15rem;color:#ffffffbf;max-width:650px;margin-top:1rem}.PRJ-filter-section{padding:1.25rem 0;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.05);position:sticky;top:70px;z-index:999}.PRJ-filter-wrapper{display:flex;align-items:center;gap:1.5rem;width:100%}.PRJ-filter-label{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--primary);text-transform:uppercase;font-size:.85rem;letter-spacing:.5px;white-space:nowrap}.PRJ-category-list{display:flex;gap:.75rem;overflow-x:auto;scrollbar-width:none;padding:4px 0;flex:1;-webkit-overflow-scrolling:touch}.PRJ-category-list::-webkit-scrollbar{display:none}.PRJ-cat-btn{padding:10px 24px;border-radius:100px;border:1px solid rgba(0,0,0,.05);background:#fff;color:#475569;font-weight:600;font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-shadow:0 1px 2px #0000000d;flex-shrink:0}.PRJ-cat-btn:hover{border-color:var(--secondary);color:#c2410c}.PRJ-cat-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.PRJ-grid-section{padding:4rem 0}.PRJ-card-premium{position:relative;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000000d;transition:transform .3s ease,box-shadow .3s ease;height:100%;display:flex;flex-direction:column}.PRJ-card-premium:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a}.PRJ-card-image-wrapper{position:relative;width:100%;height:350px;overflow:hidden;background-color:#f1f5f9}.PRJ-main-img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.PRJ-card-premium:hover .PRJ-main-img{transform:scale(1.08)}.PRJ-service-tag{position:absolute;top:16px;left:16px;background:#0f172a;color:#fff;padding:6px 14px;border-radius:6px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;z-index:10;box-shadow:0 4px 10px #00000040}.PRJ-card-content{padding:24px;flex:1;display:flex;flex-direction:column;position:relative}.PRJ-card-title{color:#0f172a;font-size:1.25rem;font-weight:700;margin-bottom:.75rem;line-height:1.3}.PRJ-card-description{color:#475569;font-size:.95rem;line-height:1.6;margin-bottom:1rem;flex-grow:1}.PRJ-core-product-box{background:#f1f5f9;border-radius:12px;padding:12px 16px;margin-top:auto;font-size:.85rem;line-height:1.5;color:#334155}.core-label{font-weight:700;color:#0f172a;display:block;margin-bottom:2px}.core-text{font-weight:500;color:#1e293b}@media(max-width:991px){.PRJ-hero{padding:100px 0 50px}}@media(max-width:768px){.PRJ-card-image-wrapper{height:300px}.PRJ-card-content{padding:20px}.PRJ-card-title{font-size:1.15rem}.action-btn{width:38px;height:38px}}.animate-zoom-in{animation:zoomIn .6s cubic-bezier(.23,1,.32,1) both}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}