.cat{background:var(--tm-bg);color:var(--tm-fg-1);font-family:var(--tm-font-body)}.cat-container{max-width:1480px;margin:0 auto;padding:0 32px}@media (max-width:640px){.cat-container{padding:0 20px}}.cat a:focus-visible,.cat button:focus-visible,.cat select:focus-visible,.cat input:focus-visible{outline:2px solid var(--tm-accent);outline-offset:3px}.cat-hero{background:var(--tm-bg-invert);color:var(--tm-fg-invert);padding:64px 0;position:relative;overflow:hidden}.cat-hero__grid{grid-template-columns:1.3fr 1fr;align-items:end;gap:48px;display:grid}.cat-hero h1{font-family:var(--tm-font-display);font-weight:var(--tm-fw-medium);letter-spacing:var(--tm-tracking-tight);color:var(--tm-paper);text-wrap:balance;margin:14px 0 0;font-size:clamp(44px,5vw,76px);line-height:.96}.cat-hero h1 em{color:var(--tm-accent);font-style:italic}.cat-eyebrow{font-family:var(--tm-font-mono);font-size:var(--tm-fs-xs);letter-spacing:var(--tm-tracking-xwide);text-transform:lowercase;color:color-mix(in srgb, var(--tm-paper) 72%, transparent);font-weight:var(--tm-fw-medium)}.cat-hero__sub{max-width:480px;margin:22px 0 0}.cat-hero__sub p{color:color-mix(in srgb, var(--tm-paper) 85%, transparent);margin:0 0 10px;font-size:16px;line-height:1.55}.cat-hero__sub p:last-child{margin-bottom:0}.cat-hero__sub a{color:var(--tm-paper);text-underline-offset:3px;text-decoration:underline}.cat-hero__side{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.cat-hero__stat{text-align:right;flex-direction:column;gap:4px;display:flex}.cat-hero__stat strong{font-family:var(--tm-font-display);font-size:26px;font-weight:var(--tm-fw-medium);letter-spacing:var(--tm-tracking-snug);color:var(--tm-paper)}.cat-hero__stat span{color:color-mix(in srgb, var(--tm-paper) 68%, transparent);letter-spacing:.04em;font-size:12px}.cat-breadcrumb{color:color-mix(in srgb, var(--tm-paper) 60%, transparent);letter-spacing:.02em;margin:0 0 28px;font-size:12.5px}.cat-breadcrumb ol{flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.cat-breadcrumb li{align-items:center;gap:8px;display:inline-flex}.cat-breadcrumb a{color:color-mix(in srgb, var(--tm-paper) 60%, transparent);transition:color var(--tm-dur-fast) var(--tm-ease);text-decoration:none}.cat-breadcrumb a:hover{color:var(--tm-paper)}.cat-breadcrumb svg{opacity:.5;width:11px;height:11px}.cat-breadcrumb [aria-current]{color:color-mix(in srgb, var(--tm-paper) 90%, transparent)}.cat-filters{z-index:var(--z-sticky);background:color-mix(in srgb, var(--tm-paper) 94%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--tm-fog);padding:16px 0;position:sticky;top:0}.cat-filters__row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.cat-chips{flex-wrap:wrap;gap:8px;display:flex}.cat-chip{border:1px solid var(--tm-border-strong);color:var(--tm-fg-1);border-radius:var(--tm-r-pill);font-family:var(--tm-font-body);font-size:13px;font-weight:var(--tm-fw-semibold);cursor:pointer;transition:background .18s var(--tm-ease), color .18s var(--tm-ease), border-color .18s var(--tm-ease);background:0 0;padding:9px 18px}.cat-chip:hover{background:var(--tm-black);color:var(--tm-paper)}.cat-chip[aria-pressed=true]{background:var(--tm-black);color:var(--tm-paper);border-color:var(--tm-black)}.cat-chip--promo{border-color:var(--tm-accent);color:var(--tm-accent)}.cat-chip--promo:hover{background:var(--tm-accent);border-color:var(--tm-accent);color:var(--tm-white)}.cat-chip--promo[aria-pressed=true]{background:var(--tm-accent);color:var(--tm-white);border-color:var(--tm-accent)}.cat-filters__meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cat-filters__select,.cat-filters__search{font:inherit;font-size:13px;font-weight:var(--tm-fw-medium);border-radius:var(--tm-r-pill);border:1px solid var(--tm-fog);background:var(--tm-white);color:var(--tm-fg-1);padding:9px 14px}.cat-filters__select{cursor:pointer}.cat-filters__search{width:150px}.cat-filters__search::placeholder{color:var(--tm-fg-3)}.cat-filters__count{font-family:var(--tm-font-mono);color:var(--tm-fg-3);letter-spacing:.04em;white-space:nowrap;font-size:12px}.cat-filters__reset{font:inherit;color:var(--tm-fg-3);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}.cat-filters__reset:hover{color:var(--tm-fg-1)}.cat-grid-section{padding:48px 0 120px}.cat-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.cat-model{color:inherit;flex-direction:column;gap:12px;text-decoration:none;display:flex}.cat-model__swatch{aspect-ratio:4/3.4;border-radius:var(--tm-r-xl);border:1px solid var(--tm-fog);background:var(--tm-cream);transition:transform var(--tm-dur-base) var(--tm-ease), box-shadow var(--tm-dur-base) var(--tm-ease);display:block;position:relative;overflow:hidden}.cat-model:hover .cat-model__swatch{box-shadow:var(--tm-shadow-2);transform:translateY(-4px)}.cat-model__swatch img{object-fit:cover;width:100%;height:100%}.cat-model__badge{z-index:2;font-size:10.5px;font-weight:var(--tm-fw-bold);letter-spacing:.12em;text-transform:uppercase;border-radius:var(--tm-r-pill);background:var(--tm-accent);color:var(--tm-white);padding:6px 10px;position:absolute;top:12px;left:12px}.cat-model__badge--best{background:var(--tm-black);color:var(--tm-paper)}.cat-model__label{justify-content:space-between;align-items:flex-start;gap:12px;padding:0 4px;display:flex}.cat-model__name{font-family:var(--tm-font-display);font-weight:var(--tm-fw-medium);letter-spacing:-.01em;font-size:18px}.cat-model__meta{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.cat-model__brand{font-family:var(--tm-font-mono);color:var(--tm-fg-3);letter-spacing:.04em;white-space:nowrap;font-size:11px}.cat-model__group{font-family:var(--tm-font-mono);font-size:10px;font-weight:var(--tm-fw-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--tm-fg-2);border:1px solid var(--tm-fog);background:var(--tm-white);border-radius:var(--tm-r-pill);white-space:nowrap;padding:3px 9px}.cat-empty{border:1px dashed var(--tm-mist);border-radius:var(--tm-r-xl);text-align:center;font-size:var(--tm-fs-sm);color:var(--tm-fg-3);margin:0;padding:48px 24px}@media (max-width:1100px){.cat-grid{grid-template-columns:repeat(2,1fr)}.cat-hero__grid{grid-template-columns:1fr}.cat-hero__side{align-items:flex-start}.cat-hero__stat{text-align:left}}@media (max-width:640px){.cat-grid{grid-template-columns:1fr}.cat-hero{padding:48px 0}.cat-grid-section{padding:32px 0 80px}.cat-filters__search{width:100%}}