/* Premium Cuts guide: each figure shows Kalai's cut illustration first, then the real Ninan's dish.
   The dish stays in normal flow and sets the frame's size, so without JavaScript the page looks exactly as before.
   Illustrations sit on top, hidden until the script marks one active. */
.cuts-page .cut-rotator-frame { position: relative; }
.cuts-page .cut-rotator .cut-rotator-frame img.cut-rotator-cut {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  padding: 9%;
  background: #ebe2d6;
  border-radius: 12px;
  opacity: 0;
  filter: blur(4px);
  transform: scale(1.02);
  transition: opacity 650ms cubic-bezier(.4, 0, .2, 1), filter 650ms cubic-bezier(.4, 0, .2, 1), transform 900ms cubic-bezier(.23, 1, .32, 1);
}
.cuts-page .cut-rotator .cut-rotator-frame img.cut-rotator-cut.is-active { opacity: 1; filter: none; transform: none; }
.cuts-page .cut-rotator figcaption { min-height: 1.5em; }
.cuts-page .cut-rotator-switch { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.cuts-page .cut-rotator-switch button {
  min-height: 44px;
  padding: 0 16px;
  border: 0;
  border-radius: 999px;
  background: #ebe2d6;
  color: #3b2a22;
  font: 600 14px/1 "Cabinet Grotesk", "Libre Franklin", Arial, sans-serif;
  cursor: pointer;
  transition: background-color 160ms ease, color 160ms ease, transform 160ms cubic-bezier(.23, 1, .32, 1);
}
.cuts-page .cut-rotator-switch button[aria-pressed="true"] { background: #5d0b0e; color: #f8f2ea; }
.cuts-page .cut-rotator-switch button:active { transform: scale(.97); }
.cuts-page .cut-rotator-switch button:focus-visible { outline: 3px solid #5d0b0e; outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) {
  .cuts-page .cut-rotator .cut-rotator-frame img.cut-rotator-cut,
  .cuts-page .cut-rotator-switch button { transition: none; filter: none; transform: none; }
}