.s30cc{display:block;background:var(--s30cc-bg, #f4f3f0);color:var(--s30cc-ink, #111)}.s30cc :where(p){margin:0}.s30cc__wrap{max-width:1480px;margin:0 auto;padding:clamp(56px,6vw,110px) clamp(20px,3vw,56px)}.s30cc__head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:clamp(20px,2vw,30px)}.s30cc__label,.s30cc__all,.s30cc__count{font-family:var(--text-font-family, "Instrument Sans", Arial, sans-serif);font-weight:400;text-transform:uppercase}.s30cc__label{font-size:12px;letter-spacing:.26em}.s30cc__tools{display:flex;align-items:center;gap:28px}.s30cc__all{display:inline-flex;align-items:center;gap:14px;font-size:12px;letter-spacing:.22em;color:inherit;text-decoration:none}.s30cc__line{position:relative;display:inline-block;width:34px;height:1px;background:currentColor;transition:width .35s ease}.s30cc__line:after{content:"";position:absolute;right:0;top:-3px;width:6px;height:6px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg);transform-origin:center}.s30cc__all:hover .s30cc__line{width:48px}.s30cc__nav{display:flex;gap:8px}.s30cc__arrow{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;padding:0;cursor:pointer;background:transparent;color:inherit;border:1px solid rgba(0,0,0,.22);transition:background .2s,color .2s,opacity .2s}.s30cc__arrow:hover:not(:disabled){background:var(--s30cc-ink, #111);color:var(--s30cc-bg, #fff);border-color:var(--s30cc-ink, #111)}.s30cc__arrow:disabled{opacity:.3;cursor:default}.s30cc__track{--gap: clamp(10px, 1vw, 16px);display:flex;gap:var(--gap);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}.s30cc__track::-webkit-scrollbar{display:none}.s30cc__card{position:relative;flex:0 0 calc((100% - 2 * var(--gap)) / 3);display:block;color:var(--s30cc-ink, #111);text-decoration:none;scroll-snap-align:start}.s30cc__media{position:relative;display:block;aspect-ratio:5 / 6;overflow:hidden;background:#efedea}.s30cc__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos, 50% 20%);transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.s30cc__card:hover .s30cc__img,.s30cc__card:focus-visible .s30cc__img{transform:scale(1.035)}.s30cc__text{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:clamp(14px,1.2vw,18px)}.s30cc__name{font-family:EB Garamond,Times New Roman,serif;font-size:clamp(17px,1.35vw,22px);line-height:1.15;letter-spacing:.06em;text-transform:uppercase}.s30cc__count{display:inline-flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.2em;white-space:nowrap;opacity:.65;transition:opacity .3s}.s30cc__card:hover .s30cc__count{opacity:1}.s30cc__count .s30cc__line{width:30px}.s30cc__card:hover .s30cc__count .s30cc__line{width:44px}.s30cc__card:focus-visible{outline:1px solid var(--s30cc-ink, #111);outline-offset:3px}@media(max-width:989px){.s30cc__card{flex-basis:calc((100% - var(--gap)) / 2)}}@media(max-width:749px){.s30cc__wrap{padding:48px 0 56px}.s30cc__head{padding:0 20px}.s30cc__nav{display:none}.s30cc__track{padding:0 20px;scroll-padding:0 20px}.s30cc__card{flex-basis:76vw}}@media(prefers-reduced-motion:reduce){.s30cc__img,.s30cc__line{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/s30-catcards.css.map */