.opk-banner-image .opk-banner-image__wrapper{position:relative;overflow:hidden}.opk-banner-image .opk-banner-image__media{position:absolute;width:100%;height:100%;z-index:0}.opk-banner-image .opk-banner-image__media img,.opk-banner-image .opk-banner-image__media svg,.opk-banner-image .opk-banner-image__media video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.opk-banner-image .opk-banner-image__media .media,.opk-banner-image .opk-banner-image__media .media-wrapper{aspect-ratio:unset;height:100%}.opk-banner-image .opk-banner-image__media .opk-hero-banner__pattern{position:absolute;display:flex;align-items:center;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}@media screen and (max-width:1359px){.opk-banner-image .opk-banner-image__media .opk-hero-banner__pattern{display:none}}.opk-banner-image .opk-banner-image__media .opk-hero-banner__pattern svg{width:100%;height:82%;-o-object-fit:initial;object-fit:initial}.opk-banner-image .opk-banner-image__media .opk-hero-banner__pattern path{stroke:#fff3;stroke:var(--opk-hero-banner-pattern-color, rgba(255, 255, 255, .2));stroke-width:1px;vector-effect:non-scaling-stroke;fill:none}.opk-banner-image .opk-banner-image__breadcrumbs{position:absolute;top:0;left:0;z-index:3;pointer-events:none}@media screen and (min-width:1440px){.opk-banner-image .opk-banner-image__breadcrumbs{padding:20px 0 0 68px}}@media(max-width:1439px)and (min-width:1200px){.opk-banner-image .opk-banner-image__breadcrumbs{padding:20px 0 0 40px}}@media(max-width:1199px)and (min-width:768px){.opk-banner-image .opk-banner-image__breadcrumbs{padding:24px 0 0 32px}}@media(max-width:767px)and (min-width:480px){.opk-banner-image .opk-banner-image__breadcrumbs{padding:20px 0 0 24px}}@media screen and (max-width:479px){.opk-banner-image .opk-banner-image__breadcrumbs{padding:20px 0 0 16px}}.opk-banner-image .opk-banner-image__breadcrumbs .breadcrumbs{gap:7px;font-family:var(--opk-font-main);font-size:14px;line-height:1.1;font-weight:400;letter-spacing:.04em;pointer-events:auto}.opk-banner-image .opk-banner-image__breadcrumbs .breadcrumbs a{color:#fff;-webkit-text-decoration:none;text-decoration:none}.opk-banner-image .opk-banner-image__breadcrumbs .breadcrumbs .breadcrumbs__last,.opk-banner-image .opk-banner-image__breadcrumbs .breadcrumbs .color-subtext{color:#ffffffb3}.opk-banner-image .opk-banner-image__breadcrumbs .breadcrumbs .breadcrumbs__sep{display:inline-block;flex-shrink:0;width:2px;height:2px;border-radius:50%;background-color:#fff;color:#0000}.opk-banner-image .opk-banner-image__breadcrumbs .breadcrumbs .breadcrumbs__sep:before{content:none}.opk-banner-image .opk-banner-image__content{position:relative;display:flex;justify-content:center;flex-direction:column;width:-moz-fit-content;width:fit-content;z-index:1}@media screen and (min-width:1440px){.opk-banner-image .opk-banner-image__content{padding-left:215px;padding-right:215px}}@media(max-width:1919px)and (min-width:1440px){.opk-banner-image .opk-banner-image__content{padding-left:160px;padding-right:160px}}@media(max-width:1439px)and (min-width:1200px){.opk-banner-image .opk-banner-image__content{padding-left:100px;padding-right:100px}}@media(max-width:1199px)and (min-width:768px){.opk-banner-image .opk-banner-image__content{padding-left:75px;padding-right:75px}}@media(max-width:767px)and (min-width:480px){.opk-banner-image .opk-banner-image__content{padding-left:24px;padding-right:24px}}@media screen and (max-width:479px){.opk-banner-image .opk-banner-image__content{padding-left:16px;padding-right:16px}}.opk-banner-image .opk-banner-image__content:has(.opk-banner-image__content-wrapper--has-bg){overflow:visible}.opk-banner-image .opk-banner-image__content-wrapper{position:relative;width:100%}.opk-banner-image .opk-banner-image__content-wrapper.opk-banner-image__content-wrapper--has-bg{overflow:visible}@media screen and (min-width:1440px){.opk-banner-image .opk-banner-image__content-wrapper.opk-banner-image__content-wrapper--has-bg{--bg-bleed-x: 145%}}@media(max-width:1439px)and (min-width:1200px){.opk-banner-image .opk-banner-image__content-wrapper.opk-banner-image__content-wrapper--has-bg{--bg-bleed-x: 160%}}@media(max-width:1199px)and (min-width:580px){.opk-banner-image .opk-banner-image__content-wrapper.opk-banner-image__content-wrapper--has-bg{--bg-bleed-x: 160%}}@media screen and (max-width:579px){.opk-banner-image .opk-banner-image__content-wrapper.opk-banner-image__content-wrapper--has-bg{--bg-bleed-x: 150%}}.opk-banner-image .opk-banner-image__content-measure{position:absolute;top:0;right:0;bottom:0;left:0;container-type:size;container-name:content-block;pointer-events:none;visibility:hidden}.opk-banner-image .opk-banner-image__content-inner{position:relative;z-index:1;display:flex;flex-direction:column;width:100%}.opk-banner-image .opk-banner-image__content-bg{position:absolute;top:50%;left:50%;aspect-ratio:1/1.09;z-index:0;pointer-events:none;visibility:visible;height:max(100cqh,(100cqw + 0px)*1.09);height:max(100cqh,(100cqw + var(--bg-bleed-x, 0px))*1.09)}@media screen and (min-width:1920px){.opk-banner-image .opk-banner-image__content-bg{min-height:1300px;translate:-67.1% -37%}}@media(max-width:1919px)and (min-width:1440px){.opk-banner-image .opk-banner-image__content-bg{min-height:950px;translate:-65% -34.5%}}@media(max-width:1439px)and (min-width:1200px){.opk-banner-image .opk-banner-image__content-bg{min-height:750px;translate:-65% -34.5%}}@media(max-width:1199px)and (min-width:580px){.opk-banner-image .opk-banner-image__content-bg{min-height:600px;translate:-65% -34.5%}}@media screen and (max-width:579px){.opk-banner-image .opk-banner-image__content-bg{min-height:500px;translate:-68% -34.5%}}.opk-banner-image .opk-banner-image__content-bg .opk-banner-image__button{position:absolute;z-index:1;pointer-events:auto;visibility:visible}@media screen and (min-width:1440px){.opk-banner-image .opk-banner-image__content-bg .opk-banner-image__button{top:45.5%;right:-2.5%}}@media(max-width:1439px)and (min-width:1200px){.opk-banner-image .opk-banner-image__content-bg .opk-banner-image__button{top:45%;right:-2.5%}}@media(max-width:1199px)and (min-width:768px){.opk-banner-image .opk-banner-image__content-bg .opk-banner-image__button{top:46%;right:-4.5%}}@media(max-width:767px)and (min-width:580px){.opk-banner-image .opk-banner-image__content-bg .opk-banner-image__button{top:51.5%;right:8%}}@media screen and (max-width:579px){.opk-banner-image .opk-banner-image__content-bg .opk-banner-image__button{top:55%;right:10.2%}}.opk-banner-image .opk-banner-image__content-bg-picture{display:block;width:100%;height:100%}@media screen and (max-width:767px){.opk-banner-image .opk-banner-image__content-bg-picture{transform:rotate(-18deg) translate(35px,15px) scale(.93)}}.opk-banner-image .opk-banner-image__content-bg-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.opk-banner-image .opk-banner-image__title{width:100%;font-family:var(--opk-font-main);font-weight:700;letter-spacing:0%;text-transform:uppercase;line-height:1;text-align:left;color:currentColor;color:var(--opk-banner-image-title-color, currentColor)}@media screen and (min-width:1440px){.opk-banner-image .opk-banner-image__title{max-width:none;max-width:var(--opk-banner-image-title-max-width, none);font-size:68px}}@media screen and (max-width:1919px){.opk-banner-image .opk-banner-image__title{max-width:calc(none*.7);max-width:calc(var(--opk-banner-image-title-max-width, none)*.7)}}@media screen and (max-width:1919px){.opk-banner-image .opk-banner-image__title{font-size:48px}}@media screen and (max-width:767px){.opk-banner-image .opk-banner-image__title{max-width:calc(none/2);max-width:calc(var(--opk-banner-image-title-max-width, none)*.5)}}.opk-banner-image .opk-banner-image__description{width:100%;margin-top:21px;font-family:var(--opk-font-main);font-weight:400;text-align:left;color:currentColor;color:var(--opk-banner-image-description-color, currentColor)}@media screen and (min-width:1440px){.opk-banner-image .opk-banner-image__description{max-width:none;max-width:var(--opk-banner-image-description-max-width, none)}}@media screen and (max-width:1919px){.opk-banner-image .opk-banner-image__description{max-width:calc(none*.7);max-width:calc(var(--opk-banner-image-description-max-width, none)*.7)}}@media screen and (min-width:1440px){.opk-banner-image .opk-banner-image__description{font-size:24px;line-height:130%}}@media(max-width:1439px)and (min-width:768px){.opk-banner-image .opk-banner-image__description{font-size:22px;line-height:120%}}@media screen and (max-width:767px){.opk-banner-image .opk-banner-image__description{max-width:calc(none*.4);max-width:calc(var(--opk-banner-image-title-max-width, none)*.4);font-size:20px;line-height:144%;letter-spacing:.05em}}.opk-banner-image .opk-banner-image__content-inner>.opk-banner-image__button{position:absolute;z-index:2}@media screen and (min-width:768px){.opk-banner-image .opk-banner-image__content-inner>.opk-banner-image__button{bottom:-17.5%;right:-11.5%;right:calc(-1*var(--bg-bleed-x, 11.5%))}}@media screen and (max-width:767px){.opk-banner-image .opk-banner-image__content-inner>.opk-banner-image__button{bottom:-44%;right:-.5%;right:calc(-1*var(--bg-bleed-x, .5%))}}.opk-banner-image .opk-banner-image__button .btn.btn--custom{width:137px;min-width:137px;padding:20px 28px;font-family:var(--opk-font-main);font-weight:700;font-size:18px;letter-spacing:0;text-transform:uppercase;line-height:1}@media screen and (min-width:768px){.opk-banner-image .opk-banner-image__button .btn.btn--custom{width:-moz-min-content;width:min-content}}.opk-banner-image .opk-banner-image__button .btn.btn--custom .btn__text{text-align:left;max-width:none;white-space:normal}
/*# sourceMappingURL=/cdn/shop/t/27/assets/opk-banner-image.css.map */