/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/styles/sections/opk-hero-banner.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/:root{--opk-layout: 1920px;--opk-main-layout: 1824px;--font-oswald: "Oswald", sans-serif;--font-nothing-you-could-do: "Nothing You Could Do", serif}@media screen and (max-width:749px){.opk_breadcrumbs__wrapper{display:flex;overflow-x:auto;overflow-y:hidden}}.opk_breadcrumbs__divider,.opk_breadcrumbs__active-link,.opk_breadcrumbs__link{color:inherit;font-style:normal;font-weight:200;line-height:1;text-transform:uppercase;text-wrap:nowrap}@media screen and (min-width:750px){.opk_breadcrumbs__divider,.opk_breadcrumbs__active-link,.opk_breadcrumbs__link{font-size:14px}}@media screen and (max-width:749px){.opk_breadcrumbs__divider,.opk_breadcrumbs__active-link,.opk_breadcrumbs__link{font-size:11px}}@media screen and (min-width:750px){.opk_breadcrumbs__divider{padding-left:3px;padding-right:3px}}@media screen and (max-width:749px){.opk_breadcrumbs__divider{padding-left:7px;padding-right:7px}}.opk_breadcrumbs__active-link{color:var(--breadcrumbs-color-active)}.opk-hero-banner .opk_breadcrumbs{position:relative;padding:20px 48px;z-index:2}@media screen and (max-width:749px){.opk-hero-banner .opk_breadcrumbs{padding:16px}}@media screen and (max-width:749px){.opk-hero-banner .hero__inner{align-items:initial}}@media screen and (max-width:575px){.opk-hero-banner .hero__content{justify-content:flex-start;padding:6rem calc(var(--page-gutter) * 1) 6.4rem}}@media screen and (max-width:575px){.opk-hero-banner .hero__animation:has(.hero__heading){width:100%;text-align:center}}.opk-hero-banner .hero__heading,.opk-hero-banner .hero__heading p,.opk-hero-banner .hero__heading h2{font-size:calc(var(--font-heading-scale) * var(--h2-multiplier));letter-spacing:-2.56px}@media screen and (max-width:749px){.opk-hero-banner .hero__heading,.opk-hero-banner .hero__heading p,.opk-hero-banner .hero__heading h2{font-size:calc(var(--font-heading-scale) * 4.2rem);letter-spacing:-1.68px}}@media screen and (max-width:749px){.opk-hero-banner .hero__heading{margin-bottom:2.4rem}}.opk-hero-banner .hero__entry{font-size:24px;color:rgba(var(--color-foreground),1)}@media screen and (max-width:749px){.opk-hero-banner .hero__entry{font-size:20px;line-height:1.4}}.opk-hero-banner .hero__entry p{letter-spacing:.6px}@media screen and (max-width:749px){.opk-hero-banner .hero__entry p{letter-spacing:.55px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/opk-hero-banner.css.map */