.opk-hero-banner .opk-hero-banner__wrapper{position:relative;overflow:hidden}.opk-hero-banner .opk-hero-banner__media{position:absolute;width:100%;height:100%;z-index:0}.opk-hero-banner .opk-hero-banner__media img,.opk-hero-banner .opk-hero-banner__media svg,.opk-hero-banner .opk-hero-banner__media video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.opk-hero-banner .opk-hero-banner__media .media,.opk-hero-banner .opk-hero-banner__media .media-wrapper{aspect-ratio:unset;height:100%}.opk-hero-banner .opk-hero-banner__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-hero-banner .opk-hero-banner__media .opk-hero-banner__pattern{display:none}}.opk-hero-banner .opk-hero-banner__media .opk-hero-banner__pattern svg{width:100%;height:82%;-o-object-fit:initial;object-fit:initial}.opk-hero-banner .opk-hero-banner__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-hero-banner .opk-hero-banner__breadcrumbs{position:absolute;top:0;left:0;z-index:3;pointer-events:none}@media screen and (min-width:1440px){.opk-hero-banner .opk-hero-banner__breadcrumbs{padding:20px 0 0 68px}}@media(max-width:1439px)and (min-width:1200px){.opk-hero-banner .opk-hero-banner__breadcrumbs{padding:20px 0 0 40px}}@media(max-width:1199px)and (min-width:768px){.opk-hero-banner .opk-hero-banner__breadcrumbs{padding:24px 0 0 32px}}@media(max-width:767px)and (min-width:480px){.opk-hero-banner .opk-hero-banner__breadcrumbs{padding:20px 0 0 24px}}@media screen and (max-width:479px){.opk-hero-banner .opk-hero-banner__breadcrumbs{padding:20px 0 0 16px}}.opk-hero-banner .opk-hero-banner__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-hero-banner .opk-hero-banner__breadcrumbs .breadcrumbs a{color:#fff;-webkit-text-decoration:none;text-decoration:none}.opk-hero-banner .opk-hero-banner__breadcrumbs .breadcrumbs .breadcrumbs__last,.opk-hero-banner .opk-hero-banner__breadcrumbs .breadcrumbs .color-subtext{color:#ffffffb3}.opk-hero-banner .opk-hero-banner__breadcrumbs .breadcrumbs .breadcrumbs__sep{display:inline-block;flex-shrink:0;width:2px;height:2px;border-radius:50%;background-color:#fff;color:#0000}.opk-hero-banner .opk-hero-banner__breadcrumbs .breadcrumbs .breadcrumbs__sep:before{content:none}.opk-hero-banner .opk-hero-banner__content{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:0 auto;z-index:1}@media screen and (min-width:1440px){.opk-hero-banner .opk-hero-banner__content{max-width:70%;padding-left:80px;padding-right:80px}}@media(max-width:1439px)and (min-width:1200px){.opk-hero-banner .opk-hero-banner__content{max-width:75%;padding-left:60px;padding-right:60px}}@media(max-width:1199px)and (min-width:768px){.opk-hero-banner .opk-hero-banner__content{max-width:80%;padding-left:32px;padding-right:32px}}@media(max-width:767px)and (min-width:480px){.opk-hero-banner .opk-hero-banner__content{padding-left:24px;padding-right:24px}}@media screen and (max-width:479px){.opk-hero-banner .opk-hero-banner__content{padding-left:16px;padding-right:16px}}.opk-hero-banner .opk-hero-banner__content-wrapper{display:flex;flex-direction:column;align-items:center}@media screen and (max-width:767px){.opk-hero-banner .opk-hero-banner__content-wrapper{width:100%}}@media screen and (min-width:1200px){.opk-hero-banner .opk-hero-banner__content-wrapper--small .opk-hero-banner__title{font-size:64px}}@media(max-width:1199px)and (min-width:768px){.opk-hero-banner .opk-hero-banner__content-wrapper--small .opk-hero-banner__title{font-size:48px}}@media screen and (max-width:767px){.opk-hero-banner .opk-hero-banner__content-wrapper--small .opk-hero-banner__title{font-size:32px}}@media screen and (min-width:1200px){.opk-hero-banner .opk-hero-banner__content-wrapper--medium .opk-hero-banner__title{font-size:80px}}@media(max-width:1199px)and (min-width:768px){.opk-hero-banner .opk-hero-banner__content-wrapper--medium .opk-hero-banner__title{font-size:56px}}@media screen and (max-width:767px){.opk-hero-banner .opk-hero-banner__content-wrapper--medium .opk-hero-banner__title{font-size:36px}}@media screen and (min-width:1200px){.opk-hero-banner .opk-hero-banner__content-wrapper--large .opk-hero-banner__title{font-size:96px}}@media(max-width:1199px)and (min-width:768px){.opk-hero-banner .opk-hero-banner__content-wrapper--large .opk-hero-banner__title{font-size:68px}}@media screen and (max-width:767px){.opk-hero-banner .opk-hero-banner__content-wrapper--large .opk-hero-banner__title{font-size:42px}}@media screen and (min-width:1200px){.opk-hero-banner .opk-hero-banner__content-wrapper--extra-large .opk-hero-banner__title{font-size:112px}}@media(max-width:1199px)and (min-width:768px){.opk-hero-banner .opk-hero-banner__content-wrapper--extra-large .opk-hero-banner__title{font-size:80px}}@media screen and (max-width:767px){.opk-hero-banner .opk-hero-banner__content-wrapper--extra-large .opk-hero-banner__title{font-size:48px}}.opk-hero-banner .opk-hero-banner__title-wrapper{display:flex;align-items:center;justify-content:center;width:100%}.opk-hero-banner .opk-hero-banner__title{font-family:var(--opk-font-main);font-weight:700;line-height:1;letter-spacing:0%;text-transform:uppercase;text-align:center;color:currentColor;color:var(--opk-hero-banner-title-color, currentColor)}@media screen and (max-width:767px){.opk-hero-banner .opk-hero-banner__title{max-width:358px;text-align:left;text-align:var(--opk-hero-banner-mobile-text-align, left)}}.opk-hero-banner .opk-hero-banner__title .opk-hero-banner__title-word{display:inline}.opk-hero-banner .opk-hero-banner__title .opk-hero-banner__title-head{display:block}.opk-hero-banner .opk-hero-banner__title .opk-hero-banner__title-tail{display:block;position:relative}@media screen and (max-width:767px){.opk-hero-banner .opk-hero-banner__title .opk-hero-banner__title-tail{padding-right:112px}}.opk-hero-banner .opk-hero-banner__title .opk-hero-banner__title-button--end{position:absolute;display:inline-block;width:99px;height:99px;vertical-align:middle;margin-left:20px}.opk-hero-banner .opk-hero-banner__title .opk-hero-banner__title-button--end .button-block.block{width:100%;height:100%}@media screen and (min-width:1200px){.opk-hero-banner .opk-hero-banner__title .opk-hero-banner__title-button--end .button-block.block{margin:-53px 0 0 -4px}}@media(max-width:1199px)and (min-width:768px){.opk-hero-banner .opk-hero-banner__title .opk-hero-banner__title-button--end .button-block.block{margin:-26px 0 0 -2px}}@media screen and (max-width:767px){.opk-hero-banner .opk-hero-banner__title .opk-hero-banner__title-button--end{display:none}}.opk-hero-banner .opk-hero-banner__title .opk-hero-banner__title-button--wrap{display:none}@media screen and (max-width:767px){.opk-hero-banner .opk-hero-banner__title .opk-hero-banner__title-button--wrap{display:inline-block;float:right;shape-outside:circle(50%);shape-margin:12px;margin-top:-2px;margin-right:19px;width:99px;height:99px}}.opk-hero-banner .opk-hero-banner__title .opk-hero-banner__title-button--end .btn.btn--custom,.opk-hero-banner .opk-hero-banner__title .opk-hero-banner__title-button--wrap .btn.btn--custom{width:100%;height:100%;font-family:var(--opk-font-main);font-weight:700;font-size:18px;letter-spacing:0;text-transform:uppercase;line-height:1}.opk-hero-banner .opk-hero-banner__title .opk-hero-banner__title-button--end .btn.btn--custom .btn__text,.opk-hero-banner .opk-hero-banner__title .opk-hero-banner__title-button--wrap .btn.btn--custom .btn__text{text-align:left;max-width:none;white-space:normal}.opk-hero-banner .opk-hero-banner__description{width:100%;max-width:900px;font-family:var(--opk-font-main);font-weight:400;letter-spacing:0;color:currentColor;color:var(--opk-hero-banner-description-color, currentColor);text-align:center}@media screen and (min-width:1440px){.opk-hero-banner .opk-hero-banner__description{font-size:24px;line-height:130%}}@media(max-width:1439px)and (min-width:768px){.opk-hero-banner .opk-hero-banner__description{font-size:23px;line-height:120%}}@media screen and (max-width:767px){.opk-hero-banner .opk-hero-banner__description{font-size:22px;line-height:134%;text-align:left;text-align:var(--opk-hero-banner-mobile-text-align, left)}}@media(max-width:767px)and (min-width:480px){.opk-hero-banner .opk-hero-banner__description{text-align:center!important}}@media screen and (min-width:1440px){.opk-hero-banner .opk-hero-banner__description.opk-hero-banner__description--h1{margin-top:57px}}@media(max-width:1439px)and (min-width:768px){.opk-hero-banner .opk-hero-banner__description.opk-hero-banner__description--h1{margin-top:35px}}@media screen and (max-width:767px){.opk-hero-banner .opk-hero-banner__description.opk-hero-banner__description--h1{margin-top:19px}}.opk-hero-banner .opk-hero-banner__description.opk-hero-banner__description--h2{margin-top:21px}
/*# sourceMappingURL=/cdn/shop/t/27/assets/opk-hero-banner.css.map */