.pgx-projects{--pp-blue:#57c7ff;--pp-lime:#d9ff70;background:radial-gradient(ellipse at 85% 0,#15384d 0,transparent 45%),#07121e;color:#f4f8ff;padding:clamp(48px,7vw,100px) clamp(20px,5vw,70px);scroll-margin-top:140px;font-family:Pretendard,'Noto Sans KR',Arial,sans-serif}
.pgx-projects *{box-sizing:border-box}.pp-wrap{max-width:1320px;margin:auto}.pp-kicker{color:var(--pp-blue);font-size:13px;letter-spacing:2px;font-weight:800;margin:0 0 20px}.pp-heading{display:flex;justify-content:space-between;align-items:end;gap:26px;margin-bottom:34px}.pp-heading h2{font-size:clamp(32px,4.7vw,60px);line-height:1.2;letter-spacing:-2px;margin:0 0 20px}.pp-heading p{color:#b4c6d7;font-size:16px;line-height:1.8;margin:0}.pp-stat{border-left:1px solid #375366;padding-left:32px;min-width:150px;flex-shrink:0}.pp-stat strong{font-size:66px;letter-spacing:-3px;color:var(--pp-lime);line-height:1}.pp-stat span{display:block;font-size:13px;color:#b4c6d7;margin-top:10px}.pp-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #2b4154;padding:25px 0}.pp-filters{display:flex;gap:8px;flex-wrap:wrap}.pp-filter{background:transparent;border:1px solid #35536a;color:#c4d5e4;border-radius:99px;padding:11px 20px;font:inherit;font-size:14px;cursor:pointer}.pp-filter[aria-pressed=true]{background:var(--pp-lime);border-color:var(--pp-lime);color:#0d1d24;font-weight:800}.pp-count{font-size:13px;color:#a9bfd2;white-space:nowrap}.pp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}.pp-card{margin:0;min-width:0}.pp-card[hidden]{display:none}.pp-photo{display:block;position:relative;width:100%;padding:0;border:0;background:#10283a;cursor:zoom-in;overflow:hidden;border-radius:12px;color:white}.pp-photo img{display:block;width:100%;aspect-ratio:1.5;object-fit:cover;transition:transform .4s}.pp-photo:hover img{transform:scale(1.04)}.pp-photo span{position:absolute;right:12px;bottom:12px;background:#06131bd9;border:1px solid #ffffff44;border-radius:20px;padding:6px 10px;font-size:12px}.pp-caption{padding:17px 1px 0}.pp-caption small{color:var(--pp-blue);font-size:11px;letter-spacing:1.5px}.pp-caption h3{font-size:22px;line-height:1.35;margin:7px 0 8px;color:#f4f8ff}.pp-caption p{margin:0;color:#a7bdcf;font-size:13px;line-height:1.7;word-break:keep-all}.pp-source{margin:34px 0 0;padding-top:22px;border-top:1px solid #2b4154;color:#96adbf;font-size:12px;line-height:1.8}.pp-dialog{background:#08131f;color:#f4f8ff;border:1px solid #3c566d;border-radius:16px;max-width:min(1100px,94vw);max-height:92vh;width:1100px;padding:18px}.pp-dialog::backdrop{background:#000d}.pp-dialog-head{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:16px}.pp-dialog h3{font-size:24px;margin:0 0 6px}.pp-dialog p{font-size:13px;color:#b4c6d7;margin:0;line-height:1.6}.pp-close{border:1px solid #486276;color:white;background:#153044;border-radius:8px;padding:10px 15px;font-size:14px;cursor:pointer}.pp-dialog img{display:block;width:100%;max-height:70vh;object-fit:contain;background:#03090f}.pp-photo:focus-visible,.pp-filter:focus-visible,.pp-close:focus-visible{outline:3px solid #57c7ff;outline-offset:4px}@media(max-width:850px){.pp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-heading h2{letter-spacing:-1px}.pp-stat{padding-left:20px;min-width:100px}.pp-stat strong{font-size:52px}}@media(max-width:520px){.pp-heading{align-items:start}.pp-heading h2{font-size:32px}.pp-heading p{font-size:14px}.pp-stat{min-width:60px;padding-left:14px}.pp-stat strong{font-size:42px}.pp-grid{grid-template-columns:1fr;gap:30px}.pp-toolbar{align-items:start;flex-direction:column;gap:14px}.pp-filter{font-size:13px;padding:10px 16px}.pp-caption h3{font-size:22px}}@media(prefers-reduced-motion:reduce){.pp-photo img{transition:none}}