.fi{background:#f7efe4;color:#071d49;padding:72px 0;overflow:hidden}.fi__inner{margin:0 auto;padding:0 clamp(1.6rem,3.6vw,5.6rem)}.fi__header{text-align:center;max-width:800px;margin:0 auto 24px}.fi__eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px!important;font-weight:700}.fi h2{font-family:var(--font-heading-family);font-size:clamp(2.6rem,4vw,4rem);font-weight:800;line-height:1.15;color:inherit;margin:14px 0 22px;letter-spacing:-.01em}.fi__header>p:last-child{font-size:15px;line-height:1.55;max-width:790px;margin:auto}.fi__gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:22px;margin:30px 0 42px}.fi__ingredient{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:0;min-width:0}.fi__ingredient img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply;display:block}.fi__ingredient span{display:block;font-size:15px;font-weight:600;margin-top:6px}.fi--ready .fi__ingredient{display:none}.fi--ready .fi__ingredient[data-position]{display:block;grid-row:1;opacity:.4;transform:scale(.86);transition:opacity .2s,transform .2s}.fi--ready .fi__ingredient[data-position="previous"]{grid-column:1}.fi--ready .fi__ingredient[data-position="current"]{grid-column:2;opacity:1;transform:scale(1)}.fi--ready .fi__ingredient[data-position="next"]{grid-column:3}.fi__ingredient:hover{opacity:1!important}.fi button:focus-visible{outline:3px solid #071d49;outline-offset:6px;border-radius:12px}.fi__bottom{width:100%;margin-inline:0}.fi__information{position:relative}.fi h3{color:inherit;font-family:var(--font-heading-family);font-size:20px;font-weight:800;line-height:1.2;margin:0 160px 20px 0;letter-spacing:-.01em}.fi__badge{display:inline-flex;align-items:center;gap:9px;background:#dcebdc;border:1px solid #a7c0aa;border-radius:8px;padding:10px 15px;font-size:15px;font-weight:600;margin:0 0 16px}.fi__copy{font-size:15px;line-height:1.55;margin:0;max-width:none}.fi__navigation{position:absolute;right:0;top:0;display:flex;align-items:center;gap:12px}.fi__navigation[hidden],.fi__detail[hidden]{display:none}.fi__navigation button{width:44px;height:44px;border:1px solid #071d49;border-radius:50%;background:transparent;color:#071d49;cursor:pointer;font-size:23px}.fi__navigation button:hover{background:#bfe5c8}.fi__navigation span{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.fi__detail+.fi__detail{margin-top:25px}.fi--ready .fi__detail{margin-top:0}
@media(max-width:749px){.fi{padding:48px 0}.fi__header>p:last-child{font-size:15px}.fi__gallery{width:150%;margin:22px -25% 30px;gap:8px}.fi__ingredient span{font-size:12px}.fi h3{font-size:18.5px;margin:0 0 18px}.fi__navigation{position:static;justify-content:center;margin:0 0 25px}.fi__copy{font-size:15px;line-height:1.55}.fi__badge{font-size:13px}.fi:not(.fi--ready) .fi__gallery{width:100%;margin:20px 0;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.fi--ready .fi__ingredient[data-position]{transition:none}}