@layer ok{.ok-art{--ok-art-ink: var(--ok-ink, #111);--ok-art-r: var(--ok-radius, .8rem);overflow:hidden}.ok-art__wrap{max-width:calc(var(--page-width, 192rem) + 7.2rem);margin-inline:auto;padding-inline:3.6rem}.ok-art__head{display:flex;align-items:flex-end;justify-content:space-between;gap:2.4rem;margin-bottom:2.4rem}.ok-art__eyebrow{margin:0 0 .6rem;font-size:1.2rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ok-accent, #004324)}.ok-art__title{margin:0;font-family:var(--font-heading-family);font-size:clamp(2.6rem,2.4vw,3.6rem);font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(--ok-art-ink)}.ok-art__tools{display:flex;align-items:center;gap:1.2rem;flex:0 0 auto}.ok-art__tools{gap:1.6rem}.ok-art__follow{display:inline-flex;align-items:center;gap:.6rem;min-height:4.4rem;color:var(--ok-ink, #111);text-decoration:none;font-size:1.3rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.ok-art__follow:hover{text-decoration:underline;text-underline-offset:.3rem}.ok-art__follow svg{width:1.6rem;height:1.6rem}.ok-art__navs{display:inline-flex;gap:.8rem}.ok-art__nav,.ok-art__nav:hover,.ok-art__nav:focus,.ok-art__nav:active{display:inline-grid;place-items:center;padding:0;margin:0;border:0;border-radius:50%;background:#004324;color:#fefefe;box-shadow:none;outline:none;transform:none;cursor:pointer;transition:opacity .25s ease}.ok-art__nav:focus-visible{box-shadow:0 0 0 .2rem #fff,0 0 0 .4rem #004324}.ok-art__nav[disabled]{opacity:.3;pointer-events:none}.ok-art__nav svg{width:1.6rem;height:1.6rem}.ok-art__tools .ok-art__nav+.ok-art__nav{margin-left:-.8rem}.ok-art__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3 * 1.2rem) / 4);gap:1.2rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain}.ok-art__track::-webkit-scrollbar{display:none}.ok-art__card{position:relative;display:block;overflow:hidden;scroll-snap-align:start;aspect-ratio:var(--okart-1);border-radius:calc(var(--ok-art-r) * 1.6);background:#e9e9e9;color:#fff;text-decoration:none}.ok-art__card img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)}a.ok-art__card:hover img{transform:scale(1.03)}.ok-art__info{position:absolute;inset:auto 0 0 0;display:flex;align-items:center;gap:1.2rem;padding:6rem 1.8rem 1.8rem;background:linear-gradient(to top,rgba(0,0,0,.72) 0%,rgba(0,0,0,.35) 55%,transparent 100%)}.ok-art__avatar{flex:0 0 auto;width:4rem;height:4rem;border-radius:50%;overflow:hidden;border:.2rem solid #fff;background:#fff}.ok-art__avatar img{position:static;width:100%;height:100%;object-fit:cover}.ok-art__text{min-width:0}.ok-art__name{display:flex;align-items:center;gap:.5rem;margin:0;font-family:var(--font-heading-family);font-size:1.8rem;font-weight:700;line-height:1.2;letter-spacing:-.01em}.ok-art__name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ok-art__badge{flex:0 0 auto;width:1.6rem;height:1.6rem}.ok-art__meta{margin:.3rem 0 0;font-size:1.3rem;line-height:1.3;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ok-art__meta strong{font-weight:600}@media(max-width:1199px){.ok-art__track{grid-auto-columns:calc((100% - 2 * 1.2rem) / 3)}}@media(max-width:749px){.ok-art__wrap{padding-inline:1.6rem}.ok-art__head{align-items:flex-start;flex-direction:column;gap:1.6rem;margin-bottom:1.6rem}.ok-art__nav{display:none}.ok-art__track{grid-auto-columns:72%;margin-inline:-1.6rem;padding-inline:1.6rem;scroll-padding-inline:1.6rem}.ok-art__info{padding:5rem 1.4rem 1.4rem;gap:1rem}.ok-art__avatar{width:3.4rem;height:3.4rem}.ok-art__name{font-size:1.6rem}.ok-art__meta{font-size:1.2rem}}@media(prefers-reduced-motion:reduce){.ok-art__track{scroll-behavior:auto}.ok-art__card img{transition:none}}}
/*# sourceMappingURL=/cdn/shop/t/128/assets/section-ok-ar-artists.css.map */