.listing{width:100%;max-width:1440px;margin-inline:auto;padding:clamp(2.5rem,6vw,5rem) clamp(1rem,3vw,2.5rem) clamp(5rem,10vw,8rem)}.listing__head{display:grid;justify-items:center;gap:1rem;text-align:center}.listing__title{color:var(--color-ink, #2b2622)}.listing__desc{max-width:60ch;color:var(--color-ink-soft, #6b625a);font:400 15px/1.6 var(--font-sans, sans-serif)}.lbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:56px;margin-top:clamp(2rem,4vw,3rem);border-top:1px solid var(--hairline, color-mix(in srgb, var(--color-gold, #916e4a) 40%, transparent));border-bottom:1px solid var(--hairline, color-mix(in srgb, var(--color-gold, #916e4a) 40%, transparent));font:400 14px/1 var(--font-sans, sans-serif);color:var(--color-ink, #2b2622)}.lbar__item{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:0;padding:0 clamp(.75rem,2vw,1.25rem)}.lbar__count{justify-self:start;padding-left:0}.lbar__btn{justify-self:center}.lbar__item:last-child{justify-self:end;padding-right:0}.lbar__count span{color:var(--color-ink-soft, #6b625a)}.lbar__btn{border:0;background:transparent;color:inherit;cursor:pointer}.lbar__btn svg{width:16px;height:16px;color:var(--color-ink-soft, #6b625a)}.lbar__btn:hover{color:var(--color-bronze, #7e5e3b)}.lbar__sortlabel{color:var(--color-ink, #2b2622)}.lbar__select{position:relative;display:inline-flex;align-items:center}.lbar__select select{appearance:none;-webkit-appearance:none;min-height:44px;padding:0 18px 0 0;border:0;background:transparent;color:var(--color-ink-soft, #6b625a);font:400 14px/1 var(--font-sans, sans-serif);cursor:pointer}.lbar__select select:hover{color:var(--color-bronze, #7e5e3b)}.lbar__select:after{content:"";position:absolute;right:3px;top:calc(50% - 5px);width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);color:var(--color-ink-soft, #6b625a);pointer-events:none}.pgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;margin:clamp(2.5rem,5vw,5rem) 0 0;padding:0;list-style:none}@media(min-width:1024px){.pgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1280px){.pgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}.pgrid__empty{margin-top:clamp(1.5rem,3vw,2.5rem);text-align:center;color:var(--color-ink-soft, #6b625a);font:400 15px/1.6 var(--font-sans, sans-serif)}.fdrawer{position:fixed;inset:0;z-index:70}.fdrawer[data-open=false]{pointer-events:none}.fdrawer__overlay{position:absolute;inset:0;padding:0;border:0;background:color-mix(in srgb,var(--color-ink, #2b2622) 30%,transparent);opacity:0;cursor:default;transition:opacity .3s ease}.fdrawer[data-open=true] .fdrawer__overlay{opacity:1}.fdrawer__panel{position:absolute;top:0;right:0;bottom:0;width:min(100%,400px);overflow-y:auto;padding:0 28px max(28px,env(safe-area-inset-bottom));background:var(--color-paper, #f7f4ef);box-shadow:-24px 0 48px #2b26221a;transform:translate(100%);visibility:hidden;transition:transform .32s cubic-bezier(.2,.7,.2,1),visibility 0s linear .32s}.fdrawer[data-open=true] .fdrawer__panel{transform:none;visibility:visible;transition:transform .32s cubic-bezier(.2,.7,.2,1),visibility 0s}.fdrawer__head{display:flex;align-items:center;justify-content:space-between;min-height:72px;border-bottom:1px solid var(--hairline, color-mix(in srgb, var(--color-gold, #916e4a) 40%, transparent))}.fdrawer__title{font:300 22px/1.2 var(--font-serif, serif);color:var(--color-ink, #2b2622)}.fdrawer__close{display:grid;place-items:center;width:40px;height:40px;margin-right:-10px;border:0;background:transparent;color:var(--color-ink, #2b2622);cursor:pointer}.fdrawer__label{margin:28px 0 6px;font:300 20px/1.3 var(--font-serif, serif);color:var(--color-ink, #2b2622)}.fdrawer__list{margin:0;padding:0;list-style:none}.fdrawer__link{position:relative;display:flex;align-items:center;min-height:44px;color:var(--color-ink, #2b2622);font:400 15px/1.3 var(--font-sans, sans-serif);text-decoration:none;transition:color .2s ease,padding-left .2s ease}.fdrawer__link:hover{color:var(--color-bronze, #7e5e3b)}.fdrawer__link[aria-current=page]{padding-left:26px;color:var(--color-bronze, #7e5e3b)}.fdrawer__link[aria-current=page]:before{content:"";position:absolute;left:0;top:50%;width:16px;height:1px;background:var(--color-bronze, #7e5e3b)}@media(prefers-reduced-motion:reduce){.fdrawer__overlay,.fdrawer__panel,.fdrawer__link{transition:none}}