:root{--opk-main-wrapper: 1920px;--opk-second-wrapper: 1494px;--opk-section-padding: 16px;--heading-font-family: 'Holise', sans-serif;--monument-font-family: 'Monument Extended', sans-serif;--sklonar-font-family: 'BC Sklonar', serif}@media screen and (min-width: 1200px){:root{--opk-section-padding: 60px}}.opk-hero-banner{background-color:var(--section-bg-color)}.opk-hero-banner__media{position:relative}.opk-hero-banner__media-picture{display:flex}.opk-hero-banner__image{max-height:800px;width:100%;height:-moz-fit-content;height:fit-content;aspect-ratio:343/540;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}@media screen and (min-width: 768px){.opk-hero-banner__image{aspect-ratio:1800/700}}.opk-hero-banner__image--with-mask{-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.opk-hero-banner__media--desktop{display:none}@media screen and (min-width: 768px){.opk-hero-banner__media--desktop{display:block}}.opk-hero-banner__media--mobile{display:block}@media screen and (min-width: 768px){.opk-hero-banner__media--mobile{display:none}}.opk-hero-banner__logo{position:absolute;top:21px;left:50%;max-width:294px;width:61.55%;transform:translateX(-50%)}@media screen and (min-width: 768px){.opk-hero-banner__logo{top:0px;transform:translate(-50%, -50%)}}@media screen and (min-width: 1440px){.opk-hero-banner__logo{max-width:498px}}.opk-hero-banner__link{margin:50px auto 0px;width:-moz-fit-content;width:fit-content;display:flex}@media screen and (min-width: 1024px){.opk-hero-banner__link{margin:35px auto 0px}}.opk-hero-banner__text-content{position:absolute;left:50%;bottom:94px;width:100%;padding:0px 20px;display:flex;flex-direction:column;gap:9px;transform:translate(-50%);text-align:center}@media screen and (min-width: 768px){.opk-hero-banner__text-content{padding-left:max(20px, min(5.2vw, 100px));padding-bottom:4px;bottom:50%;transform:translate(-50%, 50%);text-align:left}}.opk-hero-banner__richtext{font-size:22px}@media screen and (min-width: 1200px){.opk-hero-banner__richtext{font-size:24px;line-height:1.16}}.opk-hero-banner__heading{padding:0}