.category{padding:clamp(56px, 7vw, 104px) var(--gutter) clamp(96px, 12vw, 176px)}.category__head{width:min(100%,1440px);margin:0 auto}.category__breadcrumb{color:#171a1f8c;font-family:var(--font-cn);font-size:var(--type-size-label);letter-spacing:.06em;align-items:center;gap:10px;display:flex}.category__breadcrumb a{color:inherit;text-decoration:none}.category__breadcrumb a:hover,.category__breadcrumb a:focus-visible,.category__breadcrumb span[aria-current=page]{color:var(--ink)}.category__titlebar{justify-content:space-between;align-items:flex-end;gap:24px;margin-top:clamp(26px,4vw,44px);display:flex}.category__eyebrow{color:#171a1f7a;font-family:var(--font-ui);font-size:var(--type-size-label);letter-spacing:.24em}.category__intro{color:#f2f0e8c7;letter-spacing:normal;max-width:44em;margin:20px 0 0}.category__title{color:var(--ink);font-family:var(--font-cn);font-weight:var(--type-weight-serif);letter-spacing:.06em;margin:12px 0 0;font-size:clamp(34px,4.4vw,56px);line-height:1.12}.category-sort{flex-shrink:0;position:relative}.category-sort>summary{border:1px solid var(--line);background:var(--paper);color:#171a1fb8;min-height:42px;font-family:var(--font-cn);font-size:var(--type-size-caption);letter-spacing:.04em;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px;align-items:center;gap:10px;padding:0 16px;list-style:none;display:inline-flex}.category-sort>summary::-webkit-details-marker{display:none}.category-sort>summary:after{content:"▾";opacity:.5;font-size:.8em;transition:transform .22s cubic-bezier(.16,1,.3,1)}.category-sort[open]>summary:after{transform:rotate(180deg)}.category-sort__menu{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ece9e2f5;border:1px solid #171a1f1f;border-radius:14px;gap:2px;min-width:190px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 48px #171a1f24}.category-sort__option{color:#171a1fb3;width:100%;min-height:40px;font-family:var(--font-cn);font-size:var(--type-size-caption);letter-spacing:.04em;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;display:flex}.category-sort__option:hover,.category-sort__option:focus-visible{color:var(--ink);background:#171a1f0f}.category-sort__option[aria-current=true]{color:var(--ink)}.category-sort__option[aria-current=true]:after{content:"✓";opacity:.5}@media (prefers-reduced-motion:no-preference){.category-sort[open]>.category-sort__menu{animation:.2s cubic-bezier(.16,1,.3,1) both category-sort-in}@keyframes category-sort-in{0%{opacity:0;transform:translateY(-6px)}}}html:not(.js) .category-sort{display:none}.category__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,3.4vw,44px) clamp(20px,2.4vw,36px);width:min(100%,1440px);margin:clamp(40px,5vw,64px) auto 0;display:grid}.category-card{color:inherit;text-decoration:none;display:block}.category-card__media{aspect-ratio:4/5;border:1px solid var(--line);background:var(--paper-soft);border-radius:14px;justify-content:center;align-items:center;margin:0;display:flex;overflow:hidden}.category-card__media img{object-fit:contain;width:100%;height:100%;padding:clamp(16px,2vw,30px);transition:transform .6s cubic-bezier(.16,1,.3,1)}.category-card__meta{justify-content:space-between;align-items:baseline;gap:12px;margin:12px 2px 0;display:flex}.category-card__name{color:var(--ink);font-family:var(--font-cn);font-size:var(--type-size-body);letter-spacing:.04em}.category-card__price{color:#171a1f9e;font-family:var(--font-ui);font-size:var(--type-size-body)}.category-card__commerce{white-space:nowrap;flex-direction:column;align-items:flex-end;gap:2px;display:inline-flex}.category-card:focus-visible{outline:none}.category-card:focus-visible .category-card__media{border-color:var(--ink);box-shadow:0 0 0 2px var(--paper), 0 0 0 4px var(--ink)}@media (hover:hover) and (pointer:fine){.category-card:hover .category-card__media img{transform:scale(1.03)}}.category__note{color:#171a1f80;width:min(100%,1440px);font-family:var(--font-cn);font-size:var(--type-size-caption);letter-spacing:.04em;margin:clamp(40px,5vw,56px) auto 0}@media (prefers-reduced-motion:no-preference){html.js .category-card{opacity:0;transition:opacity .6s,transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(18px)}html.js .category-card.is-visible{opacity:1;transform:none}}@media (width<=1023px){.category__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,36px) clamp(14px,2.4vw,24px)}.category__titlebar{flex-direction:column;align-items:flex-start;gap:18px}.category-sort__menu{left:0;right:auto}}@media (width<=480px){.category{padding-top:40px}.category__grid{gap:22px 12px}.category-card__name,.category-card__price{font-size:var(--type-size-caption)}}.subpage--category .category__breadcrumb{color:#f2f0e894}.subpage--category .category__breadcrumb a:hover,.subpage--category .category__breadcrumb a:focus-visible,.subpage--category .category__breadcrumb span[aria-current=page]{color:#f2f0e8}.subpage--category .category__eyebrow{color:#f2f0e880}.subpage--category .category__title{color:#f2f0e8}.subpage--category .category-sort>summary{color:#f2f0e8bf;background:#071a3380;border-color:#f2f0e82e}.subpage--category .category-sort__menu{background:#071a33eb;border-color:#f2f0e824;box-shadow:0 18px 48px #0006}.subpage--category .category-sort__option{color:#f2f0e8b8}.subpage--category .category-sort__option:hover,.subpage--category .category-sort__option:focus-visible{color:#f2f0e8;background:#f2f0e814}.subpage--category .category-sort__option[aria-current=true]{color:#f2f0e8}.subpage--category .category-card__media{border-color:#f2f0e829}.subpage--category .category-card__name{color:#f2f0e8}.subpage--category .category-card__price{color:#f2f0e89e}.subpage--category .category-card:focus-visible .category-card__media{box-shadow:0 0 0 2px var(--blue), 0 0 0 4px #f2f0e8;border-color:#f2f0e8}.subpage--category .category__note{color:#f2f0e88c}.subpage--category .category-card__media{background:#0b0b0c}.subpage--category .category-card__meta{justify-content:center;gap:14px;margin:8px 2px 0}