.shop{max-inline-size:92rem;margin-inline:auto}.shop__head{border-block-end:1px solid var(--commerce-line);grid-template-columns:minmax(0,1fr) minmax(0,26rem);align-items:end;gap:2rem 4rem;padding-block-end:2.25rem;display:grid}.shop__head h1{text-transform:uppercase;font-size:clamp(2.8rem,6vw,6rem)}.shop__head p{max-inline-size:42ch;color:var(--commerce-muted);margin:0;line-height:1.6}.shop__filters{flex-wrap:wrap;gap:.5rem;margin-block-start:1.75rem;display:flex}.shop__filters button{border:1px solid var(--commerce-line);min-block-size:2.5rem;color:var(--commerce-ink);font:inherit;cursor:pointer;transition:background-color .3s var(--commerce-ease), border-color .3s, color .3s;background:0 0;border-radius:999px;align-items:center;gap:.55rem;padding:.45rem .95rem;font-size:.875rem;display:inline-flex}.shop__filters button span{font-family:var(--font-mono);opacity:.72;font-size:.6875rem}.shop__filters button:hover{border-color:color-mix(in srgb, var(--commerce-ink) 45%, transparent)}.shop__filters button[aria-pressed=true]{border-color:var(--commerce-ink);background:var(--commerce-ink);color:var(--color-world-paper-light)}.shop__filters button:focus-visible{outline:2px solid var(--commerce-accent);outline-offset:2px}.commerce .shop__count{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--commerce-muted);margin:1.25rem 0 0;font-size:.6875rem;font-weight:400;line-height:1.4}.shop__grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,17.5rem),1fr));gap:1.25rem;margin-block-start:1.25rem;display:grid}.shop__cell{animation:shop-cell-in .65s var(--commerce-ease) both;display:flex}.shop__grid .range-product{flex:1;inline-size:auto}@keyframes shop-cell-in{0%{opacity:0;translate:0 1.25rem}}.shop__stories{border-block-start:1px solid var(--commerce-line);grid-template-columns:minmax(0,20rem) minmax(0,1fr);gap:2rem 4rem;margin-block-start:7rem;padding-block-start:2.5rem;display:grid}.shop__stories-head{align-content:start;gap:.75rem;display:grid}.shop__stories h2{font-size:clamp(2rem,3.6vw,3.4rem)}.shop__stories ul{border-block-start:1px solid var(--commerce-line);margin:0;padding:0;list-style:none}.shop__story{border-block-end:1px solid var(--commerce-line);color:inherit;transition:padding .5s var(--commerce-ease);grid-template-columns:minmax(10rem,16rem) minmax(0,1fr) auto;align-items:center;gap:1.5rem;padding:1.25rem .25rem;text-decoration:none;display:grid}.shop__story-name{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(1.3rem,2vw,1.75rem)}.shop__story-lead{color:var(--commerce-muted);font-size:.875rem;line-height:1.5}.shop__story-arrow{inline-size:1.1rem;transition:translate .5s var(--commerce-ease)}.shop__story:hover{padding-inline-start:.85rem}.shop__story:hover .shop__story-arrow{translate:.35rem}.shop__story:focus-visible{outline:2px solid var(--commerce-accent);outline-offset:2px}@media not (min-width:48rem){.shop__head,.shop__stories{grid-template-columns:1fr;gap:1rem}.shop__filters{scrollbar-width:none;flex-wrap:nowrap;margin-inline:calc(-1*max(1.25rem,5vw));padding-inline:max(1.25rem,5vw);overflow-x:auto}.shop__filters button{flex:none}.shop__story{grid-template-columns:minmax(0,1fr) auto}.shop__story-lead{grid-column:1}.shop__stories{margin-block-start:4.5rem}}@media (prefers-reduced-motion:reduce){.shop__cell{animation:none}}