.filters{flex-wrap:wrap;gap:6px;margin:-16px 0 28px;display:flex}.filters button{--focus:var(--pg-fg);font-family:var(--f-mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--pg-line);border-radius:999px;padding:8px 14px;font-size:11px;transition:background .3s,color .3s}.filters button.on,.filters button:hover{background:var(--pg-fg);color:var(--pg-bg);border-color:var(--pg-fg)}.products{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:clamp(12px,2vw,24px);display:grid}.products.three{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=900px){.products.three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=540px){.products.three{grid-template-columns:1fr}}.prod{flex-direction:column;gap:14px;min-width:0;display:flex}.prod-img{aspect-ratio:4/5;width:100%;max-width:100%;transition:transform .8s var(--ease);border-radius:4px;place-items:center;display:grid;position:relative;overflow:hidden}.prod-img .illus{width:52%;height:auto;transition:transform .9s var(--ease)}.prod-photo{position:absolute;inset:0}.prod-photo img{object-fit:cover;width:100%;height:100%;transition:transform .9s var(--ease)}.prod:hover .prod-photo img{transform:scale(1.05)}.prod-photo~.prod-cat{background:var(--pg-bg);color:var(--pg-fg);border-radius:999px;padding:5px 10px;top:10px;left:10px;right:auto}.prod:hover .prod-img{transform:scale(.97)}.prod:hover .prod-img .illus{transform:scale(1.12)rotate(-4deg)}.prod-cat{position:absolute;top:14px;left:14px;right:14px}.prod-add{text-align:center;transition:transform .6s var(--ease);border-radius:999px;padding:12px;position:absolute;bottom:12px;left:12px;right:12px;transform:translateY(140%)}.prod:hover .prod-add,.prod-img:focus-visible .prod-add{transform:none}@media (hover:none){.prod-add{transform:none}}.prod-head{flex-direction:column;gap:4px;display:flex}.prod-head h3{font-size:20px;font-weight:600;line-height:1.2}.prod.steel .prod-img{background-color:var(--steel);color:var(--steel-ink);background-image:linear-gradient(100deg,#ffffff73,#fff0 35%,#0000000f 65%,#ffffff40)}.prod.steel .prod-add{background:var(--steel-pale);color:var(--steel-ink)}.prod.ivory .prod-img{background-color:var(--ivory);color:var(--oxblood);background-image:radial-gradient(#5a3c2812 1px,#0000 1.3px);background-size:3px 3px}.prod.ivory .prod-img .illus{color:var(--wax)}.prod.ivory .prod-add{background:var(--oxblood);color:var(--ivory)}.prod.ivory h3{font-family:var(--f-serif);font-size:26px;font-style:italic;font-weight:400;line-height:1.1}.note{color:var(--pg-dim);margin-top:40px}.empty{grid-column:1/-1;padding-block:40px}.prod-star{color:var(--pg-accent)}.prod-more{text-underline-offset:4px;align-self:flex-start;margin-top:6px;text-decoration:underline}.prod-more span{transition:transform .4s var(--ease);display:inline-block}.prod-more:hover span{transform:translate(5px)}.prod.off .prod-img{cursor:default;opacity:.6}.prod.off:hover .prod-img,.prod.off:hover .prod-img .illus,.prod.off:hover .prod-photo img{transform:none}.drawer.pp{width:min(640px,100%)}.pp-body{flex-direction:column;align-items:flex-start;gap:14px;padding-block:24px 32px;display:flex}.pp-visual{aspect-ratio:4/3;background:#fff;border-radius:4px;flex:none;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.pp-visual.empty{aspect-ratio:16/9;color:var(--burgundy)}.pp-visual .illus{width:34%;height:auto}.pp-visual .prod-photo img{object-fit:contain}.pp-thumbs{flex-wrap:wrap;gap:8px;display:flex}.pp-thumbs button{border:1px solid var(--ink-a25);opacity:.7;border-radius:4px;width:64px;height:64px;transition:opacity .3s;overflow:hidden}.pp-thumbs button.on,.pp-thumbs button:hover{opacity:1;border-color:var(--burgundy);outline:1px solid var(--burgundy)}.pp-thumbs img{object-fit:cover;width:100%;height:100%}.pp-body h2{color:var(--burgundy);font-size:clamp(34px,6vw,52px);line-height:1}.pp-body .prod-star{color:var(--burgundy)}.pp-lede{font-size:19px;line-height:1.4}.pp-text{flex-direction:column;gap:12px;max-width:60ch;display:flex}.pp-body .pill-btn{margin-top:10px}