.vfi-wrap{--vfi-accent:#86c2eb;position:relative;overflow:hidden;background:#fafafa;color:#151515;isolation:isolate}
.vfi-wrap *{box-sizing:border-box}
.vfi-inner{position:relative;z-index:2;width:100%;margin:0 auto}
.vfi-runes{position:absolute;inset:-15%;z-index:0;pointer-events:none;background-image:linear-gradient(45deg,transparent 48%,rgba(0,0,0,.5) 49%,rgba(0,0,0,.5) 51%,transparent 52%),linear-gradient(-45deg,transparent 48%,rgba(0,0,0,.36) 49%,rgba(0,0,0,.36) 51%,transparent 52%);background-size:86px 86px,86px 86px;mask-image:radial-gradient(circle at center,#000 0,transparent 70%);transform:rotate(-6deg)}
.vfi-header{text-align:center;max-width:780px;margin:0 auto 30px}
.vfi-eyebrow{font-size:11px;line-height:1.3;letter-spacing:.22em;font-weight:700;text-transform:uppercase;margin-bottom:12px}
.vfi-heading{font-size:clamp(30px,4vw,58px);line-height:.95;letter-spacing:-.035em;margin:0}
.vfi-intro{max-width:670px;margin:18px auto 0;font-size:15px;line-height:1.7}
.vfi-tabs{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin:0 auto 22px;padding:6px;border-bottom:1px solid rgba(0,0,0,.08)}
.vfi-tab{position:relative;appearance:none;border:0;background:transparent;padding:13px 18px;min-height:44px;font:inherit;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:color .25s ease,opacity .25s ease}
.vfi-tab::after{content:"";position:absolute;left:18px;right:18px;bottom:-7px;height:2px;background:var(--vfi-accent);transform:scaleX(0);transition:transform .28s ease;transform-origin:center}
.vfi-tab[aria-selected="true"]::after{transform:scaleX(1)}
.vfi-tab:focus-visible{outline:2px solid var(--vfi-accent);outline-offset:2px}
.vfi-panels{position:relative}
.vfi-panel{--vfi-speed:400ms;opacity:0;transform:translateY(8px);transition:opacity var(--vfi-speed) ease,transform var(--vfi-speed) ease}
.vfi-panel.is-active{opacity:1;transform:none}
.vfi-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,400px) minmax(0,1fr);grid-template-rows:1fr 1fr;align-items:center;gap:20px 42px;min-height:650px}
.vfi-stage-halo{position:absolute;left:50%;top:48%;width:min(44vw,520px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,color-mix(in srgb,var(--vfi-accent) 30%,transparent) 0%,color-mix(in srgb,var(--vfi-accent) 11%,transparent) 42%,transparent 70%);filter:blur(3px);pointer-events:none}
.vfi-product{grid-column:2;grid-row:1 / span 2;position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-width:0;will-change:transform}
.vfi-product::before{content:"";position:absolute;z-index:-1;bottom:100px;width:76%;height:32px;border-radius:50%;background:rgba(0,0,0,.10);filter:blur(18px)}
.vfi-product-image{display:block;max-width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 24px 35px rgba(0,0,0,.14));transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.vfi-product:hover .vfi-product-image{transform:translateY(-5px) scale(1.015)}
.vfi-product-meta{margin-top:17px;position:relative;z-index:2}
.vfi-product-subtitle{font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;margin-bottom:7px}
.vfi-product-title{margin:0;font-size:clamp(20px,2vw,30px);line-height:1.1;letter-spacing:-.02em}
.vfi-product-cta{display:inline-flex;align-items:center;gap:9px;margin-top:14px;font-size:10px;font-weight:800;letter-spacing:.12em;text-decoration:none;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:5px}
.vfi-product-cta span{transition:transform .2s ease}.vfi-product-cta:hover span{transform:translate(3px,-3px)}
.vfi-ingredients{display:contents}
.vfi-ingredient{position:relative;z-index:2;display:flex;align-items:center;min-width:0;will-change:transform}
.vfi-ingredient::after{content:"";position:absolute;top:50%;height:1px;width:clamp(30px,5vw,82px);opacity:.85;z-index:-1}
.vfi-no-connectors .vfi-ingredient::after{display:none}
.vfi-ingredient-visual{position:relative;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.08);transition:transform .35s ease,box-shadow .35s ease}
.vfi-ingredient-visual::before{content:"";position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--vfi-accent) 46%,transparent);border-radius:inherit;z-index:2;pointer-events:none}
.vfi-ingredient-visual img{display:block;width:88%;height:88%;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.08));transition:transform .38s cubic-bezier(.2,.8,.2,1)}
.vfi-ingredient:hover .vfi-ingredient-visual{transform:translateY(-4px);box-shadow:0 22px 50px rgba(0,0,0,.12)}
.vfi-ingredient:hover .vfi-ingredient-visual img{transform:scale(1.05) rotate(-1deg)}
.vfi-ingredient-copy{min-width:0;max-width:230px}
.vfi-ingredient-title{margin:0 0 4px;font-size:16px;line-height:1.2;font-weight:700}
.vfi-ingredient-inci{font-size:11px;line-height:1.35;font-style:italic;letter-spacing:.01em}
.vfi-ingredient-desc{margin:8px 0 0;font-size:12px;line-height:1.55}
.vfi-pos-top-left{grid-column:1;grid-row:1;justify-self:end;text-align:right;flex-direction:row-reverse}
.vfi-pos-bottom-left{grid-column:1;grid-row:2;justify-self:end;text-align:right;flex-direction:row-reverse}
.vfi-pos-top-right{grid-column:3;grid-row:1;justify-self:start;text-align:left}
.vfi-pos-bottom-right{grid-column:3;grid-row:2;justify-self:start;text-align:left}
.vfi-pos-top-left::after,.vfi-pos-bottom-left::after{right:calc(-1 * clamp(30px,5vw,82px) + 4px)}
.vfi-pos-top-right::after,.vfi-pos-bottom-right::after{left:calc(-1 * clamp(30px,5vw,82px) + 4px)}
.vfi-float-enabled .vfi-ingredient-visual{animation:vfiFloat 5.8s ease-in-out infinite}
.vfi-float-enabled .vfi-ingredient:nth-child(2) .vfi-ingredient-visual{animation-delay:-1.2s}
.vfi-float-enabled .vfi-ingredient:nth-child(3) .vfi-ingredient-visual{animation-delay:-2.4s}
.vfi-float-enabled .vfi-ingredient:nth-child(4) .vfi-ingredient-visual{animation-delay:-3.6s}
@keyframes vfiFloat{0%,100%{translate:0 0}50%{translate:0 -7px}}
@media (max-width:1024px){
  .vfi-stage{grid-template-columns:minmax(0,1fr) minmax(230px,330px) minmax(0,1fr);gap:16px 24px}
  .vfi-ingredient-copy{max-width:180px}.vfi-ingredient-desc{display:none}
}
@media (max-width:767px){
  .vfi-header{margin-bottom:24px}.vfi-tabs{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:-4px;margin-right:-4px;padding-left:4px;padding-right:4px}.vfi-tabs::-webkit-scrollbar{display:none}.vfi-tab{flex:0 0 auto;padding:11px 13px}
  .vfi-stage{display:flex;flex-direction:column;min-height:0!important;gap:22px}.vfi-stage-halo{top:25%;width:92vw;max-width:420px}.vfi-product{order:1;width:100%}.vfi-ingredients{display:grid;order:2;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.vfi-ingredient{display:flex!important;grid-column:auto!important;grid-row:auto!important;justify-self:stretch!important;align-items:center;flex-direction:column!important;text-align:center!important;gap:10px!important}.vfi-ingredient::after{display:none}.vfi-ingredient-copy{max-width:100%}.vfi-ingredient-desc{display:block;font-size:11px;margin-top:6px}
  .vfi-mobile-scroll .vfi-ingredients{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:8px}.vfi-mobile-scroll .vfi-ingredient{min-width:74%;scroll-snap-align:start}
}
@media (max-width:430px){.vfi-mobile-grid .vfi-ingredients{grid-template-columns:1fr 1fr}.vfi-ingredient-title{font-size:14px}.vfi-ingredient-inci{font-size:10px}.vfi-ingredient-desc{display:none}}
@media (prefers-reduced-motion:reduce){.vfi-float-enabled .vfi-ingredient-visual{animation:none!important}.vfi-panel,.vfi-product-image,.vfi-ingredient-visual,.vfi-ingredient-visual img{transition:none!important}}