/* Original ingredient cutouts; the four cells of each transparent atlas move independently. */
.bw-ingredients{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;contain:layout paint}
.bw-ingredient{position:absolute;display:block;width:var(--size,180px);aspect-ratio:1;
  background-image:var(--ingredient-atlas);background-size:200% 200%;background-repeat:no-repeat;
  filter:drop-shadow(0 16px 14px rgba(44,28,19,.13));
  animation:bowl-ingredient-float var(--duration,17s) ease-in-out var(--delay,0s) infinite;
  animation-play-state:paused;transform:rotate(var(--tilt,0deg))}
.bw-ingredient:nth-child(1){background-position:0 0;--size:clamp(135px,12vw,250px);
  left:max(-85px,calc(50% - 1040px));top:9%;--tilt:-18deg;--drift-x:35px;--drift-y:35px;--duration:19s;--delay:-3s}
.bw-ingredient:nth-child(2){background-position:100% 0;--size:clamp(110px,10vw,200px);
  right:max(-70px,calc(50% - 1030px));top:34%;--tilt:21deg;--drift-x:-30px;--drift-y:-45px;--duration:16s;--delay:-9s}
.bw-ingredient:nth-child(3){background-position:0 100%;--size:clamp(115px,10vw,205px);
  left:calc(50% - 420px);bottom:-20px;--tilt:12deg;--drift-x:38px;--drift-y:-25px;--duration:22s;--delay:-12s}
.bw-ingredient:nth-child(4){background-position:100% 100%;--size:clamp(105px,9vw,180px);
  right:calc(50% - 530px);top:-25px;--tilt:-24deg;--drift-x:-38px;--drift-y:22px;--duration:18s;--delay:-5s}
.bw-ch.flip .bw-ingredient:nth-child(1){top:29%;--tilt:17deg;--drift-y:-40px}
.bw-ch.flip .bw-ingredient:nth-child(2){top:8%;--tilt:-13deg;--drift-y:35px}
.bw-ch.flip .bw-ingredient:nth-child(3){left:calc(50% + 300px);--tilt:-17deg}
.bw-ch.flip .bw-ingredient:nth-child(4){right:calc(50% + 330px);--tilt:20deg}
.bw-ingredients.is-visible .bw-ingredient{animation-play-state:running}
.bw-ingredients.is-paused .bw-ingredient,
body:has(.bwlb.open) .bw-ingredient{animation-play-state:paused}
.bw-decor-toggle{position:absolute;z-index:2;right:max(24px,calc(50% - 736px));bottom:22px;
  display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 15px;
  border:1px solid rgba(51,44,43,.2);border-radius:24px;background:rgba(255,255,255,.65);
  color:#332C2B;font:700 .875rem var(--font-sans);cursor:pointer}
.bw-decor-toggle:hover{background:rgba(255,255,255,.9)}
@keyframes bowl-ingredient-float{
  0%,100%{transform:translate3d(0,0,0) rotate(var(--tilt))}
  35%{transform:translate3d(var(--drift-x),var(--drift-y),0) rotate(calc(var(--tilt) + 12deg))}
  70%{transform:translate3d(calc(var(--drift-x) * -.55),calc(var(--drift-y) * .45),0) rotate(calc(var(--tilt) - 9deg))}
}
/* Between the content and the viewport edge, only the upper/lower corners stay occupied. */
@media(max-width:1800px){
  .bw-ingredient:nth-child(1){top:-28px;left:-50px;--size:175px;--drift-y:15px}
  .bw-ingredient:nth-child(2){top:auto;bottom:50px;right:-50px;--size:155px;--drift-y:20px}
  .bw-ch.flip .bw-ingredient:nth-child(1){top:0;--drift-y:12px}
  .bw-ch.flip .bw-ingredient:nth-child(2){top:auto;bottom:32px;--drift-y:15px}
  .bw-ingredient:nth-child(3){--size:145px;bottom:-30px}
  .bw-ingredient:nth-child(4){--size:135px;top:-38px}
}
@media(max-width:980px){
  .bw-ch{padding-bottom:105px}
  .bw-ingredient:nth-child(1),.bw-ch.flip .bw-ingredient:nth-child(1){--size:120px;top:-24px;left:-37px}
  .bw-ingredient:nth-child(2),.bw-ch.flip .bw-ingredient:nth-child(2){--size:125px;right:2%;bottom:68px;top:auto}
  .bw-ingredient:nth-child(3),.bw-ch.flip .bw-ingredient:nth-child(3){--size:135px;left:12%;bottom:-10px}
  .bw-ingredient:nth-child(4),.bw-ch.flip .bw-ingredient:nth-child(4){--size:110px;right:12%;top:-35px}
  .bw-decor-toggle{right:24px;bottom:22px}
}
@media(max-width:520px){
  .bw-ingredient:nth-child(2){display:none}
  .bw-ingredient:nth-child(3),.bw-ch.flip .bw-ingredient:nth-child(3){left:-8px;--size:108px}
  .bw-ingredient:nth-child(4),.bw-ch.flip .bw-ingredient:nth-child(4){right:0;--size:96px}
}
@media(prefers-reduced-motion:reduce){
  .bw-ingredient{animation:none}
  .bw-decor-toggle{display:none}
}