@font-face{font-family:BrxigSans;src:url('sans.ttf') format('truetype');font-weight:400 800;font-display:swap}
.brxig{position:relative;font-family:BrxigSans,Manrope,Arial,sans-serif;color:#3e5874;background:#fff;min-width:0;max-width:100%;box-sizing:border-box;--brxig-base-top:92px}
.brxig *{box-sizing:border-box}.brxig h2,.brxig h3,.brxig h4,.brxig p{margin:0;font-family:inherit}.brxig .brxig-title{font-weight:600}.brxig button{font-family:inherit;line-height:inherit}.brxig .brxig-pin{position:relative;overflow:clip;display:flex;flex-direction:column}.brxig .brxig-progress{position:absolute;height:3px;background:#5d7897;bottom:0;left:0;width:100%;transform:scaleX(var(--story-progress,0));transform-origin:left}
.brxig[data-motion="true"]{height:var(--brxig-height,360svh)}.brxig[data-motion="true"] .brxig-pin{position:sticky;top:var(--brxig-top,92px);height:calc(100svh - var(--brxig-top,92px));min-height:520px}
@media(max-width:760px){.brxig{--brxig-base-top:73px}.brxig[data-motion="true"]{height:var(--brxig-mobile-height,330svh)}.brxig[data-motion="true"] .brxig-pin{min-height:500px}}
.brxig .brxig-ingredientPin,.brxig .brxig-ingredientPin{background:#fff;padding:48px 6%}
.brxig .brxig-ingredientLayout{display:grid;grid-template-columns:minmax(220px,.95fr) minmax(0,1.3fr) minmax(260px,1fr);gap:clamp(28px,4vw,80px);align-items:center;max-width:1450px;width:100%;margin:auto}
.brxig .brxig-ingredientMenu{display:flex;flex-direction:column;gap:clamp(22px,4vh,46px)}
.brxig .brxig-ingredientChoice{display:grid;grid-template-columns:32px minmax(0,1fr);gap:18px;align-items:start;justify-content:start;height:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#5d7897;text-align:left;white-space:normal;transition:color 400ms ease}
.brxig .brxig-ingredientChoice[aria-pressed=true]{color:#1e3859}
.brxig .brxig-ingredientChoice:focus-visible{outline:2px solid #5d7897;outline-offset:8px}
.brxig .brxig-ingredientNumber{font-size:clamp(16px,1.5vw,23px);font-weight:400;line-height:1.4;padding-top:5px}
.brxig .brxig-ingredientLabel{display:flex;flex-direction:column;gap:8px;min-width:0}
.brxig .brxig-ingredientLabel strong{font-size:clamp(25px,2.4vw,40px);line-height:1.15;letter-spacing:-.025em;font-weight:600}
.brxig .brxig-ingredientLabel>span{font-size:clamp(14px,1.2vw,19px);font-weight:400;line-height:1.5;max-width:225px}
.brxig .brxig-ingredientVisual{position:relative;width:100%;aspect-ratio:1;transform:translateY(var(--story-lift,0px)) rotate(var(--story-turn,-9deg));will-change:transform}
.brxig .brxig-ingredientImage{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:scale(.94);transition:opacity 450ms ease,transform 650ms cubic-bezier(.22,.61,.36,1)}
.brxig .brxig-ingredientImage[data-active=true]{opacity:1;transform:scale(1)}
.brxig .brxig-ingredientIntro{text-align:center;max-width:380px;justify-self:center}
.brxig .brxig-ingredientIntro .brxig-title{font-size:clamp(25px,2vw,34px);line-height:1.25;letter-spacing:-.02em;font-weight:600;color:#365f8d}
.brxig .brxig-ingredientIntro .brxig-title span{color:#7da2c0}
.brxig .brxig-ingredientIntro p{font-size:clamp(14px,1.1vw,18px);font-weight:400;line-height:1.65;margin-top:24px;color:#5d7897}
.brxig[data-motion="false"] .brxig-ingredientVisual{transform:none;will-change:auto}
.brxig[data-motion="false"] .brxig-ingredientImage,.brxig[data-motion="false"] .brxig-ingredientChoice{transition:none}
@media(min-width:761px) and (max-width:1100px){.brxig .brxig-ingredientLayout{grid-template-columns:minmax(220px,1fr) minmax(0,1.2fr);gap:25px 40px;max-width:780px}
.brxig .brxig-ingredientIntro{grid-column:1/-1;max-width:580px}
.brxig .brxig-ingredientIntro .brxig-title br{display:none}
.brxig .brxig-ingredientIntro p{margin-top:12px}
.brxig .brxig-ingredientVisual{max-width:340px;justify-self:center}
.brxig .brxig-ingredientMenu{gap:24px}
}
@media(max-width:760px){.brxig[data-motion="true"] .brxig-ingredientPin,.brxig .brxig-ingredientPin{padding:28px 22px}
.brxig .brxig-ingredientLayout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px 12px}
.brxig .brxig-ingredientMenu{gap:22px}
.brxig .brxig-ingredientChoice{grid-template-columns:20px minmax(0,1fr);gap:6px}
.brxig .brxig-ingredientNumber{font-size:12px;padding-top:2px}
.brxig .brxig-ingredientLabel{gap:5px}
.brxig .brxig-ingredientLabel strong{font-size:clamp(18px,4vw,26px)}
.brxig .brxig-ingredientLabel>span{font-size:12px;line-height:1.4}
.brxig .brxig-ingredientIntro{grid-column:1/-1;max-width:430px}
.brxig .brxig-ingredientIntro .brxig-title{font-size:24px}
.brxig .brxig-ingredientIntro p{font-size:13px;line-height:1.55;margin-top:13px}
.brxig .brxig-ingredientVisual{width:110%;margin-left:-5%}
}
.brxig /* The explanation follows the same selection and timing as the ingredient image. */
.brxig-ingredientDetails{display:grid;width:100%;align-items:center}
.brxig .brxig-ingredientDetail{grid-area:1/1;opacity:0;transform:translateY(18px);pointer-events:none}
.brxig .brxig-ingredientDetail[data-active=true]{opacity:1;transform:translateY(0);pointer-events:auto}
.brxig[data-motion="true"] .brxig-ingredientDetail{transition:opacity 450ms ease,transform 650ms cubic-bezier(.22,.61,.36,1)}
.brxig .brxig-ingredientDetail .brxig-title>span{display:inline-block;font-size:.8em;line-height:1.35;margin-top:9px}
.brxig[data-motion="false"] .brxig-ingredientDetail{transition:none;transform:none}

.brxig .brxig-ingredientLayout{min-width:0}.brxig .brxig-ingredientDetail{overflow-wrap:anywhere}
.brxig .brxig-ingredientImage[data-active="false"],.brxig .brxig-ingredientDetail[data-active="false"]{visibility:hidden}
.brxig:not(.brxig-enhanced) .brxig-ingredientMenu{display:none}
.brxig:not(.brxig-enhanced) .brxig-ingredientLayout{grid-template-columns:1fr}
.brxig:not(.brxig-enhanced) .brxig-ingredientVisual{transform:none;width:100%;aspect-ratio:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.brxig:not(.brxig-enhanced) .brxig-ingredientImage{position:relative;opacity:1;visibility:visible;transform:none;max-height:280px}
.brxig:not(.brxig-enhanced) .brxig-ingredientDetails{display:grid;gap:30px;max-width:900px;grid-template-columns:repeat(2,minmax(0,1fr))}
.brxig:not(.brxig-enhanced) .brxig-ingredientDetail{grid-area:auto;opacity:1;visibility:visible;transform:none}
.brxig:not(.brxig-enhanced) .brxig-progress,.brxig[data-motion="false"] .brxig-progress{display:none}
@media(max-width:760px){.brxig:not(.brxig-enhanced) .brxig-ingredientDetails{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.brxig *{transition:none!important;animation:none!important}}
.elementor-widget-branxon-ingredient-story.elementor-invisible:not([data-settings*='"_animation"']):not([data-settings*='"animation"']){visibility:visible}

.brxig[data-numbers="0"] .brxig-ingredientChoice{grid-template-columns:minmax(0,1fr)}
.brxig[data-progress="0"] .brxig-progress{display:none}
.brxig[data-transition="0"] .brxig-ingredientImage,.brxig[data-transition="0"] .brxig-ingredientDetail,.brxig[data-transition="0"] .brxig-ingredientChoice{transition:none!important}