.nav-links a[aria-current="page"]{color:var(--gold)}
.cat-hero{background:var(--navy);color:var(--cream);padding:88px 0 72px}
.cat-hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(38px,5.4vw,64px);line-height:1.08;margin:18px 0 22px;letter-spacing:.01em}
.cat-hero h1 em{font-style:normal;color:var(--gold-soft)}
.cat-intro{max-width:620px;color:rgba(254,254,254,.78);font-size:16px;margin:0 0 28px}
.cat-stats{display:flex;gap:32px;margin-bottom:32px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:rgba(254,254,254,.7)}
.cat-stats b{font-family:var(--serif);font-size:26px;color:var(--gold-soft);margin-right:8px;letter-spacing:0;font-weight:500}
.cat-filter{position:sticky;top:0;z-index:4;background:rgba(255,255,255,.96);backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}
.chips{display:flex;gap:8px;overflow-x:auto;padding:14px 0;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chip{flex:none;border:1px solid var(--line);background:#fff;color:var(--navy);border-radius:999px;padding:8px 16px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:.2s}
.chip:hover{border-color:var(--gold)}
.chip.is-on{background:var(--navy);color:#fff;border-color:var(--navy)}
.cat-list{padding:24px 0 40px}
.cat-block{padding-top:48px;scroll-margin-top:70px}
.cat-head{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:28px}
.cat-head h2{font-family:var(--serif);font-weight:500;font-size:28px;margin:0}
.cat-head span{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px}
.p-card{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.p-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(3,38,78,.08)}
.p-img{height:250px;background:#f7f5f0;display:flex;align-items:center;justify-content:center;padding:22px;border-bottom:1px solid var(--line)}
.p-img{overflow:hidden}.p-img img{width:100%;height:100%;min-height:0;object-fit:contain;mix-blend-mode:multiply}
.ph{font-family:var(--serif);color:var(--muted);font-size:14px;letter-spacing:.06em}
.p-body{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}
.p-brand{margin:0 0 4px;font-size:10px;font-weight:700;letter-spacing:.2em;color:var(--gold);text-transform:uppercase}
.p-card h3{margin:0 0 8px;font-size:15px;line-height:1.35;font-weight:600;color:var(--navy)}
.p-desc{margin:0 0 14px;font-size:12.5px;line-height:1.55;color:var(--muted)}
.p-specs{margin:auto 0 0;display:flex;gap:18px;padding-top:12px;border-top:1px solid var(--line)}
.p-specs dt{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.p-specs dd{margin:2px 0 0;font-size:13px;font-weight:600;color:var(--navy)}
.cat-cta{background:var(--navy);color:var(--cream);text-align:center;padding:80px 0}
.cat-cta h2{font-family:var(--serif);font-weight:500;font-size:clamp(28px,4vw,40px);margin:0 0 14px}
.cat-cta p{max-width:560px;margin:0 auto 28px;color:rgba(254,254,254,.75)}
.cat-cta .cat-note{margin:28px auto 0;font-size:11px;color:rgba(254,254,254,.5)}
@media (max-width:600px){.cat-hero{padding:56px 0 48px}.cat-grid{grid-template-columns:repeat(2,1fr);gap:12px}.p-img{padding:12px;height:170px}.p-body{padding:12px}.p-desc{display:none}.p-card h3{font-size:13px}.p-specs{gap:10px;flex-wrap:wrap}.cat-head h2{font-size:22px}}