:root{color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f7fb;color:#09213c;font:16px/1.55 system-ui,-apple-system,Segoe UI,Arial,sans-serif}a{color:#075387}.ph-wrap{max-width:1160px;margin:auto;padding:0 22px}.ph-hero{background:#081c34;color:#fff;padding:52px 0 48px}.ph-kicker{font-size:12px;letter-spacing:.16em;font-weight:850;color:#f4bd00}.ph-hero h1{font-size:clamp(38px,6vw,65px);line-height:1.08;margin:8px 0 15px}.ph-hero p{max-width:690px;color:#cbd7e7;margin:0}.ph-main{padding:34px 22px 65px}.ph-head{display:flex;justify-content:space-between;align-items:end;flex-wrap:wrap;gap:12px;margin:20px 0}.ph-head h2{font-size:clamp(24px,3vw,32px);margin:0}.ph-head p{color:#50637a;margin:5px 0 0}.ph-collections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:34px}.ph-collection{cursor:pointer;background:#fff;border:1px solid #d9e3ef;border-radius:15px;padding:0;overflow:hidden;text-align:left;color:#0d2844;box-shadow:0 5px 14px #122c4810}.ph-collection:hover,.ph-collection:focus-visible{outline:2px solid #e7b500;outline-offset:2px;transform:translateY(-2px)}.ph-cover{display:flex;align-items:center;justify-content:center;height:145px;background:linear-gradient(135deg,#152d4c,#4e6d86);color:#f4bd00}.ph-cover img{height:100%;width:100%;object-fit:cover}.ph-glyph{font-size:48px;font-weight:200}.ph-card-info{display:flex;flex-direction:column;padding:15px 17px 17px;gap:3px}.ph-card-info strong{font-size:18px}.ph-card-info>span{font-size:12px;color:#62748a}.ph-card-count{color:#165585;font-weight:700}.ph-view{background:white;border:1px solid #d8e2ef;border-radius:18px;padding:24px;margin-top:26px;scroll-margin-top:20px}.ph-view[hidden],.ph-empty[hidden],.ph-modal[hidden]{display:none!important}.ph-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px}.ph-button{border:1px solid #122c48;border-radius:9px;padding:10px 14px;background:#102942;color:#fff;cursor:pointer;text-decoration:none;font-weight:800;font-size:14px}.ph-button.alt{background:white;color:#102942}.ph-view h2{margin:8px 0 4px;font-size:clamp(24px,4vw,36px)}.ph-view .ph-sub{color:#64758b;margin:0 0 21px}.ph-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.ph-tile{cursor:pointer;padding:0;aspect-ratio:4/3;background:#dfe8f1;border:0;border-radius:10px;overflow:hidden}.ph-tile img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s}.ph-tile:hover img{transform:scale(1.05)}.ph-tile:focus-visible{outline:3px solid #e8b900;outline-offset:3px}.ph-empty{padding:35px 16px;text-align:center;background:#f2f5fa;border:1px dashed #b2c3d5;border-radius:12px;color:#4e637b}.ph-modal{position:fixed;inset:0;z-index:99999;background:#020a18f5;color:white;display:flex;align-items:center;justify-content:center;padding:65px 55px 85px}.ph-modal figure{margin:0;text-align:center;max-width:100%}.ph-modal img{max-height:calc(100dvh - 160px);max-width:100%;object-fit:contain;display:block;margin:auto}.ph-modal figcaption{margin-top:10px;font-size:14px;color:#d4dce8}.ph-modal button{position:absolute;cursor:pointer;background:#122b45;color:white;border:1px solid #74849a;border-radius:10px;min-height:44px;padding:7px 13px;font-size:20px}.ph-modal .ph-back{top:15px;right:17px;font-size:14px;font-weight:800}.ph-modal .ph-prev{left:9px;top:50%}.ph-modal .ph-next{right:9px;top:50%}.ph-modal .ph-counter{position:absolute;left:20px;top:24px;font-size:13px;color:#d5deeb}.ph-modal button:focus-visible,.ph-button:focus-visible{outline:3px solid #f4bd00;outline-offset:3px}@media(max-width:850px){.ph-collections{grid-template-columns:repeat(2,minmax(0,1fr))}.ph-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:550px){.ph-collections{grid-template-columns:1fr 1fr;gap:10px}.ph-cover{height:105px}.ph-card-info{padding:12px}.ph-card-info strong{font-size:15px}.ph-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ph-view{padding:14px}.ph-modal{padding:70px 35px 75px}.ph-modal .ph-prev{left:2px}.ph-modal .ph-next{right:2px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ph-tile img{transition:none}}