.pf-wrap{color:#f5f4f0;background:#080808;min-height:100vh;font-family:Syne,sans-serif;overflow-x:hidden}.pf-header{border-bottom:1px solid #ffffff12;flex-flow:column wrap;justify-content:space-between;gap:40px;padding:140px 48px 64px;display:flex}.pf-page-tag{letter-spacing:2.5px;text-transform:uppercase;color:#d4ff57;align-items:center;gap:10px;margin-bottom:20px;font-size:11px;font-weight:700;display:flex}.pf-page-tag:before{content:"";background:#d4ff57;width:20px;height:1px}.pf-page-title{letter-spacing:-1.5px;color:#fff;margin:0;font-family:Syne,sans-serif;font-size:clamp(32px,4vw,64px);font-weight:800;line-height:1.1}.pf-page-title em{color:#d4ff57;text-transform:none;font-style:italic}.pf-header-right{max-width:300px}.pf-header-count{letter-spacing:-2px;margin-bottom:6px;font-family:Syne,sans-serif;font-size:64px;font-weight:800;line-height:1.1}.pf-header-count span{color:#d4ff57}.pf-header-desc{color:#777;font-size:15px;line-height:1.75}.pf-filters{z-index:50;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#080808f5;border-bottom:1px solid #ffffff12;flex-wrap:wrap;align-items:center;gap:10px;padding:20px 48px;display:flex;position:sticky;top:60px}.pf-filter-btn{color:#777;cursor:pointer;background:0 0;border:1px solid #ffffff12;border-radius:40px;padding:8px 18px;font-family:Syne,sans-serif;font-size:13px;font-weight:600;transition:all .2s}.pf-filter-btn:hover{color:#f5f4f0;border-color:#fff3}.pf-filter-btn.active{color:#080808;background:#d4ff57;border-color:#d4ff57}.pf-filter-count{color:#777;margin-left:auto;font-size:13px}.pf-grid{grid-template-columns:repeat(3,1fr);gap:10px;padding:24px 48px 0;display:grid}.pf-card{cursor:pointer;aspect-ratio:1;color:#f5f4f0;background:#1c1c1c;border-radius:16px;align-items:flex-end;text-decoration:none;transition:transform .3s;display:flex;position:relative;overflow:hidden}.pf-card:hover{transform:scale(1.012)}.pf-card:hover .pf-info{opacity:1;transform:translateY(0)}.pf-card-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.pf-overlay{background:linear-gradient(#00000014 45%,#000000eb 100%);position:absolute;inset:0}.pf-info{z-index:1;opacity:0;width:100%;padding:24px;transition:opacity .3s,transform .3s;position:relative;transform:translateY(6px)}.pf-cat{letter-spacing:2px;text-transform:uppercase;color:#d4ff57;margin-bottom:6px;font-size:10px;font-weight:700}.pf-name{margin-bottom:8px;font-family:Syne,sans-serif;font-size:18px;font-weight:800;line-height:1.2}.pf-tags{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.pf-tag{letter-spacing:.5px;color:#fff9;background:#ffffff14;border:1px solid #ffffff1a;border-radius:20px;padding:3px 9px;font-size:10px;font-weight:600}.pf-card.hidden{display:none}.pf-load-bar{text-align:center;padding:48px}.pf-btn-load{color:#f5f4f0;cursor:pointer;background:0 0;border:1px solid #ffffff12;border-radius:40px;align-items:center;gap:10px;padding:14px 32px;font-family:Syne,sans-serif;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.pf-btn-load:hover{color:#d4ff57;border-color:#d4ff57}.pf-cta{background:#d4ff57;border-radius:20px;justify-content:space-between;align-items:center;gap:40px;margin:0 48px 80px;padding:64px 72px;display:flex}.pf-cta h2{letter-spacing:-2px;color:#080808;font-family:Syne,sans-serif;font-size:clamp(28px,3.5vw,48px);font-weight:800;line-height:1.1}.pf-cta p{color:#00000080;max-width:340px;margin-top:10px;font-size:15px}.pf-btn-dark{color:#f5f4f0;white-space:nowrap;background:#080808;border-radius:40px;flex-shrink:0;align-items:center;gap:10px;padding:16px 32px;font-size:14px;font-weight:700;text-decoration:none;transition:opacity .2s;display:inline-flex}.pf-btn-dark:hover{opacity:.8}@media (max-width:1024px){.pf-header{padding:120px 28px 48px}.pf-filters{padding:16px 28px;top:56px}.pf-grid{grid-template-columns:repeat(2,1fr);padding:20px 28px 0}.pf-cta{flex-direction:column;margin:0 28px 60px;padding:48px 36px}}@media (max-width:640px){.pf-header{padding:100px 18px 40px}.pf-header-count{font-size:48px}.pf-filters{padding:14px 18px}.pf-grid{grid-template-columns:repeat(2,1fr);gap:8px;padding:16px 18px 0}.pf-cta{margin:0 18px 48px;padding:36px 24px}}
