.opk-collection-banners{width:100%;max-width:1920px;margin-left:auto;margin-right:auto;box-sizing:border-box}.opk-collection-banners__grid{display:grid;grid-template-columns:repeat(3, 1fr);width:100%;grid-gap:1.2rem;gap:1.2rem;padding-left:var(--page-gutter);padding-right:var(--page-gutter);box-sizing:border-box}@media(max-width: 989px)and (min-width: 750px){.opk-collection-banners__grid{grid-template-columns:repeat(2, 1fr)}}@media screen and (max-width: 749px){.opk-collection-banners__grid{grid-template-columns:1fr;gap:1rem}}.opk-collection-banners__item{min-width:0}@media(max-width: 989px)and (min-width: 750px){.opk-collection-banners__item:nth-child(3){grid-column:1/-1}}.opk-collection-banners .card-collection__content-wrapper{position:relative;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:4/5.01;border-radius:var(--card-corner-radius);overflow:hidden}.opk-collection-banners .card-collection__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.opk-collection-banners .card-collection__counter{display:none}.opk-collection-banners .card-collection__content,.opk-collection-banners .card-collection__subheading{position:relative;z-index:2;margin:0;word-break:break-word;pointer-events:none}.opk-collection-banners .card-collection__content{padding:6rem 2.4rem 0;background:linear-gradient(to bottom, rgba(109, 104, 89, 0) 0%, rgba(0, 0, 0, 0.8) 100%)}@media screen and (max-width: 989px){.opk-collection-banners .card-collection__content{padding:2rem 2rem 0}}.opk-collection-banners .card-collection__heading{display:block;width:100%;font-family:var(--font-heading-family);font-size:calc(var(--font-heading-scale)*4.2rem);font-weight:500;line-height:calc(var(--font-heading-scale)*3.6rem);text-transform:uppercase;color:#fefefa}@media screen and (max-width: 989px){.opk-collection-banners .card-collection__heading{font-size:calc(var(--font-heading-scale)*2.4rem);line-height:calc(var(--font-heading-scale)*2.4rem)}}.opk-collection-banners .card-collection__subheading{padding:1.2rem 2.4rem 2.4rem;background:rgba(0,0,0,.8);font-family:var(--font-body-family);font-size:calc(var(--font-body-scale)*2rem);font-weight:400;line-height:calc(var(--font-body-scale)*2.6rem);color:#fefefa}@media screen and (max-width: 989px){.opk-collection-banners .card-collection__subheading{padding:1rem 2rem 2rem;font-size:calc(var(--font-body-scale)*1.8rem);line-height:calc(var(--font-body-scale)*2.2rem)}}
