.srt-cats{padding:var(--cats-pad-top) 0 var(--cats-pad-bottom);background:var(--srt-cream);color:var(--srt-text-primary)}.srt-cats__head{display:flex;flex-direction:column;gap:var(--srt-sp-3);max-width:64rem;margin-bottom:var(--srt-sp-6)}.srt-cats__eyebrow{display:inline-flex;align-items:baseline;gap:var(--srt-sp-3);margin:0;font-family:var(--srt-font-mono);font-size:1.1rem;letter-spacing:var(--srt-ls-eyebrow);text-transform:uppercase;font-weight:600;color:var(--srt-text-primary)}.srt-cats__eyebrow-num{color:var(--srt-signal);font-weight:700}.srt-cats__title{margin:0;font-family:var(--srt-font-display);font-size:clamp(3.2rem,6vw,4.8rem);line-height:1.05;letter-spacing:-.025em;font-weight:700;color:var(--srt-text-primary);text-wrap:balance}.srt-cats__title>*{margin:0;font:inherit;color:inherit}.srt-cats__intro{margin:0;font-size:var(--srt-fs-md);line-height:var(--srt-lh-base);color:var(--srt-text-steel);max-width:56ch}.srt-cats__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--srt-border-soft)}.srt-cats__row{position:relative;border-bottom:1px solid var(--srt-border-soft)}.srt-cats__link{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"num   arrow" "title title" "meta  meta";align-items:baseline;gap:var(--srt-sp-3) var(--srt-sp-4);padding:var(--srt-sp-5) 0;text-decoration:none;color:inherit;transition:padding-left var(--srt-dur-base) var(--srt-easing)}.srt-cats__link:focus-visible{outline:2px solid var(--srt-signal);outline-offset:4px}.srt-cats__num{grid-area:num;font-family:var(--srt-font-mono);font-size:clamp(3.6rem,9vw,5.6rem);line-height:.9;letter-spacing:-.04em;font-weight:600;color:var(--srt-text-primary);transition:color var(--srt-dur-base) var(--srt-easing)}.srt-cats__title-row{grid-area:title;margin:0;font-family:var(--srt-font-display);font-size:clamp(2.4rem,5.5vw,3.6rem);line-height:1.05;letter-spacing:-.02em;font-weight:700;color:var(--srt-text-primary);text-transform:uppercase;text-wrap:balance}.srt-cats__meta{grid-area:meta;display:flex;flex-wrap:wrap;gap:0;margin:0;padding:0;list-style:none;font-family:var(--srt-font-mono);font-size:1.2rem;letter-spacing:.04em;color:var(--srt-text-steel);line-height:1.4}.srt-cats__meta>li{display:inline-flex;align-items:center}.srt-cats__meta>li+li:before{content:"\b7";margin:0 var(--srt-sp-2);color:var(--srt-text-steel)}.srt-cats__arrow{grid-area:arrow;align-self:center;justify-self:end;display:inline-flex;width:2.4rem;height:2.4rem;color:var(--srt-text-primary);transition:transform var(--srt-dur-base) var(--srt-easing),color var(--srt-dur-base) var(--srt-easing)}.srt-cats__arrow svg{width:100%;height:100%}.srt-cats__preview{display:none}@media(hover:hover){.srt-cats__row:hover .srt-cats__num,.srt-cats__row:focus-within .srt-cats__num{color:var(--srt-signal)}.srt-cats__row:hover .srt-cats__arrow,.srt-cats__row:focus-within .srt-cats__arrow{transform:translate(6px);color:var(--srt-signal)}}@media screen and (min-width:750px){.srt-cats__head{margin-bottom:var(--srt-sp-7)}.srt-cats__link{padding:var(--srt-sp-5) 0}}@media screen and (min-width:990px){.srt-cats__link{grid-template-columns:8rem minmax(0,1fr) minmax(0,1.4fr) 4rem;grid-template-rows:auto;grid-template-areas:"num title meta arrow";align-items:center;padding:var(--srt-sp-6) 0;min-height:12rem;gap:var(--srt-sp-5)}.srt-cats__num{font-size:5.2rem}.srt-cats__title-row{font-size:clamp(2.6rem,2.8vw,3.2rem)}.srt-cats__meta{justify-content:flex-start}.srt-cats__arrow{width:2.8rem;height:2.8rem}.srt-cats__preview{position:absolute;right:6rem;top:50%;transform:translateY(-50%) translateY(6px);width:14rem;height:14rem;background:var(--srt-surface-base);border:1px solid var(--srt-border-soft);overflow:hidden;opacity:0;pointer-events:none;transition:opacity var(--srt-dur-base) var(--srt-easing),transform var(--srt-dur-base) var(--srt-easing);z-index:2}.srt-cats__preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}@media(hover:hover){.srt-cats__row:hover .srt-cats__preview,.srt-cats__row:focus-within .srt-cats__preview{opacity:1;transform:translateY(-50%) translateY(0)}.srt-cats__row:hover .srt-cats__meta,.srt-cats__row:focus-within .srt-cats__meta{opacity:.35;transition:opacity var(--srt-dur-base) var(--srt-easing)}}}@media screen and (min-width:1280px){.srt-cats__preview{right:8rem;width:16rem;height:16rem}}@media(prefers-reduced-motion:reduce){.srt-cats__link,.srt-cats__num,.srt-cats__arrow,.srt-cats__preview,.srt-cats__meta{transition:none}.srt-cats__row:hover .srt-cats__arrow{transform:none}.srt-cats__row:hover .srt-cats__preview{transform:translateY(-50%)}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/srt-categories.css.map */