.bn-hiw{--bn-font-display: "Outfit", system-ui, sans-serif;--bn-font-body: "Plus Jakarta Sans", system-ui, sans-serif;font-family:var(--bn-font-body);background-color:var(--bn-hiw-bg, #ffffff);padding-top:var(--bn-hiw-pt-mobile, 5rem);padding-bottom:var(--bn-hiw-pb-mobile, 5rem)}@media screen and (min-width:750px){.bn-hiw{padding-top:var(--bn-hiw-pt-desktop, 7rem);padding-bottom:var(--bn-hiw-pb-desktop, 7rem)}}.bn-hiw__inner{max-width:var(--bn-hiw-max-width, 80rem);margin:0 auto;padding-left:var(--bn-hiw-px-mobile, 1rem);padding-right:var(--bn-hiw-px-mobile, 1rem)}@media screen and (min-width:640px){.bn-hiw__inner{padding-left:var(--bn-hiw-px-tablet, 1.5rem);padding-right:var(--bn-hiw-px-tablet, 1.5rem)}}@media screen and (min-width:1024px){.bn-hiw__inner{padding-left:var(--bn-hiw-px-desktop, 2rem);padding-right:var(--bn-hiw-px-desktop, 2rem)}}.bn-hiw__header{text-align:center;margin-bottom:var(--bn-hiw-header-mb-mobile, 4rem)}@media screen and (min-width:750px){.bn-hiw__header{margin-bottom:var(--bn-hiw-header-mb-desktop, 4rem)}}.bn-hiw__eyebrow{font-family:var(--bn-font-body);font-size:var(--bn-hiw-eyebrow-size, 14px);font-weight:600;text-transform:uppercase;letter-spacing:var(--bn-hiw-eyebrow-tracking, .1em);color:var(--bn-hiw-eyebrow-color, #d97706);margin:0 0 var(--bn-hiw-eyebrow-mb, .75rem);line-height:1.4}.bn-hiw__heading{font-family:var(--bn-font-display);font-style:normal;font-weight:700;font-size:var(--bn-hiw-heading-size-mobile, 1.875rem);line-height:var(--bn-hiw-heading-line-height, 1.15);letter-spacing:var(--bn-hiw-heading-letter-spacing, -.02em);color:var(--bn-hiw-heading-color, #1c1917);margin:0 auto var(--bn-hiw-heading-mb, 1rem);max-width:var(--bn-hiw-heading-max-width, 48rem)}@media screen and (min-width:750px){.bn-hiw__heading{font-size:var(--bn-hiw-heading-size-tablet, 2.25rem)}}@media screen and (min-width:1024px){.bn-hiw__heading{font-size:var(--bn-hiw-heading-size-desktop, 3rem)}}.bn-hiw__description{font-size:var(--bn-hiw-description-size-mobile, 1rem);line-height:var(--bn-hiw-description-line-height, 1.625);color:var(--bn-hiw-description-color, #78716c);margin:0 auto;max-width:var(--bn-hiw-description-max-width, 42rem)}@media screen and (min-width:750px){.bn-hiw__description{font-size:var(--bn-hiw-description-size-desktop, 1.125rem)}}.bn-hiw__grid{display:grid;grid-template-columns:repeat(var(--bn-hiw-cols-mobile, 1),minmax(0,1fr));gap:var(--bn-hiw-grid-gap-mobile, 1.25rem);list-style:none;margin:0;padding:0}@media screen and (min-width:640px){.bn-hiw__grid{grid-template-columns:repeat(var(--bn-hiw-cols-tablet, 2),minmax(0,1fr));gap:var(--bn-hiw-grid-gap-tablet, 1.25rem)}}@media screen and (min-width:750px){.bn-hiw__grid{grid-template-columns:repeat(var(--bn-hiw-cols-desktop, 3),minmax(0,1fr));gap:var(--bn-hiw-grid-gap-desktop, 2rem)}}.bn-hiw__step{display:flex;flex-direction:column;height:100%}.bn-hiw__media{position:relative;overflow:hidden;border-radius:var(--bn-hiw-media-radius, 1rem);margin-bottom:var(--bn-hiw-media-mb, 1.25rem);aspect-ratio:var(--bn-hiw-media-aspect, 4 / 3);background-color:var(--bn-hiw-media-bg, #f5f5f4)}.bn-hiw__media img,.bn-hiw__media-image,.bn-hiw__media .placeholder-svg{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--bn-hiw-image-hover-duration, .5s) ease}.bn-hiw__media .placeholder-svg{background-color:#f5f5f4}@media(hover:hover){.bn-hiw__step:hover .bn-hiw__media img,.bn-hiw__step:hover .bn-hiw__media-image,.bn-hiw__step:focus-within .bn-hiw__media img,.bn-hiw__step:focus-within .bn-hiw__media-image{transform:scale(var(--bn-hiw-image-hover-scale, 1.05))}}.bn-hiw__step-badge{position:absolute;top:var(--bn-hiw-badge-top, 1rem);left:var(--bn-hiw-badge-left, 1rem);z-index:1;display:flex;align-items:center;justify-content:center;width:var(--bn-hiw-badge-size, 2.5rem);height:var(--bn-hiw-badge-size, 2.5rem);border-radius:var(--bn-hiw-badge-radius, 9999px);background-color:var(--bn-hiw-badge-bg, rgba(255, 255, 255, .9));-webkit-backdrop-filter:blur(var(--bn-hiw-badge-blur, 4px));backdrop-filter:blur(var(--bn-hiw-badge-blur, 4px));font-family:var(--bn-font-display);font-weight:700;font-size:var(--bn-hiw-badge-font-size, 14px);color:var(--bn-hiw-badge-color, #b45309);line-height:1}.bn-hiw__title{font-family:var(--bn-font-display);font-weight:700;font-size:var(--bn-hiw-title-size-mobile, 1.25rem);line-height:1.3;color:var(--bn-hiw-title-color, #1c1917);margin:0 0 var(--bn-hiw-title-mb, .5rem)}@media screen and (min-width:750px){.bn-hiw__title{font-size:var(--bn-hiw-title-size-desktop, 1.25rem)}}.bn-hiw__text{font-size:var(--bn-hiw-text-size, 16px);line-height:var(--bn-hiw-text-line-height, 1.625);color:var(--bn-hiw-text-color, #78716c);margin:0}.bn-hiw__highlight{display:inline;font-weight:600;color:var(--bn-hiw-highlight-color, #b45309);background-color:var(--bn-hiw-highlight-bg, #fef3c7);padding:var(--bn-hiw-highlight-py, 0) var(--bn-hiw-highlight-px, .25rem);border-radius:var(--bn-hiw-highlight-radius, .25rem)}.bn-hiw__animate{opacity:0;transform:translateY(30px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);transition-delay:var(--bn-hiw-animate-delay, 0ms)}.bn-hiw__animate.is-visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.bn-hiw__animate{opacity:1;transform:none;transition:none}.bn-hiw__media img,.bn-hiw__media-image{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/brewnectar-how-it-works.css.map */