.kova-faqhero{background-color:var(--faqhero-bg, #f4e7dc)}.page-faq #MainContent,.page-science #MainContent{margin-top:calc(-1 * var(--header-height, 7.6rem))}.page-science #MainContent{background-color:#faf4ee}.page-faq .kova-faqhero,.page-science .kova-faqhero{padding-top:calc(var(--header-height, 7.6rem) + 1.6rem)}@media screen and (min-width:750px){.page-faq .kova-faqhero,.page-science .kova-faqhero{padding-top:calc(var(--header-height, 7.6rem) + 3.2rem)}}.kova-faqhero__inner{display:grid;grid-template-columns:1fr;gap:clamp(2.4rem,5vw,4rem);align-items:center}@media screen and (min-width:990px){.kova-faqhero__inner{grid-template-columns:1fr 1fr;gap:clamp(3rem,5vw,6rem)}}.kova-faqhero__eyebrow{margin-bottom:1.4rem;color:var(--kova-blue-muted)}.kova-faqhero__heading{margin:0 0 1.8rem;font-size:clamp(4rem,7vw,6.4rem);font-weight:800;line-height:.98;letter-spacing:-.02em;color:var(--kova-navy);text-transform:uppercase}.kova-faqhero__heading-accent{display:block;color:#9db8cf}.kova-faqhero__subtext{margin:0 0 2.8rem;max-width:34rem;font-size:clamp(1.5rem,1.8vw,1.7rem);line-height:1.6;color:var(--kova-blue-muted)}.kova-faqhero__button{margin:0}.kova-faqhero__media{display:flex;justify-content:center;align-items:center;overflow:visible}.kova-faqhero__media .kova-hero-flavour-badge-wrap{overflow:visible}.kova-faqhero__media-frame{position:relative;width:100%}.kova-faqhero__img{display:block;width:100%;height:auto;max-width:none;transform-origin:center center;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 16%,#000 84%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 14%,#000 86%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0,#000 16%,#000 84%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 14%,#000 86%,transparent 100%);mask-composite:intersect}@media screen and (min-width:990px){.kova-faqhero__media{justify-content:flex-end}}@media screen and (max-width:749px){.kova-faqhero__inner{text-align:left}.kova-hero-flavour-badge-wrap{max-width:46rem}}.kova-faqhero__heading{font-size:clamp(3.6rem,6vw,5.6rem);text-transform:none;line-height:1.02}.kova-faqhero__subtext{font-size:clamp(1.5rem,1.7vw,1.7rem);line-height:1.7;max-width:44rem}@media screen and (min-width:990px){.kova-faqhero__inner{min-height:42rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-kova-faq-hero.css.map */