.home-page .nutrition-feature {
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  gap: 72px;
}
.nutrition-liquid-scene {
  position: relative;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  border-radius: 18px;
  isolation: isolate;
}
.nutrition-liquid-plane {
  position: absolute;
  inset: 0;
  transform-origin: 50% 47%;
  will-change: transform;
}
.nutrition-liquid-plane > :is(img, canvas) {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.nutrition-liquid-plane > canvas {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 500ms ease;
}
.nutrition-liquid-plane > canvas.is-ready { opacity: 1; }
.nutrition-feature .feature-copy h2 { margin-top: 0; font-size: clamp(2.5rem, 3.65vw, 3.4rem); line-height:var(--title-leading); }
.nutrition-feature .feature-copy > p:not(.eyebrow) { margin-top: 28px; font-size: 1.1875rem; line-height: 1.65; }
.nutrition-feature .feature-copy > p.feature-note { margin-top: 18px; font-size: 1.0625rem; color: var(--muted); }
.nutrition-feature .flavour-list { margin-top: 28px; gap: 8px; }
.nutrition-feature .flavour-list > span { padding: 8px 13px; font-size: .875rem; }
.nutrition-feature .feature-copy > .text-link { margin-top: 32px; }
.nutrition-feature-image > .image-label { padding-top: 18px; font-size: .75rem; letter-spacing: .04em; }
@media (max-width: 1150px) { .home-page .nutrition-feature { gap: 48px; } }
@media (max-width: 900px) {
  .home-page .nutrition-feature { grid-template-columns: 1fr; gap: 44px; }
  .nutrition-feature .feature-copy { max-width: 640px; }
}
@media (max-width: 600px) {
  .home-page .nutrition-feature { gap: 36px; }
  .nutrition-liquid-scene { border-radius: 14px; }
  .nutrition-feature .feature-copy h2 { font-size: 2.375rem; }
  .nutrition-feature .feature-copy > p:not(.eyebrow) { margin-top: 24px; font-size: 1.125rem; }
  .nutrition-feature .feature-copy > p.feature-note { margin-top: 16px; font-size: 1rem; }
  .nutrition-feature .flavour-list { margin-top: 24px; }
  .nutrition-feature .flavour-list > span { padding: 7px 11px; }
}
@media (prefers-reduced-motion: reduce) {
  .nutrition-liquid-plane > canvas { transition: none; }
  .nutrition-liquid-plane { will-change: auto; }
}