.oc{background:var(--oc-bg);font-family:var(--oc-body-font);padding-top:var(--oc-pad-top, 60px);padding-bottom:var(--oc-pad-bottom, 60px)}.oc__container{max-width:var(--oc-width, 1200px)!important;margin:0 auto;padding:0 24px}.oc__heading{font-family:var(--oc-heading-font);color:var(--oc-heading);font-weight:var(--oc-heading-weight, 800);text-transform:var(--oc-heading-transform, uppercase);font-size:var(--oc-heading-size, 36px);letter-spacing:.01em;margin:0 0 32px;opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease}.oc__heading.is-visible{opacity:1;transform:translateY(0)}@media(max-width:560px){.oc__heading{font-size:var(--oc-heading-size-mobile, 28px);line-height:1.15}}.oc__grid{display:grid;grid-template-columns:repeat(var(--oc-columns-desktop, 4),1fr);column-gap:var(--oc-gap, 20px);row-gap:var(--oc-row-gap, 20px)}.oc__carousel-wrap{position:relative}.oc__controls{display:none;align-items:center;justify-content:center;gap:16px;margin-top:20px}.oc__counter{font-family:var(--oc-body-font);color:var(--oc-label);font-size:.9em;min-width:32px;text-align:center}.oc__arrow{position:static;transform:none;width:var(--oc-arrow-size, 44px);height:var(--oc-arrow-size, 44px);border-radius:50%;border:none;background:var(--oc-arrow-bg);color:var(--oc-arrow-icon);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 18px 4px color-mix(in srgb,var(--oc-arrow-hover-bg) 35%,transparent);transition:background .25s ease,color .25s ease,box-shadow .25s ease}.oc__arrow:hover{background:var(--oc-arrow-hover-bg);color:var(--oc-arrow-hover-icon);box-shadow:0 0 22px 6px color-mix(in srgb,var(--oc-arrow-hover-bg) 55%,transparent)}.oc__item{display:block;text-decoration:none;color:inherit;opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease}.oc__item.is-visible{opacity:1;transform:translateY(0)}.oc__image-frame{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border:var(--oc-border-width, 1px) solid var(--oc-border);margin-bottom:var(--oc-image-label-gap, 8px);transition:border-color .25s ease,border-width .25s ease,box-shadow .3s ease}.oc__item:hover .oc__image-frame{border-color:transparent}.oc__image-frame img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease,filter .4s ease}[data-anim=zoom]:hover .oc__image-frame img{transform:scale(1.04)}[data-anim=lift]:hover{transform:translateY(-6px)}[data-anim=lift]:hover .oc__image-frame{box-shadow:0 14px 26px #00000029}[data-anim=grayscale] .oc__image-frame img{filter:grayscale(100%)}[data-anim=grayscale]:hover .oc__image-frame img{filter:grayscale(0%);transform:scale(1.03)}[data-anim=glow]:hover .oc__image-frame{box-shadow:0 0 0 3px color-mix(in srgb,var(--oc-border) 45%,transparent),0 10px 22px color-mix(in srgb,var(--oc-border) 25%,transparent)}[data-anim=overlay] .oc__image-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000;transition:background .3s ease;pointer-events:none}[data-anim=overlay]:hover .oc__image-frame:after{background:#00000029}[data-anim=overlay]:hover .oc__image-frame img{transform:scale(1.02)}[data-anim=tilt]:hover{transform:rotate(-1.5deg) scale(1.02)}.oc__label{text-align:center;color:var(--oc-label);font-family:var(--oc-body-font);font-weight:600;text-transform:uppercase;letter-spacing:.03em;font-size:var(--oc-label-size, 16px);margin:0}.oc__label-text{position:relative;display:inline-block}.oc__label-text--underline{padding-bottom:calc(var(--oc-underline-gap, 8px) + var(--oc-underline-height, 3px))}.oc__label-text--underline:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:0;height:var(--oc-underline-height, 3px);width:0;background:var(--oc-underline-color, currentColor);transition:width .5s ease .1s}.oc__item:hover .oc__label-text--underline:after{width:var(--oc-underline-width, 60px)}@media(max-width:700px){.oc{padding-top:var(--oc-pad-top-mobile, 32px);padding-bottom:var(--oc-pad-bottom-mobile, 32px)}.oc__container{max-width:var(--oc-width-mobile, 500px)!important}.oc__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:var(--oc-gap-mobile, 14px);scrollbar-width:none;-ms-overflow-style:none;padding-bottom:4px}.oc__grid::-webkit-scrollbar{display:none}.oc__item{flex:0 0 calc((100% - var(--oc-gap-mobile, 14px) * (var(--oc-columns-mobile, 2) - 1)) / var(--oc-columns-mobile, 2));scroll-snap-align:start}.oc__image-frame{border-width:var(--oc-border-width-mobile, 1px);margin-bottom:var(--oc-image-label-gap-mobile, 6px)}.oc__label{font-size:var(--oc-label-size-mobile, 13px)}.oc__label-text--underline{padding-bottom:calc(var(--oc-underline-gap-mobile, 6px) + var(--oc-underline-height-mobile, 2px))}.oc__label-text--underline:after{height:var(--oc-underline-height-mobile, 2px)}.oc__item.is-visible .oc__label-text--underline:after{width:var(--oc-underline-width-mobile, 40px)}.oc__controls{display:flex}}@media(prefers-reduced-motion:reduce){.oc__heading,.oc__item{transition:none;opacity:1;transform:none}.oc__item:hover .oc__image-frame img{transform:none}.oc__label-text--underline:after{transition:none;width:var(--oc-underline-width, 60px)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/our-collections.css.map */
