@layer reset,tokens,base,layout,components;@layer pages{.page-products main{padding-block-start:96px}.page-products .intro{padding:8px 0 20px}.page-products .intro-inner{max-inline-size:720px}.page-products .crumb{color:var(--muted);align-items:center;gap:10px;margin-block-end:12px;font-size:.82rem;display:inline-flex}.page-products .crumb a{color:var(--muted);transition:all .2s}.page-products .crumb a:hover{color:var(--forest)}.page-products .crumb .sep{opacity:.5}.page-products .crumb .current{color:var(--forest);font-weight:700}.page-products .intro h1{color:var(--forest);letter-spacing:-.01em;text-wrap:balance;margin-block-end:10px;font-size:clamp(1.9rem,3.6vw,2.75rem);font-weight:900;line-height:1.4}.page-products .intro h1 .accent{color:var(--forest);z-index:1;display:inline-block;position:relative}.page-products .intro h1 .accent:after{background:var(--brown-2);content:"";opacity:.7;z-index:-1;border-radius:4px;block-size:.35em;position:absolute;inset-block-end:8px;inset-inline:-2px}.page-products .intro p.lede{color:var(--ink-2);text-wrap:pretty;max-inline-size:680px;font-size:1.02rem;font-weight:400;line-height:1.85}.page-products .grid-wrap{padding:14px 0 88px}.page-products .grid{transition:opacity .28s,transform .28s}.page-products .grid.is-fading{opacity:0;transform:translateY(6px)}.page-products .pager{justify-content:center;align-items:center;gap:14px;margin-block-start:48px;display:flex}.page-products .pager-link{background:var(--cream-2);border:1px solid var(--border-hair);color:var(--forest);transition:background .25s var(--ease-out);border-radius:999px;padding:10px 22px;font-weight:600;text-decoration:none}.page-products .pager-link:hover{background:var(--mint-2)}.page-products .pager-link.is-disabled{color:var(--muted);cursor:default;opacity:.55}.page-products .pager-status{color:var(--muted);font-size:.9rem}@media (width<=820px){.page-products main{padding-block-start:72px}.page-products .intro{padding:6px 0 14px}}@media (width<=560px){.page-products .intro h1{font-size:1.6rem}.page-products .intro p.lede{font-size:.95rem;line-height:1.75}}@media (prefers-reduced-motion:reduce){.page-products .grid{transition:none}}}@layer utilities;